[ { "path": ".changeset/README.md", "content": "# Changesets\n\nHello and welcome! This folder has been automatically generated by\n`@changesets/cli`, a build tool that works with multi-package repos, or\nsingle-package repos to help you version and publish your code. You can find the\nfull documentation for it\n[in our repository](https://github.com/changesets/changesets)\n\nWe have a quick list of common questions to get you started engaging with this\nproject in\n[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)\n" }, { "path": ".changeset/config.json", "content": "{\n \"$schema\": \"https://unpkg.com/@changesets/config@2.3.1/schema.json\",\n \"changelog\": \"@changesets/cli/changelog\",\n \"commit\": false,\n \"fixed\": [[\"@hyperdx/api\", \"@hyperdx/app\", \"@hyperdx/otel-collector\"]],\n \"linked\": [],\n \"access\": \"restricted\",\n \"baseBranch\": \"main\",\n \"updateInternalDependencies\": \"patch\"\n}\n" }, { "path": ".changeset/fast-plants-peel.md", "content": "---\n\"@hyperdx/api\": patch\n\"@hyperdx/app\": patch\n\"@hyperdx/otel-collector\": patch\n---\n\nci: Replace QEMU with native ARM64 runners for release builds\n" }, { "path": ".claude/agents/playwright-test-generator.md", "content": "---\nname: playwright-test-generator\ndescription: 'Use this agent when you need to create automated browser tests using Playwright Examples: Context: User wants to generate a test for the test plan item. '\ntools: Glob, Grep, Read, LS, mcp__playwright-test__browser_click, mcp__playwright-test__browser_drag, mcp__playwright-test__browser_evaluate, mcp__playwright-test__browser_file_upload, mcp__playwright-test__browser_handle_dialog, mcp__playwright-test__browser_hover, mcp__playwright-test__browser_navigate, mcp__playwright-test__browser_press_key, mcp__playwright-test__browser_select_option, mcp__playwright-test__browser_snapshot, mcp__playwright-test__browser_type, mcp__playwright-test__browser_verify_element_visible, mcp__playwright-test__browser_verify_list_visible, mcp__playwright-test__browser_verify_text_visible, mcp__playwright-test__browser_verify_value, mcp__playwright-test__browser_wait_for, mcp__playwright-test__generator_read_log, mcp__playwright-test__generator_setup_page, mcp__playwright-test__generator_write_test\nmodel: sonnet\ncolor: blue\n---\n\nYou are a Playwright Test Generator, an expert in browser automation and end-to-end testing.\nYour specialty is creating robust, reliable Playwright tests that accurately simulate user interactions and validate\napplication behavior.\n\n# For each test you generate\n- Obtain the test plan with all the steps and verification specification\n- Run the `generator_setup_page` tool to set up page for the scenario\n- For each step and verification in the scenario, do the following:\n - Use Playwright tool to manually execute it in real-time.\n - Use the step description as the intent for each Playwright tool call.\n- Retrieve generator log via `generator_read_log`\n- Immediately after reading the test log, invoke `generator_write_test` with the generated source code\n - File should contain single test\n - File name must be fs-friendly scenario name\n - Test must be placed in a describe matching the top-level test plan item\n - Test title must match the scenario name\n - Includes a comment with the step text before each step execution. Do not duplicate comments if step requires\n multiple actions.\n - Always use best practices from the log when generating tests.\n\n## HyperDX Project Conventions\n\nApply these rules to ALL tests you generate for this project.\n\n### File Structure\n- Specs: `packages/app/tests/e2e/features/`\n- Page objects: `packages/app/tests/e2e/page-objects/`\n- Components: `packages/app/tests/e2e/components/`\n- Base test import: `import { expect, test } from '../utils/base-test';` (NOT `@playwright/test`)\n\n### Page Object Pattern (REQUIRED)\n- ALL UI interactions must go through page objects and components — no raw `page.getByTestId()`, `page.locator()`, or `page.getByRole()` directly in spec files\n- If a needed interaction doesn't exist in a page object, add it to the page object first, then use it in the spec\n\n### Data Isolation (CRITICAL)\nTests run in parallel and share a database. Use `Date.now()` for **every field the API uniqueness-checks**:\n\n```typescript\nconst ts = Date.now();\nconst name = `E2E Thing ${ts}`;\nconst url = `https://example.com/thing-${ts}`; // URL too, not just name\n```\n\nThe webhook API enforces uniqueness on `(team, service, url)`. Hardcoded URLs will collide.\n\n### Assertions\n- Never assert global counts (`toHaveCount(N)`) — scope to the current test's data instead\n- Example: `pageContainer.getByRole('link').filter({ hasText: name })` not `getAlertCards().toHaveCount(1)`\n- Use `toBeVisible()` / `toBeHidden()` (web-first), never `waitForTimeout`\n- Assert successful chart loads by checking `.recharts-responsive-container` is visible\n\n### Tags\n- `{ tag: '@full-stack' }` for tests requiring the backend (MongoDB + API)\n- Feature tags: `@dashboard`, `@alerts`, `@search`, etc.\n\n \n For following plan:\n\n ```markdown file=specs/plan.md\n ### 1. Adding New Todos\n **Seed:** `tests/seed.spec.ts`\n\n #### 1.1 Add Valid Todo\n **Steps:**\n 1. Click in the \"What needs to be done?\" input field\n\n #### 1.2 Add Multiple Todos\n ...\n ```\n\n Following file is generated:\n\n ```ts file=add-valid-todo.spec.ts\n // spec: specs/plan.md\n // seed: tests/seed.spec.ts\n\n test.describe('Adding New Todos', () => {\n test('Add Valid Todo', async { page } => {\n // 1. Click in the \"What needs to be done?\" input field\n await page.click(...);\n\n ...\n });\n });\n ```\n " }, { "path": ".claude/agents/playwright-test-healer.md", "content": "---\nname: playwright-test-healer\ndescription: Use this agent when you need to debug and fix failing Playwright tests\ntools: Glob, Grep, Read, LS, Edit, MultiEdit, Write, mcp__playwright-test__browser_console_messages, mcp__playwright-test__browser_evaluate, mcp__playwright-test__browser_generate_locator, mcp__playwright-test__browser_network_requests, mcp__playwright-test__browser_snapshot, mcp__playwright-test__test_debug, mcp__playwright-test__test_list, mcp__playwright-test__test_run\nmodel: sonnet\ncolor: red\n---\n\nYou are the Playwright Test Healer, an expert test automation engineer specializing in debugging and\nresolving Playwright test failures. Your mission is to systematically identify, diagnose, and fix\nbroken Playwright tests using a methodical approach.\n\nYour workflow:\n1. **Initial Execution**: Run all tests using `test_run` tool to identify failing tests\n2. **Debug failed tests**: For each failing test run `test_debug`.\n3. **Error Investigation**: When the test pauses on errors, use available Playwright MCP tools to:\n - Examine the error details\n - Capture page snapshot to understand the context\n - Analyze selectors, timing issues, or assertion failures\n4. **Root Cause Analysis**: Determine the underlying cause of the failure by examining:\n - Element selectors that may have changed\n - Timing and synchronization issues\n - Data dependencies or test environment problems\n - Application changes that broke test assumptions\n5. **Code Remediation**: Edit the test code to address identified issues, focusing on:\n - Updating selectors to match current application state\n - Fixing assertions and expected values\n - Improving test reliability and maintainability\n - For inherently dynamic data, utilize regular expressions to produce resilient locators\n6. **Verification**: Restart the test after each fix to validate the changes\n7. **Iteration**: Repeat the investigation and fixing process until the test passes cleanly\n\nKey principles:\n- Be systematic and thorough in your debugging approach\n- Document your findings and reasoning for each fix\n- Prefer robust, maintainable solutions over quick hacks\n- Use Playwright best practices for reliable test automation\n- If multiple errors exist, fix them one at a time and retest\n- Provide clear explanations of what was broken and how you fixed it\n- You will continue this process until the test runs successfully without any failures or errors.\n- If the error persists and you have high level of confidence that the test is correct, mark this test as test.fixme()\n so that it is skipped during the execution. Add a comment before the failing step explaining what is happening instead\n of the expected behavior.\n- Do not ask user questions, you are not interactive tool, do the most reasonable thing possible to pass the test.\n- Never wait for networkidle or use other discouraged or deprecated apis\n\n## HyperDX Project Conventions\n\n### Test Runner\nAlways use this command — do NOT use `npx playwright test` directly:\n```bash\n./scripts/test-e2e.sh --quiet [--grep \"\\\"\\\"\"]\n```\n\n### Common Failure Patterns\n\n1. **API 400 \"already exists\" — form won't close**: Check network requests first. The webhook API enforces uniqueness on `(team, service, url)`. Hardcoded URLs collide between parallel tests or retries. Fix: use `` `https://example.com/thing-${Date.now()}` `` for URLs, not just names.\n\n2. **Strict mode violation — locator matches N elements**: A locator like `getByRole('link').filter({ hasText: name })` can match both a nav sidebar entry and a page content entry. Fix: scope to a container, e.g. `alertsPage.pageContainer.getByRole('link').filter({ hasText: name })`.\n\n3. **Global count assertion fails — `toHaveCount(N)` receives more**: Other tests' data is in the shared DB. Fix: replace `toHaveCount(1)` with `filter({ hasText: uniqueName }).toBeVisible()`, and `toHaveCount(0)` with `filter({ hasText: uniqueName }).toBeHidden()`.\n\n4. **`waitFor({ state: 'detached' })` times out**: Usually caused by a failed API call keeping a form open (see #1). Diagnose network first; fix the data issue rather than adjusting the wait.\n\n### Page Object Pattern\n- Fix broken tests by correcting or extending page objects (`page-objects/`, `components/`) — not by adding raw `page.getByTestId()` calls to spec files\n- The spec file should only call methods/getters defined on page objects" }, { "path": ".claude/agents/playwright-test-planner.md", "content": "---\nname: playwright-test-planner\ndescription: Use this agent when you need to create comprehensive test plan for a web application or website\ntools: Glob, Grep, Read, LS, mcp__playwright-test__browser_click, mcp__playwright-test__browser_close, mcp__playwright-test__browser_console_messages, mcp__playwright-test__browser_drag, mcp__playwright-test__browser_evaluate, mcp__playwright-test__browser_file_upload, mcp__playwright-test__browser_handle_dialog, mcp__playwright-test__browser_hover, mcp__playwright-test__browser_navigate, mcp__playwright-test__browser_navigate_back, mcp__playwright-test__browser_network_requests, mcp__playwright-test__browser_press_key, mcp__playwright-test__browser_select_option, mcp__playwright-test__browser_snapshot, mcp__playwright-test__browser_take_screenshot, mcp__playwright-test__browser_type, mcp__playwright-test__browser_wait_for, mcp__playwright-test__planner_setup_page, mcp__playwright-test__planner_save_plan\nmodel: sonnet\ncolor: green\n---\n\nYou are an expert web test planner with extensive experience in quality assurance, user experience testing, and test\nscenario design. Your expertise includes functional testing, edge case identification, and comprehensive test coverage\nplanning.\n\nYou will:\n\n1. **Navigate and Explore**\n - Invoke the `planner_setup_page` tool once to set up page before using any other tools\n - Explore the browser snapshot\n - Do not take screenshots unless absolutely necessary\n - Use `browser_*` tools to navigate and discover interface\n - Thoroughly explore the interface, identifying all interactive elements, forms, navigation paths, and functionality\n\n2. **Analyze User Flows**\n - Map out the primary user journeys and identify critical paths through the application\n - Consider different user types and their typical behaviors\n\n3. **Design Comprehensive Scenarios**\n\n Create detailed test scenarios that cover:\n - Happy path scenarios (normal user behavior)\n - Edge cases and boundary conditions\n - Error handling and validation\n\n4. **Structure Test Plans**\n\n Each scenario must include:\n - Clear, descriptive title\n - Detailed step-by-step instructions\n - Expected outcomes where appropriate\n - Assumptions about starting state (always assume blank/fresh state)\n - Success criteria and failure conditions\n\n5. **Create Documentation**\n\n Submit your test plan using `planner_save_plan` tool.\n\n**Quality Standards**:\n- Write steps that are specific enough for any tester to follow\n- Include negative testing scenarios\n- Ensure scenarios are independent and can be run in any order\n\n**Output Format**: Always save the complete test plan as a markdown file with clear headings, numbered steps, and\nprofessional formatting suitable for sharing with development and QA teams.\n\n## HyperDX Project Context\n\n### Application\nHyperDX is an observability platform. Key pages: `/search` (logs/traces), `/dashboards`, `/alerts`, `/metrics`, `/sessions`.\n\n### Test File Locations\n- Plans: `specs/`\n- Specs: `packages/app/tests/e2e/features/`\n- Page objects: `packages/app/tests/e2e/page-objects/`\n- Components: `packages/app/tests/e2e/components/`\n\n### Plan Requirements for HyperDX\n- Scenarios must be independent and assume a fresh DB state (the test runner clears MongoDB before each run)\n- Note when a scenario creates shared resources (e.g. webhooks, saved searches) that could conflict with parallel runs — flag these for data isolation\n- Reference existing page objects when describing steps so the generator agent knows what abstractions are available" }, { "path": ".claude/skills/playwright/SKILL.md", "content": "---\nname: playwright\ndescription: Writes end-to-end tests code using Playwright browser automation.\n---\n\n# Playwright End-to-End Test Writer\n\nI am a Playwright End-to-End Test Writer. I generate test code that simulates user interactions with the HyperDX application in a real browser environment, allowing us to verify that the application behaves as expected from the user's perspective.\n\nI will write tests covering these requirements: $ARGUMENTS.\n\nIf the requirements are empty or unclear, I will ask the user for a detailed description of the test they want.\n\n## Workflow\n\nUse the agents below to carry out each phase. Do not write test code directly in the main context.\n\n### 1. Test Generation\nDelegate to the **`playwright-test-generator`** agent (via the Agent tool). Pass it:\n- A full description of the test scenario including steps, expected outcomes, and edge cases\n- The target spec file path (`packages/app/tests/e2e/features/.spec.ts`)\n- Any relevant page object files that already exist for this feature\n\nThe agent will drive a real browser, execute the steps live, and produce spec code that follows HyperDX conventions. Review the output before proceeding.\n\n### 2. Test Execution\nAfter the generator agent writes the file, run the test:\n\n```bash\n./scripts/test-e2e.sh --quiet [--grep \"\\\"\\\"\"]\n```\n\nAlways run in full-stack mode (default). Do not ask the user about this.\n\n### 3. Iterative Fixing\nIf the test fails, delegate to the **`playwright-test-healer`** agent (via the Agent tool). Pass it:\n- The failing test file path\n- The error output\n- Any relevant context about what the test is supposed to do\n\nThe healer agent will debug interactively, fix the code, and re-run until the test passes.\n\n## HyperDX Project Conventions\n\nThese conventions apply to ALL test code produced by any agent. Review generated output to ensure compliance.\n\n### File Structure\n- Specs: `packages/app/tests/e2e/features/`\n- Page objects: `packages/app/tests/e2e/page-objects/`\n- Components: `packages/app/tests/e2e/components/`\n- Utilities: `packages/app/tests/e2e/utils/`\n- Base test (extends playwright with fixtures): `utils/base-test.ts`\n- Constants (source names): `utils/constants.ts`\n\n### Page Object Pattern (REQUIRED)\n- ALL UI interactions in spec files must go through page objects (`page-objects/`) and components (`components/`)\n- No raw `page.getByTestId()`, `page.locator()`, or `page.getByRole()` calls directly in spec files\n- If a needed interaction doesn't exist in a page object, add it to the page object — don't work around it in the spec\n\n### Data Isolation (CRITICAL)\nTests run in parallel and share a database. Use `Date.now()` for **every field the API uniqueness-checks** — not just display names:\n\n```typescript\nconst ts = Date.now();\nconst name = `E2E Thing ${ts}`;\nconst url = `https://example.com/thing-${ts}`; // URL too, not just name\n```\n\nThe webhook API enforces uniqueness on `(team, service, url)`. A hardcoded URL will collide between parallel runs or retries.\n\n### Assertions\n- Never assert global counts (`toHaveCount(N)`) — other tests' data pollutes the page\n- Scope assertions to the current test's data: `pageContainer.getByRole('link').filter({ hasText: name })`\n- Use web-first assertions (`toBeVisible()`, `toBeHidden()`) not imperative checks\n- Never use hardcoded waits (`waitForTimeout`) — wait for specific elements or conditions\n- Assert successful chart loads by checking `.recharts-responsive-container` is visible\n\n### Tags\n- `{ tag: '@full-stack' }` — tests requiring MongoDB + API backend\n- Feature tags: `@dashboard`, `@alerts`, `@search`, etc.\n\n### Imports\nAlways import from the base test, not directly from `@playwright/test`:\n```typescript\nimport { expect, test } from '../utils/base-test';\n```\n\n### Mock ClickHouse Data\n- E2E tests run against a local Docker environment with seeded ClickHouse data\n- Update `packages/app/tests/e2e/seed-clickhouse.ts` only if the scenario requires specific data not already seeded\n" }, { "path": ".cursor/mcp.json", "content": "{\n \"mcpServers\": {\n \"playwright-test\": {\n \"command\": \"npx\",\n \"args\": [\"playwright\", \"run-test-mcp-server\"]\n }\n }\n}\n" }, { "path": ".cursor/rules/playwright.mdc", "content": "---\ndescription: HyperDX Playwright E2E test conventions for writing, reviewing, and fixing tests. Use when creating, editing, or debugging any E2E test in this project.\nglobs:\nalwaysApply: false\n---\n\nWhen writing, reviewing, or fixing Playwright E2E tests for this project, follow the conventions in @.claude/skills/playwright/SKILL.md.\n\nTo run tests:\n```bash\n./scripts/test-e2e.sh --quiet [--grep \"\\\"\\\"\"]\n```\n" }, { "path": ".gitattributes", "content": "/.yarn/releases/** binary\n" }, { "path": ".github/pull_request_template.md", "content": "## Summary\n\n\n\n### Screenshots or video\n\n\n\n| Before | After |\n| :----- | :---- |\n| | |\n\n### How to test locally or on Vercel\n\n\n\n1.\n2.\n3.\n\n### References\n\n\n\n- Linear Issue:\n- Related PRs:\n" }, { "path": ".github/workflows/claude-code-review.yml", "content": "name: Claude Code Review\n\non:\n pull_request_target:\n types: [opened, synchronize, ready_for_review]\n workflow_dispatch:\n inputs:\n pr_number:\n description: Pull request number to review\n required: true\n type: string\n # Optional: Only run on specific file changes\n # paths:\n # - \"src/**/*.ts\"\n # - \"src/**/*.tsx\"\n # - \"src/**/*.js\"\n # - \"src/**/*.jsx\"\n\njobs:\n claude-review:\n if:\n github.event_name == 'workflow_dispatch' || github.event.action ==\n 'ready_for_review' || !github.event.pull_request.draft\n # Optional: Filter by PR author\n # if: |\n # github.event.pull_request.user.login == 'external-contributor' ||\n # github.event.pull_request.user.login == 'new-developer' ||\n # github.event.pull_request.author_association == 'FIRST_TIME_CONTRIBUTOR'\n\n runs-on: ubuntu-latest\n permissions:\n contents: write\n pull-requests: write\n issues: write\n id-token: write\n actions: read\n\n steps:\n # Resolve the PR head repo/ref first so both pull_request_target and\n # workflow_dispatch runs can checkout forked branches correctly.\n - name: Resolve PR metadata\n id: pr\n uses: actions/github-script@v7\n with:\n github-token: ${{ secrets.GITHUB_TOKEN }}\n script: |\n const prNumber =\n context.eventName === 'workflow_dispatch'\n ? Number('${{ inputs.pr_number }}')\n : context.payload.pull_request.number;\n\n const { data: pr } = await github.rest.pulls.get({\n owner: context.repo.owner,\n repo: context.repo.repo,\n pull_number: prNumber,\n });\n\n core.setOutput('number', String(pr.number));\n core.setOutput('head_repo', pr.head.repo.full_name);\n core.setOutput('head_ref', pr.head.ref);\n\n # Checkout the fork's branch so Claude can read the actual PR code.\n # Using the PR head repo/ref works for both fork and non-fork PRs.\n - name: Checkout repository\n uses: actions/checkout@v4\n with:\n repository: ${{ steps.pr.outputs.head_repo }}\n ref: ${{ steps.pr.outputs.head_ref }}\n fetch-depth: 0\n\n - name: Run Claude Code Review\n id: claude-review\n uses: anthropics/claude-code-action@v1\n with:\n anthropic_api_key: ${{ secrets.ANTHROPIC_API_KEY }}\n allowed_bots: cursor,cursor[bot],claude,claude[bot]\n github_token: ${{ secrets.GITHUB_TOKEN }} # Bypasses OIDC auth (required for pull_request_target)\n allowed_non_write_users: '*' # Allows fork contributors to trigger reviews\n prompt: |\n REPO: ${{ github.repository }}\n PR NUMBER: ${{ steps.pr.outputs.number }}\n\n Please review this pull request. Use the repository's CLAUDE.md for guidance on style and conventions.\n\n **IMPORTANT: Keep your review SHORT and ACTIONABLE.**\n\n Format your review as a concise bulleted list focusing ONLY on:\n - Critical bugs or security issues (if any)\n - Important code quality issues or violations of project patterns\n - Must-fix items before merge\n\n Skip minor style nitpicks, explanations of obvious issues, and lengthy justifications unless critical.\n Each item should be: **Issue** → **Fix** (one line each when possible).\n\n Example format:\n - ❌ Unvalidated user input in API endpoint → Add input validation\n - ⚠️ Missing error handling in async function → Wrap in try-catch\n - 🔒 Hardcoded credentials in config.ts → Move to environment variables\n\n If there are NO critical issues, simply say \"✅ No critical issues found.\"\n\n Note: If the team wants a more thorough review, they can comment on the PR requesting one.\n\n CRITICAL OUTPUT REQUIREMENTS:\n 1. Return a JSON object with a single \"review\" field containing your full markdown review.\n 2. The review markdown must start with EXACTLY these two lines:\n \n ## PR Review\n 3. Do not post the review yourself using GitHub CLI or any comment tool.\n 4. The workflow will create or update the PR comment using your structured output.\n\n # See https://github.com/anthropics/claude-code-action/blob/main/docs/usage.md\n # or https://docs.claude.com/en/docs/claude-code/sdk#command-line for available options\n claude_args: |\n --setting-sources user\n --allowedTools \"Bash(gh issue view:*),Bash(gh search:*),Bash(gh issue list:*),Bash(gh pr diff:*),Bash(gh pr view:*),Bash(gh pr list:*)\"\n --json-schema '{\"type\":\"object\",\"properties\":{\"review\":{\"type\":\"string\",\"description\":\"Complete markdown review starting with on the first line and ## PR Review on the second line\"}},\"required\":[\"review\"]}'\n\n - name: Find existing Claude review\n uses: peter-evans/find-comment@v4\n id: find-claude-comment\n with:\n issue-number: ${{ steps.pr.outputs.number }}\n comment-author: github-actions[bot]\n body-includes: ''\n direction: last\n\n - name: Post or update Claude review\n uses: peter-evans/create-or-update-comment@v5\n with:\n comment-id: ${{ steps.find-claude-comment.outputs.comment-id }}\n issue-number: ${{ steps.pr.outputs.number }}\n body:\n ${{ fromJSON(steps.claude-review.outputs.structured_output).review\n }}\n edit-mode: replace\n" }, { "path": ".github/workflows/claude.yml", "content": "name: Claude Code\n\non:\n issue_comment:\n types: [created]\n pull_request_review_comment:\n types: [created]\n issues:\n types: [opened, assigned]\n pull_request_review:\n types: [submitted]\n\njobs:\n claude:\n if: |\n (github.event_name == 'issue_comment' && contains(github.event.comment.body, '@claude')) ||\n (github.event_name == 'pull_request_review_comment' && contains(github.event.comment.body, '@claude')) ||\n (github.event_name == 'pull_request_review' && contains(github.event.review.body, '@claude')) ||\n (github.event_name == 'issues' && (contains(github.event.issue.body, '@claude') || contains(github.event.issue.title, '@claude')))\n runs-on: ubuntu-latest\n permissions:\n contents: write\n pull-requests: write\n issues: write\n id-token: write\n actions: read\n steps:\n - name: Checkout repository\n uses: actions/checkout@v4\n with:\n fetch-depth: 0\n\n - name: Setup Node.js\n uses: actions/setup-node@v4\n with:\n node-version-file: '.nvmrc'\n cache: 'yarn'\n cache-dependency-path: 'yarn.lock'\n\n - name: Install dependencies\n run: yarn install\n\n - name: Build dependencies\n run: make ci-build\n\n - name: Run Claude Code\n id: claude\n uses: anthropics/claude-code-action@v1\n with:\n anthropic_api_key: ${{ secrets.ANTHROPIC_API_KEY }}\n github_token: ${{ secrets.GITHUB_TOKEN }}\n use_sticky_comment: 'true'\n include_fix_links: 'true'\n claude_args: '--max-turns 20'\n" }, { "path": ".github/workflows/e2e-tests.yml", "content": "name: E2E Tests\non:\n workflow_call:\n\njobs:\n e2e-tests:\n name: E2E Tests - Shard ${{ matrix.shard }}\n runs-on: ubuntu-24.04\n timeout-minutes: 15\n permissions:\n contents: read\n strategy:\n fail-fast: false\n matrix:\n shard: [1, 2, 3, 4]\n\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n\n - name: Setup Node.js\n uses: actions/setup-node@v4\n with:\n node-version-file: '.nvmrc'\n cache-dependency-path: 'yarn.lock'\n cache: 'yarn'\n\n - name: Install dependencies\n run: yarn install\n\n - name: Build dependencies\n run: npx nx run-many -t ci:build\n\n - name: Install Playwright browsers\n run: cd packages/app && npx playwright install --with-deps chromium\n\n - name: Start E2E Docker Compose\n run: |\n docker compose -p e2e -f packages/app/tests/e2e/docker-compose.yml up -d\n echo \"Waiting for MongoDB...\"\n for i in $(seq 1 30); do\n if docker compose -p e2e -f packages/app/tests/e2e/docker-compose.yml exec -T db mongosh --port 29998 --quiet --eval \"db.adminCommand({ping:1})\" >/dev/null 2>&1; then\n echo \"MongoDB is ready\"\n break\n fi\n if [ \"$i\" -eq 30 ]; then\n echo \"MongoDB failed to become ready after 30 seconds\"\n exit 1\n fi\n echo \"Waiting for MongoDB... ($i/30)\"\n sleep 1\n done\n echo \"Waiting for ClickHouse...\"\n for i in $(seq 1 60); do\n if curl -sf http://localhost:8123/ping >/dev/null 2>&1; then\n echo \"ClickHouse is ready\"\n break\n fi\n if [ \"$i\" -eq 60 ]; then\n echo \"ClickHouse failed to become ready after 60 seconds\"\n exit 1\n fi\n echo \"Waiting for ClickHouse... ($i/60)\"\n sleep 1\n done\n\n - name: Run Playwright tests (full-stack mode)\n # E2E uses local docker-compose (MongoDB on 29998, ClickHouse on 8123)\n env:\n E2E_FULLSTACK: 'true'\n E2E_UNIQUE_USER: 'true'\n E2E_API_HEALTH_CHECK_MAX_RETRIES: '60'\n MONGO_URI: mongodb://localhost:29998/hyperdx-e2e\n run: |\n cd packages/app\n yarn test:e2e --shard=${{ matrix.shard }}/4\n\n - name: Upload Playwright report\n uses: actions/upload-artifact@v4\n if: always()\n with:\n name: playwright-report-${{ matrix.shard }}\n path: packages/app/playwright-report/\n retention-days: 30\n\n - name: Upload test results\n uses: actions/upload-artifact@v4\n if: always()\n with:\n name: test-results-${{ matrix.shard }}\n path: packages/app/test-results/\n retention-days: 30\n\n - name: Stop E2E containers\n if: always()\n run:\n docker compose -p e2e -f packages/app/tests/e2e/docker-compose.yml\n down -v\n" }, { "path": ".github/workflows/main.yml", "content": "name: Main\non:\n push:\n branches: [main, v1]\n pull_request:\n branches: [main, v1]\nconcurrency:\n group: ${{ github.workflow }}-${{ github.ref }}\n cancel-in-progress: true\njobs:\n lint:\n timeout-minutes: 8\n runs-on: ubuntu-24.04\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Setup node\n uses: actions/setup-node@v4\n with:\n node-version-file: '.nvmrc'\n cache-dependency-path: 'yarn.lock'\n cache: 'yarn'\n - name: Install root dependencies\n run: yarn install\n - name: Build dependencies\n run: make ci-build\n - name: Install core libs\n run: sudo apt-get install --yes curl bc\n - name: Run lint + type check\n run: make ci-lint\n unit:\n timeout-minutes: 8\n runs-on: ubuntu-24.04\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Setup node\n uses: actions/setup-node@v4\n with:\n node-version-file: '.nvmrc'\n cache-dependency-path: 'yarn.lock'\n cache: 'yarn'\n - name: Install root dependencies\n run: yarn install\n - name: Build dependencies\n run: make ci-build\n - name: Run unit tests\n run: make ci-unit\n integration:\n timeout-minutes: 8\n runs-on: ubuntu-24.04\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Setup node\n uses: actions/setup-node@v4\n with:\n node-version-file: '.nvmrc'\n cache-dependency-path: 'yarn.lock'\n cache: 'yarn'\n - name: Install root dependencies\n run: yarn install\n - name: Expose GitHub Runtime\n uses: crazy-max/ghaction-github-runtime@v2\n - name: Spin up docker services\n run: |\n docker buildx create --use --driver=docker-container\n docker buildx bake -f ./docker-compose.ci.yml --set *.cache-to=\"type=gha\" --set *.cache-from=\"type=gha\" --load\n - name: Build dependencies\n run: make ci-build\n - name: Run integration tests\n run: make ci-int\n otel-unit-test:\n timeout-minutes: 8\n runs-on: ubuntu-24.04\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Get changed files\n id: changed-files\n uses: tj-actions/changed-files@v46\n with:\n files: |\n packages/otel-collector/**\n - name: Setup Go\n if: steps.changed-files.outputs.any_changed == 'true'\n uses: actions/setup-go@v5\n with:\n go-version-file: packages/otel-collector/go.mod\n cache-dependency-path: packages/otel-collector/go.sum\n - name: Run unit tests\n if: steps.changed-files.outputs.any_changed == 'true'\n working-directory: ./packages/otel-collector\n run: go test ./...\n otel-smoke-test:\n timeout-minutes: 8\n runs-on: ubuntu-24.04\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Get changed OTEL collector files\n id: changed-files\n uses: tj-actions/changed-files@v46\n with:\n files: |\n docker/otel-collector/**\n smoke-tests/otel-ccollector/**\n - name: Install required tooling\n if: steps.changed-files.outputs.any_changed == 'true'\n env:\n DEBIAN_FRONTEND: noninteractive\n run: |\n sudo apt-get install -y apt-transport-https ca-certificates curl gnupg\n curl -fsSL 'https://packages.clickhouse.com/rpm/lts/repodata/repomd.xml.key' | sudo gpg --dearmor -o /usr/share/keyrings/clickhouse-keyring.gpg\n ARCH=$(dpkg --print-architecture)\n echo \"deb [signed-by=/usr/share/keyrings/clickhouse-keyring.gpg arch=${ARCH}] https://packages.clickhouse.com/deb stable main\" | sudo tee /etc/apt/sources.list.d/clickhouse.list\n sudo apt-get update\n sudo apt-get install --yes curl bats clickhouse-client\n - name: Run Smoke Tests\n if: steps.changed-files.outputs.any_changed == 'true'\n working-directory: ./smoke-tests/otel-collector\n run: bats .\n e2e-tests:\n uses: ./.github/workflows/e2e-tests.yml\n permissions:\n contents: read\n\n e2e-report:\n name: End-to-End Tests\n if: always()\n needs: e2e-tests\n runs-on: ubuntu-24.04\n permissions:\n contents: read\n pull-requests: write\n\n steps:\n - name: Download all test results\n uses: actions/download-artifact@v4\n with:\n pattern: test-results-*\n path: all-test-results\n\n - name: Aggregate test results\n id: test-results\n if: github.event_name == 'pull_request'\n uses: actions/github-script@v7\n with:\n result-encoding: string\n script: |\n const fs = require('fs');\n const path = require('path');\n\n let totalPassed = 0;\n let totalFailed = 0;\n let totalFlaky = 0;\n let totalSkipped = 0;\n let totalDuration = 0;\n let foundResults = false;\n\n try {\n const resultsDir = 'all-test-results';\n const shards = fs.readdirSync(resultsDir);\n\n for (const shard of shards) {\n const resultsPath = path.join(resultsDir, shard, 'results.json');\n if (fs.existsSync(resultsPath)) {\n foundResults = true;\n const results = JSON.parse(fs.readFileSync(resultsPath, 'utf8'));\n const { stats } = results;\n\n totalPassed += stats.expected || 0;\n totalFailed += stats.unexpected || 0;\n totalFlaky += stats.flaky || 0;\n totalSkipped += stats.skipped || 0;\n totalDuration += stats.duration || 0;\n }\n }\n\n if (foundResults) {\n const duration = Math.round(totalDuration / 1000);\n const summary = totalFailed > 0\n ? `❌ **${totalFailed} test${totalFailed > 1 ? 's' : ''} failed**`\n : `✅ **All tests passed**`;\n\n return `## E2E Test Results\n\n ${summary} • ${totalPassed} passed • ${totalSkipped} skipped • ${duration}s\n\n | Status | Count |\n |--------|-------|\n | ✅ Passed | ${totalPassed} |\n | ❌ Failed | ${totalFailed} |\n | ⚠️ Flaky | ${totalFlaky} |\n | ⏭️ Skipped | ${totalSkipped} |\n\n Tests ran across ${shards.length} shards in parallel.\n\n [View full report →](https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }})`;\n } else {\n return `## E2E Test Results\n\n ❌ **Test results file not found**\n\n [View full report →](https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }})`;\n }\n } catch (error) {\n console.log('Could not parse test results:', error.message);\n return `## E2E Test Results\n\n ❌ **Error reading test results**: ${error.message}\n\n [View full report →](https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }})`;\n }\n\n - name: Comment PR with test results\n uses: mshick/add-pr-comment@v2\n # Skip for fork PRs: GITHUB_TOKEN cannot write to the base repo\n if:\n always() && github.event_name == 'pull_request' &&\n github.event.pull_request.head.repo.fork != true\n with:\n message: ${{ steps.test-results.outputs.result }}\n message-id: e2e-test-results\n\n - name: Check test results\n id: check-results\n run: |\n total_failed=0\n for dir in all-test-results/*/; do\n if [ -f \"${dir}results.json\" ]; then\n unexpected=$(jq -r '.stats.unexpected // 0' \"${dir}results.json\")\n total_failed=$((total_failed + unexpected))\n fi\n done\n if [ \"$total_failed\" -gt 0 ]; then\n echo \"::error::$total_failed E2E test(s) failed\"\n exit 1\n fi\n # Fail when any shard failed even if we couldn't read failure count from artifacts\n if [ \"${{ needs.e2e-tests.result }}\" = \"failure\" ]; then\n echo \"::error::One or more E2E test shards failed\"\n exit 1\n fi\n\n clickhouse-static-build:\n name: ClickHouse Bundle Build\n runs-on: ubuntu-24.04\n timeout-minutes: 10\n permissions:\n contents: read\n strategy:\n fail-fast: false\n\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n\n - name: Setup Node.js\n uses: actions/setup-node@v4\n with:\n node-version-file: '.nvmrc'\n cache-dependency-path: 'yarn.lock'\n cache: 'yarn'\n\n - name: Install dependencies\n run: yarn install\n\n - name: Build App\n run: yarn build:clickhouse\n\n - name: Verify output directory exists and has size\n run: |\n if [ ! -d \"packages/app/out\" ]; then\n echo \"::error::Output directory 'packages/app/out' does not exist\"\n exit 1\n fi\n echo \"✓ Output directory exists\"\n # Calculate size in bytes and convert to MB\n size_kb=$(du -sk packages/app/out | cut -f1)\n size_mb=$((size_kb / 1024))\n echo \"Output directory size: ${size_mb} MB (${size_kb} KB)\"\n if [ \"$size_mb\" -lt 10 ]; then\n echo \"::error::Output directory is only ${size_mb} MB, expected at least 10 MB\"\n exit 1\n fi\n echo \"✓ Output directory size check passed (${size_mb} MB)\"\n" }, { "path": ".github/workflows/push.yml", "content": "name: Push Downstream\non:\n push:\n branches: [main]\nconcurrency:\n group: ${{ github.workflow }}-${{ github.ref }}\n cancel-in-progress: true\njobs:\n push-downstream:\n timeout-minutes: 5\n runs-on: ubuntu-24.04\n steps:\n - uses: actions/github-script@v7\n env:\n ACTOR: ${{ github.actor }}\n AUTHOR: ${{ github.event.head_commit.author.name }}\n MESSAGE: ${{ github.event.head_commit.message }}\n SHA: ${{ github.sha }}\n with:\n github-token: ${{ secrets.DOWNSTREAM_TOKEN }}\n script: |\n const { ACTOR, AUTHOR, MESSAGE, SHA } = process.env;\n const result = await github.rest.actions.createWorkflowDispatch({\n owner: '${{ secrets.DOWNSTREAM_OWNER }}',\n repo: '${{ secrets.DOWNSTREAM_REPO_V2 }}',\n workflow_id: '${{ secrets.DOWNSTREAM_WORKFLOW_ID_V2 }}',\n ref: 'main',\n inputs: {\n actor: ACTOR,\n author: AUTHOR,\n message: MESSAGE,\n sha: SHA\n }\n });\n" }, { "path": ".github/workflows/pushv1.yml", "content": "name: Push Downstream V1\non:\n push:\n branches: [v1]\nconcurrency:\n group: ${{ github.workflow }}-${{ github.ref }}\n cancel-in-progress: true\njobs:\n push-downstream:\n timeout-minutes: 5\n runs-on: ubuntu-24.04\n steps:\n - uses: actions/github-script@v7\n env:\n ACTOR: ${{ github.actor }}\n MESSAGE: ${{ github.event.head_commit.message }}\n SHA: ${{ github.sha }}\n with:\n github-token: ${{ secrets.DOWNSTREAM_TOKEN }}\n script: |\n const { ACTOR, MESSAGE, SHA } = process.env;\n const result = await github.rest.actions.createWorkflowDispatch({\n owner: '${{ secrets.DOWNSTREAM_OWNER }}',\n repo: '${{ secrets.DOWNSTREAM_REPO }}',\n workflow_id: '${{ secrets.DOWNSTREAM_WORKFLOW_ID }}',\n ref: 'main',\n inputs: {\n sha: SHA,\n actor: ACTOR,\n message: MESSAGE\n }\n });\n" }, { "path": ".github/workflows/release-nightly.yml", "content": "name: Release Nightly\non:\n schedule:\n # Run at 0:00 AM UTC every day\n - cron: '0 0 * * *'\n workflow_dispatch:\nconcurrency:\n group: ${{ github.workflow }}-${{ github.ref }}\n cancel-in-progress: true\npermissions:\n contents: write\n packages: write\n pull-requests: write\n actions: read\njobs:\n # ---------------------------------------------------------------------------\n # OTel Collector Nightly\n # ---------------------------------------------------------------------------\n build-otel-collector-nightly:\n name: Build OTel Collector Nightly (${{ matrix.arch }})\n strategy:\n fail-fast: true\n matrix:\n include:\n - arch: amd64\n platform: linux/amd64\n runner: ubuntu-latest\n - arch: arm64\n platform: linux/arm64\n runner: ubuntu-latest-arm64\n runs-on: ${{ matrix.runner }}\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Setup Docker Buildx\n uses: docker/setup-buildx-action@v3\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Login to GitHub Container Registry\n uses: docker/login-action@v3\n with:\n registry: ghcr.io\n username: ${{ github.actor }}\n password: ${{ secrets.GITHUB_TOKEN }}\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Build and Push\n uses: docker/build-push-action@v6\n with:\n context: .\n file: ./docker/otel-collector/Dockerfile\n platforms: ${{ matrix.platform }}\n target: prod\n tags: |\n ${{ env.OTEL_COLLECTOR_IMAGE_NAME_DOCKERHUB }}:${{ env.IMAGE_NIGHTLY_TAG }}-${{ matrix.arch }}\n ${{ env.NEXT_OTEL_COLLECTOR_IMAGE_NAME_DOCKERHUB }}:${{ env.IMAGE_NIGHTLY_TAG }}-${{ matrix.arch }}\n push: true\n cache-from: type=gha,scope=otel-collector-nightly-${{ matrix.arch }}\n cache-to:\n type=gha,mode=max,scope=otel-collector-nightly-${{ matrix.arch }}\n\n publish-otel-collector-nightly:\n name: Publish OTel Collector Nightly Manifest\n needs: build-otel-collector-nightly\n runs-on: ubuntu-latest\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Setup Docker Buildx\n uses: docker/setup-buildx-action@v3\n - name: Create multi-arch manifests\n run: |\n TAG=\"${{ env.IMAGE_NIGHTLY_TAG }}\"\n for IMAGE in \"${{ env.OTEL_COLLECTOR_IMAGE_NAME_DOCKERHUB }}\" \"${{ env.NEXT_OTEL_COLLECTOR_IMAGE_NAME_DOCKERHUB }}\"; do\n docker buildx imagetools create \\\n -t \"${IMAGE}:${TAG}\" \\\n \"${IMAGE}:${TAG}-amd64\" \\\n \"${IMAGE}:${TAG}-arm64\"\n done\n\n # ---------------------------------------------------------------------------\n # App Nightly\n # ---------------------------------------------------------------------------\n build-app-nightly:\n name: Build App Nightly (${{ matrix.arch }})\n strategy:\n fail-fast: true\n matrix:\n include:\n - arch: amd64\n platform: linux/amd64\n runner: Large-Runner-x64-32\n - arch: arm64\n platform: linux/arm64\n runner: Large-Runner-ARM64-32\n runs-on: ${{ matrix.runner }}\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Setup Docker Buildx\n uses: docker/setup-buildx-action@v3\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Login to GitHub Container Registry\n uses: docker/login-action@v3\n with:\n registry: ghcr.io\n username: ${{ github.actor }}\n password: ${{ secrets.GITHUB_TOKEN }}\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Build and Push\n uses: docker/build-push-action@v6\n with:\n file: ./docker/hyperdx/Dockerfile\n platforms: ${{ matrix.platform }}\n target: prod\n build-contexts: |\n hyperdx=./docker/hyperdx\n api=./packages/api\n app=./packages/app\n build-args: |\n CODE_VERSION=${{ env.IMAGE_NIGHTLY_TAG }}\n tags: |\n ${{ env.IMAGE_NAME_DOCKERHUB }}:${{ env.IMAGE_NIGHTLY_TAG }}-${{ matrix.arch }}\n push: true\n sbom: true\n provenance: true\n cache-from: type=gha,scope=app-nightly-${{ matrix.arch }}\n cache-to: type=gha,mode=max,scope=app-nightly-${{ matrix.arch }}\n\n publish-app-nightly:\n name: Publish App Nightly Manifest\n needs: build-app-nightly\n runs-on: ubuntu-latest\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Setup Docker Buildx\n uses: docker/setup-buildx-action@v3\n - name: Create multi-arch manifest\n run: |\n TAG=\"${{ env.IMAGE_NIGHTLY_TAG }}\"\n IMAGE=\"${{ env.IMAGE_NAME_DOCKERHUB }}\"\n docker buildx imagetools create \\\n -t \"${IMAGE}:${TAG}\" \\\n \"${IMAGE}:${TAG}-amd64\" \\\n \"${IMAGE}:${TAG}-arm64\"\n\n # ---------------------------------------------------------------------------\n # Local Nightly (all-in-one-noauth)\n # ---------------------------------------------------------------------------\n build-local-nightly:\n name: Build Local Nightly (${{ matrix.arch }})\n strategy:\n fail-fast: true\n matrix:\n include:\n - arch: amd64\n platform: linux/amd64\n runner: Large-Runner-x64-32\n - arch: arm64\n platform: linux/arm64\n runner: Large-Runner-ARM64-32\n runs-on: ${{ matrix.runner }}\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Setup Docker Buildx\n uses: docker/setup-buildx-action@v3\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Login to GitHub Container Registry\n uses: docker/login-action@v3\n with:\n registry: ghcr.io\n username: ${{ github.actor }}\n password: ${{ secrets.GITHUB_TOKEN }}\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Build and Push\n uses: docker/build-push-action@v6\n with:\n file: ./docker/hyperdx/Dockerfile\n platforms: ${{ matrix.platform }}\n target: all-in-one-noauth\n build-contexts: |\n clickhouse=./docker/clickhouse\n otel-collector=./docker/otel-collector\n hyperdx=./docker/hyperdx\n api=./packages/api\n app=./packages/app\n build-args: |\n CODE_VERSION=${{ env.IMAGE_NIGHTLY_TAG }}\n tags: |\n ${{ env.LOCAL_IMAGE_NAME_DOCKERHUB }}:${{ env.IMAGE_NIGHTLY_TAG }}-${{ matrix.arch }}\n ${{ env.NEXT_LOCAL_IMAGE_NAME_DOCKERHUB }}:${{ env.IMAGE_NIGHTLY_TAG }}-${{ matrix.arch }}\n push: true\n sbom: true\n provenance: true\n cache-from: type=gha,scope=local-nightly-${{ matrix.arch }}\n cache-to: type=gha,mode=max,scope=local-nightly-${{ matrix.arch }}\n\n publish-local-nightly:\n name: Publish Local Nightly Manifest\n needs: build-local-nightly\n runs-on: ubuntu-latest\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Setup Docker Buildx\n uses: docker/setup-buildx-action@v3\n - name: Create multi-arch manifests\n run: |\n TAG=\"${{ env.IMAGE_NIGHTLY_TAG }}\"\n for IMAGE in \"${{ env.LOCAL_IMAGE_NAME_DOCKERHUB }}\" \"${{ env.NEXT_LOCAL_IMAGE_NAME_DOCKERHUB }}\"; do\n docker buildx imagetools create \\\n -t \"${IMAGE}:${TAG}\" \\\n \"${IMAGE}:${TAG}-amd64\" \\\n \"${IMAGE}:${TAG}-arm64\"\n done\n\n # ---------------------------------------------------------------------------\n # All-in-One Nightly (all-in-one-auth)\n # ---------------------------------------------------------------------------\n build-all-in-one-nightly:\n name: Build All-in-One Nightly (${{ matrix.arch }})\n strategy:\n fail-fast: true\n matrix:\n include:\n - arch: amd64\n platform: linux/amd64\n runner: Large-Runner-x64-32\n - arch: arm64\n platform: linux/arm64\n runner: Large-Runner-ARM64-32\n runs-on: ${{ matrix.runner }}\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Setup Docker Buildx\n uses: docker/setup-buildx-action@v3\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Login to GitHub Container Registry\n uses: docker/login-action@v3\n with:\n registry: ghcr.io\n username: ${{ github.actor }}\n password: ${{ secrets.GITHUB_TOKEN }}\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Build and Push\n uses: docker/build-push-action@v6\n with:\n file: ./docker/hyperdx/Dockerfile\n platforms: ${{ matrix.platform }}\n target: all-in-one-auth\n build-contexts: |\n clickhouse=./docker/clickhouse\n otel-collector=./docker/otel-collector\n hyperdx=./docker/hyperdx\n api=./packages/api\n app=./packages/app\n build-args: |\n CODE_VERSION=${{ env.IMAGE_NIGHTLY_TAG }}\n tags: |\n ${{ env.ALL_IN_ONE_IMAGE_NAME_DOCKERHUB }}:${{ env.IMAGE_NIGHTLY_TAG }}-${{ matrix.arch }}\n ${{ env.NEXT_ALL_IN_ONE_IMAGE_NAME_DOCKERHUB }}:${{ env.IMAGE_NIGHTLY_TAG }}-${{ matrix.arch }}\n push: true\n sbom: true\n provenance: true\n cache-from: type=gha,scope=all-in-one-nightly-${{ matrix.arch }}\n cache-to:\n type=gha,mode=max,scope=all-in-one-nightly-${{ matrix.arch }}\n\n publish-all-in-one-nightly:\n name: Publish All-in-One Nightly Manifest\n needs: build-all-in-one-nightly\n runs-on: ubuntu-latest\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Setup Docker Buildx\n uses: docker/setup-buildx-action@v3\n - name: Create multi-arch manifests\n run: |\n TAG=\"${{ env.IMAGE_NIGHTLY_TAG }}\"\n for IMAGE in \"${{ env.ALL_IN_ONE_IMAGE_NAME_DOCKERHUB }}\" \"${{ env.NEXT_ALL_IN_ONE_IMAGE_NAME_DOCKERHUB }}\"; do\n docker buildx imagetools create \\\n -t \"${IMAGE}:${TAG}\" \\\n \"${IMAGE}:${TAG}-amd64\" \\\n \"${IMAGE}:${TAG}-arm64\"\n done\n\n # ---------------------------------------------------------------------------\n # Failure notification + OTel\n # ---------------------------------------------------------------------------\n slack-notify-failure:\n needs:\n [\n publish-otel-collector-nightly,\n publish-app-nightly,\n publish-local-nightly,\n publish-all-in-one-nightly,\n ]\n runs-on: ubuntu-24.04\n if: failure() && always()\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Get failed jobs\n id: get_failed_jobs\n uses: actions/github-script@v7\n with:\n github-token: ${{ secrets.GITHUB_TOKEN }}\n script: |\n const response = await github.rest.actions.listJobsForWorkflowRun({\n owner: context.repo.owner,\n repo: context.repo.repo,\n run_id: context.runId\n });\n\n const failedJobs = response.data.jobs\n .filter(job => job.status === 'completed' && job.conclusion === 'failure')\n .map(job => job.name)\n .join(', ');\n\n core.setOutput('failed_jobs', failedJobs);\n - name: Slack Notification\n uses: 8398a7/action-slack@v3\n with:\n status: custom\n fields: repo,workflow,commit,author\n custom_payload: |\n {\n \"text\": \"Release Nightly Failed\",\n \"attachments\": [{\n \"color\": \"danger\",\n \"fields\": [\n {\n \"title\": \"Failed Build\",\n \"value\": \"${{ steps.get_failed_jobs.outputs.failed_jobs }}\",\n \"short\": false\n },\n {\n \"title\": \"Commit\",\n \"value\": \"\",\n \"short\": false\n },\n {\n \"title\": \"Author\",\n \"value\": \"${{ github.actor }}\",\n \"short\": true\n }\n ]\n }]\n }\n env:\n SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL_ENG_NOTIFS }}\n GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}\n\n otel-cicd-action:\n if: always()\n name: OpenTelemetry Export Trace\n runs-on: ubuntu-latest\n needs:\n [\n publish-otel-collector-nightly,\n publish-app-nightly,\n publish-local-nightly,\n publish-all-in-one-nightly,\n slack-notify-failure,\n ]\n steps:\n - name: Export workflow\n uses: corentinmusard/otel-cicd-action@v4\n with:\n otlpEndpoint: ${{ secrets.OTLP_ENDPOINT }}/v1/traces\n otlpHeaders: ${{ secrets.OTLP_HEADERS }}\n otelServiceName: 'release-nightly-hyperdx-oss-workflow'\n githubToken: ${{ secrets.GITHUB_TOKEN }}\n" }, { "path": ".github/workflows/release.yml", "content": "name: Release\non:\n push:\n branches: [main]\npermissions:\n contents: write\n packages: write\n pull-requests: write\n actions: read\njobs:\n check_changesets:\n name: Check Changesets\n runs-on: ubuntu-24.04\n outputs:\n changeset_outputs_hasChangesets:\n ${{ steps.changesets.outputs.hasChangesets }}\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Setup node\n uses: actions/setup-node@v4\n with:\n node-version-file: '.nvmrc'\n cache-dependency-path: 'yarn.lock'\n cache: 'yarn'\n - name: Install root dependencies\n run: yarn install\n - name: Create Release Pull Request or Publish to npm\n if: always()\n continue-on-error: true\n id: changesets\n uses: changesets/action@v1\n with:\n commit: 'chore(release): bump HyperDX app/package versions'\n title: 'Release HyperDX'\n version: yarn run version\n publish: yarn release\n env:\n YARN_ENABLE_IMMUTABLE_INSTALLS: false\n GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}\n NPM_TOKEN: ${{ secrets.NPM_TOKEN }}\n\n # ---------------------------------------------------------------------------\n # Check if version already published (skip-if-exists)\n # ---------------------------------------------------------------------------\n check_version:\n name: Check if version exists\n needs: check_changesets\n runs-on: ubuntu-24.04\n if:\n needs.check_changesets.outputs.changeset_outputs_hasChangesets == 'false'\n outputs:\n should_release: ${{ steps.check.outputs.should_release }}\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Check if app image tag already exists\n id: check\n run: |\n TAG_EXISTS=$(docker manifest inspect ${{ env.IMAGE_NAME_DOCKERHUB }}:${{ env.IMAGE_VERSION }}${{ env.IMAGE_VERSION_SUB_TAG }} > /dev/null 2>&1 && echo \"true\" || echo \"false\")\n if [ \"$TAG_EXISTS\" = \"true\" ]; then\n echo \"Tag ${{ env.IMAGE_NAME_DOCKERHUB }}:${{ env.IMAGE_VERSION }}${{ env.IMAGE_VERSION_SUB_TAG }} already exists. Skipping release.\"\n echo \"should_release=false\" >> $GITHUB_OUTPUT\n else\n echo \"Tag does not exist. Proceeding with release.\"\n echo \"should_release=true\" >> $GITHUB_OUTPUT\n fi\n\n # ---------------------------------------------------------------------------\n # OTel Collector – build each arch natively, then merge into multi-arch tag\n # ---------------------------------------------------------------------------\n build-otel-collector:\n name: Build OTel Collector (${{ matrix.arch }})\n needs: [check_changesets, check_version]\n if: needs.check_version.outputs.should_release == 'true'\n strategy:\n fail-fast: true\n matrix:\n include:\n - arch: amd64\n platform: linux/amd64\n runner: ubuntu-latest\n - arch: arm64\n platform: linux/arm64\n runner: ubuntu-latest-arm64\n runs-on: ${{ matrix.runner }}\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Setup Docker Buildx\n uses: docker/setup-buildx-action@v3\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Login to GitHub Container Registry\n uses: docker/login-action@v3\n with:\n registry: ghcr.io\n username: ${{ github.actor }}\n password: ${{ secrets.GITHUB_TOKEN }}\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Build and Push\n uses: docker/build-push-action@v6\n with:\n context: .\n file: ./docker/otel-collector/Dockerfile\n platforms: ${{ matrix.platform }}\n target: prod\n tags: |\n ${{ env.OTEL_COLLECTOR_IMAGE_NAME_DOCKERHUB }}:${{ env.IMAGE_VERSION }}${{ env.IMAGE_VERSION_SUB_TAG }}-${{ matrix.arch }}\n ${{ env.NEXT_OTEL_COLLECTOR_IMAGE_NAME_DOCKERHUB }}:${{ env.IMAGE_VERSION }}${{ env.IMAGE_VERSION_SUB_TAG }}-${{ matrix.arch }}\n push: true\n cache-from: type=gha,scope=otel-collector-${{ matrix.arch }}\n cache-to: type=gha,mode=max,scope=otel-collector-${{ matrix.arch }}\n\n publish-otel-collector:\n name: Publish OTel Collector Manifest\n needs: [check_version, build-otel-collector]\n runs-on: ubuntu-latest\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Setup Docker Buildx\n uses: docker/setup-buildx-action@v3\n - name: Create multi-arch manifests\n run: |\n VERSION=\"${{ env.IMAGE_VERSION }}${{ env.IMAGE_VERSION_SUB_TAG }}\"\n MAJOR=\"${{ env.IMAGE_VERSION }}\"\n LATEST=\"${{ env.IMAGE_LATEST_TAG }}\"\n for IMAGE in \"${{ env.OTEL_COLLECTOR_IMAGE_NAME_DOCKERHUB }}\" \"${{ env.NEXT_OTEL_COLLECTOR_IMAGE_NAME_DOCKERHUB }}\"; do\n docker buildx imagetools create \\\n -t \"${IMAGE}:${VERSION}\" \\\n -t \"${IMAGE}:${MAJOR}\" \\\n -t \"${IMAGE}:${LATEST}\" \\\n \"${IMAGE}:${VERSION}-amd64\" \\\n \"${IMAGE}:${VERSION}-arm64\"\n done\n\n # ---------------------------------------------------------------------------\n # App (fullstack prod) – build each arch natively, then merge\n # ---------------------------------------------------------------------------\n build-app:\n name: Build App (${{ matrix.arch }})\n needs: [check_changesets, check_version]\n if: needs.check_version.outputs.should_release == 'true'\n strategy:\n fail-fast: true\n matrix:\n include:\n - arch: amd64\n platform: linux/amd64\n runner: Large-Runner-x64-32\n - arch: arm64\n platform: linux/arm64\n runner: Large-Runner-ARM64-32\n runs-on: ${{ matrix.runner }}\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Setup Docker Buildx\n uses: docker/setup-buildx-action@v3\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Login to GitHub Container Registry\n uses: docker/login-action@v3\n with:\n registry: ghcr.io\n username: ${{ github.actor }}\n password: ${{ secrets.GITHUB_TOKEN }}\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Build and Push\n uses: docker/build-push-action@v6\n with:\n file: ./docker/hyperdx/Dockerfile\n platforms: ${{ matrix.platform }}\n target: prod\n build-contexts: |\n hyperdx=./docker/hyperdx\n api=./packages/api\n app=./packages/app\n build-args: |\n CODE_VERSION=${{ env.CODE_VERSION }}\n tags: |\n ${{ env.IMAGE_NAME_DOCKERHUB }}:${{ env.IMAGE_VERSION }}${{ env.IMAGE_VERSION_SUB_TAG }}-${{ matrix.arch }}\n push: true\n sbom: true\n provenance: true\n cache-from: type=gha,scope=app-${{ matrix.arch }}\n cache-to: type=gha,mode=max,scope=app-${{ matrix.arch }}\n\n publish-app:\n name: Publish App Manifest\n needs: [check_version, build-app]\n runs-on: ubuntu-latest\n outputs:\n app_was_pushed: 'true'\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Setup Docker Buildx\n uses: docker/setup-buildx-action@v3\n - name: Create multi-arch manifest\n run: |\n VERSION=\"${{ env.IMAGE_VERSION }}${{ env.IMAGE_VERSION_SUB_TAG }}\"\n MAJOR=\"${{ env.IMAGE_VERSION }}\"\n LATEST=\"${{ env.IMAGE_LATEST_TAG }}\"\n IMAGE=\"${{ env.IMAGE_NAME_DOCKERHUB }}\"\n docker buildx imagetools create \\\n -t \"${IMAGE}:${VERSION}\" \\\n -t \"${IMAGE}:${MAJOR}\" \\\n -t \"${IMAGE}:${LATEST}\" \\\n \"${IMAGE}:${VERSION}-amd64\" \\\n \"${IMAGE}:${VERSION}-arm64\"\n\n # ---------------------------------------------------------------------------\n # Local (all-in-one-noauth) – build each arch natively, then merge\n # ---------------------------------------------------------------------------\n build-local:\n name: Build Local (${{ matrix.arch }})\n needs: [check_changesets, check_version]\n if: needs.check_version.outputs.should_release == 'true'\n strategy:\n fail-fast: true\n matrix:\n include:\n - arch: amd64\n platform: linux/amd64\n runner: Large-Runner-x64-32\n - arch: arm64\n platform: linux/arm64\n runner: Large-Runner-ARM64-32\n runs-on: ${{ matrix.runner }}\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Setup Docker Buildx\n uses: docker/setup-buildx-action@v3\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Login to GitHub Container Registry\n uses: docker/login-action@v3\n with:\n registry: ghcr.io\n username: ${{ github.actor }}\n password: ${{ secrets.GITHUB_TOKEN }}\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Build and Push\n uses: docker/build-push-action@v6\n with:\n file: ./docker/hyperdx/Dockerfile\n platforms: ${{ matrix.platform }}\n target: all-in-one-noauth\n build-contexts: |\n clickhouse=./docker/clickhouse\n otel-collector=./docker/otel-collector\n hyperdx=./docker/hyperdx\n api=./packages/api\n app=./packages/app\n build-args: |\n CODE_VERSION=${{ env.CODE_VERSION }}\n tags: |\n ${{ env.LOCAL_IMAGE_NAME_DOCKERHUB }}:${{ env.IMAGE_VERSION }}${{ env.IMAGE_VERSION_SUB_TAG }}-${{ matrix.arch }}\n ${{ env.NEXT_LOCAL_IMAGE_NAME_DOCKERHUB }}:${{ env.IMAGE_VERSION }}${{ env.IMAGE_VERSION_SUB_TAG }}-${{ matrix.arch }}\n push: true\n sbom: true\n provenance: true\n cache-from: type=gha,scope=local-${{ matrix.arch }}\n cache-to: type=gha,mode=max,scope=local-${{ matrix.arch }}\n\n publish-local:\n name: Publish Local Manifest\n needs: [check_version, build-local]\n runs-on: ubuntu-latest\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Setup Docker Buildx\n uses: docker/setup-buildx-action@v3\n - name: Create multi-arch manifests\n run: |\n VERSION=\"${{ env.IMAGE_VERSION }}${{ env.IMAGE_VERSION_SUB_TAG }}\"\n MAJOR=\"${{ env.IMAGE_VERSION }}\"\n LATEST=\"${{ env.IMAGE_LATEST_TAG }}\"\n for IMAGE in \"${{ env.LOCAL_IMAGE_NAME_DOCKERHUB }}\" \"${{ env.NEXT_LOCAL_IMAGE_NAME_DOCKERHUB }}\"; do\n docker buildx imagetools create \\\n -t \"${IMAGE}:${VERSION}\" \\\n -t \"${IMAGE}:${MAJOR}\" \\\n -t \"${IMAGE}:${LATEST}\" \\\n \"${IMAGE}:${VERSION}-amd64\" \\\n \"${IMAGE}:${VERSION}-arm64\"\n done\n\n # ---------------------------------------------------------------------------\n # All-in-One (all-in-one-auth) – build each arch natively, then merge\n # ---------------------------------------------------------------------------\n build-all-in-one:\n name: Build All-in-One (${{ matrix.arch }})\n needs: [check_changesets, check_version]\n if: needs.check_version.outputs.should_release == 'true'\n strategy:\n fail-fast: true\n matrix:\n include:\n - arch: amd64\n platform: linux/amd64\n runner: Large-Runner-x64-32\n - arch: arm64\n platform: linux/arm64\n runner: Large-Runner-ARM64-32\n runs-on: ${{ matrix.runner }}\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Setup Docker Buildx\n uses: docker/setup-buildx-action@v3\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Login to GitHub Container Registry\n uses: docker/login-action@v3\n with:\n registry: ghcr.io\n username: ${{ github.actor }}\n password: ${{ secrets.GITHUB_TOKEN }}\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Build and Push\n uses: docker/build-push-action@v6\n with:\n file: ./docker/hyperdx/Dockerfile\n platforms: ${{ matrix.platform }}\n target: all-in-one-auth\n build-contexts: |\n clickhouse=./docker/clickhouse\n otel-collector=./docker/otel-collector\n hyperdx=./docker/hyperdx\n api=./packages/api\n app=./packages/app\n build-args: |\n CODE_VERSION=${{ env.CODE_VERSION }}\n tags: |\n ${{ env.ALL_IN_ONE_IMAGE_NAME_DOCKERHUB }}:${{ env.IMAGE_VERSION }}${{ env.IMAGE_VERSION_SUB_TAG }}-${{ matrix.arch }}\n ${{ env.NEXT_ALL_IN_ONE_IMAGE_NAME_DOCKERHUB }}:${{ env.IMAGE_VERSION }}${{ env.IMAGE_VERSION_SUB_TAG }}-${{ matrix.arch }}\n push: true\n sbom: true\n provenance: true\n cache-from: type=gha,scope=all-in-one-${{ matrix.arch }}\n cache-to: type=gha,mode=max,scope=all-in-one-${{ matrix.arch }}\n\n publish-all-in-one:\n name: Publish All-in-One Manifest\n needs: [check_version, build-all-in-one]\n runs-on: ubuntu-latest\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Login to Docker Hub\n uses: docker/login-action@v3\n with:\n username: ${{ secrets.DOCKER_HUB_USERNAME }}\n password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}\n - name: Setup Docker Buildx\n uses: docker/setup-buildx-action@v3\n - name: Create multi-arch manifests\n run: |\n VERSION=\"${{ env.IMAGE_VERSION }}${{ env.IMAGE_VERSION_SUB_TAG }}\"\n MAJOR=\"${{ env.IMAGE_VERSION }}\"\n LATEST=\"${{ env.IMAGE_LATEST_TAG }}\"\n for IMAGE in \"${{ env.ALL_IN_ONE_IMAGE_NAME_DOCKERHUB }}\" \"${{ env.NEXT_ALL_IN_ONE_IMAGE_NAME_DOCKERHUB }}\"; do\n docker buildx imagetools create \\\n -t \"${IMAGE}:${VERSION}\" \\\n -t \"${IMAGE}:${MAJOR}\" \\\n -t \"${IMAGE}:${LATEST}\" \\\n \"${IMAGE}:${VERSION}-amd64\" \\\n \"${IMAGE}:${VERSION}-arm64\"\n done\n\n # ---------------------------------------------------------------------------\n # Downstream notifications\n # ---------------------------------------------------------------------------\n notify_helm_charts:\n name: Notify Helm-Charts Downstream\n needs:\n [\n check_changesets,\n publish-app,\n publish-otel-collector,\n publish-local,\n publish-all-in-one,\n ]\n runs-on: ubuntu-24.04\n if: |\n needs.check_changesets.outputs.changeset_outputs_hasChangesets == 'false' &&\n needs.publish-app.outputs.app_was_pushed == 'true'\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Notify Helm-Charts Downstream\n uses: actions/github-script@v7\n continue-on-error: true\n env:\n TAG: ${{ env.IMAGE_VERSION }}${{ env.IMAGE_VERSION_SUB_TAG }}\n with:\n github-token: ${{ secrets.CH_BOT_PAT }}\n script: |\n const { TAG } = process.env;\n const result = await github.rest.actions.createWorkflowDispatch({\n owner: 'ClickHouse',\n repo: 'ClickStack-helm-charts',\n workflow_id: '${{ secrets.DOWNSTREAM_HC_WORKFLOW_ID }}',\n ref: 'main',\n inputs: {\n tag: TAG\n }\n });\n\n notify_ch:\n name: Notify CH Downstream\n needs:\n [\n check_changesets,\n publish-app,\n publish-otel-collector,\n publish-local,\n publish-all-in-one,\n ]\n runs-on: ubuntu-24.04\n # Temporarily disabled:\n if: false\n # if: |\n # needs.check_changesets.outputs.changeset_outputs_hasChangesets == 'false' &&\n # needs.publish-app.outputs.app_was_pushed == 'true'\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Get Downstream App Installation Token\n id: auth\n uses: actions/create-github-app-token@v2\n with:\n app-id: ${{ secrets.DOWNSTREAM_CH_APP_ID }}\n private-key: ${{ secrets.DOWNSTREAM_CH_APP_PRIVATE_KEY }}\n owner: ${{ secrets.DOWNSTREAM_CH_OWNER }}\n - name: Notify CH Downstream\n uses: actions/github-script@v7\n continue-on-error: true\n env:\n TAG: ${{ env.IMAGE_VERSION }}${{ env.IMAGE_VERSION_SUB_TAG }}\n with:\n github-token: ${{ steps.auth.outputs.token }}\n script: |\n const { TAG } = process.env;\n const result = await github.rest.actions.createWorkflowDispatch({\n owner: '${{ secrets.DOWNSTREAM_CH_OWNER }}',\n repo: '${{ secrets.DOWNSTREAM_DP_REPO }}',\n workflow_id: '${{ secrets.DOWNSTREAM_DP_WORKFLOW_ID }}',\n ref: 'main',\n inputs: {\n tag: TAG\n }\n });\n\n notify_clickhouse_clickstack:\n needs:\n [\n check_changesets,\n publish-app,\n publish-otel-collector,\n publish-local,\n publish-all-in-one,\n ]\n if: needs.publish-app.outputs.app_was_pushed == 'true'\n timeout-minutes: 5\n runs-on: ubuntu-24.04\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n - name: Load Environment Variables from .env\n uses: xom9ikk/dotenv@v2\n - name: Notify ClickHouse/clickhouse-clickstack Downstream\n uses: actions/github-script@v7\n continue-on-error: true\n env:\n TAG: ${{ env.IMAGE_VERSION }}${{ env.IMAGE_VERSION_SUB_TAG }}\n with:\n github-token: ${{ secrets.CH_BOT_PAT }}\n script: |\n const { TAG } = process.env;\n const result = await github.rest.actions.createWorkflowDispatch({\n owner: 'ClickHouse',\n repo: 'clickhouse-clickstack',\n workflow_id: 'sync-hyperdx.yml',\n ref: 'main',\n inputs: {\n tag: TAG,\n }\n });\n\n otel-cicd-action:\n if: always()\n name: OpenTelemetry Export Trace\n runs-on: ubuntu-latest\n needs:\n [\n check_changesets,\n publish-app,\n publish-otel-collector,\n publish-local,\n publish-all-in-one,\n notify_helm_charts,\n notify_ch,\n notify_clickhouse_clickstack,\n ]\n steps:\n - name: Export workflow\n uses: corentinmusard/otel-cicd-action@v4\n with:\n otlpEndpoint: ${{ secrets.OTLP_ENDPOINT }}/v1/traces\n otlpHeaders: ${{ secrets.OTLP_HEADERS }}\n otelServiceName: 'release-hyperdx-oss-workflow'\n githubToken: ${{ secrets.GITHUB_TOKEN }}\n" }, { "path": ".github/workflows/security-audit.yml", "content": "name: Vulnerability Alerts\n\non:\n schedule:\n - cron: '0 9 * * *' # Daily at 9am UTC\n workflow_dispatch:\n\njobs:\n alert:\n runs-on: ubuntu-latest\n steps:\n - uses: kunalnagarco/action-cve@v1.14.23\n with:\n org: hyperdxio\n token: ${{ secrets.DEPENDABOT_NOTIF_PAT }}\n slack_webhook: ${{ secrets.SLACK_WEBHOOK_VULNERABILITIES }}\n severity: medium,high,critical\n" }, { "path": ".gitignore", "content": "# Claude Code user-local settings (not project config)\n.claude/settings.local.json\n\n# Override global .gitignore to track project-level AI tooling configs\n!.cursor\n!.cursor/mcp.json\n.worktrees\n\n# Playwright MCP scratch files\nseed.spec.ts\nspecs/\n\n# misc\n**/.DS_Store\n**/*.pem\n**/keys\n\n# logs\n**/*.log\n**/npm-debug.log*\n**/lerna-debug.log*\n\n# yarn\n**/yarn-debug.log*\n**/yarn-error.log*\n.yarn/*\n!.yarn/cache\n!.yarn/patches\n!.yarn/plugins\n!.yarn/releases\n!.yarn/sdks\n!.yarn/versions\n\n# dotenv environment variable files\n**/.env.development.local\n**/.env.test.local\n**/.env.production.local\n**/.env.local\n**/.dockerhub.env\n**/.ghcr.env\n\n# Next.js build output\npackages/app/.next\npackages/app/.pnp\npackages/app/.pnp.js\npackages/app/.vercel\npackages/app/coverage\npackages/app/out\npackages/app/tmp\npackages/app/next-env.d.ts\n\n# optional npm cache directory\n**/.npm\n\n# dependency directories\n**/node_modules\n\n# build output\n**/dist\n**/build\n**/tsconfig.tsbuildinfo\n\n# jest coverage report\n**/coverage\n\n# e2e\ne2e/cypress/screenshots/\ne2e/cypress/videos/\ne2e/cypress/results\n\n# playwright\n**/test-results/\n**/playwright-report/\n**/playwright/.cache/\n**/.auth/\n\n# storybook\n**/storybook-static/\n\n# scripts\nscripts/*.csv\n**/venv\n**/__pycache__/\n*.py[cod]\n*$py.class\n\n# docker\ndocker-compose.prod.yml\n.volumes\n\n# NX\n.nx/\n\n# webstorm\n.idea\n" }, { "path": ".husky/pre-commit", "content": "#!/usr/bin/env sh\nset -e\n\n. \"$(dirname -- \"$0\")/_/husky.sh\"\n\nnpx lint-staged\n" }, { "path": ".kodiak.toml", "content": "version = 1\n\n[merge]\n# Label to enable Kodiak to merge a PR.\nautomerge_label = \"automerge\"\n\n# When disabled, Kodiak will immediately attempt to merge any PR that passes all\n# GitHub branch protection requirements.\nrequire_automerge_label = true\n\n# If you're using the \"Require signed commits\" GitHub Branch Protection setting\n# to require commit signatures, \"merge\" or \"squash\" are the only compatible options. \"rebase\" will cause Kodiak to raise a configuration error.\nmethod = \"squash\" # default: \"merge\", options: \"merge\", \"squash\", \"rebase\"\n\n# Once a PR is merged, delete the branch. This option behaves like the GitHub\n# repository setting \"Automatically delete head branches\", which automatically\n# deletes head branches after pull requests are merged.\ndelete_branch_on_merge = true # default: false\n\n# If there is a merge conflict, make a comment on the PR and remove the\n# automerge label. This option only applies when `merge.require_automerge_label`\n# is enabled.\nnotify_on_conflict = true # default: true\n\n# Don't wait for in-progress status checks on a PR to finish before updating the\n# branch.\noptimistic_updates = true # default: true\n\n# If a PR is passing all checks and is able to be merged, merge it without\n# placing it in the merge queue. This option adds some unfairness where PRs\n# waiting in the queue the longest are not served first.\nprioritize_ready_to_merge = true # default: false\n\n# Never merge a PR. This option can be used with `update.always` to\n# automatically update a PR without merging.\ndo_not_merge = false # default: false\n\n[merge.message]\n# By default (`\"github_default\"`), GitHub uses the title of a PR's first commit\n# for the merge commit title. `\"pull_request_title\"` uses the PR title for the\n# merge commit.\ntitle = \"pull_request_title\" # default: \"github_default\", options: \"github_default\", \"pull_request_title\"\n\n# By default (`\"github_default\"`), GitHub combines the titles of a PR's commits\n# to create the body text of a merge commit. `\"pull_request_body\"` uses the\n# content of the PR to generate the body content while `\"empty\"` sets an empty\n# body.\nbody = \"pull_request_body\" # default: \"github_default\", options: \"github_default\", \"pull_request_body\", \"empty\"\n\n# Append the Pull Request URL to the merge message. Makes navigating to the PR\n# from the commit easier.\n#### NOTE: 'true' required for benchmarks in CI:\ninclude_pull_request_url = false # default: false\n\n# Add the PR number to the merge commit title. This setting replicates GitHub's\n# behavior of automatically adding the PR number to the title of merges created\n# through the UI. This option only applies when `merge.message.title` does not\n# equal `\"github_default\"`.\n### NOTE: if this is set to true github links to unrelated OSS issues, which is confusing\ninclude_pr_number = true # default: true\n\n# Control the text used in the merge commit. The GitHub default is markdown, but\n# `\"plain_text\"` or `\"html\"` can be used to render the pull request body as text\n# or HTML. This option only applies when `merge.message.body = \"pull_request_body\"`.\nbody_type = \"markdown\" # default: \"markdown\", options: \"plain_text\", \"markdown\", \"html\"\n\n# Strip HTML comments (``) from merge commit body.\n# This setting is useful for stripping HTML comments created by PR templates.\n# This option only applies when `merge.message.body_type = \"markdown\"`.\nstrip_html_comments = true # default: false\n\n# Remove all content before the configured string in the pull request body.\n# This setting is useful when we want to include only a part of the pull request\n# description as the commit message.\n# This option only applies when `merge.message.body_type = \"markdown\"`.\ncut_body_before = \"\"\n\ninclude_coauthors = true\n\n[update]\n\n# Update a PR whenever out of date with the base branch. The PR will be updated\n# regardless of merge requirements (e.g. failing status checks, missing reviews,\n# blacklist labels).\n#\n# Kodiak will only update PRs with the `merge.automerge_label` label or if\n# `update.require_automerge_label = false`.\n#\n# When enabled, _Kodiak will not be able to efficiently update PRs._ If you have\n# multiple PRs against a target like `master`, any time a commit is added to\n# `master` _all_ of those PRs against `master` will update. For `N` PRs against\n# a target you will see at least `N(N-1)/2` updates. If this configuration\n# option was disabled you would only see at least `N-1` updates.\nalways = false # default: false\n\n# When enabled, Kodiak will only update PRs that have an automerge label\n# (configured via `merge.automerge_label`). When disable, Kodiak will update any\n# PR. This option only applies when `update.always = true`.\nrequire_automerge_label = true # default: true\n" }, { "path": ".mcp.json", "content": "{\n \"mcpServers\": {\n \"playwright-test\": {\n \"command\": \"npx\",\n \"args\": [\"playwright\", \"run-test-mcp-server\"]\n }\n }\n}\n" }, { "path": ".nvmrc", "content": "22.21.1\n" }, { "path": ".opencode/commands/do-linear.md", "content": "---\ndescription:\n Fetch a Linear ticket, implement the fix/feature, test, commit, push, and\n raise a PR\n---\n\nLook up the Linear ticket $ARGUMENTS. Read the ticket description, comments, and\nany linked resources thoroughly.\n\n## Phase 1: Understand the Ticket\n\n- Summarize the ticket — what is being asked for (bug fix, feature, refactor,\n etc.)\n- Identify acceptance criteria or expected behavior from the description\n- Note any linked issues, related tickets, or dependencies\n\nIf the ticket description is too vague or lacks enough information to proceed\nconfidently, **stop and ask me for clarification** before writing any code.\nExplain exactly what information is missing and what assumptions you would need\nto make.\n\n## Phase 2: Plan and Implement\n\nBefore writing code, read the relevant documentation from the `agent_docs/`\ndirectory to understand architecture and code patterns.\n\n1. Explore the codebase to understand the relevant code paths and existing\n patterns\n2. Create an implementation plan — which files to change, what approach to take\n3. Implement the fix or feature following existing codebase patterns\n4. Keep changes minimal and focused on the ticket scope\n\n## Phase 3: Verify\n\nRun lint and type checks, then run the appropriate tests based on which packages\nwere modified:\n\n1. Run `make ci-lint` to verify lint and TypeScript types pass\n2. Run `make ci-unit` to verify unit tests pass across all packages\n3. If any checks fail, fix the issues and re-run until everything passes\n\n## Phase 4: Commit, Push, and Open PR\n\n1. Create a new branch named `/$ARGUMENTS-`.\n Use the current git/OS username when available, and use `whoami` as a\n fallback to determine the prefix (e.g. `warren/HDX-1234-fix-search-filter`)\n2. Commit the changes using conventional commit format (e.g. `feat:`, `fix:`,\n `chore:`) and reference the ticket ID\n3. Push the branch to the remote\n4. Open a pull request with:\n - Title: `[$ARGUMENTS] `\n - Body: Use `.github/pull_request_template.md` as the template and fill it in\n with the relevant summary, testing notes, and Linear ticket link\n - Label: Attach the `ai-generated` label\n" }, { "path": ".opencode/commands/plan-linear.md", "content": "---\ndescription: Research a Linear ticket and create an implementation plan\nagent: plan\n---\n\nLook up the Linear ticket $ARGUMENTS. Read the ticket description and all\ncomments on the ticket thoroughly.\n\nBased on your research of the ticket, come up with a detailed implementation\nplan. The plan should include:\n\n1. **Summary** — A concise summary of what the ticket is asking for\n2. **Context** — Relevant information gathered from the ticket description and\n comments\n3. **Approach** — Step-by-step implementation plan with specific files and\n components to modify\n4. **Testing** — How the changes should be tested\n5. **Open Questions** — Any ambiguities or decisions that need clarification\n\nBefore writing the plan, explore the codebase to understand the relevant code\npaths and existing patterns. Reference specific files and line numbers where\nchanges will be needed.\n" }, { "path": ".prettierignore", "content": "# Ignore artifacts:\ndist\ncoverage\n.volumes\n" }, { "path": ".prettierrc", "content": "{\n \"printWidth\": 80,\n \"tabWidth\": 2,\n \"useTabs\": false,\n \"semi\": true,\n \"singleQuote\": true,\n \"trailingComma\": \"all\",\n \"bracketSpacing\": true,\n \"jsxBracketSameLine\": false,\n \"fluid\": false,\n \"arrowParens\": \"avoid\",\n \"proseWrap\": \"always\"\n}\n" }, { "path": ".vex/openssl-mongodb.vex.json", "content": "{\n \"@context\": \"https://openvex.dev/ns/v0.2.0\",\n \"@id\": \"https://github.com/hyperdxio/hyperdx/blob/main/.vex/openssl-mongodb.vex.json\",\n \"author\": \"HyperDX Team\",\n \"role\": \"Supplier\",\n \"timestamp\": \"2026-02-17T00:00:00Z\",\n \"version\": 1,\n \"statements\": [\n {\n \"vulnerability\": { \"name\": \"CVE-2021-3711\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode and does not process external TLS certificates. OpenSSL certificate-parsing vulnerabilities are not exploitable in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2021-3712\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode and does not process external TLS certificates. OpenSSL certificate-parsing vulnerabilities are not exploitable in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2021-4044\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode and does not process external TLS certificates. OpenSSL vulnerabilities are not exploitable in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2022-0778\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode. Certificate processing from untrusted sources does not occur, making this infinite-loop vulnerability unexploitable.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2022-1473\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode and does not process external TLS certificates. This memory leak vulnerability is not exploitable in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2022-3358\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode. Custom cipher usage from untrusted sources does not occur in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2022-3602\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode and does not process external TLS certificates. This buffer overflow vulnerability is not exploitable in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2022-3786\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode and does not process external TLS certificates. This buffer overflow vulnerability is not exploitable in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2022-3996\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode. The double-locking issue is not triggerable via external input in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2023-0286\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode. External GeneralName certificate parsing does not occur in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2023-0464\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode. Untrusted X.509 certificate chains with policy constraints are not processed in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2023-5363\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode. Untrusted key/IV inputs from external sources are not processed in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2024-4741\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode and does not process external TLS certificates. This use-after-free vulnerability is not exploitable in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2024-5535\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode. The SSL_select_next_proto vulnerability requires attacker-controlled input not present in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2024-6119\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode. OCSP responses from external sources are not processed in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2025-9230\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode and does not process external TLS certificates. This OpenSSL vulnerability is not exploitable in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2025-15467\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode and does not process external TLS certificates. This OpenSSL vulnerability is not exploitable in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2025-69419\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode and does not process external TLS certificates. This OpenSSL vulnerability is not exploitable in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2025-69420\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode and does not process external TLS certificates. This OpenSSL vulnerability is not exploitable in this deployment.\"\n },\n {\n \"vulnerability\": { \"name\": \"CVE-2025-69421\" },\n \"products\": [{ \"@id\": \"pkg:oci/clickstack\" }],\n \"status\": \"not_affected\",\n \"justification\": \"inline_mitigations_already_exist\",\n \"impact_statement\": \"MongoDB is deployed in localhost-only mode and does not process external TLS certificates. This OpenSSL vulnerability is not exploitable in this deployment.\"\n }\n ]\n}\n" }, { "path": ".vscode/extensions.json", "content": "{\n \"recommendations\": [\n \"vunguyentuan.vscode-css-variables\",\n \"clinyong.vscode-css-modules\",\n \"streetsidesoftware.code-spell-checker\",\n \"dbaeumer.vscode-eslint\",\n \"stylelint.vscode-stylelint\",\n \"esbenp.prettier-vscode\"\n ]\n}\n" }, { "path": ".vscode/settings.json", "content": "{\n \"editor.tabSize\": 2,\n \"editor.insertSpaces\": true,\n \"editor.detectIndentation\": false,\n \"editor.formatOnSave\": true,\n \"editor.codeActionsOnSave\": {\n \"source.fixAll.eslint\": \"always\",\n \"source.fixAll.stylelint\": \"always\"\n },\n \"eslint.useFlatConfig\": true,\n \"[typescript]\": {\n \"editor.defaultFormatter\": \"dbaeumer.vscode-eslint\"\n },\n \"[typescriptreact]\": {\n \"editor.defaultFormatter\": \"dbaeumer.vscode-eslint\"\n },\n \"[scss]\": {\n \"editor.defaultFormatter\": \"stylelint.vscode-stylelint\"\n },\n \"[css]\": {\n \"editor.defaultFormatter\": \"stylelint.vscode-stylelint\"\n },\n \"eslint.workingDirectories\": [\n {\n \"mode\": \"auto\"\n }\n ],\n \"stylelint.validate\": [\"css\", \"postcss\", \"scss\"],\n \"cssVariables.lookupFiles\": [\n \"**/*.css\",\n \"**/*.scss\",\n \"**/*.sass\",\n \"**/*.less\",\n \"node_modules/@mantine/core/styles.css\"\n ],\n \"search.exclude\": {\n \"**/node_modules\": true,\n \"**/bower_components\": true,\n \"**/.next\": true,\n \"**/*.code-search\": true,\n \"**/*.map\": true,\n \"**/yarn.lock\": true,\n \"**/yarn-*.cjs\": true\n },\n \"cSpell.words\": [\n \"clickhouse\",\n \"hyperdx\",\n \"micropip\",\n \"opamp\",\n \"pyimport\",\n \"pyodide\"\n ]\n}\n" }, { "path": ".yarn/releases/yarn-1.22.18.cjs", "content": "#!/usr/bin/env node\nmodule.exports = /******/ (function (modules) {\n // webpackBootstrap\n /******/ // The module cache\n /******/ var installedModules = {};\n /******/\n /******/ // The require function\n /******/ function __webpack_require__(moduleId) {\n /******/\n /******/ // Check if module is in cache\n /******/ if (installedModules[moduleId]) {\n /******/ return installedModules[moduleId].exports;\n /******/\n }\n /******/ // Create a new module (and put it into the cache)\n /******/ var module = (installedModules[moduleId] = {\n /******/ i: moduleId,\n /******/ l: false,\n /******/ exports: {},\n /******/\n });\n /******/\n /******/ // Execute the module function\n /******/ modules[moduleId].call(\n module.exports,\n module,\n module.exports,\n __webpack_require__,\n );\n /******/\n /******/ // Flag the module as loaded\n /******/ module.l = true;\n /******/\n /******/ // Return the exports of the module\n /******/ return module.exports;\n /******/\n }\n /******/\n /******/\n /******/ // expose the modules object (__webpack_modules__)\n /******/ __webpack_require__.m = modules;\n /******/\n /******/ // expose the module cache\n /******/ __webpack_require__.c = installedModules;\n /******/\n /******/ // identity function for calling harmony imports with the correct context\n /******/ __webpack_require__.i = function (value) {\n return value;\n };\n /******/\n /******/ // define getter function for harmony exports\n /******/ __webpack_require__.d = function (exports, name, getter) {\n /******/ if (!__webpack_require__.o(exports, name)) {\n /******/ Object.defineProperty(exports, name, {\n /******/ configurable: false,\n /******/ enumerable: true,\n /******/ get: getter,\n /******/\n });\n /******/\n }\n /******/\n };\n /******/\n /******/ // getDefaultExport function for compatibility with non-harmony modules\n /******/ __webpack_require__.n = function (module) {\n /******/ var getter =\n module && module.__esModule\n ? /******/ function getDefault() {\n return module['default'];\n }\n : /******/ function getModuleExports() {\n return module;\n };\n /******/ __webpack_require__.d(getter, 'a', getter);\n /******/ return getter;\n /******/\n };\n /******/\n /******/ // Object.prototype.hasOwnProperty.call\n /******/ __webpack_require__.o = function (object, property) {\n return Object.prototype.hasOwnProperty.call(object, property);\n };\n /******/\n /******/ // __webpack_public_path__\n /******/ __webpack_require__.p = '';\n /******/\n /******/ // Load entry module and return exports\n /******/ return __webpack_require__((__webpack_require__.s = 517));\n /******/\n})(\n /************************************************************************/\n /******/ [\n /* 0 */\n /***/ function (module, exports) {\n module.exports = require('path');\n\n /***/\n },\n /* 1 */\n /***/ function (module, __webpack_exports__, __webpack_require__) {\n 'use strict';\n /* harmony export (immutable) */ __webpack_exports__['a'] = __extends;\n /* unused harmony export __assign */\n /* unused harmony export __rest */\n /* unused harmony export __decorate */\n /* unused harmony export __param */\n /* unused harmony export __metadata */\n /* unused harmony export __awaiter */\n /* unused harmony export __generator */\n /* unused harmony export __exportStar */\n /* unused harmony export __values */\n /* unused harmony export __read */\n /* unused harmony export __spread */\n /* unused harmony export __await */\n /* unused harmony export __asyncGenerator */\n /* unused harmony export __asyncDelegator */\n /* unused harmony export __asyncValues */\n /* unused harmony export __makeTemplateObject */\n /* unused harmony export __importStar */\n /* unused harmony export __importDefault */\n /*! *****************************************************************************\nCopyright (c) Microsoft Corporation. All rights reserved.\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\nthis file except in compliance with the License. You may obtain a copy of the\nLicense at http://www.apache.org/licenses/LICENSE-2.0\n\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\nMERCHANTABLITY OR NON-INFRINGEMENT.\n\nSee the Apache Version 2.0 License for specific language governing permissions\nand limitations under the License.\n***************************************************************************** */\n /* global Reflect, Promise */\n\n var extendStatics = function (d, b) {\n extendStatics =\n Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array &&\n function (d, b) {\n d.__proto__ = b;\n }) ||\n function (d, b) {\n for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n };\n return extendStatics(d, b);\n };\n\n function __extends(d, b) {\n extendStatics(d, b);\n function __() {\n this.constructor = d;\n }\n d.prototype =\n b === null\n ? Object.create(b)\n : ((__.prototype = b.prototype), new __());\n }\n\n var __assign = function () {\n __assign =\n Object.assign ||\n function __assign(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s)\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n };\n\n function __rest(s, e) {\n var t = {};\n for (var p in s)\n if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === 'function')\n for (\n var i = 0, p = Object.getOwnPropertySymbols(s);\n i < p.length;\n i++\n )\n if (e.indexOf(p[i]) < 0) t[p[i]] = s[p[i]];\n return t;\n }\n\n function __decorate(decorators, target, key, desc) {\n var c = arguments.length,\n r =\n c < 3\n ? target\n : desc === null\n ? (desc = Object.getOwnPropertyDescriptor(target, key))\n : desc,\n d;\n if (\n typeof Reflect === 'object' &&\n typeof Reflect.decorate === 'function'\n )\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if ((d = decorators[i]))\n r =\n (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) ||\n r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n }\n\n function __param(paramIndex, decorator) {\n return function (target, key) {\n decorator(target, key, paramIndex);\n };\n }\n\n function __metadata(metadataKey, metadataValue) {\n if (\n typeof Reflect === 'object' &&\n typeof Reflect.metadata === 'function'\n )\n return Reflect.metadata(metadataKey, metadataValue);\n }\n\n function __awaiter(thisArg, _arguments, P, generator) {\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) {\n try {\n step(generator.next(value));\n } catch (e) {\n reject(e);\n }\n }\n function rejected(value) {\n try {\n step(generator['throw'](value));\n } catch (e) {\n reject(e);\n }\n }\n function step(result) {\n result.done\n ? resolve(result.value)\n : new P(function (resolve) {\n resolve(result.value);\n }).then(fulfilled, rejected);\n }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n }\n\n function __generator(thisArg, body) {\n var _ = {\n label: 0,\n sent: function () {\n if (t[0] & 1) throw t[1];\n return t[1];\n },\n trys: [],\n ops: [],\n },\n f,\n y,\n t,\n g;\n return (\n (g = { next: verb(0), throw: verb(1), return: verb(2) }),\n typeof Symbol === 'function' &&\n (g[Symbol.iterator] = function () {\n return this;\n }),\n g\n );\n function verb(n) {\n return function (v) {\n return step([n, v]);\n };\n }\n function step(op) {\n if (f) throw new TypeError('Generator is already executing.');\n while (_)\n try {\n if (\n ((f = 1),\n y &&\n (t =\n op[0] & 2\n ? y['return']\n : op[0]\n ? y['throw'] || ((t = y['return']) && t.call(y), 0)\n : y.next) &&\n !(t = t.call(y, op[1])).done)\n )\n return t;\n if (((y = 0), t)) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0:\n case 1:\n t = op;\n break;\n case 4:\n _.label++;\n return { value: op[1], done: false };\n case 5:\n _.label++;\n y = op[1];\n op = [0];\n continue;\n case 7:\n op = _.ops.pop();\n _.trys.pop();\n continue;\n default:\n if (\n !((t = _.trys), (t = t.length > 0 && t[t.length - 1])) &&\n (op[0] === 6 || op[0] === 2)\n ) {\n _ = 0;\n continue;\n }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {\n _.label = op[1];\n break;\n }\n if (op[0] === 6 && _.label < t[1]) {\n _.label = t[1];\n t = op;\n break;\n }\n if (t && _.label < t[2]) {\n _.label = t[2];\n _.ops.push(op);\n break;\n }\n if (t[2]) _.ops.pop();\n _.trys.pop();\n continue;\n }\n op = body.call(thisArg, _);\n } catch (e) {\n op = [6, e];\n y = 0;\n } finally {\n f = t = 0;\n }\n if (op[0] & 5) throw op[1];\n return { value: op[0] ? op[1] : void 0, done: true };\n }\n }\n\n function __exportStar(m, exports) {\n for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\n }\n\n function __values(o) {\n var m = typeof Symbol === 'function' && o[Symbol.iterator],\n i = 0;\n if (m) return m.call(o);\n return {\n next: function () {\n if (o && i >= o.length) o = void 0;\n return { value: o && o[i++], done: !o };\n },\n };\n }\n\n function __read(o, n) {\n var m = typeof Symbol === 'function' && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o),\n r,\n ar = [],\n e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done)\n ar.push(r.value);\n } catch (error) {\n e = { error: error };\n } finally {\n try {\n if (r && !r.done && (m = i['return'])) m.call(i);\n } finally {\n if (e) throw e.error;\n }\n }\n return ar;\n }\n\n function __spread() {\n for (var ar = [], i = 0; i < arguments.length; i++)\n ar = ar.concat(__read(arguments[i]));\n return ar;\n }\n\n function __await(v) {\n return this instanceof __await ? ((this.v = v), this) : new __await(v);\n }\n\n function __asyncGenerator(thisArg, _arguments, generator) {\n if (!Symbol.asyncIterator)\n throw new TypeError('Symbol.asyncIterator is not defined.');\n var g = generator.apply(thisArg, _arguments || []),\n i,\n q = [];\n return (\n (i = {}),\n verb('next'),\n verb('throw'),\n verb('return'),\n (i[Symbol.asyncIterator] = function () {\n return this;\n }),\n i\n );\n function verb(n) {\n if (g[n])\n i[n] = function (v) {\n return new Promise(function (a, b) {\n q.push([n, v, a, b]) > 1 || resume(n, v);\n });\n };\n }\n function resume(n, v) {\n try {\n step(g[n](v));\n } catch (e) {\n settle(q[0][3], e);\n }\n }\n function step(r) {\n r.value instanceof __await\n ? Promise.resolve(r.value.v).then(fulfill, reject)\n : settle(q[0][2], r);\n }\n function fulfill(value) {\n resume('next', value);\n }\n function reject(value) {\n resume('throw', value);\n }\n function settle(f, v) {\n if ((f(v), q.shift(), q.length)) resume(q[0][0], q[0][1]);\n }\n }\n\n function __asyncDelegator(o) {\n var i, p;\n return (\n (i = {}),\n verb('next'),\n verb('throw', function (e) {\n throw e;\n }),\n verb('return'),\n (i[Symbol.iterator] = function () {\n return this;\n }),\n i\n );\n function verb(n, f) {\n i[n] = o[n]\n ? function (v) {\n return (p = !p)\n ? { value: __await(o[n](v)), done: n === 'return' }\n : f\n ? f(v)\n : v;\n }\n : f;\n }\n }\n\n function __asyncValues(o) {\n if (!Symbol.asyncIterator)\n throw new TypeError('Symbol.asyncIterator is not defined.');\n var m = o[Symbol.asyncIterator],\n i;\n return m\n ? m.call(o)\n : ((o =\n typeof __values === 'function'\n ? __values(o)\n : o[Symbol.iterator]()),\n (i = {}),\n verb('next'),\n verb('throw'),\n verb('return'),\n (i[Symbol.asyncIterator] = function () {\n return this;\n }),\n i);\n function verb(n) {\n i[n] =\n o[n] &&\n function (v) {\n return new Promise(function (resolve, reject) {\n (v = o[n](v)), settle(resolve, reject, v.done, v.value);\n });\n };\n }\n function settle(resolve, reject, d, v) {\n Promise.resolve(v).then(function (v) {\n resolve({ value: v, done: d });\n }, reject);\n }\n }\n\n function __makeTemplateObject(cooked, raw) {\n if (Object.defineProperty) {\n Object.defineProperty(cooked, 'raw', { value: raw });\n } else {\n cooked.raw = raw;\n }\n return cooked;\n }\n\n function __importStar(mod) {\n if (mod && mod.__esModule) return mod;\n var result = {};\n if (mod != null)\n for (var k in mod)\n if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\n result.default = mod;\n return result;\n }\n\n function __importDefault(mod) {\n return mod && mod.__esModule ? mod : { default: mod };\n }\n\n /***/\n },\n /* 2 */\n /***/ function (module, exports, __webpack_require__) {\n 'use strict';\n\n exports.__esModule = true;\n\n var _promise = __webpack_require__(224);\n\n var _promise2 = _interopRequireDefault(_promise);\n\n function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : { default: obj };\n }\n\n exports.default = function (fn) {\n return function () {\n var gen = fn.apply(this, arguments);\n return new _promise2.default(function (resolve, reject) {\n function step(key, arg) {\n try {\n var info = gen[key](arg);\n var value = info.value;\n } catch (error) {\n reject(error);\n return;\n }\n\n if (info.done) {\n resolve(value);\n } else {\n return _promise2.default.resolve(value).then(\n function (value) {\n step('next', value);\n },\n function (err) {\n step('throw', err);\n },\n );\n }\n }\n\n return step('next');\n });\n };\n };\n\n /***/\n },\n /* 3 */\n /***/ function (module, exports) {\n module.exports = require('util');\n\n /***/\n },\n /* 4 */\n /***/ function (module, exports) {\n module.exports = require('fs');\n\n /***/\n },\n /* 5 */\n /***/ function (module, exports, __webpack_require__) {\n 'use strict';\n\n Object.defineProperty(exports, '__esModule', {\n value: true,\n });\n exports.getFirstSuitableFolder =\n exports.readFirstAvailableStream =\n exports.makeTempDir =\n exports.hardlinksWork =\n exports.writeFilePreservingEol =\n exports.getFileSizeOnDisk =\n exports.walk =\n exports.symlink =\n exports.find =\n exports.readJsonAndFile =\n exports.readJson =\n exports.readFileAny =\n exports.hardlinkBulk =\n exports.copyBulk =\n exports.unlink =\n exports.glob =\n exports.link =\n exports.chmod =\n exports.lstat =\n exports.exists =\n exports.mkdirp =\n exports.stat =\n exports.access =\n exports.rename =\n exports.readdir =\n exports.realpath =\n exports.readlink =\n exports.writeFile =\n exports.open =\n exports.readFileBuffer =\n exports.lockQueue =\n exports.constants =\n undefined;\n\n var _asyncToGenerator2;\n\n function _load_asyncToGenerator() {\n return (_asyncToGenerator2 = _interopRequireDefault(\n __webpack_require__(2),\n ));\n }\n\n let buildActionsForCopy = (() => {\n var _ref = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n queue,\n events,\n possibleExtraneous,\n reporter,\n ) {\n //\n let build = (() => {\n var _ref5 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* (data) {\n const src = data.src,\n dest = data.dest,\n type = data.type;\n\n const onFresh = data.onFresh || noop;\n const onDone = data.onDone || noop;\n\n // TODO https://github.com/yarnpkg/yarn/issues/3751\n // related to bundled dependencies handling\n if (files.has(dest.toLowerCase())) {\n reporter.verbose(\n `The case-insensitive file ${dest} shouldn't be copied twice in one bulk copy`,\n );\n } else {\n files.add(dest.toLowerCase());\n }\n\n if (type === 'symlink') {\n yield mkdirp((_path || _load_path()).default.dirname(dest));\n onFresh();\n actions.symlink.push({\n dest,\n linkname: src,\n });\n onDone();\n return;\n }\n\n if (\n events.ignoreBasenames.indexOf(\n (_path || _load_path()).default.basename(src),\n ) >= 0\n ) {\n // ignored file\n return;\n }\n\n const srcStat = yield lstat(src);\n let srcFiles;\n\n if (srcStat.isDirectory()) {\n srcFiles = yield readdir(src);\n }\n\n let destStat;\n try {\n // try accessing the destination\n destStat = yield lstat(dest);\n } catch (e) {\n // proceed if destination doesn't exist, otherwise error\n if (e.code !== 'ENOENT') {\n throw e;\n }\n }\n\n // if destination exists\n if (destStat) {\n const bothSymlinks =\n srcStat.isSymbolicLink() && destStat.isSymbolicLink();\n const bothFolders =\n srcStat.isDirectory() && destStat.isDirectory();\n const bothFiles = srcStat.isFile() && destStat.isFile();\n\n // EINVAL access errors sometimes happen which shouldn't because node shouldn't be giving\n // us modes that aren't valid. investigate this, it's generally safe to proceed.\n\n /* if (srcStat.mode !== destStat.mode) {\n try {\n await access(dest, srcStat.mode);\n } catch (err) {}\n } */\n\n if (bothFiles && artifactFiles.has(dest)) {\n // this file gets changed during build, likely by a custom install script. Don't bother checking it.\n onDone();\n reporter.verbose(\n reporter.lang('verboseFileSkipArtifact', src),\n );\n return;\n }\n\n if (\n bothFiles &&\n srcStat.size === destStat.size &&\n (0, (_fsNormalized || _load_fsNormalized()).fileDatesEqual)(\n srcStat.mtime,\n destStat.mtime,\n )\n ) {\n // we can safely assume this is the same file\n onDone();\n reporter.verbose(\n reporter.lang(\n 'verboseFileSkip',\n src,\n dest,\n srcStat.size,\n +srcStat.mtime,\n ),\n );\n return;\n }\n\n if (bothSymlinks) {\n const srcReallink = yield readlink(src);\n if (srcReallink === (yield readlink(dest))) {\n // if both symlinks are the same then we can continue on\n onDone();\n reporter.verbose(\n reporter.lang(\n 'verboseFileSkipSymlink',\n src,\n dest,\n srcReallink,\n ),\n );\n return;\n }\n }\n\n if (bothFolders) {\n // mark files that aren't in this folder as possibly extraneous\n const destFiles = yield readdir(dest);\n invariant(srcFiles, 'src files not initialised');\n\n for (\n var _iterator4 = destFiles,\n _isArray4 = Array.isArray(_iterator4),\n _i4 = 0,\n _iterator4 = _isArray4\n ? _iterator4\n : _iterator4[Symbol.iterator]();\n ;\n\n ) {\n var _ref6;\n\n if (_isArray4) {\n if (_i4 >= _iterator4.length) break;\n _ref6 = _iterator4[_i4++];\n } else {\n _i4 = _iterator4.next();\n if (_i4.done) break;\n _ref6 = _i4.value;\n }\n\n const file = _ref6;\n\n if (srcFiles.indexOf(file) < 0) {\n const loc = (_path || _load_path()).default.join(\n dest,\n file,\n );\n possibleExtraneous.add(loc);\n\n if ((yield lstat(loc)).isDirectory()) {\n for (\n var _iterator5 = yield readdir(loc),\n _isArray5 = Array.isArray(_iterator5),\n _i5 = 0,\n _iterator5 = _isArray5\n ? _iterator5\n : _iterator5[Symbol.iterator]();\n ;\n\n ) {\n var _ref7;\n\n if (_isArray5) {\n if (_i5 >= _iterator5.length) break;\n _ref7 = _iterator5[_i5++];\n } else {\n _i5 = _iterator5.next();\n if (_i5.done) break;\n _ref7 = _i5.value;\n }\n\n const file = _ref7;\n\n possibleExtraneous.add(\n (_path || _load_path()).default.join(loc, file),\n );\n }\n }\n }\n }\n }\n }\n\n if (destStat && destStat.isSymbolicLink()) {\n yield (0, (_fsNormalized || _load_fsNormalized()).unlink)(\n dest,\n );\n destStat = null;\n }\n\n if (srcStat.isSymbolicLink()) {\n onFresh();\n const linkname = yield readlink(src);\n actions.symlink.push({\n dest,\n linkname,\n });\n onDone();\n } else if (srcStat.isDirectory()) {\n if (!destStat) {\n reporter.verbose(reporter.lang('verboseFileFolder', dest));\n yield mkdirp(dest);\n }\n\n const destParts = dest.split(\n (_path || _load_path()).default.sep,\n );\n while (destParts.length) {\n files.add(\n destParts\n .join((_path || _load_path()).default.sep)\n .toLowerCase(),\n );\n destParts.pop();\n }\n\n // push all files to queue\n invariant(srcFiles, 'src files not initialised');\n let remaining = srcFiles.length;\n if (!remaining) {\n onDone();\n }\n for (\n var _iterator6 = srcFiles,\n _isArray6 = Array.isArray(_iterator6),\n _i6 = 0,\n _iterator6 = _isArray6\n ? _iterator6\n : _iterator6[Symbol.iterator]();\n ;\n\n ) {\n var _ref8;\n\n if (_isArray6) {\n if (_i6 >= _iterator6.length) break;\n _ref8 = _iterator6[_i6++];\n } else {\n _i6 = _iterator6.next();\n if (_i6.done) break;\n _ref8 = _i6.value;\n }\n\n const file = _ref8;\n\n queue.push({\n dest: (_path || _load_path()).default.join(dest, file),\n onFresh,\n onDone: (function (_onDone) {\n function onDone() {\n return _onDone.apply(this, arguments);\n }\n\n onDone.toString = function () {\n return _onDone.toString();\n };\n\n return onDone;\n })(function () {\n if (--remaining === 0) {\n onDone();\n }\n }),\n src: (_path || _load_path()).default.join(src, file),\n });\n }\n } else if (srcStat.isFile()) {\n onFresh();\n actions.file.push({\n src,\n dest,\n atime: srcStat.atime,\n mtime: srcStat.mtime,\n mode: srcStat.mode,\n });\n onDone();\n } else {\n throw new Error(`unsure how to copy this: ${src}`);\n }\n },\n );\n\n return function build(_x5) {\n return _ref5.apply(this, arguments);\n };\n })();\n\n const artifactFiles = new Set(events.artifactFiles || []);\n const files = new Set();\n\n // initialise events\n for (\n var _iterator = queue,\n _isArray = Array.isArray(_iterator),\n _i = 0,\n _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();\n ;\n\n ) {\n var _ref2;\n\n if (_isArray) {\n if (_i >= _iterator.length) break;\n _ref2 = _iterator[_i++];\n } else {\n _i = _iterator.next();\n if (_i.done) break;\n _ref2 = _i.value;\n }\n\n const item = _ref2;\n\n const onDone = item.onDone;\n item.onDone = function () {\n events.onProgress(item.dest);\n if (onDone) {\n onDone();\n }\n };\n }\n events.onStart(queue.length);\n\n // start building actions\n const actions = {\n file: [],\n symlink: [],\n link: [],\n };\n\n // custom concurrency logic as we're always executing stacks of CONCURRENT_QUEUE_ITEMS queue items\n // at a time due to the requirement to push items onto the queue\n while (queue.length) {\n const items = queue.splice(0, CONCURRENT_QUEUE_ITEMS);\n yield Promise.all(items.map(build));\n }\n\n // simulate the existence of some files to prevent considering them extraneous\n for (\n var _iterator2 = artifactFiles,\n _isArray2 = Array.isArray(_iterator2),\n _i2 = 0,\n _iterator2 = _isArray2\n ? _iterator2\n : _iterator2[Symbol.iterator]();\n ;\n\n ) {\n var _ref3;\n\n if (_isArray2) {\n if (_i2 >= _iterator2.length) break;\n _ref3 = _iterator2[_i2++];\n } else {\n _i2 = _iterator2.next();\n if (_i2.done) break;\n _ref3 = _i2.value;\n }\n\n const file = _ref3;\n\n if (possibleExtraneous.has(file)) {\n reporter.verbose(\n reporter.lang('verboseFilePhantomExtraneous', file),\n );\n possibleExtraneous.delete(file);\n }\n }\n\n for (\n var _iterator3 = possibleExtraneous,\n _isArray3 = Array.isArray(_iterator3),\n _i3 = 0,\n _iterator3 = _isArray3\n ? _iterator3\n : _iterator3[Symbol.iterator]();\n ;\n\n ) {\n var _ref4;\n\n if (_isArray3) {\n if (_i3 >= _iterator3.length) break;\n _ref4 = _iterator3[_i3++];\n } else {\n _i3 = _iterator3.next();\n if (_i3.done) break;\n _ref4 = _i3.value;\n }\n\n const loc = _ref4;\n\n if (files.has(loc.toLowerCase())) {\n possibleExtraneous.delete(loc);\n }\n }\n\n return actions;\n });\n\n return function buildActionsForCopy(_x, _x2, _x3, _x4) {\n return _ref.apply(this, arguments);\n };\n })();\n\n let buildActionsForHardlink = (() => {\n var _ref9 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n queue,\n events,\n possibleExtraneous,\n reporter,\n ) {\n //\n let build = (() => {\n var _ref13 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* (data) {\n const src = data.src,\n dest = data.dest;\n\n const onFresh = data.onFresh || noop;\n const onDone = data.onDone || noop;\n if (files.has(dest.toLowerCase())) {\n // Fixes issue https://github.com/yarnpkg/yarn/issues/2734\n // When bulk hardlinking we have A -> B structure that we want to hardlink to A1 -> B1,\n // package-linker passes that modules A1 and B1 need to be hardlinked,\n // the recursive linking algorithm of A1 ends up scheduling files in B1 to be linked twice which will case\n // an exception.\n onDone();\n return;\n }\n files.add(dest.toLowerCase());\n\n if (\n events.ignoreBasenames.indexOf(\n (_path || _load_path()).default.basename(src),\n ) >= 0\n ) {\n // ignored file\n return;\n }\n\n const srcStat = yield lstat(src);\n let srcFiles;\n\n if (srcStat.isDirectory()) {\n srcFiles = yield readdir(src);\n }\n\n const destExists = yield exists(dest);\n if (destExists) {\n const destStat = yield lstat(dest);\n\n const bothSymlinks =\n srcStat.isSymbolicLink() && destStat.isSymbolicLink();\n const bothFolders =\n srcStat.isDirectory() && destStat.isDirectory();\n const bothFiles = srcStat.isFile() && destStat.isFile();\n\n if (srcStat.mode !== destStat.mode) {\n try {\n yield access(dest, srcStat.mode);\n } catch (err) {\n // EINVAL access errors sometimes happen which shouldn't because node shouldn't be giving\n // us modes that aren't valid. investigate this, it's generally safe to proceed.\n reporter.verbose(err);\n }\n }\n\n if (bothFiles && artifactFiles.has(dest)) {\n // this file gets changed during build, likely by a custom install script. Don't bother checking it.\n onDone();\n reporter.verbose(\n reporter.lang('verboseFileSkipArtifact', src),\n );\n return;\n }\n\n // correct hardlink\n if (\n bothFiles &&\n srcStat.ino !== null &&\n srcStat.ino === destStat.ino\n ) {\n onDone();\n reporter.verbose(\n reporter.lang('verboseFileSkip', src, dest, srcStat.ino),\n );\n return;\n }\n\n if (bothSymlinks) {\n const srcReallink = yield readlink(src);\n if (srcReallink === (yield readlink(dest))) {\n // if both symlinks are the same then we can continue on\n onDone();\n reporter.verbose(\n reporter.lang(\n 'verboseFileSkipSymlink',\n src,\n dest,\n srcReallink,\n ),\n );\n return;\n }\n }\n\n if (bothFolders) {\n // mark files that aren't in this folder as possibly extraneous\n const destFiles = yield readdir(dest);\n invariant(srcFiles, 'src files not initialised');\n\n for (\n var _iterator10 = destFiles,\n _isArray10 = Array.isArray(_iterator10),\n _i10 = 0,\n _iterator10 = _isArray10\n ? _iterator10\n : _iterator10[Symbol.iterator]();\n ;\n\n ) {\n var _ref14;\n\n if (_isArray10) {\n if (_i10 >= _iterator10.length) break;\n _ref14 = _iterator10[_i10++];\n } else {\n _i10 = _iterator10.next();\n if (_i10.done) break;\n _ref14 = _i10.value;\n }\n\n const file = _ref14;\n\n if (srcFiles.indexOf(file) < 0) {\n const loc = (_path || _load_path()).default.join(\n dest,\n file,\n );\n possibleExtraneous.add(loc);\n\n if ((yield lstat(loc)).isDirectory()) {\n for (\n var _iterator11 = yield readdir(loc),\n _isArray11 = Array.isArray(_iterator11),\n _i11 = 0,\n _iterator11 = _isArray11\n ? _iterator11\n : _iterator11[Symbol.iterator]();\n ;\n\n ) {\n var _ref15;\n\n if (_isArray11) {\n if (_i11 >= _iterator11.length) break;\n _ref15 = _iterator11[_i11++];\n } else {\n _i11 = _iterator11.next();\n if (_i11.done) break;\n _ref15 = _i11.value;\n }\n\n const file = _ref15;\n\n possibleExtraneous.add(\n (_path || _load_path()).default.join(loc, file),\n );\n }\n }\n }\n }\n }\n }\n\n if (srcStat.isSymbolicLink()) {\n onFresh();\n const linkname = yield readlink(src);\n actions.symlink.push({\n dest,\n linkname,\n });\n onDone();\n } else if (srcStat.isDirectory()) {\n reporter.verbose(reporter.lang('verboseFileFolder', dest));\n yield mkdirp(dest);\n\n const destParts = dest.split(\n (_path || _load_path()).default.sep,\n );\n while (destParts.length) {\n files.add(\n destParts\n .join((_path || _load_path()).default.sep)\n .toLowerCase(),\n );\n destParts.pop();\n }\n\n // push all files to queue\n invariant(srcFiles, 'src files not initialised');\n let remaining = srcFiles.length;\n if (!remaining) {\n onDone();\n }\n for (\n var _iterator12 = srcFiles,\n _isArray12 = Array.isArray(_iterator12),\n _i12 = 0,\n _iterator12 = _isArray12\n ? _iterator12\n : _iterator12[Symbol.iterator]();\n ;\n\n ) {\n var _ref16;\n\n if (_isArray12) {\n if (_i12 >= _iterator12.length) break;\n _ref16 = _iterator12[_i12++];\n } else {\n _i12 = _iterator12.next();\n if (_i12.done) break;\n _ref16 = _i12.value;\n }\n\n const file = _ref16;\n\n queue.push({\n onFresh,\n src: (_path || _load_path()).default.join(src, file),\n dest: (_path || _load_path()).default.join(dest, file),\n onDone: (function (_onDone2) {\n function onDone() {\n return _onDone2.apply(this, arguments);\n }\n\n onDone.toString = function () {\n return _onDone2.toString();\n };\n\n return onDone;\n })(function () {\n if (--remaining === 0) {\n onDone();\n }\n }),\n });\n }\n } else if (srcStat.isFile()) {\n onFresh();\n actions.link.push({\n src,\n dest,\n removeDest: destExists,\n });\n onDone();\n } else {\n throw new Error(`unsure how to copy this: ${src}`);\n }\n },\n );\n\n return function build(_x10) {\n return _ref13.apply(this, arguments);\n };\n })();\n\n const artifactFiles = new Set(events.artifactFiles || []);\n const files = new Set();\n\n // initialise events\n for (\n var _iterator7 = queue,\n _isArray7 = Array.isArray(_iterator7),\n _i7 = 0,\n _iterator7 = _isArray7\n ? _iterator7\n : _iterator7[Symbol.iterator]();\n ;\n\n ) {\n var _ref10;\n\n if (_isArray7) {\n if (_i7 >= _iterator7.length) break;\n _ref10 = _iterator7[_i7++];\n } else {\n _i7 = _iterator7.next();\n if (_i7.done) break;\n _ref10 = _i7.value;\n }\n\n const item = _ref10;\n\n const onDone = item.onDone || noop;\n item.onDone = function () {\n events.onProgress(item.dest);\n onDone();\n };\n }\n events.onStart(queue.length);\n\n // start building actions\n const actions = {\n file: [],\n symlink: [],\n link: [],\n };\n\n // custom concurrency logic as we're always executing stacks of CONCURRENT_QUEUE_ITEMS queue items\n // at a time due to the requirement to push items onto the queue\n while (queue.length) {\n const items = queue.splice(0, CONCURRENT_QUEUE_ITEMS);\n yield Promise.all(items.map(build));\n }\n\n // simulate the existence of some files to prevent considering them extraneous\n for (\n var _iterator8 = artifactFiles,\n _isArray8 = Array.isArray(_iterator8),\n _i8 = 0,\n _iterator8 = _isArray8\n ? _iterator8\n : _iterator8[Symbol.iterator]();\n ;\n\n ) {\n var _ref11;\n\n if (_isArray8) {\n if (_i8 >= _iterator8.length) break;\n _ref11 = _iterator8[_i8++];\n } else {\n _i8 = _iterator8.next();\n if (_i8.done) break;\n _ref11 = _i8.value;\n }\n\n const file = _ref11;\n\n if (possibleExtraneous.has(file)) {\n reporter.verbose(\n reporter.lang('verboseFilePhantomExtraneous', file),\n );\n possibleExtraneous.delete(file);\n }\n }\n\n for (\n var _iterator9 = possibleExtraneous,\n _isArray9 = Array.isArray(_iterator9),\n _i9 = 0,\n _iterator9 = _isArray9\n ? _iterator9\n : _iterator9[Symbol.iterator]();\n ;\n\n ) {\n var _ref12;\n\n if (_isArray9) {\n if (_i9 >= _iterator9.length) break;\n _ref12 = _iterator9[_i9++];\n } else {\n _i9 = _iterator9.next();\n if (_i9.done) break;\n _ref12 = _i9.value;\n }\n\n const loc = _ref12;\n\n if (files.has(loc.toLowerCase())) {\n possibleExtraneous.delete(loc);\n }\n }\n\n return actions;\n });\n\n return function buildActionsForHardlink(_x6, _x7, _x8, _x9) {\n return _ref9.apply(this, arguments);\n };\n })();\n\n let copyBulk = (exports.copyBulk = (() => {\n var _ref17 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n queue,\n reporter,\n _events,\n ) {\n const events = {\n onStart: (_events && _events.onStart) || noop,\n onProgress: (_events && _events.onProgress) || noop,\n possibleExtraneous: _events\n ? _events.possibleExtraneous\n : new Set(),\n ignoreBasenames: (_events && _events.ignoreBasenames) || [],\n artifactFiles: (_events && _events.artifactFiles) || [],\n };\n\n const actions = yield buildActionsForCopy(\n queue,\n events,\n events.possibleExtraneous,\n reporter,\n );\n events.onStart(\n actions.file.length + actions.symlink.length + actions.link.length,\n );\n\n const fileActions = actions.file;\n\n const currentlyWriting = new Map();\n\n yield (_promise || _load_promise()).queue(\n fileActions,\n (() => {\n var _ref18 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* (data) {\n let writePromise;\n while ((writePromise = currentlyWriting.get(data.dest))) {\n yield writePromise;\n }\n\n reporter.verbose(\n reporter.lang('verboseFileCopy', data.src, data.dest),\n );\n const copier = (0,\n (_fsNormalized || _load_fsNormalized()).copyFile)(\n data,\n function () {\n return currentlyWriting.delete(data.dest);\n },\n );\n currentlyWriting.set(data.dest, copier);\n events.onProgress(data.dest);\n return copier;\n },\n );\n\n return function (_x14) {\n return _ref18.apply(this, arguments);\n };\n })(),\n CONCURRENT_QUEUE_ITEMS,\n );\n\n // we need to copy symlinks last as they could reference files we were copying\n const symlinkActions = actions.symlink;\n yield (_promise || _load_promise()).queue(\n symlinkActions,\n function (data) {\n const linkname = (_path || _load_path()).default.resolve(\n (_path || _load_path()).default.dirname(data.dest),\n data.linkname,\n );\n reporter.verbose(\n reporter.lang('verboseFileSymlink', data.dest, linkname),\n );\n return symlink(linkname, data.dest);\n },\n );\n });\n\n return function copyBulk(_x11, _x12, _x13) {\n return _ref17.apply(this, arguments);\n };\n })());\n\n let hardlinkBulk = (exports.hardlinkBulk = (() => {\n var _ref19 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n queue,\n reporter,\n _events,\n ) {\n const events = {\n onStart: (_events && _events.onStart) || noop,\n onProgress: (_events && _events.onProgress) || noop,\n possibleExtraneous: _events\n ? _events.possibleExtraneous\n : new Set(),\n artifactFiles: (_events && _events.artifactFiles) || [],\n ignoreBasenames: [],\n };\n\n const actions = yield buildActionsForHardlink(\n queue,\n events,\n events.possibleExtraneous,\n reporter,\n );\n events.onStart(\n actions.file.length + actions.symlink.length + actions.link.length,\n );\n\n const fileActions = actions.link;\n\n yield (_promise || _load_promise()).queue(\n fileActions,\n (() => {\n var _ref20 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* (data) {\n reporter.verbose(\n reporter.lang('verboseFileLink', data.src, data.dest),\n );\n if (data.removeDest) {\n yield (0, (_fsNormalized || _load_fsNormalized()).unlink)(\n data.dest,\n );\n }\n yield link(data.src, data.dest);\n },\n );\n\n return function (_x18) {\n return _ref20.apply(this, arguments);\n };\n })(),\n CONCURRENT_QUEUE_ITEMS,\n );\n\n // we need to copy symlinks last as they could reference files we were copying\n const symlinkActions = actions.symlink;\n yield (_promise || _load_promise()).queue(\n symlinkActions,\n function (data) {\n const linkname = (_path || _load_path()).default.resolve(\n (_path || _load_path()).default.dirname(data.dest),\n data.linkname,\n );\n reporter.verbose(\n reporter.lang('verboseFileSymlink', data.dest, linkname),\n );\n return symlink(linkname, data.dest);\n },\n );\n });\n\n return function hardlinkBulk(_x15, _x16, _x17) {\n return _ref19.apply(this, arguments);\n };\n })());\n\n let readFileAny = (exports.readFileAny = (() => {\n var _ref21 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n files,\n ) {\n for (\n var _iterator13 = files,\n _isArray13 = Array.isArray(_iterator13),\n _i13 = 0,\n _iterator13 = _isArray13\n ? _iterator13\n : _iterator13[Symbol.iterator]();\n ;\n\n ) {\n var _ref22;\n\n if (_isArray13) {\n if (_i13 >= _iterator13.length) break;\n _ref22 = _iterator13[_i13++];\n } else {\n _i13 = _iterator13.next();\n if (_i13.done) break;\n _ref22 = _i13.value;\n }\n\n const file = _ref22;\n\n if (yield exists(file)) {\n return readFile(file);\n }\n }\n return null;\n });\n\n return function readFileAny(_x19) {\n return _ref21.apply(this, arguments);\n };\n })());\n\n let readJson = (exports.readJson = (() => {\n var _ref23 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n loc,\n ) {\n return (yield readJsonAndFile(loc)).object;\n });\n\n return function readJson(_x20) {\n return _ref23.apply(this, arguments);\n };\n })());\n\n let readJsonAndFile = (exports.readJsonAndFile = (() => {\n var _ref24 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n loc,\n ) {\n const file = yield readFile(loc);\n try {\n return {\n object: (0, (_map || _load_map()).default)(\n JSON.parse(stripBOM(file)),\n ),\n content: file,\n };\n } catch (err) {\n err.message = `${loc}: ${err.message}`;\n throw err;\n }\n });\n\n return function readJsonAndFile(_x21) {\n return _ref24.apply(this, arguments);\n };\n })());\n\n let find = (exports.find = (() => {\n var _ref25 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n filename,\n dir,\n ) {\n const parts = dir.split((_path || _load_path()).default.sep);\n\n while (parts.length) {\n const loc = parts\n .concat(filename)\n .join((_path || _load_path()).default.sep);\n\n if (yield exists(loc)) {\n return loc;\n } else {\n parts.pop();\n }\n }\n\n return false;\n });\n\n return function find(_x22, _x23) {\n return _ref25.apply(this, arguments);\n };\n })());\n\n let symlink = (exports.symlink = (() => {\n var _ref26 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n src,\n dest,\n ) {\n if (process.platform !== 'win32') {\n // use relative paths otherwise which will be retained if the directory is moved\n src = (_path || _load_path()).default.relative(\n (_path || _load_path()).default.dirname(dest),\n src,\n );\n // When path.relative returns an empty string for the current directory, we should instead use\n // '.', which is a valid fs.symlink target.\n src = src || '.';\n }\n\n try {\n const stats = yield lstat(dest);\n if (stats.isSymbolicLink()) {\n const resolved = dest;\n if (resolved === src) {\n return;\n }\n }\n } catch (err) {\n if (err.code !== 'ENOENT') {\n throw err;\n }\n }\n\n // We use rimraf for unlink which never throws an ENOENT on missing target\n yield (0, (_fsNormalized || _load_fsNormalized()).unlink)(dest);\n\n if (process.platform === 'win32') {\n // use directory junctions if possible on win32, this requires absolute paths\n yield fsSymlink(src, dest, 'junction');\n } else {\n yield fsSymlink(src, dest);\n }\n });\n\n return function symlink(_x24, _x25) {\n return _ref26.apply(this, arguments);\n };\n })());\n\n let walk = (exports.walk = (() => {\n var _ref27 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n dir,\n relativeDir,\n ignoreBasenames = new Set(),\n ) {\n let files = [];\n\n let filenames = yield readdir(dir);\n if (ignoreBasenames.size) {\n filenames = filenames.filter(function (name) {\n return !ignoreBasenames.has(name);\n });\n }\n\n for (\n var _iterator14 = filenames,\n _isArray14 = Array.isArray(_iterator14),\n _i14 = 0,\n _iterator14 = _isArray14\n ? _iterator14\n : _iterator14[Symbol.iterator]();\n ;\n\n ) {\n var _ref28;\n\n if (_isArray14) {\n if (_i14 >= _iterator14.length) break;\n _ref28 = _iterator14[_i14++];\n } else {\n _i14 = _iterator14.next();\n if (_i14.done) break;\n _ref28 = _i14.value;\n }\n\n const name = _ref28;\n\n const relative = relativeDir\n ? (_path || _load_path()).default.join(relativeDir, name)\n : name;\n const loc = (_path || _load_path()).default.join(dir, name);\n const stat = yield lstat(loc);\n\n files.push({\n relative,\n basename: name,\n absolute: loc,\n mtime: +stat.mtime,\n });\n\n if (stat.isDirectory()) {\n files = files.concat(yield walk(loc, relative, ignoreBasenames));\n }\n }\n\n return files;\n });\n\n return function walk(_x26, _x27) {\n return _ref27.apply(this, arguments);\n };\n })());\n\n let getFileSizeOnDisk = (exports.getFileSizeOnDisk = (() => {\n var _ref29 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n loc,\n ) {\n const stat = yield lstat(loc);\n const size = stat.size,\n blockSize = stat.blksize;\n\n return Math.ceil(size / blockSize) * blockSize;\n });\n\n return function getFileSizeOnDisk(_x28) {\n return _ref29.apply(this, arguments);\n };\n })());\n\n let getEolFromFile = (() => {\n var _ref30 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n path,\n ) {\n if (!(yield exists(path))) {\n return undefined;\n }\n\n const buffer = yield readFileBuffer(path);\n\n for (let i = 0; i < buffer.length; ++i) {\n if (buffer[i] === cr) {\n return '\\r\\n';\n }\n if (buffer[i] === lf) {\n return '\\n';\n }\n }\n return undefined;\n });\n\n return function getEolFromFile(_x29) {\n return _ref30.apply(this, arguments);\n };\n })();\n\n let writeFilePreservingEol = (exports.writeFilePreservingEol = (() => {\n var _ref31 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n path,\n data,\n ) {\n const eol =\n (yield getEolFromFile(path)) || (_os || _load_os()).default.EOL;\n if (eol !== '\\n') {\n data = data.replace(/\\n/g, eol);\n }\n yield writeFile(path, data);\n });\n\n return function writeFilePreservingEol(_x30, _x31) {\n return _ref31.apply(this, arguments);\n };\n })());\n\n let hardlinksWork = (exports.hardlinksWork = (() => {\n var _ref32 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n dir,\n ) {\n const filename = 'test-file' + Math.random();\n const file = (_path || _load_path()).default.join(dir, filename);\n const fileLink = (_path || _load_path()).default.join(\n dir,\n filename + '-link',\n );\n try {\n yield writeFile(file, 'test');\n yield link(file, fileLink);\n } catch (err) {\n return false;\n } finally {\n yield (0, (_fsNormalized || _load_fsNormalized()).unlink)(file);\n yield (0, (_fsNormalized || _load_fsNormalized()).unlink)(fileLink);\n }\n return true;\n });\n\n return function hardlinksWork(_x32) {\n return _ref32.apply(this, arguments);\n };\n })());\n\n // not a strict polyfill for Node's fs.mkdtemp\n\n let makeTempDir = (exports.makeTempDir = (() => {\n var _ref33 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n prefix,\n ) {\n const dir = (_path || _load_path()).default.join(\n (_os || _load_os()).default.tmpdir(),\n `yarn-${prefix || ''}-${Date.now()}-${Math.random()}`,\n );\n yield (0, (_fsNormalized || _load_fsNormalized()).unlink)(dir);\n yield mkdirp(dir);\n return dir;\n });\n\n return function makeTempDir(_x33) {\n return _ref33.apply(this, arguments);\n };\n })());\n\n let readFirstAvailableStream = (exports.readFirstAvailableStream =\n (() => {\n var _ref34 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n paths,\n ) {\n for (\n var _iterator15 = paths,\n _isArray15 = Array.isArray(_iterator15),\n _i15 = 0,\n _iterator15 = _isArray15\n ? _iterator15\n : _iterator15[Symbol.iterator]();\n ;\n\n ) {\n var _ref35;\n\n if (_isArray15) {\n if (_i15 >= _iterator15.length) break;\n _ref35 = _iterator15[_i15++];\n } else {\n _i15 = _iterator15.next();\n if (_i15.done) break;\n _ref35 = _i15.value;\n }\n\n const path = _ref35;\n\n try {\n const fd = yield open(path, 'r');\n return (_fs || _load_fs()).default.createReadStream(path, {\n fd,\n });\n } catch (err) {\n // Try the next one\n }\n }\n return null;\n });\n\n return function readFirstAvailableStream(_x34) {\n return _ref34.apply(this, arguments);\n };\n })());\n\n let getFirstSuitableFolder = (exports.getFirstSuitableFolder = (() => {\n var _ref36 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n paths,\n mode = constants.W_OK | constants.X_OK,\n ) {\n const result = {\n skipped: [],\n folder: null,\n };\n\n for (\n var _iterator16 = paths,\n _isArray16 = Array.isArray(_iterator16),\n _i16 = 0,\n _iterator16 = _isArray16\n ? _iterator16\n : _iterator16[Symbol.iterator]();\n ;\n\n ) {\n var _ref37;\n\n if (_isArray16) {\n if (_i16 >= _iterator16.length) break;\n _ref37 = _iterator16[_i16++];\n } else {\n _i16 = _iterator16.next();\n if (_i16.done) break;\n _ref37 = _i16.value;\n }\n\n const folder = _ref37;\n\n try {\n yield mkdirp(folder);\n yield access(folder, mode);\n\n result.folder = folder;\n\n return result;\n } catch (error) {\n result.skipped.push({\n error,\n folder,\n });\n }\n }\n return result;\n });\n\n return function getFirstSuitableFolder(_x35) {\n return _ref36.apply(this, arguments);\n };\n })());\n\n exports.copy = copy;\n exports.readFile = readFile;\n exports.readFileRaw = readFileRaw;\n exports.normalizeOS = normalizeOS;\n\n var _fs;\n\n function _load_fs() {\n return (_fs = _interopRequireDefault(__webpack_require__(4)));\n }\n\n var _glob;\n\n function _load_glob() {\n return (_glob = _interopRequireDefault(__webpack_require__(99)));\n }\n\n var _os;\n\n function _load_os() {\n return (_os = _interopRequireDefault(__webpack_require__(46)));\n }\n\n var _path;\n\n function _load_path() {\n return (_path = _interopRequireDefault(__webpack_require__(0)));\n }\n\n var _blockingQueue;\n\n function _load_blockingQueue() {\n return (_blockingQueue = _interopRequireDefault(\n __webpack_require__(110),\n ));\n }\n\n var _promise;\n\n function _load_promise() {\n return (_promise = _interopRequireWildcard(__webpack_require__(51)));\n }\n\n var _promise2;\n\n function _load_promise2() {\n return (_promise2 = __webpack_require__(51));\n }\n\n var _map;\n\n function _load_map() {\n return (_map = _interopRequireDefault(__webpack_require__(29)));\n }\n\n var _fsNormalized;\n\n function _load_fsNormalized() {\n return (_fsNormalized = __webpack_require__(216));\n }\n\n function _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n } else {\n var newObj = {};\n if (obj != null) {\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key))\n newObj[key] = obj[key];\n }\n }\n newObj.default = obj;\n return newObj;\n }\n }\n\n function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : { default: obj };\n }\n\n const constants = (exports.constants =\n typeof (_fs || _load_fs()).default.constants !== 'undefined'\n ? (_fs || _load_fs()).default.constants\n : {\n R_OK: (_fs || _load_fs()).default.R_OK,\n W_OK: (_fs || _load_fs()).default.W_OK,\n X_OK: (_fs || _load_fs()).default.X_OK,\n });\n\n const lockQueue = (exports.lockQueue = new (\n _blockingQueue || _load_blockingQueue()\n ).default('fs lock'));\n\n const readFileBuffer = (exports.readFileBuffer = (0,\n (_promise2 || _load_promise2()).promisify)(\n (_fs || _load_fs()).default.readFile,\n ));\n const open = (exports.open = (0,\n (_promise2 || _load_promise2()).promisify)(\n (_fs || _load_fs()).default.open,\n ));\n const writeFile = (exports.writeFile = (0,\n (_promise2 || _load_promise2()).promisify)(\n (_fs || _load_fs()).default.writeFile,\n ));\n const readlink = (exports.readlink = (0,\n (_promise2 || _load_promise2()).promisify)(\n (_fs || _load_fs()).default.readlink,\n ));\n const realpath = (exports.realpath = (0,\n (_promise2 || _load_promise2()).promisify)(\n (_fs || _load_fs()).default.realpath,\n ));\n const readdir = (exports.readdir = (0,\n (_promise2 || _load_promise2()).promisify)(\n (_fs || _load_fs()).default.readdir,\n ));\n const rename = (exports.rename = (0,\n (_promise2 || _load_promise2()).promisify)(\n (_fs || _load_fs()).default.rename,\n ));\n const access = (exports.access = (0,\n (_promise2 || _load_promise2()).promisify)(\n (_fs || _load_fs()).default.access,\n ));\n const stat = (exports.stat = (0,\n (_promise2 || _load_promise2()).promisify)(\n (_fs || _load_fs()).default.stat,\n ));\n const mkdirp = (exports.mkdirp = (0,\n (_promise2 || _load_promise2()).promisify)(__webpack_require__(145)));\n const exists = (exports.exists = (0,\n (_promise2 || _load_promise2()).promisify)(\n (_fs || _load_fs()).default.exists,\n true,\n ));\n const lstat = (exports.lstat = (0,\n (_promise2 || _load_promise2()).promisify)(\n (_fs || _load_fs()).default.lstat,\n ));\n const chmod = (exports.chmod = (0,\n (_promise2 || _load_promise2()).promisify)(\n (_fs || _load_fs()).default.chmod,\n ));\n const link = (exports.link = (0,\n (_promise2 || _load_promise2()).promisify)(\n (_fs || _load_fs()).default.link,\n ));\n const glob = (exports.glob = (0,\n (_promise2 || _load_promise2()).promisify)(\n (_glob || _load_glob()).default,\n ));\n exports.unlink = (_fsNormalized || _load_fsNormalized()).unlink;\n\n // fs.copyFile uses the native file copying instructions on the system, performing much better\n // than any JS-based solution and consumes fewer resources. Repeated testing to fine tune the\n // concurrency level revealed 128 as the sweet spot on a quad-core, 16 CPU Intel system with SSD.\n\n const CONCURRENT_QUEUE_ITEMS = (_fs || _load_fs()).default.copyFile\n ? 128\n : 4;\n\n const fsSymlink = (0, (_promise2 || _load_promise2()).promisify)(\n (_fs || _load_fs()).default.symlink,\n );\n const invariant = __webpack_require__(9);\n const stripBOM = __webpack_require__(160);\n\n const noop = () => {};\n\n function copy(src, dest, reporter) {\n return copyBulk([{ src, dest }], reporter);\n }\n\n function _readFile(loc, encoding) {\n return new Promise((resolve, reject) => {\n (_fs || _load_fs()).default.readFile(\n loc,\n encoding,\n function (err, content) {\n if (err) {\n reject(err);\n } else {\n resolve(content);\n }\n },\n );\n });\n }\n\n function readFile(loc) {\n return _readFile(loc, 'utf8').then(normalizeOS);\n }\n\n function readFileRaw(loc) {\n return _readFile(loc, 'binary');\n }\n\n function normalizeOS(body) {\n return body.replace(/\\r\\n/g, '\\n');\n }\n\n const cr = '\\r'.charCodeAt(0);\n const lf = '\\n'.charCodeAt(0);\n\n /***/\n },\n /* 6 */\n /***/ function (module, exports, __webpack_require__) {\n 'use strict';\n\n Object.defineProperty(exports, '__esModule', {\n value: true,\n });\n class MessageError extends Error {\n constructor(msg, code) {\n super(msg);\n this.code = code;\n }\n }\n\n exports.MessageError = MessageError;\n class ProcessSpawnError extends MessageError {\n constructor(msg, code, process) {\n super(msg, code);\n this.process = process;\n }\n }\n\n exports.ProcessSpawnError = ProcessSpawnError;\n class SecurityError extends MessageError {}\n\n exports.SecurityError = SecurityError;\n class ProcessTermError extends MessageError {}\n\n exports.ProcessTermError = ProcessTermError;\n class ResponseError extends Error {\n constructor(msg, responseCode) {\n super(msg);\n this.responseCode = responseCode;\n }\n }\n\n exports.ResponseError = ResponseError;\n class OneTimePasswordError extends Error {}\n exports.OneTimePasswordError = OneTimePasswordError;\n\n /***/\n },\n /* 7 */\n /***/ function (module, __webpack_exports__, __webpack_require__) {\n 'use strict';\n /* harmony export (binding) */ __webpack_require__.d(\n __webpack_exports__,\n 'a',\n function () {\n return Subscriber;\n },\n );\n /* unused harmony export SafeSubscriber */\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tslib__ =\n __webpack_require__(1);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util_isFunction__ =\n __webpack_require__(154);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Observer__ =\n __webpack_require__(420);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__Subscription__ =\n __webpack_require__(25);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__internal_symbol_rxSubscriber__ =\n __webpack_require__(321);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__config__ =\n __webpack_require__(186);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__util_hostReportError__ =\n __webpack_require__(323);\n /** PURE_IMPORTS_START tslib,_util_isFunction,_Observer,_Subscription,_internal_symbol_rxSubscriber,_config,_util_hostReportError PURE_IMPORTS_END */\n\n var Subscriber = /*@__PURE__*/ (function (_super) {\n __WEBPACK_IMPORTED_MODULE_0_tslib__['a' /* __extends */](\n Subscriber,\n _super,\n );\n function Subscriber(destinationOrNext, error, complete) {\n var _this = _super.call(this) || this;\n _this.syncErrorValue = null;\n _this.syncErrorThrown = false;\n _this.syncErrorThrowable = false;\n _this.isStopped = false;\n _this._parentSubscription = null;\n switch (arguments.length) {\n case 0:\n _this.destination =\n __WEBPACK_IMPORTED_MODULE_2__Observer__['a' /* empty */];\n break;\n case 1:\n if (!destinationOrNext) {\n _this.destination =\n __WEBPACK_IMPORTED_MODULE_2__Observer__['a' /* empty */];\n break;\n }\n if (typeof destinationOrNext === 'object') {\n if (destinationOrNext instanceof Subscriber) {\n _this.syncErrorThrowable =\n destinationOrNext.syncErrorThrowable;\n _this.destination = destinationOrNext;\n destinationOrNext.add(_this);\n } else {\n _this.syncErrorThrowable = true;\n _this.destination = new SafeSubscriber(\n _this,\n destinationOrNext,\n );\n }\n break;\n }\n default:\n _this.syncErrorThrowable = true;\n _this.destination = new SafeSubscriber(\n _this,\n destinationOrNext,\n error,\n complete,\n );\n break;\n }\n return _this;\n }\n Subscriber.prototype[\n __WEBPACK_IMPORTED_MODULE_4__internal_symbol_rxSubscriber__[\n 'a' /* rxSubscriber */\n ]\n ] = function () {\n return this;\n };\n Subscriber.create = function (next, error, complete) {\n var subscriber = new Subscriber(next, error, complete);\n subscriber.syncErrorThrowable = false;\n return subscriber;\n };\n Subscriber.prototype.next = function (value) {\n if (!this.isStopped) {\n this._next(value);\n }\n };\n Subscriber.prototype.error = function (err) {\n if (!this.isStopped) {\n this.isStopped = true;\n this._error(err);\n }\n };\n Subscriber.prototype.complete = function () {\n if (!this.isStopped) {\n this.isStopped = true;\n this._complete();\n }\n };\n Subscriber.prototype.unsubscribe = function () {\n if (this.closed) {\n return;\n }\n this.isStopped = true;\n _super.prototype.unsubscribe.call(this);\n };\n Subscriber.prototype._next = function (value) {\n this.destination.next(value);\n };\n Subscriber.prototype._error = function (err) {\n this.destination.error(err);\n this.unsubscribe();\n };\n Subscriber.prototype._complete = function () {\n this.destination.complete();\n this.unsubscribe();\n };\n Subscriber.prototype._unsubscribeAndRecycle = function () {\n var _a = this,\n _parent = _a._parent,\n _parents = _a._parents;\n this._parent = null;\n this._parents = null;\n this.unsubscribe();\n this.closed = false;\n this.isStopped = false;\n this._parent = _parent;\n this._parents = _parents;\n this._parentSubscription = null;\n return this;\n };\n return Subscriber;\n })(__WEBPACK_IMPORTED_MODULE_3__Subscription__['a' /* Subscription */]);\n\n var SafeSubscriber = /*@__PURE__*/ (function (_super) {\n __WEBPACK_IMPORTED_MODULE_0_tslib__['a' /* __extends */](\n SafeSubscriber,\n _super,\n );\n function SafeSubscriber(\n _parentSubscriber,\n observerOrNext,\n error,\n complete,\n ) {\n var _this = _super.call(this) || this;\n _this._parentSubscriber = _parentSubscriber;\n var next;\n var context = _this;\n if (\n __webpack_require__.i(\n __WEBPACK_IMPORTED_MODULE_1__util_isFunction__[\n 'a' /* isFunction */\n ],\n )(observerOrNext)\n ) {\n next = observerOrNext;\n } else if (observerOrNext) {\n next = observerOrNext.next;\n error = observerOrNext.error;\n complete = observerOrNext.complete;\n if (\n observerOrNext !==\n __WEBPACK_IMPORTED_MODULE_2__Observer__['a' /* empty */]\n ) {\n context = Object.create(observerOrNext);\n if (\n __webpack_require__.i(\n __WEBPACK_IMPORTED_MODULE_1__util_isFunction__[\n 'a' /* isFunction */\n ],\n )(context.unsubscribe)\n ) {\n _this.add(context.unsubscribe.bind(context));\n }\n context.unsubscribe = _this.unsubscribe.bind(_this);\n }\n }\n _this._context = context;\n _this._next = next;\n _this._error = error;\n _this._complete = complete;\n return _this;\n }\n SafeSubscriber.prototype.next = function (value) {\n if (!this.isStopped && this._next) {\n var _parentSubscriber = this._parentSubscriber;\n if (\n !__WEBPACK_IMPORTED_MODULE_5__config__['a' /* config */]\n .useDeprecatedSynchronousErrorHandling ||\n !_parentSubscriber.syncErrorThrowable\n ) {\n this.__tryOrUnsub(this._next, value);\n } else if (\n this.__tryOrSetError(_parentSubscriber, this._next, value)\n ) {\n this.unsubscribe();\n }\n }\n };\n SafeSubscriber.prototype.error = function (err) {\n if (!this.isStopped) {\n var _parentSubscriber = this._parentSubscriber;\n var useDeprecatedSynchronousErrorHandling =\n __WEBPACK_IMPORTED_MODULE_5__config__['a' /* config */]\n .useDeprecatedSynchronousErrorHandling;\n if (this._error) {\n if (\n !useDeprecatedSynchronousErrorHandling ||\n !_parentSubscriber.syncErrorThrowable\n ) {\n this.__tryOrUnsub(this._error, err);\n this.unsubscribe();\n } else {\n this.__tryOrSetError(_parentSubscriber, this._error, err);\n this.unsubscribe();\n }\n } else if (!_parentSubscriber.syncErrorThrowable) {\n this.unsubscribe();\n if (useDeprecatedSynchronousErrorHandling) {\n throw err;\n }\n __webpack_require__.i(\n __WEBPACK_IMPORTED_MODULE_6__util_hostReportError__[\n 'a' /* hostReportError */\n ],\n )(err);\n } else {\n if (useDeprecatedSynchronousErrorHandling) {\n _parentSubscriber.syncErrorValue = err;\n _parentSubscriber.syncErrorThrown = true;\n } else {\n __webpack_require__.i(\n __WEBPACK_IMPORTED_MODULE_6__util_hostReportError__[\n 'a' /* hostReportError */\n ],\n )(err);\n }\n this.unsubscribe();\n }\n }\n };\n SafeSubscriber.prototype.complete = function () {\n var _this = this;\n if (!this.isStopped) {\n var _parentSubscriber = this._parentSubscriber;\n if (this._complete) {\n var wrappedComplete = function () {\n return _this._complete.call(_this._context);\n };\n if (\n !__WEBPACK_IMPORTED_MODULE_5__config__['a' /* config */]\n .useDeprecatedSynchronousErrorHandling ||\n !_parentSubscriber.syncErrorThrowable\n ) {\n this.__tryOrUnsub(wrappedComplete);\n this.unsubscribe();\n } else {\n this.__tryOrSetError(_parentSubscriber, wrappedComplete);\n this.unsubscribe();\n }\n } else {\n this.unsubscribe();\n }\n }\n };\n SafeSubscriber.prototype.__tryOrUnsub = function (fn, value) {\n try {\n fn.call(this._context, value);\n } catch (err) {\n this.unsubscribe();\n if (\n __WEBPACK_IMPORTED_MODULE_5__config__['a' /* config */]\n .useDeprecatedSynchronousErrorHandling\n ) {\n throw err;\n } else {\n __webpack_require__.i(\n __WEBPACK_IMPORTED_MODULE_6__util_hostReportError__[\n 'a' /* hostReportError */\n ],\n )(err);\n }\n }\n };\n SafeSubscriber.prototype.__tryOrSetError = function (\n parent,\n fn,\n value,\n ) {\n if (\n !__WEBPACK_IMPORTED_MODULE_5__config__['a' /* config */]\n .useDeprecatedSynchronousErrorHandling\n ) {\n throw new Error('bad call');\n }\n try {\n fn.call(this._context, value);\n } catch (err) {\n if (\n __WEBPACK_IMPORTED_MODULE_5__config__['a' /* config */]\n .useDeprecatedSynchronousErrorHandling\n ) {\n parent.syncErrorValue = err;\n parent.syncErrorThrown = true;\n return true;\n } else {\n __webpack_require__.i(\n __WEBPACK_IMPORTED_MODULE_6__util_hostReportError__[\n 'a' /* hostReportError */\n ],\n )(err);\n return true;\n }\n }\n return false;\n };\n SafeSubscriber.prototype._unsubscribe = function () {\n var _parentSubscriber = this._parentSubscriber;\n this._context = null;\n this._parentSubscriber = null;\n _parentSubscriber.unsubscribe();\n };\n return SafeSubscriber;\n })(Subscriber);\n\n //# sourceMappingURL=Subscriber.js.map\n\n /***/\n },\n /* 8 */\n /***/ function (module, exports, __webpack_require__) {\n 'use strict';\n\n Object.defineProperty(exports, '__esModule', {\n value: true,\n });\n exports.getPathKey = getPathKey;\n const os = __webpack_require__(46);\n const path = __webpack_require__(0);\n const userHome = __webpack_require__(67).default;\n\n var _require = __webpack_require__(222);\n\n const getCacheDir = _require.getCacheDir,\n getConfigDir = _require.getConfigDir,\n getDataDir = _require.getDataDir;\n\n const isWebpackBundle = __webpack_require__(278);\n\n const DEPENDENCY_TYPES = (exports.DEPENDENCY_TYPES = [\n 'devDependencies',\n 'dependencies',\n 'optionalDependencies',\n 'peerDependencies',\n ]);\n const OWNED_DEPENDENCY_TYPES = (exports.OWNED_DEPENDENCY_TYPES = [\n 'devDependencies',\n 'dependencies',\n 'optionalDependencies',\n ]);\n\n const RESOLUTIONS = (exports.RESOLUTIONS = 'resolutions');\n const MANIFEST_FIELDS = (exports.MANIFEST_FIELDS = [\n RESOLUTIONS,\n ...DEPENDENCY_TYPES,\n ]);\n\n const SUPPORTED_NODE_VERSIONS = (exports.SUPPORTED_NODE_VERSIONS =\n '^4.8.0 || ^5.7.0 || ^6.2.2 || >=8.0.0');\n\n const YARN_REGISTRY = (exports.YARN_REGISTRY =\n 'https://registry.yarnpkg.com');\n const NPM_REGISTRY_RE = (exports.NPM_REGISTRY_RE =\n /https?:\\/\\/registry\\.npmjs\\.org/g);\n\n const YARN_DOCS = (exports.YARN_DOCS =\n 'https://yarnpkg.com/en/docs/cli/');\n const YARN_INSTALLER_SH = (exports.YARN_INSTALLER_SH =\n 'https://yarnpkg.com/install.sh');\n const YARN_INSTALLER_MSI = (exports.YARN_INSTALLER_MSI =\n 'https://yarnpkg.com/latest.msi');\n\n const SELF_UPDATE_VERSION_URL = (exports.SELF_UPDATE_VERSION_URL =\n 'https://yarnpkg.com/latest-version');\n\n // cache version, bump whenever we make backwards incompatible changes\n const CACHE_VERSION = (exports.CACHE_VERSION = 6);\n\n // lockfile version, bump whenever we make backwards incompatible changes\n const LOCKFILE_VERSION = (exports.LOCKFILE_VERSION = 1);\n\n // max amount of network requests to perform concurrently\n const NETWORK_CONCURRENCY = (exports.NETWORK_CONCURRENCY = 8);\n\n // HTTP timeout used when downloading packages\n const NETWORK_TIMEOUT = (exports.NETWORK_TIMEOUT = 30 * 1000); // in milliseconds\n\n // max amount of child processes to execute concurrently\n const CHILD_CONCURRENCY = (exports.CHILD_CONCURRENCY = 5);\n\n const REQUIRED_PACKAGE_KEYS = (exports.REQUIRED_PACKAGE_KEYS = [\n 'name',\n 'version',\n '_uid',\n ]);\n\n function getPreferredCacheDirectories() {\n const preferredCacheDirectories = [getCacheDir()];\n\n if (process.getuid) {\n // $FlowFixMe: process.getuid exists, dammit\n preferredCacheDirectories.push(\n path.join(os.tmpdir(), `.yarn-cache-${process.getuid()}`),\n );\n }\n\n preferredCacheDirectories.push(path.join(os.tmpdir(), `.yarn-cache`));\n\n return preferredCacheDirectories;\n }\n\n const PREFERRED_MODULE_CACHE_DIRECTORIES =\n (exports.PREFERRED_MODULE_CACHE_DIRECTORIES =\n getPreferredCacheDirectories());\n const CONFIG_DIRECTORY = (exports.CONFIG_DIRECTORY = getConfigDir());\n const DATA_DIRECTORY = (exports.DATA_DIRECTORY = getDataDir());\n const LINK_REGISTRY_DIRECTORY = (exports.LINK_REGISTRY_DIRECTORY =\n path.join(DATA_DIRECTORY, 'link'));\n const GLOBAL_MODULE_DIRECTORY = (exports.GLOBAL_MODULE_DIRECTORY =\n path.join(DATA_DIRECTORY, 'global'));\n\n const NODE_BIN_PATH = (exports.NODE_BIN_PATH = process.execPath);\n const YARN_BIN_PATH = (exports.YARN_BIN_PATH = getYarnBinPath());\n\n // Webpack needs to be configured with node.__dirname/__filename = false\n function getYarnBinPath() {\n if (isWebpackBundle) {\n return __filename;\n } else {\n return path.join(__dirname, '..', 'bin', 'yarn.js');\n }\n }\n\n const NODE_MODULES_FOLDER = (exports.NODE_MODULES_FOLDER =\n 'node_modules');\n const NODE_PACKAGE_JSON = (exports.NODE_PACKAGE_JSON = 'package.json');\n\n const PNP_FILENAME = (exports.PNP_FILENAME = '.pnp.js');\n\n const POSIX_GLOBAL_PREFIX = (exports.POSIX_GLOBAL_PREFIX = `${\n process.env.DESTDIR || ''\n }/usr/local`);\n const FALLBACK_GLOBAL_PREFIX = (exports.FALLBACK_GLOBAL_PREFIX =\n path.join(userHome, '.yarn'));\n\n const META_FOLDER = (exports.META_FOLDER = '.yarn-meta');\n const INTEGRITY_FILENAME = (exports.INTEGRITY_FILENAME =\n '.yarn-integrity');\n const LOCKFILE_FILENAME = (exports.LOCKFILE_FILENAME = 'yarn.lock');\n const METADATA_FILENAME = (exports.METADATA_FILENAME =\n '.yarn-metadata.json');\n const TARBALL_FILENAME = (exports.TARBALL_FILENAME = '.yarn-tarball.tgz');\n const CLEAN_FILENAME = (exports.CLEAN_FILENAME = '.yarnclean');\n\n const NPM_LOCK_FILENAME = (exports.NPM_LOCK_FILENAME =\n 'package-lock.json');\n const NPM_SHRINKWRAP_FILENAME = (exports.NPM_SHRINKWRAP_FILENAME =\n 'npm-shrinkwrap.json');\n\n const DEFAULT_INDENT = (exports.DEFAULT_INDENT = ' ');\n const SINGLE_INSTANCE_PORT = (exports.SINGLE_INSTANCE_PORT = 31997);\n const SINGLE_INSTANCE_FILENAME = (exports.SINGLE_INSTANCE_FILENAME =\n '.yarn-single-instance');\n\n const ENV_PATH_KEY = (exports.ENV_PATH_KEY = getPathKey(\n process.platform,\n process.env,\n ));\n\n function getPathKey(platform, env) {\n let pathKey = 'PATH';\n\n // windows calls its path \"Path\" usually, but this is not guaranteed.\n if (platform === 'win32') {\n pathKey = 'Path';\n\n for (const key in env) {\n if (key.toLowerCase() === 'path') {\n pathKey = key;\n }\n }\n }\n\n return pathKey;\n }\n\n const VERSION_COLOR_SCHEME = (exports.VERSION_COLOR_SCHEME = {\n major: 'red',\n premajor: 'red',\n minor: 'yellow',\n preminor: 'yellow',\n patch: 'green',\n prepatch: 'green',\n prerelease: 'red',\n unchanged: 'white',\n unknown: 'red',\n });\n\n /***/\n },\n /* 9 */\n /***/ function (module, exports, __webpack_require__) {\n 'use strict';\n /**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n /**\n * Use invariant() to assert state which your program assumes to be true.\n *\n * Provide sprintf-style format (only %s is supported) and arguments\n * to provide information about what broke and what you were\n * expecting.\n *\n * The invariant message will be stripped in production, but the invariant\n * will remain to ensure logic does not differ in production.\n */\n\n var NODE_ENV = process.env.NODE_ENV;\n\n var invariant = function (condition, format, a, b, c, d, e, f) {\n if (NODE_ENV !== 'production') {\n if (format === undefined) {\n throw new Error('invariant requires an error message argument');\n }\n }\n\n if (!condition) {\n var error;\n if (format === undefined) {\n error = new Error(\n 'Minified exception occurred; use the non-minified dev environment ' +\n 'for the full error message and additional helpful warnings.',\n );\n } else {\n var args = [a, b, c, d, e, f];\n var argIndex = 0;\n error = new Error(\n format.replace(/%s/g, function () {\n return args[argIndex++];\n }),\n );\n error.name = 'Invariant Violation';\n }\n\n error.framesToPop = 1; // we don't care about invariant's own frame\n throw error;\n }\n };\n\n module.exports = invariant;\n\n /***/\n },\n /* 10 */\n /***/ function (module, exports, __webpack_require__) {\n 'use strict';\n\n var YAMLException = __webpack_require__(55);\n\n var TYPE_CONSTRUCTOR_OPTIONS = [\n 'kind',\n 'resolve',\n 'construct',\n 'instanceOf',\n 'predicate',\n 'represent',\n 'defaultStyle',\n 'styleAliases',\n ];\n\n var YAML_NODE_KINDS = ['scalar', 'sequence', 'mapping'];\n\n function compileStyleAliases(map) {\n var result = {};\n\n if (map !== null) {\n Object.keys(map).forEach(function (style) {\n map[style].forEach(function (alias) {\n result[String(alias)] = style;\n });\n });\n }\n\n return result;\n }\n\n function Type(tag, options) {\n options = options || {};\n\n Object.keys(options).forEach(function (name) {\n if (TYPE_CONSTRUCTOR_OPTIONS.indexOf(name) === -1) {\n throw new YAMLException(\n 'Unknown option \"' +\n name +\n '\" is met in definition of \"' +\n tag +\n '\" YAML type.',\n );\n }\n });\n\n // TODO: Add tag format check.\n this.tag = tag;\n this.kind = options['kind'] || null;\n this.resolve =\n options['resolve'] ||\n function () {\n return true;\n };\n this.construct =\n options['construct'] ||\n function (data) {\n return data;\n };\n this.instanceOf = options['instanceOf'] || null;\n this.predicate = options['predicate'] || null;\n this.represent = options['represent'] || null;\n this.defaultStyle = options['defaultStyle'] || null;\n this.styleAliases = compileStyleAliases(\n options['styleAliases'] || null,\n );\n\n if (YAML_NODE_KINDS.indexOf(this.kind) === -1) {\n throw new YAMLException(\n 'Unknown kind \"' +\n this.kind +\n '\" is specified for \"' +\n tag +\n '\" YAML type.',\n );\n }\n }\n\n module.exports = Type;\n\n /***/\n },\n /* 11 */\n /***/ function (module, exports) {\n module.exports = require('crypto');\n\n /***/\n },\n /* 12 */\n /***/ function (module, __webpack_exports__, __webpack_require__) {\n 'use strict';\n /* harmony export (binding) */ __webpack_require__.d(\n __webpack_exports__,\n 'a',\n function () {\n return Observable;\n },\n );\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util_canReportError__ =\n __webpack_require__(322);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util_toSubscriber__ =\n __webpack_require__(932);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__internal_symbol_observable__ =\n __webpack_require__(118);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util_pipe__ =\n __webpack_require__(324);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__config__ =\n __webpack_require__(186);\n /** PURE_IMPORTS_START _util_canReportError,_util_toSubscriber,_internal_symbol_observable,_util_pipe,_config PURE_IMPORTS_END */\n\n var Observable = /*@__PURE__*/ (function () {\n function Observable(subscribe) {\n this._isScalar = false;\n if (subscribe) {\n this._subscribe = subscribe;\n }\n }\n Observable.prototype.lift = function (operator) {\n var observable = new Observable();\n observable.source = this;\n observable.operator = operator;\n return observable;\n };\n Observable.prototype.subscribe = function (\n observerOrNext,\n error,\n complete,\n ) {\n var operator = this.operator;\n var sink = __webpack_require__.i(\n __WEBPACK_IMPORTED_MODULE_1__util_toSubscriber__[\n 'a' /* toSubscriber */\n ],\n )(observerOrNext, error, complete);\n if (operator) {\n operator.call(sink, this.source);\n } else {\n sink.add(\n this.source ||\n (__WEBPACK_IMPORTED_MODULE_4__config__['a' /* config */]\n .useDeprecatedSynchronousErrorHandling &&\n !sink.syncErrorThrowable)\n ? this._subscribe(sink)\n : this._trySubscribe(sink),\n );\n }\n if (\n __WEBPACK_IMPORTED_MODULE_4__config__['a' /* config */]\n .useDeprecatedSynchronousErrorHandling\n ) {\n if (sink.syncErrorThrowable) {\n sink.syncErrorThrowable = false;\n if (sink.syncErrorThrown) {\n throw sink.syncErrorValue;\n }\n }\n }\n return sink;\n };\n Observable.prototype._trySubscribe = function (sink) {\n try {\n return this._subscribe(sink);\n } catch (err) {\n if (\n __WEBPACK_IMPORTED_MODULE_4__config__['a' /* config */]\n .useDeprecatedSynchronousErrorHandling\n ) {\n sink.syncErrorThrown = true;\n sink.syncErrorValue = err;\n }\n if (\n __webpack_require__.i(\n __WEBPACK_IMPORTED_MODULE_0__util_canReportError__[\n 'a' /* canReportError */\n ],\n )(sink)\n ) {\n sink.error(err);\n } else {\n console.warn(err);\n }\n }\n };\n Observable.prototype.forEach = function (next, promiseCtor) {\n var _this = this;\n promiseCtor = getPromiseCtor(promiseCtor);\n return new promiseCtor(function (resolve, reject) {\n var subscription;\n subscription = _this.subscribe(\n function (value) {\n try {\n next(value);\n } catch (err) {\n reject(err);\n if (subscription) {\n subscription.unsubscribe();\n }\n }\n },\n reject,\n resolve,\n );\n });\n };\n Observable.prototype._subscribe = function (subscriber) {\n var source = this.source;\n return source && source.subscribe(subscriber);\n };\n Observable.prototype[\n __WEBPACK_IMPORTED_MODULE_2__internal_symbol_observable__[\n 'a' /* observable */\n ]\n ] = function () {\n return this;\n };\n Observable.prototype.pipe = function () {\n var operations = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n operations[_i] = arguments[_i];\n }\n if (operations.length === 0) {\n return this;\n }\n return __webpack_require__.i(\n __WEBPACK_IMPORTED_MODULE_3__util_pipe__['b' /* pipeFromArray */],\n )(operations)(this);\n };\n Observable.prototype.toPromise = function (promiseCtor) {\n var _this = this;\n promiseCtor = getPromiseCtor(promiseCtor);\n return new promiseCtor(function (resolve, reject) {\n var value;\n _this.subscribe(\n function (x) {\n return (value = x);\n },\n function (err) {\n return reject(err);\n },\n function () {\n return resolve(value);\n },\n );\n });\n };\n Observable.create = function (subscribe) {\n return new Observable(subscribe);\n };\n return Observable;\n })();\n\n function getPromiseCtor(promiseCtor) {\n if (!promiseCtor) {\n promiseCtor =\n __WEBPACK_IMPORTED_MODULE_4__config__['a' /* config */].Promise ||\n Promise;\n }\n if (!promiseCtor) {\n throw new Error('no Promise impl found');\n }\n return promiseCtor;\n }\n //# sourceMappingURL=Observable.js.map\n\n /***/\n },\n /* 13 */\n /***/ function (module, __webpack_exports__, __webpack_require__) {\n 'use strict';\n /* harmony export (binding) */ __webpack_require__.d(\n __webpack_exports__,\n 'a',\n function () {\n return OuterSubscriber;\n },\n );\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tslib__ =\n __webpack_require__(1);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__Subscriber__ =\n __webpack_require__(7);\n /** PURE_IMPORTS_START tslib,_Subscriber PURE_IMPORTS_END */\n\n var OuterSubscriber = /*@__PURE__*/ (function (_super) {\n __WEBPACK_IMPORTED_MODULE_0_tslib__['a' /* __extends */](\n OuterSubscriber,\n _super,\n );\n function OuterSubscriber() {\n return (_super !== null && _super.apply(this, arguments)) || this;\n }\n OuterSubscriber.prototype.notifyNext = function (\n outerValue,\n innerValue,\n outerIndex,\n innerIndex,\n innerSub,\n ) {\n this.destination.next(innerValue);\n };\n OuterSubscriber.prototype.notifyError = function (error, innerSub) {\n this.destination.error(error);\n };\n OuterSubscriber.prototype.notifyComplete = function (innerSub) {\n this.destination.complete();\n };\n return OuterSubscriber;\n })(__WEBPACK_IMPORTED_MODULE_1__Subscriber__['a' /* Subscriber */]);\n\n //# sourceMappingURL=OuterSubscriber.js.map\n\n /***/\n },\n /* 14 */\n /***/ function (module, __webpack_exports__, __webpack_require__) {\n 'use strict';\n /* harmony export (immutable) */ __webpack_exports__['a'] =\n subscribeToResult;\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__InnerSubscriber__ =\n __webpack_require__(84);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__subscribeTo__ =\n __webpack_require__(446);\n /** PURE_IMPORTS_START _InnerSubscriber,_subscribeTo PURE_IMPORTS_END */\n\n function subscribeToResult(\n outerSubscriber,\n result,\n outerValue,\n outerIndex,\n destination,\n ) {\n if (destination === void 0) {\n destination = new __WEBPACK_IMPORTED_MODULE_0__InnerSubscriber__[\n 'a' /* InnerSubscriber */\n ](outerSubscriber, outerValue, outerIndex);\n }\n if (destination.closed) {\n return;\n }\n return __webpack_require__.i(\n __WEBPACK_IMPORTED_MODULE_1__subscribeTo__['a' /* subscribeTo */],\n )(result)(destination);\n }\n //# sourceMappingURL=subscribeToResult.js.map\n\n /***/\n },\n /* 15 */\n /***/ function (module, exports, __webpack_require__) {\n 'use strict';\n /* eslint-disable node/no-deprecated-api */\n\n var buffer = __webpack_require__(64);\n var Buffer = buffer.Buffer;\n\n var safer = {};\n\n var key;\n\n for (key in buffer) {\n if (!buffer.hasOwnProperty(key)) continue;\n if (key === 'SlowBuffer' || key === 'Buffer') continue;\n safer[key] = buffer[key];\n }\n\n var Safer = (safer.Buffer = {});\n for (key in Buffer) {\n if (!Buffer.hasOwnProperty(key)) continue;\n if (key === 'allocUnsafe' || key === 'allocUnsafeSlow') continue;\n Safer[key] = Buffer[key];\n }\n\n safer.Buffer.prototype = Buffer.prototype;\n\n if (!Safer.from || Safer.from === Uint8Array.from) {\n Safer.from = function (value, encodingOrOffset, length) {\n if (typeof value === 'number') {\n throw new TypeError(\n 'The \"value\" argument must not be of type number. Received type ' +\n typeof value,\n );\n }\n if (value && typeof value.length === 'undefined') {\n throw new TypeError(\n 'The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type ' +\n typeof value,\n );\n }\n return Buffer(value, encodingOrOffset, length);\n };\n }\n\n if (!Safer.alloc) {\n Safer.alloc = function (size, fill, encoding) {\n if (typeof size !== 'number') {\n throw new TypeError(\n 'The \"size\" argument must be of type number. Received type ' +\n typeof size,\n );\n }\n if (size < 0 || size >= 2 * (1 << 30)) {\n throw new RangeError(\n 'The value \"' + size + '\" is invalid for option \"size\"',\n );\n }\n var buf = Buffer(size);\n if (!fill || fill.length === 0) {\n buf.fill(0);\n } else if (typeof encoding === 'string') {\n buf.fill(fill, encoding);\n } else {\n buf.fill(fill);\n }\n return buf;\n };\n }\n\n if (!safer.kStringMaxLength) {\n try {\n safer.kStringMaxLength = process.binding('buffer').kStringMaxLength;\n } catch (e) {\n // we can't determine kStringMaxLength in environments where process.binding\n // is unsupported, so let's not set it\n }\n }\n\n if (!safer.constants) {\n safer.constants = {\n MAX_LENGTH: safer.kMaxLength,\n };\n if (safer.kStringMaxLength) {\n safer.constants.MAX_STRING_LENGTH = safer.kStringMaxLength;\n }\n }\n\n module.exports = safer;\n\n /***/\n },\n /* 16 */\n /***/ function (module, exports, __webpack_require__) {\n // Copyright (c) 2012, Mark Cavage. All rights reserved.\n // Copyright 2015 Joyent, Inc.\n\n var assert = __webpack_require__(28);\n var Stream = __webpack_require__(23).Stream;\n var util = __webpack_require__(3);\n\n ///--- Globals\n\n /* JSSTYLED */\n var UUID_REGEXP =\n /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;\n\n ///--- Internal\n\n function _capitalize(str) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n }\n\n function _toss(name, expected, oper, arg, actual) {\n throw new assert.AssertionError({\n message: util.format('%s (%s) is required', name, expected),\n actual: actual === undefined ? typeof arg : actual(arg),\n expected: expected,\n operator: oper || '===',\n stackStartFunction: _toss.caller,\n });\n }\n\n function _getClass(arg) {\n return Object.prototype.toString.call(arg).slice(8, -1);\n }\n\n function noop() {\n // Why even bother with asserts?\n }\n\n ///--- Exports\n\n var types = {\n bool: {\n check: function (arg) {\n return typeof arg === 'boolean';\n },\n },\n func: {\n check: function (arg) {\n return typeof arg === 'function';\n },\n },\n string: {\n check: function (arg) {\n return typeof arg === 'string';\n },\n },\n object: {\n check: function (arg) {\n return typeof arg === 'object' && arg !== null;\n },\n },\n number: {\n check: function (arg) {\n return typeof arg === 'number' && !isNaN(arg);\n },\n },\n finite: {\n check: function (arg) {\n return typeof arg === 'number' && !isNaN(arg) && isFinite(arg);\n },\n },\n buffer: {\n check: function (arg) {\n return Buffer.isBuffer(arg);\n },\n operator: 'Buffer.isBuffer',\n },\n array: {\n check: function (arg) {\n return Array.isArray(arg);\n },\n operator: 'Array.isArray',\n },\n stream: {\n check: function (arg) {\n return arg instanceof Stream;\n },\n operator: 'instanceof',\n actual: _getClass,\n },\n date: {\n check: function (arg) {\n return arg instanceof Date;\n },\n operator: 'instanceof',\n actual: _getClass,\n },\n regexp: {\n check: function (arg) {\n return arg instanceof RegExp;\n },\n operator: 'instanceof',\n actual: _getClass,\n },\n uuid: {\n check: function (arg) {\n return typeof arg === 'string' && UUID_REGEXP.test(arg);\n },\n operator: 'isUUID',\n },\n };\n\n function _setExports(ndebug) {\n var keys = Object.keys(types);\n var out;\n\n /* re-export standard assert */\n if (process.env.NODE_NDEBUG) {\n out = noop;\n } else {\n out = function (arg, msg) {\n if (!arg) {\n _toss(msg, 'true', arg);\n }\n };\n }\n\n /* standard checks */\n keys.forEach(function (k) {\n if (ndebug) {\n out[k] = noop;\n return;\n }\n var type = types[k];\n out[k] = function (arg, msg) {\n if (!type.check(arg)) {\n _toss(msg, k, type.operator, arg, type.actual);\n }\n };\n });\n\n /* optional checks */\n keys.forEach(function (k) {\n var name = 'optional' + _capitalize(k);\n if (ndebug) {\n out[name] = noop;\n return;\n }\n var type = types[k];\n out[name] = function (arg, msg) {\n if (arg === undefined || arg === null) {\n return;\n }\n if (!type.check(arg)) {\n _toss(msg, k, type.operator, arg, type.actual);\n }\n };\n });\n\n /* arrayOf checks */\n keys.forEach(function (k) {\n var name = 'arrayOf' + _capitalize(k);\n if (ndebug) {\n out[name] = noop;\n return;\n }\n var type = types[k];\n var expected = '[' + k + ']';\n out[name] = function (arg, msg) {\n if (!Array.isArray(arg)) {\n _toss(msg, expected, type.operator, arg, type.actual);\n }\n var i;\n for (i = 0; i < arg.length; i++) {\n if (!type.check(arg[i])) {\n _toss(msg, expected, type.operator, arg, type.actual);\n }\n }\n };\n });\n\n /* optionalArrayOf checks */\n keys.forEach(function (k) {\n var name = 'optionalArrayOf' + _capitalize(k);\n if (ndebug) {\n out[name] = noop;\n return;\n }\n var type = types[k];\n var expected = '[' + k + ']';\n out[name] = function (arg, msg) {\n if (arg === undefined || arg === null) {\n return;\n }\n if (!Array.isArray(arg)) {\n _toss(msg, expected, type.operator, arg, type.actual);\n }\n var i;\n for (i = 0; i < arg.length; i++) {\n if (!type.check(arg[i])) {\n _toss(msg, expected, type.operator, arg, type.actual);\n }\n }\n };\n });\n\n /* re-export built-in assertions */\n Object.keys(assert).forEach(function (k) {\n if (k === 'AssertionError') {\n out[k] = assert[k];\n return;\n }\n if (ndebug) {\n out[k] = noop;\n return;\n }\n out[k] = assert[k];\n });\n\n /* export ourselves (for unit tests _only_) */\n out._setExports = _setExports;\n\n return out;\n }\n\n module.exports = _setExports(process.env.NODE_NDEBUG);\n\n /***/\n },\n /* 17 */\n /***/ function (module, exports) {\n // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\n var global = (module.exports =\n typeof window != 'undefined' && window.Math == Math\n ? window\n : typeof self != 'undefined' && self.Math == Math\n ? self\n : // eslint-disable-next-line no-new-func\n Function('return this')());\n if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef\n\n /***/\n },\n /* 18 */\n /***/ function (module, exports, __webpack_require__) {\n 'use strict';\n\n Object.defineProperty(exports, '__esModule', {\n value: true,\n });\n exports.sortAlpha = sortAlpha;\n exports.sortOptionsByFlags = sortOptionsByFlags;\n exports.entries = entries;\n exports.removePrefix = removePrefix;\n exports.removeSuffix = removeSuffix;\n exports.addSuffix = addSuffix;\n exports.hyphenate = hyphenate;\n exports.camelCase = camelCase;\n exports.compareSortedArrays = compareSortedArrays;\n exports.sleep = sleep;\n const _camelCase = __webpack_require__(227);\n\n function sortAlpha(a, b) {\n // sort alphabetically in a deterministic way\n const shortLen = Math.min(a.length, b.length);\n for (let i = 0; i < shortLen; i++) {\n const aChar = a.charCodeAt(i);\n const bChar = b.charCodeAt(i);\n if (aChar !== bChar) {\n return aChar - bChar;\n }\n }\n return a.length - b.length;\n }\n\n function sortOptionsByFlags(a, b) {\n const aOpt = a.flags.replace(/-/g, '');\n const bOpt = b.flags.replace(/-/g, '');\n return sortAlpha(aOpt, bOpt);\n }\n\n function entries(obj) {\n const entries = [];\n if (obj) {\n for (const key in obj) {\n entries.push([key, obj[key]]);\n }\n }\n return entries;\n }\n\n function removePrefix(pattern, prefix) {\n if (pattern.startsWith(prefix)) {\n pattern = pattern.slice(prefix.length);\n }\n\n return pattern;\n }\n\n function removeSuffix(pattern, suffix) {\n if (pattern.endsWith(suffix)) {\n return pattern.slice(0, -suffix.length);\n }\n\n return pattern;\n }\n\n function addSuffix(pattern, suffix) {\n if (!pattern.endsWith(suffix)) {\n return pattern + suffix;\n }\n\n return pattern;\n }\n\n function hyphenate(str) {\n return str.replace(/[A-Z]/g, match => {\n return '-' + match.charAt(0).toLowerCase();\n });\n }\n\n function camelCase(str) {\n if (/[A-Z]/.test(str)) {\n return null;\n } else {\n return _camelCase(str);\n }\n }\n\n function compareSortedArrays(array1, array2) {\n if (array1.length !== array2.length) {\n return false;\n }\n for (let i = 0, len = array1.length; i < len; i++) {\n if (array1[i] !== array2[i]) {\n return false;\n }\n }\n return true;\n }\n\n function sleep(ms) {\n return new Promise(resolve => {\n setTimeout(resolve, ms);\n });\n }\n\n /***/\n },\n /* 19 */\n /***/ function (module, exports, __webpack_require__) {\n 'use strict';\n\n Object.defineProperty(exports, '__esModule', {\n value: true,\n });\n exports.stringify = exports.parse = undefined;\n\n var _asyncToGenerator2;\n\n function _load_asyncToGenerator() {\n return (_asyncToGenerator2 = _interopRequireDefault(\n __webpack_require__(2),\n ));\n }\n\n var _parse;\n\n function _load_parse() {\n return (_parse = __webpack_require__(106));\n }\n\n Object.defineProperty(exports, 'parse', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_parse || _load_parse()).default;\n },\n });\n\n var _stringify;\n\n function _load_stringify() {\n return (_stringify = __webpack_require__(200));\n }\n\n Object.defineProperty(exports, 'stringify', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_stringify || _load_stringify())\n .default;\n },\n });\n exports.implodeEntry = implodeEntry;\n exports.explodeEntry = explodeEntry;\n\n var _misc;\n\n function _load_misc() {\n return (_misc = __webpack_require__(18));\n }\n\n var _normalizePattern;\n\n function _load_normalizePattern() {\n return (_normalizePattern = __webpack_require__(37));\n }\n\n var _parse2;\n\n function _load_parse2() {\n return (_parse2 = _interopRequireDefault(__webpack_require__(106)));\n }\n\n var _constants;\n\n function _load_constants() {\n return (_constants = __webpack_require__(8));\n }\n\n var _fs;\n\n function _load_fs() {\n return (_fs = _interopRequireWildcard(__webpack_require__(5)));\n }\n\n function _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n } else {\n var newObj = {};\n if (obj != null) {\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key))\n newObj[key] = obj[key];\n }\n }\n newObj.default = obj;\n return newObj;\n }\n }\n\n function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : { default: obj };\n }\n\n const invariant = __webpack_require__(9);\n\n const path = __webpack_require__(0);\n const ssri = __webpack_require__(65);\n\n function getName(pattern) {\n return (0,\n (_normalizePattern || _load_normalizePattern()).normalizePattern)(\n pattern,\n ).name;\n }\n\n function blankObjectUndefined(obj) {\n return obj && Object.keys(obj).length ? obj : undefined;\n }\n\n function keyForRemote(remote) {\n return (\n remote.resolved ||\n (remote.reference && remote.hash\n ? `${remote.reference}#${remote.hash}`\n : null)\n );\n }\n\n function serializeIntegrity(integrity) {\n // We need this because `Integrity.toString()` does not use sorting to ensure a stable string output\n // See https://git.io/vx2Hy\n return integrity.toString().split(' ').sort().join(' ');\n }\n\n function implodeEntry(pattern, obj) {\n const inferredName = getName(pattern);\n const integrity = obj.integrity\n ? serializeIntegrity(obj.integrity)\n : '';\n const imploded = {\n name: inferredName === obj.name ? undefined : obj.name,\n version: obj.version,\n uid: obj.uid === obj.version ? undefined : obj.uid,\n resolved: obj.resolved,\n registry: obj.registry === 'npm' ? undefined : obj.registry,\n dependencies: blankObjectUndefined(obj.dependencies),\n optionalDependencies: blankObjectUndefined(obj.optionalDependencies),\n permissions: blankObjectUndefined(obj.permissions),\n prebuiltVariants: blankObjectUndefined(obj.prebuiltVariants),\n };\n if (integrity) {\n imploded.integrity = integrity;\n }\n return imploded;\n }\n\n function explodeEntry(pattern, obj) {\n obj.optionalDependencies = obj.optionalDependencies || {};\n obj.dependencies = obj.dependencies || {};\n obj.uid = obj.uid || obj.version;\n obj.permissions = obj.permissions || {};\n obj.registry = obj.registry || 'npm';\n obj.name = obj.name || getName(pattern);\n const integrity = obj.integrity;\n if (integrity && integrity.isIntegrity) {\n obj.integrity = ssri.parse(integrity);\n }\n return obj;\n }\n\n class Lockfile {\n constructor({ cache, source, parseResultType } = {}) {\n this.source = source || '';\n this.cache = cache;\n this.parseResultType = parseResultType;\n }\n\n // source string if the `cache` was parsed\n\n // if true, we're parsing an old yarn file and need to update integrity fields\n hasEntriesExistWithoutIntegrity() {\n if (!this.cache) {\n return false;\n }\n\n for (const key in this.cache) {\n // $FlowFixMe - `this.cache` is clearly defined at this point\n if (\n !/^.*@(file:|http)/.test(key) &&\n this.cache[key] &&\n !this.cache[key].integrity\n ) {\n return true;\n }\n }\n\n return false;\n }\n\n static fromDirectory(dir, reporter) {\n return (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n // read the manifest in this directory\n const lockfileLoc = path.join(\n dir,\n (_constants || _load_constants()).LOCKFILE_FILENAME,\n );\n\n let lockfile;\n let rawLockfile = '';\n let parseResult;\n\n if (yield (_fs || _load_fs()).exists(lockfileLoc)) {\n rawLockfile = yield (_fs || _load_fs()).readFile(lockfileLoc);\n parseResult = (0, (_parse2 || _load_parse2()).default)(\n rawLockfile,\n lockfileLoc,\n );\n\n if (reporter) {\n if (parseResult.type === 'merge') {\n reporter.info(reporter.lang('lockfileMerged'));\n } else if (parseResult.type === 'conflict') {\n reporter.warn(reporter.lang('lockfileConflict'));\n }\n }\n\n lockfile = parseResult.object;\n } else if (reporter) {\n reporter.info(reporter.lang('noLockfileFound'));\n }\n\n if (lockfile && lockfile.__metadata) {\n const lockfilev2 = lockfile;\n lockfile = {};\n }\n\n return new Lockfile({\n cache: lockfile,\n source: rawLockfile,\n parseResultType: parseResult && parseResult.type,\n });\n },\n )();\n }\n\n getLocked(pattern) {\n const cache = this.cache;\n if (!cache) {\n return undefined;\n }\n\n const shrunk = pattern in cache && cache[pattern];\n\n if (typeof shrunk === 'string') {\n return this.getLocked(shrunk);\n } else if (shrunk) {\n explodeEntry(pattern, shrunk);\n return shrunk;\n }\n\n return undefined;\n }\n\n removePattern(pattern) {\n const cache = this.cache;\n if (!cache) {\n return;\n }\n delete cache[pattern];\n }\n\n getLockfile(patterns) {\n const lockfile = {};\n const seen = new Map();\n\n // order by name so that lockfile manifest is assigned to the first dependency with this manifest\n // the others that have the same remoteKey will just refer to the first\n // ordering allows for consistency in lockfile when it is serialized\n const sortedPatternsKeys = Object.keys(patterns).sort(\n (_misc || _load_misc()).sortAlpha,\n );\n\n for (\n var _iterator = sortedPatternsKeys,\n _isArray = Array.isArray(_iterator),\n _i = 0,\n _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();\n ;\n\n ) {\n var _ref;\n\n if (_isArray) {\n if (_i >= _iterator.length) break;\n _ref = _iterator[_i++];\n } else {\n _i = _iterator.next();\n if (_i.done) break;\n _ref = _i.value;\n }\n\n const pattern = _ref;\n\n const pkg = patterns[pattern];\n const remote = pkg._remote,\n ref = pkg._reference;\n\n invariant(ref, 'Package is missing a reference');\n invariant(remote, 'Package is missing a remote');\n\n const remoteKey = keyForRemote(remote);\n const seenPattern = remoteKey && seen.get(remoteKey);\n if (seenPattern) {\n // no point in duplicating it\n lockfile[pattern] = seenPattern;\n\n // if we're relying on our name being inferred and two of the patterns have\n // different inferred names then we need to set it\n if (!seenPattern.name && getName(pattern) !== pkg.name) {\n seenPattern.name = pkg.name;\n }\n continue;\n }\n const obj = implodeEntry(pattern, {\n name: pkg.name,\n version: pkg.version,\n uid: pkg._uid,\n resolved: remote.resolved,\n integrity: remote.integrity,\n registry: remote.registry,\n dependencies: pkg.dependencies,\n peerDependencies: pkg.peerDependencies,\n optionalDependencies: pkg.optionalDependencies,\n permissions: ref.permissions,\n prebuiltVariants: pkg.prebuiltVariants,\n });\n\n lockfile[pattern] = obj;\n\n if (remoteKey) {\n seen.set(remoteKey, obj);\n }\n }\n\n return lockfile;\n }\n }\n exports.default = Lockfile;\n\n /***/\n },\n /* 20 */\n /***/ function (module, exports, __webpack_require__) {\n 'use strict';\n\n exports.__esModule = true;\n\n var _assign = __webpack_require__(559);\n\n var _assign2 = _interopRequireDefault(_assign);\n\n function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : { default: obj };\n }\n\n exports.default =\n _assign2.default ||\n function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n /***/\n },\n /* 21 */\n /***/ function (module, exports, __webpack_require__) {\n var store = __webpack_require__(133)('wks');\n var uid = __webpack_require__(137);\n var Symbol = __webpack_require__(17).Symbol;\n var USE_SYMBOL = typeof Symbol == 'function';\n\n var $exports = (module.exports = function (name) {\n return (\n store[name] ||\n (store[name] =\n (USE_SYMBOL && Symbol[name]) ||\n (USE_SYMBOL ? Symbol : uid)('Symbol.' + name))\n );\n });\n\n $exports.store = store;\n\n /***/\n },\n /* 22 */\n /***/ function (module, exports) {\n exports = module.exports = SemVer;\n\n // The debug function is excluded entirely from the minified version.\n /* nomin */ var debug;\n /* nomin */ if (\n typeof process === 'object' &&\n /* nomin */ process.env &&\n /* nomin */ process.env.NODE_DEBUG &&\n /* nomin */ /\\bsemver\\b/i.test(process.env.NODE_DEBUG)\n )\n /* nomin */ debug = function () {\n /* nomin */ var args = Array.prototype.slice.call(arguments, 0);\n /* nomin */ args.unshift('SEMVER');\n /* nomin */ console.log.apply(console, args);\n /* nomin */\n };\n /* nomin */\n /* nomin */ else debug = function () {};\n\n // Note: this is the semver.org version of the spec that it implements\n // Not necessarily the package version of this code.\n exports.SEMVER_SPEC_VERSION = '2.0.0';\n\n var MAX_LENGTH = 256;\n var MAX_SAFE_INTEGER = Number.MAX_SAFE_INTEGER || 9007199254740991;\n\n // Max safe segment length for coercion.\n var MAX_SAFE_COMPONENT_LENGTH = 16;\n\n // The actual regexps go on exports.re\n var re = (exports.re = []);\n var src = (exports.src = []);\n var R = 0;\n\n // The following Regular Expressions can be used for tokenizing,\n // validating, and parsing SemVer version strings.\n\n // ## Numeric Identifier\n // A single `0`, or a non-zero digit followed by zero or more digits.\n\n var NUMERICIDENTIFIER = R++;\n src[NUMERICIDENTIFIER] = '0|[1-9]\\\\d*';\n var NUMERICIDENTIFIERLOOSE = R++;\n src[NUMERICIDENTIFIERLOOSE] = '[0-9]+';\n\n // ## Non-numeric Identifier\n // Zero or more digits, followed by a letter or hyphen, and then zero or\n // more letters, digits, or hyphens.\n\n var NONNUMERICIDENTIFIER = R++;\n src[NONNUMERICIDENTIFIER] = '\\\\d*[a-zA-Z-][a-zA-Z0-9-]*';\n\n // ## Main Version\n // Three dot-separated numeric identifiers.\n\n var MAINVERSION = R++;\n src[MAINVERSION] =\n '(' +\n src[NUMERICIDENTIFIER] +\n ')\\\\.' +\n '(' +\n src[NUMERICIDENTIFIER] +\n ')\\\\.' +\n '(' +\n src[NUMERICIDENTIFIER] +\n ')';\n\n var MAINVERSIONLOOSE = R++;\n src[MAINVERSIONLOOSE] =\n '(' +\n src[NUMERICIDENTIFIERLOOSE] +\n ')\\\\.' +\n '(' +\n src[NUMERICIDENTIFIERLOOSE] +\n ')\\\\.' +\n '(' +\n src[NUMERICIDENTIFIERLOOSE] +\n ')';\n\n // ## Pre-release Version Identifier\n // A numeric identifier, or a non-numeric identifier.\n\n var PRERELEASEIDENTIFIER = R++;\n src[PRERELEASEIDENTIFIER] =\n '(?:' + src[NUMERICIDENTIFIER] + '|' + src[NONNUMERICIDENTIFIER] + ')';\n\n var PRERELEASEIDENTIFIERLOOSE = R++;\n src[PRERELEASEIDENTIFIERLOOSE] =\n '(?:' +\n src[NUMERICIDENTIFIERLOOSE] +\n '|' +\n src[NONNUMERICIDENTIFIER] +\n ')';\n\n // ## Pre-release Version\n // Hyphen, followed by one or more dot-separated pre-release version\n // identifiers.\n\n var PRERELEASE = R++;\n src[PRERELEASE] =\n '(?:-(' +\n src[PRERELEASEIDENTIFIER] +\n '(?:\\\\.' +\n src[PRERELEASEIDENTIFIER] +\n ')*))';\n\n var PRERELEASELOOSE = R++;\n src[PRERELEASELOOSE] =\n '(?:-?(' +\n src[PRERELEASEIDENTIFIERLOOSE] +\n '(?:\\\\.' +\n src[PRERELEASEIDENTIFIERLOOSE] +\n ')*))';\n\n // ## Build Metadata Identifier\n // Any combination of digits, letters, or hyphens.\n\n var BUILDIDENTIFIER = R++;\n src[BUILDIDENTIFIER] = '[0-9A-Za-z-]+';\n\n // ## Build Metadata\n // Plus sign, followed by one or more period-separated build metadata\n // identifiers.\n\n var BUILD = R++;\n src[BUILD] =\n '(?:\\\\+(' +\n src[BUILDIDENTIFIER] +\n '(?:\\\\.' +\n src[BUILDIDENTIFIER] +\n ')*))';\n\n // ## Full Version String\n // A main version, followed optionally by a pre-release version and\n // build metadata.\n\n // Note that the only major, minor, patch, and pre-release sections of\n // the version string are capturing groups. The build metadata is not a\n // capturing group, because it should not ever be used in version\n // comparison.\n\n var FULL = R++;\n var FULLPLAIN =\n 'v?' + src[MAINVERSION] + src[PRERELEASE] + '?' + src[BUILD] + '?';\n\n src[FULL] = '^' + FULLPLAIN + '$';\n\n // like full, but allows v1.2.3 and =1.2.3, which people do sometimes.\n // also, 1.0.0alpha1 (prerelease without the hyphen) which is pretty\n // common in the npm registry.\n var LOOSEPLAIN =\n '[v=\\\\s]*' +\n src[MAINVERSIONLOOSE] +\n src[PRERELEASELOOSE] +\n '?' +\n src[BUILD] +\n '?';\n\n var LOOSE = R++;\n src[LOOSE] = '^' + LOOSEPLAIN + '$';\n\n var GTLT = R++;\n src[GTLT] = '((?:<|>)?=?)';\n\n // Something like \"2.*\" or \"1.2.x\".\n // Note that \"x.x\" is a valid xRange identifer, meaning \"any version\"\n // Only the first item is strictly required.\n var XRANGEIDENTIFIERLOOSE = R++;\n src[XRANGEIDENTIFIERLOOSE] = src[NUMERICIDENTIFIERLOOSE] + '|x|X|\\\\*';\n var XRANGEIDENTIFIER = R++;\n src[XRANGEIDENTIFIER] = src[NUMERICIDENTIFIER] + '|x|X|\\\\*';\n\n var XRANGEPLAIN = R++;\n src[XRANGEPLAIN] =\n '[v=\\\\s]*(' +\n src[XRANGEIDENTIFIER] +\n ')' +\n '(?:\\\\.(' +\n src[XRANGEIDENTIFIER] +\n ')' +\n '(?:\\\\.(' +\n src[XRANGEIDENTIFIER] +\n ')' +\n '(?:' +\n src[PRERELEASE] +\n ')?' +\n src[BUILD] +\n '?' +\n ')?)?';\n\n var XRANGEPLAINLOOSE = R++;\n src[XRANGEPLAINLOOSE] =\n '[v=\\\\s]*(' +\n src[XRANGEIDENTIFIERLOOSE] +\n ')' +\n '(?:\\\\.(' +\n src[XRANGEIDENTIFIERLOOSE] +\n ')' +\n '(?:\\\\.(' +\n src[XRANGEIDENTIFIERLOOSE] +\n ')' +\n '(?:' +\n src[PRERELEASELOOSE] +\n ')?' +\n src[BUILD] +\n '?' +\n ')?)?';\n\n var XRANGE = R++;\n src[XRANGE] = '^' + src[GTLT] + '\\\\s*' + src[XRANGEPLAIN] + '$';\n var XRANGELOOSE = R++;\n src[XRANGELOOSE] = '^' + src[GTLT] + '\\\\s*' + src[XRANGEPLAINLOOSE] + '$';\n\n // Coercion.\n // Extract anything that could conceivably be a part of a valid semver\n var COERCE = R++;\n src[COERCE] =\n '(?:^|[^\\\\d])' +\n '(\\\\d{1,' +\n MAX_SAFE_COMPONENT_LENGTH +\n '})' +\n '(?:\\\\.(\\\\d{1,' +\n MAX_SAFE_COMPONENT_LENGTH +\n '}))?' +\n '(?:\\\\.(\\\\d{1,' +\n MAX_SAFE_COMPONENT_LENGTH +\n '}))?' +\n '(?:$|[^\\\\d])';\n\n // Tilde ranges.\n // Meaning is \"reasonably at or greater than\"\n var LONETILDE = R++;\n src[LONETILDE] = '(?:~>?)';\n\n var TILDETRIM = R++;\n src[TILDETRIM] = '(\\\\s*)' + src[LONETILDE] + '\\\\s+';\n re[TILDETRIM] = new RegExp(src[TILDETRIM], 'g');\n var tildeTrimReplace = '$1~';\n\n var TILDE = R++;\n src[TILDE] = '^' + src[LONETILDE] + src[XRANGEPLAIN] + '$';\n var TILDELOOSE = R++;\n src[TILDELOOSE] = '^' + src[LONETILDE] + src[XRANGEPLAINLOOSE] + '$';\n\n // Caret ranges.\n // Meaning is \"at least and backwards compatible with\"\n var LONECARET = R++;\n src[LONECARET] = '(?:\\\\^)';\n\n var CARETTRIM = R++;\n src[CARETTRIM] = '(\\\\s*)' + src[LONECARET] + '\\\\s+';\n re[CARETTRIM] = new RegExp(src[CARETTRIM], 'g');\n var caretTrimReplace = '$1^';\n\n var CARET = R++;\n src[CARET] = '^' + src[LONECARET] + src[XRANGEPLAIN] + '$';\n var CARETLOOSE = R++;\n src[CARETLOOSE] = '^' + src[LONECARET] + src[XRANGEPLAINLOOSE] + '$';\n\n // A simple gt/lt/eq thing, or just \"\" to indicate \"any version\"\n var COMPARATORLOOSE = R++;\n src[COMPARATORLOOSE] = '^' + src[GTLT] + '\\\\s*(' + LOOSEPLAIN + ')$|^$';\n var COMPARATOR = R++;\n src[COMPARATOR] = '^' + src[GTLT] + '\\\\s*(' + FULLPLAIN + ')$|^$';\n\n // An expression to strip any whitespace between the gtlt and the thing\n // it modifies, so that `> 1.2.3` ==> `>1.2.3`\n var COMPARATORTRIM = R++;\n src[COMPARATORTRIM] =\n '(\\\\s*)' +\n src[GTLT] +\n '\\\\s*(' +\n LOOSEPLAIN +\n '|' +\n src[XRANGEPLAIN] +\n ')';\n\n // this one has to use the /g flag\n re[COMPARATORTRIM] = new RegExp(src[COMPARATORTRIM], 'g');\n var comparatorTrimReplace = '$1$2$3';\n\n // Something like `1.2.3 - 1.2.4`\n // Note that these all use the loose form, because they'll be\n // checked against either the strict or loose comparator form\n // later.\n var HYPHENRANGE = R++;\n src[HYPHENRANGE] =\n '^\\\\s*(' +\n src[XRANGEPLAIN] +\n ')' +\n '\\\\s+-\\\\s+' +\n '(' +\n src[XRANGEPLAIN] +\n ')' +\n '\\\\s*$';\n\n var HYPHENRANGELOOSE = R++;\n src[HYPHENRANGELOOSE] =\n '^\\\\s*(' +\n src[XRANGEPLAINLOOSE] +\n ')' +\n '\\\\s+-\\\\s+' +\n '(' +\n src[XRANGEPLAINLOOSE] +\n ')' +\n '\\\\s*$';\n\n // Star ranges basically just allow anything at all.\n var STAR = R++;\n src[STAR] = '(<|>)?=?\\\\s*\\\\*';\n\n // Compile to actual regexp objects.\n // All are flag-free, unless they were created above with a flag.\n for (var i = 0; i < R; i++) {\n debug(i, src[i]);\n if (!re[i]) re[i] = new RegExp(src[i]);\n }\n\n exports.parse = parse;\n function parse(version, loose) {\n if (version instanceof SemVer) return version;\n\n if (typeof version !== 'string') return null;\n\n if (version.length > MAX_LENGTH) return null;\n\n var r = loose ? re[LOOSE] : re[FULL];\n if (!r.test(version)) return null;\n\n try {\n return new SemVer(version, loose);\n } catch (er) {\n return null;\n }\n }\n\n exports.valid = valid;\n function valid(version, loose) {\n var v = parse(version, loose);\n return v ? v.version : null;\n }\n\n exports.clean = clean;\n function clean(version, loose) {\n var s = parse(version.trim().replace(/^[=v]+/, ''), loose);\n return s ? s.version : null;\n }\n\n exports.SemVer = SemVer;\n\n function SemVer(version, loose) {\n if (version instanceof SemVer) {\n if (version.loose === loose) return version;\n else version = version.version;\n } else if (typeof version !== 'string') {\n throw new TypeError('Invalid Version: ' + version);\n }\n\n if (version.length > MAX_LENGTH)\n throw new TypeError(\n 'version is longer than ' + MAX_LENGTH + ' characters',\n );\n\n if (!(this instanceof SemVer)) return new SemVer(version, loose);\n\n debug('SemVer', version, loose);\n this.loose = loose;\n var m = version.trim().match(loose ? re[LOOSE] : re[FULL]);\n\n if (!m) throw new TypeError('Invalid Version: ' + version);\n\n this.raw = version;\n\n // these are actually numbers\n this.major = +m[1];\n this.minor = +m[2];\n this.patch = +m[3];\n\n if (this.major > MAX_SAFE_INTEGER || this.major < 0)\n throw new TypeError('Invalid major version');\n\n if (this.minor > MAX_SAFE_INTEGER || this.minor < 0)\n throw new TypeError('Invalid minor version');\n\n if (this.patch > MAX_SAFE_INTEGER || this.patch < 0)\n throw new TypeError('Invalid patch version');\n\n // numberify any prerelease numeric ids\n if (!m[4]) this.prerelease = [];\n else\n this.prerelease = m[4].split('.').map(function (id) {\n if (/^[0-9]+$/.test(id)) {\n var num = +id;\n if (num >= 0 && num < MAX_SAFE_INTEGER) return num;\n }\n return id;\n });\n\n this.build = m[5] ? m[5].split('.') : [];\n this.format();\n }\n\n SemVer.prototype.format = function () {\n this.version = this.major + '.' + this.minor + '.' + this.patch;\n if (this.prerelease.length)\n this.version += '-' + this.prerelease.join('.');\n return this.version;\n };\n\n SemVer.prototype.toString = function () {\n return this.version;\n };\n\n SemVer.prototype.compare = function (other) {\n debug('SemVer.compare', this.version, this.loose, other);\n if (!(other instanceof SemVer)) other = new SemVer(other, this.loose);\n\n return this.compareMain(other) || this.comparePre(other);\n };\n\n SemVer.prototype.compareMain = function (other) {\n if (!(other instanceof SemVer)) other = new SemVer(other, this.loose);\n\n return (\n compareIdentifiers(this.major, other.major) ||\n compareIdentifiers(this.minor, other.minor) ||\n compareIdentifiers(this.patch, other.patch)\n );\n };\n\n SemVer.prototype.comparePre = function (other) {\n if (!(other instanceof SemVer)) other = new SemVer(other, this.loose);\n\n // NOT having a prerelease is > having one\n if (this.prerelease.length && !other.prerelease.length) return -1;\n else if (!this.prerelease.length && other.prerelease.length) return 1;\n else if (!this.prerelease.length && !other.prerelease.length) return 0;\n\n var i = 0;\n do {\n var a = this.prerelease[i];\n var b = other.prerelease[i];\n debug('prerelease compare', i, a, b);\n if (a === undefined && b === undefined) return 0;\n else if (b === undefined) return 1;\n else if (a === undefined) return -1;\n else if (a === b) continue;\n else return compareIdentifiers(a, b);\n } while (++i);\n };\n\n // preminor will bump the version up to the next minor release, and immediately\n // down to pre-release. premajor and prepatch work the same way.\n SemVer.prototype.inc = function (release, identifier) {\n switch (release) {\n case 'premajor':\n this.prerelease.length = 0;\n this.patch = 0;\n this.minor = 0;\n this.major++;\n this.inc('pre', identifier);\n break;\n case 'preminor':\n this.prerelease.length = 0;\n this.patch = 0;\n this.minor++;\n this.inc('pre', identifier);\n break;\n case 'prepatch':\n // If this is already a prerelease, it will bump to the next version\n // drop any prereleases that might already exist, since they are not\n // relevant at this point.\n this.prerelease.length = 0;\n this.inc('patch', identifier);\n this.inc('pre', identifier);\n break;\n // If the input is a non-prerelease version, this acts the same as\n // prepatch.\n case 'prerelease':\n if (this.prerelease.length === 0) this.inc('patch', identifier);\n this.inc('pre', identifier);\n break;\n\n case 'major':\n // If this is a pre-major version, bump up to the same major version.\n // Otherwise increment major.\n // 1.0.0-5 bumps to 1.0.0\n // 1.1.0 bumps to 2.0.0\n if (\n this.minor !== 0 ||\n this.patch !== 0 ||\n this.prerelease.length === 0\n )\n this.major++;\n this.minor = 0;\n this.patch = 0;\n this.prerelease = [];\n break;\n case 'minor':\n // If this is a pre-minor version, bump up to the same minor version.\n // Otherwise increment minor.\n // 1.2.0-5 bumps to 1.2.0\n // 1.2.1 bumps to 1.3.0\n if (this.patch !== 0 || this.prerelease.length === 0) this.minor++;\n this.patch = 0;\n this.prerelease = [];\n break;\n case 'patch':\n // If this is not a pre-release version, it will increment the patch.\n // If it is a pre-release it will bump up to the same patch version.\n // 1.2.0-5 patches to 1.2.0\n // 1.2.0 patches to 1.2.1\n if (this.prerelease.length === 0) this.patch++;\n this.prerelease = [];\n break;\n // This probably shouldn't be used publicly.\n // 1.0.0 \"pre\" would become 1.0.0-0 which is the wrong direction.\n case 'pre':\n if (this.prerelease.length === 0) this.prerelease = [0];\n else {\n var i = this.prerelease.length;\n while (--i >= 0) {\n if (typeof this.prerelease[i] === 'number') {\n this.prerelease[i]++;\n i = -2;\n }\n }\n if (i === -1)\n // didn't increment anything\n this.prerelease.push(0);\n }\n if (identifier) {\n // 1.2.0-beta.1 bumps to 1.2.0-beta.2,\n // 1.2.0-beta.fooblz or 1.2.0-beta bumps to 1.2.0-beta.0\n if (this.prerelease[0] === identifier) {\n if (isNaN(this.prerelease[1]))\n this.prerelease = [identifier, 0];\n } else this.prerelease = [identifier, 0];\n }\n break;\n\n default:\n throw new Error('invalid increment argument: ' + release);\n }\n this.format();\n this.raw = this.version;\n return this;\n };\n\n exports.inc = inc;\n function inc(version, release, loose, identifier) {\n if (typeof loose === 'string') {\n identifier = loose;\n loose = undefined;\n }\n\n try {\n return new SemVer(version, loose).inc(release, identifier).version;\n } catch (er) {\n return null;\n }\n }\n\n exports.diff = diff;\n function diff(version1, version2) {\n if (eq(version1, version2)) {\n return null;\n } else {\n var v1 = parse(version1);\n var v2 = parse(version2);\n if (v1.prerelease.length || v2.prerelease.length) {\n for (var key in v1) {\n if (key === 'major' || key === 'minor' || key === 'patch') {\n if (v1[key] !== v2[key]) {\n return 'pre' + key;\n }\n }\n }\n return 'prerelease';\n }\n for (var key in v1) {\n if (key === 'major' || key === 'minor' || key === 'patch') {\n if (v1[key] !== v2[key]) {\n return key;\n }\n }\n }\n }\n }\n\n exports.compareIdentifiers = compareIdentifiers;\n\n var numeric = /^[0-9]+$/;\n function compareIdentifiers(a, b) {\n var anum = numeric.test(a);\n var bnum = numeric.test(b);\n\n if (anum && bnum) {\n a = +a;\n b = +b;\n }\n\n return anum && !bnum\n ? -1\n : bnum && !anum\n ? 1\n : a < b\n ? -1\n : a > b\n ? 1\n : 0;\n }\n\n exports.rcompareIdentifiers = rcompareIdentifiers;\n function rcompareIdentifiers(a, b) {\n return compareIdentifiers(b, a);\n }\n\n exports.major = major;\n function major(a, loose) {\n return new SemVer(a, loose).major;\n }\n\n exports.minor = minor;\n function minor(a, loose) {\n return new SemVer(a, loose).minor;\n }\n\n exports.patch = patch;\n function patch(a, loose) {\n return new SemVer(a, loose).patch;\n }\n\n exports.compare = compare;\n function compare(a, b, loose) {\n return new SemVer(a, loose).compare(new SemVer(b, loose));\n }\n\n exports.compareLoose = compareLoose;\n function compareLoose(a, b) {\n return compare(a, b, true);\n }\n\n exports.rcompare = rcompare;\n function rcompare(a, b, loose) {\n return compare(b, a, loose);\n }\n\n exports.sort = sort;\n function sort(list, loose) {\n return list.sort(function (a, b) {\n return exports.compare(a, b, loose);\n });\n }\n\n exports.rsort = rsort;\n function rsort(list, loose) {\n return list.sort(function (a, b) {\n return exports.rcompare(a, b, loose);\n });\n }\n\n exports.gt = gt;\n function gt(a, b, loose) {\n return compare(a, b, loose) > 0;\n }\n\n exports.lt = lt;\n function lt(a, b, loose) {\n return compare(a, b, loose) < 0;\n }\n\n exports.eq = eq;\n function eq(a, b, loose) {\n return compare(a, b, loose) === 0;\n }\n\n exports.neq = neq;\n function neq(a, b, loose) {\n return compare(a, b, loose) !== 0;\n }\n\n exports.gte = gte;\n function gte(a, b, loose) {\n return compare(a, b, loose) >= 0;\n }\n\n exports.lte = lte;\n function lte(a, b, loose) {\n return compare(a, b, loose) <= 0;\n }\n\n exports.cmp = cmp;\n function cmp(a, op, b, loose) {\n var ret;\n switch (op) {\n case '===':\n if (typeof a === 'object') a = a.version;\n if (typeof b === 'object') b = b.version;\n ret = a === b;\n break;\n case '!==':\n if (typeof a === 'object') a = a.version;\n if (typeof b === 'object') b = b.version;\n ret = a !== b;\n break;\n case '':\n case '=':\n case '==':\n ret = eq(a, b, loose);\n break;\n case '!=':\n ret = neq(a, b, loose);\n break;\n case '>':\n ret = gt(a, b, loose);\n break;\n case '>=':\n ret = gte(a, b, loose);\n break;\n case '<':\n ret = lt(a, b, loose);\n break;\n case '<=':\n ret = lte(a, b, loose);\n break;\n default:\n throw new TypeError('Invalid operator: ' + op);\n }\n return ret;\n }\n\n exports.Comparator = Comparator;\n function Comparator(comp, loose) {\n if (comp instanceof Comparator) {\n if (comp.loose === loose) return comp;\n else comp = comp.value;\n }\n\n if (!(this instanceof Comparator)) return new Comparator(comp, loose);\n\n debug('comparator', comp, loose);\n this.loose = loose;\n this.parse(comp);\n\n if (this.semver === ANY) this.value = '';\n else this.value = this.operator + this.semver.version;\n\n debug('comp', this);\n }\n\n var ANY = {};\n Comparator.prototype.parse = function (comp) {\n var r = this.loose ? re[COMPARATORLOOSE] : re[COMPARATOR];\n var m = comp.match(r);\n\n if (!m) throw new TypeError('Invalid comparator: ' + comp);\n\n this.operator = m[1];\n if (this.operator === '=') this.operator = '';\n\n // if it literally is just '>' or '' then allow anything.\n if (!m[2]) this.semver = ANY;\n else this.semver = new SemVer(m[2], this.loose);\n };\n\n Comparator.prototype.toString = function () {\n return this.value;\n };\n\n Comparator.prototype.test = function (version) {\n debug('Comparator.test', version, this.loose);\n\n if (this.semver === ANY) return true;\n\n if (typeof version === 'string')\n version = new SemVer(version, this.loose);\n\n return cmp(version, this.operator, this.semver, this.loose);\n };\n\n Comparator.prototype.intersects = function (comp, loose) {\n if (!(comp instanceof Comparator)) {\n throw new TypeError('a Comparator is required');\n }\n\n var rangeTmp;\n\n if (this.operator === '') {\n rangeTmp = new Range(comp.value, loose);\n return satisfies(this.value, rangeTmp, loose);\n } else if (comp.operator === '') {\n rangeTmp = new Range(this.value, loose);\n return satisfies(comp.semver, rangeTmp, loose);\n }\n\n var sameDirectionIncreasing =\n (this.operator === '>=' || this.operator === '>') &&\n (comp.operator === '>=' || comp.operator === '>');\n var sameDirectionDecreasing =\n (this.operator === '<=' || this.operator === '<') &&\n (comp.operator === '<=' || comp.operator === '<');\n var sameSemVer = this.semver.version === comp.semver.version;\n var differentDirectionsInclusive =\n (this.operator === '>=' || this.operator === '<=') &&\n (comp.operator === '>=' || comp.operator === '<=');\n var oppositeDirectionsLessThan =\n cmp(this.semver, '<', comp.semver, loose) &&\n (this.operator === '>=' || this.operator === '>') &&\n (comp.operator === '<=' || comp.operator === '<');\n var oppositeDirectionsGreaterThan =\n cmp(this.semver, '>', comp.semver, loose) &&\n (this.operator === '<=' || this.operator === '<') &&\n (comp.operator === '>=' || comp.operator === '>');\n\n return (\n sameDirectionIncreasing ||\n sameDirectionDecreasing ||\n (sameSemVer && differentDirectionsInclusive) ||\n oppositeDirectionsLessThan ||\n oppositeDirectionsGreaterThan\n );\n };\n\n exports.Range = Range;\n function Range(range, loose) {\n if (range instanceof Range) {\n if (range.loose === loose) {\n return range;\n } else {\n return new Range(range.raw, loose);\n }\n }\n\n if (range instanceof Comparator) {\n return new Range(range.value, loose);\n }\n\n if (!(this instanceof Range)) return new Range(range, loose);\n\n this.loose = loose;\n\n // First, split based on boolean or ||\n this.raw = range;\n this.set = range\n .split(/\\s*\\|\\|\\s*/)\n .map(function (range) {\n return this.parseRange(range.trim());\n }, this)\n .filter(function (c) {\n // throw out any that are not relevant for whatever reason\n return c.length;\n });\n\n if (!this.set.length) {\n throw new TypeError('Invalid SemVer Range: ' + range);\n }\n\n this.format();\n }\n\n Range.prototype.format = function () {\n this.range = this.set\n .map(function (comps) {\n return comps.join(' ').trim();\n })\n .join('||')\n .trim();\n return this.range;\n };\n\n Range.prototype.toString = function () {\n return this.range;\n };\n\n Range.prototype.parseRange = function (range) {\n var loose = this.loose;\n range = range.trim();\n debug('range', range, loose);\n // `1.2.3 - 1.2.4` => `>=1.2.3 <=1.2.4`\n var hr = loose ? re[HYPHENRANGELOOSE] : re[HYPHENRANGE];\n range = range.replace(hr, hyphenReplace);\n debug('hyphen replace', range);\n // `> 1.2.3 < 1.2.5` => `>1.2.3 <1.2.5`\n range = range.replace(re[COMPARATORTRIM], comparatorTrimReplace);\n debug('comparator trim', range, re[COMPARATORTRIM]);\n\n // `~ 1.2.3` => `~1.2.3`\n range = range.replace(re[TILDETRIM], tildeTrimReplace);\n\n // `^ 1.2.3` => `^1.2.3`\n range = range.replace(re[CARETTRIM], caretTrimReplace);\n\n // normalize spaces\n range = range.split(/\\s+/).join(' ');\n\n // At this point, the range is completely trimmed and\n // ready to be split into comparators.\n\n var compRe = loose ? re[COMPARATORLOOSE] : re[COMPARATOR];\n var set = range\n .split(' ')\n .map(function (comp) {\n return parseComparator(comp, loose);\n })\n .join(' ')\n .split(/\\s+/);\n if (this.loose) {\n // in loose mode, throw out any that are not valid comparators\n set = set.filter(function (comp) {\n return !!comp.match(compRe);\n });\n }\n set = set.map(function (comp) {\n return new Comparator(comp, loose);\n });\n\n return set;\n };\n\n Range.prototype.intersects = function (range, loose) {\n if (!(range instanceof Range)) {\n throw new TypeError('a Range is required');\n }\n\n return this.set.some(function (thisComparators) {\n return thisComparators.every(function (thisComparator) {\n return range.set.some(function (rangeComparators) {\n return rangeComparators.every(function (rangeComparator) {\n return thisComparator.intersects(rangeComparator, loose);\n });\n });\n });\n });\n };\n\n // Mostly just for testing and legacy API reasons\n exports.toComparators = toComparators;\n function toComparators(range, loose) {\n return new Range(range, loose).set.map(function (comp) {\n return comp\n .map(function (c) {\n return c.value;\n })\n .join(' ')\n .trim()\n .split(' ');\n });\n }\n\n // comprised of xranges, tildes, stars, and gtlt's at this point.\n // already replaced the hyphen ranges\n // turn into a set of JUST comparators.\n function parseComparator(comp, loose) {\n debug('comp', comp);\n comp = replaceCarets(comp, loose);\n debug('caret', comp);\n comp = replaceTildes(comp, loose);\n debug('tildes', comp);\n comp = replaceXRanges(comp, loose);\n debug('xrange', comp);\n comp = replaceStars(comp, loose);\n debug('stars', comp);\n return comp;\n }\n\n function isX(id) {\n return !id || id.toLowerCase() === 'x' || id === '*';\n }\n\n // ~, ~> --> * (any, kinda silly)\n // ~2, ~2.x, ~2.x.x, ~>2, ~>2.x ~>2.x.x --> >=2.0.0 <3.0.0\n // ~2.0, ~2.0.x, ~>2.0, ~>2.0.x --> >=2.0.0 <2.1.0\n // ~1.2, ~1.2.x, ~>1.2, ~>1.2.x --> >=1.2.0 <1.3.0\n // ~1.2.3, ~>1.2.3 --> >=1.2.3 <1.3.0\n // ~1.2.0, ~>1.2.0 --> >=1.2.0 <1.3.0\n function replaceTildes(comp, loose) {\n return comp\n .trim()\n .split(/\\s+/)\n .map(function (comp) {\n return replaceTilde(comp, loose);\n })\n .join(' ');\n }\n\n function replaceTilde(comp, loose) {\n var r = loose ? re[TILDELOOSE] : re[TILDE];\n return comp.replace(r, function (_, M, m, p, pr) {\n debug('tilde', comp, _, M, m, p, pr);\n var ret;\n\n if (isX(M)) ret = '';\n else if (isX(m)) ret = '>=' + M + '.0.0 <' + (+M + 1) + '.0.0';\n else if (isX(p))\n // ~1.2 == >=1.2.0 <1.3.0\n ret = '>=' + M + '.' + m + '.0 <' + M + '.' + (+m + 1) + '.0';\n else if (pr) {\n debug('replaceTilde pr', pr);\n if (pr.charAt(0) !== '-') pr = '-' + pr;\n ret =\n '>=' +\n M +\n '.' +\n m +\n '.' +\n p +\n pr +\n ' <' +\n M +\n '.' +\n (+m + 1) +\n '.0';\n }\n // ~1.2.3 == >=1.2.3 <1.3.0\n else\n ret =\n '>=' + M + '.' + m + '.' + p + ' <' + M + '.' + (+m + 1) + '.0';\n\n debug('tilde return', ret);\n return ret;\n });\n }\n\n // ^ --> * (any, kinda silly)\n // ^2, ^2.x, ^2.x.x --> >=2.0.0 <3.0.0\n // ^2.0, ^2.0.x --> >=2.0.0 <3.0.0\n // ^1.2, ^1.2.x --> >=1.2.0 <2.0.0\n // ^1.2.3 --> >=1.2.3 <2.0.0\n // ^1.2.0 --> >=1.2.0 <2.0.0\n function replaceCarets(comp, loose) {\n return comp\n .trim()\n .split(/\\s+/)\n .map(function (comp) {\n return replaceCaret(comp, loose);\n })\n .join(' ');\n }\n\n function replaceCaret(comp, loose) {\n debug('caret', comp, loose);\n var r = loose ? re[CARETLOOSE] : re[CARET];\n return comp.replace(r, function (_, M, m, p, pr) {\n debug('caret', comp, _, M, m, p, pr);\n var ret;\n\n if (isX(M)) ret = '';\n else if (isX(m)) ret = '>=' + M + '.0.0 <' + (+M + 1) + '.0.0';\n else if (isX(p)) {\n if (M === '0')\n ret = '>=' + M + '.' + m + '.0 <' + M + '.' + (+m + 1) + '.0';\n else ret = '>=' + M + '.' + m + '.0 <' + (+M + 1) + '.0.0';\n } else if (pr) {\n debug('replaceCaret pr', pr);\n if (pr.charAt(0) !== '-') pr = '-' + pr;\n if (M === '0') {\n if (m === '0')\n ret =\n '>=' +\n M +\n '.' +\n m +\n '.' +\n p +\n pr +\n ' <' +\n M +\n '.' +\n m +\n '.' +\n (+p + 1);\n else\n ret =\n '>=' +\n M +\n '.' +\n m +\n '.' +\n p +\n pr +\n ' <' +\n M +\n '.' +\n (+m + 1) +\n '.0';\n } else\n ret =\n '>=' + M + '.' + m + '.' + p + pr + ' <' + (+M + 1) + '.0.0';\n } else {\n debug('no pr');\n if (M === '0') {\n if (m === '0')\n ret =\n '>=' +\n M +\n '.' +\n m +\n '.' +\n p +\n ' <' +\n M +\n '.' +\n m +\n '.' +\n (+p + 1);\n else\n ret =\n '>=' +\n M +\n '.' +\n m +\n '.' +\n p +\n ' <' +\n M +\n '.' +\n (+m + 1) +\n '.0';\n } else\n ret = '>=' + M + '.' + m + '.' + p + ' <' + (+M + 1) + '.0.0';\n }\n\n debug('caret return', ret);\n return ret;\n });\n }\n\n function replaceXRanges(comp, loose) {\n debug('replaceXRanges', comp, loose);\n return comp\n .split(/\\s+/)\n .map(function (comp) {\n return replaceXRange(comp, loose);\n })\n .join(' ');\n }\n\n function replaceXRange(comp, loose) {\n comp = comp.trim();\n var r = loose ? re[XRANGELOOSE] : re[XRANGE];\n return comp.replace(r, function (ret, gtlt, M, m, p, pr) {\n debug('xRange', comp, ret, gtlt, M, m, p, pr);\n var xM = isX(M);\n var xm = xM || isX(m);\n var xp = xm || isX(p);\n var anyX = xp;\n\n if (gtlt === '=' && anyX) gtlt = '';\n\n if (xM) {\n if (gtlt === '>' || gtlt === '<') {\n // nothing is allowed\n ret = '<0.0.0';\n } else {\n // nothing is forbidden\n ret = '*';\n }\n } else if (gtlt && anyX) {\n // replace X with 0\n if (xm) m = 0;\n if (xp) p = 0;\n\n if (gtlt === '>') {\n // >1 => >=2.0.0\n // >1.2 => >=1.3.0\n // >1.2.3 => >= 1.2.4\n gtlt = '>=';\n if (xm) {\n M = +M + 1;\n m = 0;\n p = 0;\n } else if (xp) {\n m = +m + 1;\n p = 0;\n }\n } else if (gtlt === '<=') {\n // <=0.7.x is actually <0.8.0, since any 0.7.x should\n // pass. Similarly, <=7.x is actually <8.0.0, etc.\n gtlt = '<';\n if (xm) M = +M + 1;\n else m = +m + 1;\n }\n\n ret = gtlt + M + '.' + m + '.' + p;\n } else if (xm) {\n ret = '>=' + M + '.0.0 <' + (+M + 1) + '.0.0';\n } else if (xp) {\n ret = '>=' + M + '.' + m + '.0 <' + M + '.' + (+m + 1) + '.0';\n }\n\n debug('xRange return', ret);\n\n return ret;\n });\n }\n\n // Because * is AND-ed with everything else in the comparator,\n // and '' means \"any version\", just remove the *s entirely.\n function replaceStars(comp, loose) {\n debug('replaceStars', comp, loose);\n // Looseness is ignored here. star is always as loose as it gets!\n return comp.trim().replace(re[STAR], '');\n }\n\n // This function is passed to string.replace(re[HYPHENRANGE])\n // M, m, patch, prerelease, build\n // 1.2 - 3.4.5 => >=1.2.0 <=3.4.5\n // 1.2.3 - 3.4 => >=1.2.0 <3.5.0 Any 3.4.x will do\n // 1.2 - 3.4 => >=1.2.0 <3.5.0\n function hyphenReplace(\n $0,\n from,\n fM,\n fm,\n fp,\n fpr,\n fb,\n to,\n tM,\n tm,\n tp,\n tpr,\n tb,\n ) {\n if (isX(fM)) from = '';\n else if (isX(fm)) from = '>=' + fM + '.0.0';\n else if (isX(fp)) from = '>=' + fM + '.' + fm + '.0';\n else from = '>=' + from;\n\n if (isX(tM)) to = '';\n else if (isX(tm)) to = '<' + (+tM + 1) + '.0.0';\n else if (isX(tp)) to = '<' + tM + '.' + (+tm + 1) + '.0';\n else if (tpr) to = '<=' + tM + '.' + tm + '.' + tp + '-' + tpr;\n else to = '<=' + to;\n\n return (from + ' ' + to).trim();\n }\n\n // if ANY of the sets match ALL of its comparators, then pass\n Range.prototype.test = function (version) {\n if (!version) return false;\n\n if (typeof version === 'string')\n version = new SemVer(version, this.loose);\n\n for (var i = 0; i < this.set.length; i++) {\n if (testSet(this.set[i], version)) return true;\n }\n return false;\n };\n\n function testSet(set, version) {\n for (var i = 0; i < set.length; i++) {\n if (!set[i].test(version)) return false;\n }\n\n if (version.prerelease.length) {\n // Find the set of versions that are allowed to have prereleases\n // For example, ^1.2.3-pr.1 desugars to >=1.2.3-pr.1 <2.0.0\n // That should allow `1.2.3-pr.2` to pass.\n // However, `1.2.4-alpha.notready` should NOT be allowed,\n // even though it's within the range set by the comparators.\n for (var i = 0; i < set.length; i++) {\n debug(set[i].semver);\n if (set[i].semver === ANY) continue;\n\n if (set[i].semver.prerelease.length > 0) {\n var allowed = set[i].semver;\n if (\n allowed.major === version.major &&\n allowed.minor === version.minor &&\n allowed.patch === version.patch\n )\n return true;\n }\n }\n\n // Version has a -pre, but it's not one of the ones we like.\n return false;\n }\n\n return true;\n }\n\n exports.satisfies = satisfies;\n function satisfies(version, range, loose) {\n try {\n range = new Range(range, loose);\n } catch (er) {\n return false;\n }\n return range.test(version);\n }\n\n exports.maxSatisfying = maxSatisfying;\n function maxSatisfying(versions, range, loose) {\n var max = null;\n var maxSV = null;\n try {\n var rangeObj = new Range(range, loose);\n } catch (er) {\n return null;\n }\n versions.forEach(function (v) {\n if (rangeObj.test(v)) {\n // satisfies(v, range, loose)\n if (!max || maxSV.compare(v) === -1) {\n // compare(max, v, true)\n max = v;\n maxSV = new SemVer(max, loose);\n }\n }\n });\n return max;\n }\n\n exports.minSatisfying = minSatisfying;\n function minSatisfying(versions, range, loose) {\n var min = null;\n var minSV = null;\n try {\n var rangeObj = new Range(range, loose);\n } catch (er) {\n return null;\n }\n versions.forEach(function (v) {\n if (rangeObj.test(v)) {\n // satisfies(v, range, loose)\n if (!min || minSV.compare(v) === 1) {\n // compare(min, v, true)\n min = v;\n minSV = new SemVer(min, loose);\n }\n }\n });\n return min;\n }\n\n exports.validRange = validRange;\n function validRange(range, loose) {\n try {\n // Return '*' instead of '' so that truthiness works.\n // This will throw if it's invalid anyway\n return new Range(range, loose).range || '*';\n } catch (er) {\n return null;\n }\n }\n\n // Determine if version is less than all the versions possible in the range\n exports.ltr = ltr;\n function ltr(version, range, loose) {\n return outside(version, range, '<', loose);\n }\n\n // Determine if version is greater than all the versions possible in the range.\n exports.gtr = gtr;\n function gtr(version, range, loose) {\n return outside(version, range, '>', loose);\n }\n\n exports.outside = outside;\n function outside(version, range, hilo, loose) {\n version = new SemVer(version, loose);\n range = new Range(range, loose);\n\n var gtfn, ltefn, ltfn, comp, ecomp;\n switch (hilo) {\n case '>':\n gtfn = gt;\n ltefn = lte;\n ltfn = lt;\n comp = '>';\n ecomp = '>=';\n break;\n case '<':\n gtfn = lt;\n ltefn = gte;\n ltfn = gt;\n comp = '<';\n ecomp = '<=';\n break;\n default:\n throw new TypeError('Must provide a hilo val of \"<\" or \">\"');\n }\n\n // If it satisifes the range it is not outside\n if (satisfies(version, range, loose)) {\n return false;\n }\n\n // From now on, variable terms are as if we're in \"gtr\" mode.\n // but note that everything is flipped for the \"ltr\" function.\n\n for (var i = 0; i < range.set.length; ++i) {\n var comparators = range.set[i];\n\n var high = null;\n var low = null;\n\n comparators.forEach(function (comparator) {\n if (comparator.semver === ANY) {\n comparator = new Comparator('>=0.0.0');\n }\n high = high || comparator;\n low = low || comparator;\n if (gtfn(comparator.semver, high.semver, loose)) {\n high = comparator;\n } else if (ltfn(comparator.semver, low.semver, loose)) {\n low = comparator;\n }\n });\n\n // If the edge version comparator has a operator then our version\n // isn't outside it\n if (high.operator === comp || high.operator === ecomp) {\n return false;\n }\n\n // If the lowest version comparator has an operator and our version\n // is less than it then it isn't higher than the range\n if (\n (!low.operator || low.operator === comp) &&\n ltefn(version, low.semver)\n ) {\n return false;\n } else if (low.operator === ecomp && ltfn(version, low.semver)) {\n return false;\n }\n }\n return true;\n }\n\n exports.prerelease = prerelease;\n function prerelease(version, loose) {\n var parsed = parse(version, loose);\n return parsed && parsed.prerelease.length ? parsed.prerelease : null;\n }\n\n exports.intersects = intersects;\n function intersects(r1, r2, loose) {\n r1 = new Range(r1, loose);\n r2 = new Range(r2, loose);\n return r1.intersects(r2);\n }\n\n exports.coerce = coerce;\n function coerce(version) {\n if (version instanceof SemVer) return version;\n\n if (typeof version !== 'string') return null;\n\n var match = version.match(re[COERCE]);\n\n if (match == null) return null;\n\n return parse(\n (match[1] || '0') + '.' + (match[2] || '0') + '.' + (match[3] || '0'),\n );\n }\n\n /***/\n },\n /* 23 */\n /***/ function (module, exports) {\n module.exports = require('stream');\n\n /***/\n },\n /* 24 */\n /***/ function (module, exports) {\n module.exports = require('url');\n\n /***/\n },\n /* 25 */\n /***/ function (module, __webpack_exports__, __webpack_require__) {\n 'use strict';\n /* harmony export (binding) */ __webpack_require__.d(\n __webpack_exports__,\n 'a',\n function () {\n return Subscription;\n },\n );\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util_isArray__ =\n __webpack_require__(41);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util_isObject__ =\n __webpack_require__(444);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util_isFunction__ =\n __webpack_require__(154);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util_tryCatch__ =\n __webpack_require__(57);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__util_errorObject__ =\n __webpack_require__(48);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__util_UnsubscriptionError__ =\n __webpack_require__(441);\n /** PURE_IMPORTS_START _util_isArray,_util_isObject,_util_isFunction,_util_tryCatch,_util_errorObject,_util_UnsubscriptionError PURE_IMPORTS_END */\n\n var Subscription = /*@__PURE__*/ (function () {\n function Subscription(unsubscribe) {\n this.closed = false;\n this._parent = null;\n this._parents = null;\n this._subscriptions = null;\n if (unsubscribe) {\n this._unsubscribe = unsubscribe;\n }\n }\n Subscription.prototype.unsubscribe = function () {\n var hasErrors = false;\n var errors;\n if (this.closed) {\n return;\n }\n var _a = this,\n _parent = _a._parent,\n _parents = _a._parents,\n _unsubscribe = _a._unsubscribe,\n _subscriptions = _a._subscriptions;\n this.closed = true;\n this._parent = null;\n this._parents = null;\n this._subscriptions = null;\n var index = -1;\n var len = _parents ? _parents.length : 0;\n while (_parent) {\n _parent.remove(this);\n _parent = (++index < len && _parents[index]) || null;\n }\n if (\n __webpack_require__.i(\n __WEBPACK_IMPORTED_MODULE_2__util_isFunction__[\n 'a' /* isFunction */\n ],\n )(_unsubscribe)\n ) {\n var trial = __webpack_require__\n .i(\n __WEBPACK_IMPORTED_MODULE_3__util_tryCatch__[\n 'a' /* tryCatch */\n ],\n )(_unsubscribe)\n .call(this);\n if (\n trial ===\n __WEBPACK_IMPORTED_MODULE_4__util_errorObject__[\n 'a' /* errorObject */\n ]\n ) {\n hasErrors = true;\n errors =\n errors ||\n (__WEBPACK_IMPORTED_MODULE_4__util_errorObject__[\n 'a' /* errorObject */\n ].e instanceof\n __WEBPACK_IMPORTED_MODULE_5__util_UnsubscriptionError__[\n 'a' /* UnsubscriptionError */\n ]\n ? flattenUnsubscriptionErrors(\n __WEBPACK_IMPORTED_MODULE_4__util_errorObject__[\n 'a' /* errorObject */\n ].e.errors,\n )\n : [\n __WEBPACK_IMPORTED_MODULE_4__util_errorObject__[\n 'a' /* errorObject */\n ].e,\n ]);\n }\n }\n if (\n __webpack_require__.i(\n __WEBPACK_IMPORTED_MODULE_0__util_isArray__['a' /* isArray */],\n )(_subscriptions)\n ) {\n index = -1;\n len = _subscriptions.length;\n while (++index < len) {\n var sub = _subscriptions[index];\n if (\n __webpack_require__.i(\n __WEBPACK_IMPORTED_MODULE_1__util_isObject__[\n 'a' /* isObject */\n ],\n )(sub)\n ) {\n var trial = __webpack_require__\n .i(\n __WEBPACK_IMPORTED_MODULE_3__util_tryCatch__[\n 'a' /* tryCatch */\n ],\n )(sub.unsubscribe)\n .call(sub);\n if (\n trial ===\n __WEBPACK_IMPORTED_MODULE_4__util_errorObject__[\n 'a' /* errorObject */\n ]\n ) {\n hasErrors = true;\n errors = errors || [];\n var err =\n __WEBPACK_IMPORTED_MODULE_4__util_errorObject__[\n 'a' /* errorObject */\n ].e;\n if (\n err instanceof\n __WEBPACK_IMPORTED_MODULE_5__util_UnsubscriptionError__[\n 'a' /* UnsubscriptionError */\n ]\n ) {\n errors = errors.concat(\n flattenUnsubscriptionErrors(err.errors),\n );\n } else {\n errors.push(err);\n }\n }\n }\n }\n }\n if (hasErrors) {\n throw new __WEBPACK_IMPORTED_MODULE_5__util_UnsubscriptionError__[\n 'a' /* UnsubscriptionError */\n ](errors);\n }\n };\n Subscription.prototype.add = function (teardown) {\n if (!teardown || teardown === Subscription.EMPTY) {\n return Subscription.EMPTY;\n }\n if (teardown === this) {\n return this;\n }\n var subscription = teardown;\n switch (typeof teardown) {\n case 'function':\n subscription = new Subscription(teardown);\n case 'object':\n if (\n subscription.closed ||\n typeof subscription.unsubscribe !== 'function'\n ) {\n return subscription;\n } else if (this.closed) {\n subscription.unsubscribe();\n return subscription;\n } else if (typeof subscription._addParent !== 'function') {\n var tmp = subscription;\n subscription = new Subscription();\n subscription._subscriptions = [tmp];\n }\n break;\n default:\n throw new Error(\n 'unrecognized teardown ' + teardown + ' added to Subscription.',\n );\n }\n var subscriptions = this._subscriptions || (this._subscriptions = []);\n subscriptions.push(subscription);\n subscription._addParent(this);\n return subscription;\n };\n Subscription.prototype.remove = function (subscription) {\n var subscriptions = this._subscriptions;\n if (subscriptions) {\n var subscriptionIndex = subscriptions.indexOf(subscription);\n if (subscriptionIndex !== -1) {\n subscriptions.splice(subscriptionIndex, 1);\n }\n }\n };\n Subscription.prototype._addParent = function (parent) {\n var _a = this,\n _parent = _a._parent,\n _parents = _a._parents;\n if (!_parent || _parent === parent) {\n this._parent = parent;\n } else if (!_parents) {\n this._parents = [parent];\n } else if (_parents.indexOf(parent) === -1) {\n _parents.push(parent);\n }\n };\n Subscription.EMPTY = (function (empty) {\n empty.closed = true;\n return empty;\n })(new Subscription());\n return Subscription;\n })();\n\n function flattenUnsubscriptionErrors(errors) {\n return errors.reduce(function (errs, err) {\n return errs.concat(\n err instanceof\n __WEBPACK_IMPORTED_MODULE_5__util_UnsubscriptionError__[\n 'a' /* UnsubscriptionError */\n ]\n ? err.errors\n : err,\n );\n }, []);\n }\n //# sourceMappingURL=Subscription.js.map\n\n /***/\n },\n /* 26 */\n /***/ function (module, exports, __webpack_require__) {\n // Copyright 2015 Joyent, Inc.\n\n module.exports = {\n bufferSplit: bufferSplit,\n addRSAMissing: addRSAMissing,\n calculateDSAPublic: calculateDSAPublic,\n calculateED25519Public: calculateED25519Public,\n calculateX25519Public: calculateX25519Public,\n mpNormalize: mpNormalize,\n mpDenormalize: mpDenormalize,\n ecNormalize: ecNormalize,\n countZeros: countZeros,\n assertCompatible: assertCompatible,\n isCompatible: isCompatible,\n opensslKeyDeriv: opensslKeyDeriv,\n opensshCipherInfo: opensshCipherInfo,\n publicFromPrivateECDSA: publicFromPrivateECDSA,\n zeroPadToLength: zeroPadToLength,\n writeBitString: writeBitString,\n readBitString: readBitString,\n };\n\n var assert = __webpack_require__(16);\n var Buffer = __webpack_require__(15).Buffer;\n var PrivateKey = __webpack_require__(33);\n var Key = __webpack_require__(27);\n var crypto = __webpack_require__(11);\n var algs = __webpack_require__(32);\n var asn1 = __webpack_require__(66);\n\n var ec, jsbn;\n var nacl;\n\n var MAX_CLASS_DEPTH = 3;\n\n function isCompatible(obj, klass, needVer) {\n if (obj === null || typeof obj !== 'object') return false;\n if (needVer === undefined) needVer = klass.prototype._sshpkApiVersion;\n if (\n obj instanceof klass &&\n klass.prototype._sshpkApiVersion[0] == needVer[0]\n )\n return true;\n var proto = Object.getPrototypeOf(obj);\n var depth = 0;\n while (proto.constructor.name !== klass.name) {\n proto = Object.getPrototypeOf(proto);\n if (!proto || ++depth > MAX_CLASS_DEPTH) return false;\n }\n if (proto.constructor.name !== klass.name) return false;\n var ver = proto._sshpkApiVersion;\n if (ver === undefined) ver = klass._oldVersionDetect(obj);\n if (ver[0] != needVer[0] || ver[1] < needVer[1]) return false;\n return true;\n }\n\n function assertCompatible(obj, klass, needVer, name) {\n if (name === undefined) name = 'object';\n assert.ok(obj, name + ' must not be null');\n assert.object(obj, name + ' must be an object');\n if (needVer === undefined) needVer = klass.prototype._sshpkApiVersion;\n if (\n obj instanceof klass &&\n klass.prototype._sshpkApiVersion[0] == needVer[0]\n )\n return;\n var proto = Object.getPrototypeOf(obj);\n var depth = 0;\n while (proto.constructor.name !== klass.name) {\n proto = Object.getPrototypeOf(proto);\n assert.ok(\n proto && ++depth <= MAX_CLASS_DEPTH,\n name + ' must be a ' + klass.name + ' instance',\n );\n }\n assert.strictEqual(\n proto.constructor.name,\n klass.name,\n name + ' must be a ' + klass.name + ' instance',\n );\n var ver = proto._sshpkApiVersion;\n if (ver === undefined) ver = klass._oldVersionDetect(obj);\n assert.ok(\n ver[0] == needVer[0] && ver[1] >= needVer[1],\n name +\n ' must be compatible with ' +\n klass.name +\n ' klass ' +\n 'version ' +\n needVer[0] +\n '.' +\n needVer[1],\n );\n }\n\n var CIPHER_LEN = {\n 'des-ede3-cbc': { key: 7, iv: 8 },\n 'aes-128-cbc': { key: 16, iv: 16 },\n };\n var PKCS5_SALT_LEN = 8;\n\n function opensslKeyDeriv(cipher, salt, passphrase, count) {\n assert.buffer(salt, 'salt');\n assert.buffer(passphrase, 'passphrase');\n assert.number(count, 'iteration count');\n\n var clen = CIPHER_LEN[cipher];\n assert.object(clen, 'supported cipher');\n\n salt = salt.slice(0, PKCS5_SALT_LEN);\n\n var D, D_prev, bufs;\n var material = Buffer.alloc(0);\n while (material.length < clen.key + clen.iv) {\n bufs = [];\n if (D_prev) bufs.push(D_prev);\n bufs.push(passphrase);\n bufs.push(salt);\n D = Buffer.concat(bufs);\n for (var j = 0; j < count; ++j)\n D = crypto.createHash('md5').update(D).digest();\n material = Buffer.concat([material, D]);\n D_prev = D;\n }\n\n return {\n key: material.slice(0, clen.key),\n iv: material.slice(clen.key, clen.key + clen.iv),\n };\n }\n\n /* Count leading zero bits on a buffer */\n function countZeros(buf) {\n var o = 0,\n obit = 8;\n while (o < buf.length) {\n var mask = 1 << obit;\n if ((buf[o] & mask) === mask) break;\n obit--;\n if (obit < 0) {\n o++;\n obit = 8;\n }\n }\n return o * 8 + (8 - obit) - 1;\n }\n\n function bufferSplit(buf, chr) {\n assert.buffer(buf);\n assert.string(chr);\n\n var parts = [];\n var lastPart = 0;\n var matches = 0;\n for (var i = 0; i < buf.length; ++i) {\n if (buf[i] === chr.charCodeAt(matches)) ++matches;\n else if (buf[i] === chr.charCodeAt(0)) matches = 1;\n else matches = 0;\n\n if (matches >= chr.length) {\n var newPart = i + 1;\n parts.push(buf.slice(lastPart, newPart - matches));\n lastPart = newPart;\n matches = 0;\n }\n }\n if (lastPart <= buf.length) parts.push(buf.slice(lastPart, buf.length));\n\n return parts;\n }\n\n function ecNormalize(buf, addZero) {\n assert.buffer(buf);\n if (buf[0] === 0x00 && buf[1] === 0x04) {\n if (addZero) return buf;\n return buf.slice(1);\n } else if (buf[0] === 0x04) {\n if (!addZero) return buf;\n } else {\n while (buf[0] === 0x00) buf = buf.slice(1);\n if (buf[0] === 0x02 || buf[0] === 0x03)\n throw new Error(\n 'Compressed elliptic curve points ' + 'are not supported',\n );\n if (buf[0] !== 0x04)\n throw new Error('Not a valid elliptic curve point');\n if (!addZero) return buf;\n }\n var b = Buffer.alloc(buf.length + 1);\n b[0] = 0x0;\n buf.copy(b, 1);\n return b;\n }\n\n function readBitString(der, tag) {\n if (tag === undefined) tag = asn1.Ber.BitString;\n var buf = der.readString(tag, true);\n assert.strictEqual(\n buf[0],\n 0x00,\n 'bit strings with unused bits are ' +\n 'not supported (0x' +\n buf[0].toString(16) +\n ')',\n );\n return buf.slice(1);\n }\n\n function writeBitString(der, buf, tag) {\n if (tag === undefined) tag = asn1.Ber.BitString;\n var b = Buffer.alloc(buf.length + 1);\n b[0] = 0x00;\n buf.copy(b, 1);\n der.writeBuffer(b, tag);\n }\n\n function mpNormalize(buf) {\n assert.buffer(buf);\n while (buf.length > 1 && buf[0] === 0x00 && (buf[1] & 0x80) === 0x00)\n buf = buf.slice(1);\n if ((buf[0] & 0x80) === 0x80) {\n var b = Buffer.alloc(buf.length + 1);\n b[0] = 0x00;\n buf.copy(b, 1);\n buf = b;\n }\n return buf;\n }\n\n function mpDenormalize(buf) {\n assert.buffer(buf);\n while (buf.length > 1 && buf[0] === 0x00) buf = buf.slice(1);\n return buf;\n }\n\n function zeroPadToLength(buf, len) {\n assert.buffer(buf);\n assert.number(len);\n while (buf.length > len) {\n assert.equal(buf[0], 0x00);\n buf = buf.slice(1);\n }\n while (buf.length < len) {\n var b = Buffer.alloc(buf.length + 1);\n b[0] = 0x00;\n buf.copy(b, 1);\n buf = b;\n }\n return buf;\n }\n\n function bigintToMpBuf(bigint) {\n var buf = Buffer.from(bigint.toByteArray());\n buf = mpNormalize(buf);\n return buf;\n }\n\n function calculateDSAPublic(g, p, x) {\n assert.buffer(g);\n assert.buffer(p);\n assert.buffer(x);\n try {\n var bigInt = __webpack_require__(81).BigInteger;\n } catch (e) {\n throw new Error(\n 'To load a PKCS#8 format DSA private key, ' +\n 'the node jsbn library is required.',\n );\n }\n g = new bigInt(g);\n p = new bigInt(p);\n x = new bigInt(x);\n var y = g.modPow(x, p);\n var ybuf = bigintToMpBuf(y);\n return ybuf;\n }\n\n function calculateED25519Public(k) {\n assert.buffer(k);\n\n if (nacl === undefined) nacl = __webpack_require__(76);\n\n var kp = nacl.sign.keyPair.fromSeed(new Uint8Array(k));\n return Buffer.from(kp.publicKey);\n }\n\n function calculateX25519Public(k) {\n assert.buffer(k);\n\n if (nacl === undefined) nacl = __webpack_require__(76);\n\n var kp = nacl.box.keyPair.fromSeed(new Uint8Array(k));\n return Buffer.from(kp.publicKey);\n }\n\n function addRSAMissing(key) {\n assert.object(key);\n assertCompatible(key, PrivateKey, [1, 1]);\n try {\n var bigInt = __webpack_require__(81).BigInteger;\n } catch (e) {\n throw new Error(\n 'To write a PEM private key from ' +\n 'this source, the node jsbn lib is required.',\n );\n }\n\n var d = new bigInt(key.part.d.data);\n var buf;\n\n if (!key.part.dmodp) {\n var p = new bigInt(key.part.p.data);\n var dmodp = d.mod(p.subtract(1));\n\n buf = bigintToMpBuf(dmodp);\n key.part.dmodp = { name: 'dmodp', data: buf };\n key.parts.push(key.part.dmodp);\n }\n if (!key.part.dmodq) {\n var q = new bigInt(key.part.q.data);\n var dmodq = d.mod(q.subtract(1));\n\n buf = bigintToMpBuf(dmodq);\n key.part.dmodq = { name: 'dmodq', data: buf };\n key.parts.push(key.part.dmodq);\n }\n }\n\n function publicFromPrivateECDSA(curveName, priv) {\n assert.string(curveName, 'curveName');\n assert.buffer(priv);\n if (ec === undefined) ec = __webpack_require__(139);\n if (jsbn === undefined) jsbn = __webpack_require__(81).BigInteger;\n var params = algs.curves[curveName];\n var p = new jsbn(params.p);\n var a = new jsbn(params.a);\n var b = new jsbn(params.b);\n var curve = new ec.ECCurveFp(p, a, b);\n var G = curve.decodePointHex(params.G.toString('hex'));\n\n var d = new jsbn(mpNormalize(priv));\n var pub = G.multiply(d);\n pub = Buffer.from(curve.encodePointHex(pub), 'hex');\n\n var parts = [];\n parts.push({ name: 'curve', data: Buffer.from(curveName) });\n parts.push({ name: 'Q', data: pub });\n\n var key = new Key({ type: 'ecdsa', curve: curve, parts: parts });\n return key;\n }\n\n function opensshCipherInfo(cipher) {\n var inf = {};\n switch (cipher) {\n case '3des-cbc':\n inf.keySize = 24;\n inf.blockSize = 8;\n inf.opensslName = 'des-ede3-cbc';\n break;\n case 'blowfish-cbc':\n inf.keySize = 16;\n inf.blockSize = 8;\n inf.opensslName = 'bf-cbc';\n break;\n case 'aes128-cbc':\n case 'aes128-ctr':\n case 'aes128-gcm@openssh.com':\n inf.keySize = 16;\n inf.blockSize = 16;\n inf.opensslName = 'aes-128-' + cipher.slice(7, 10);\n break;\n case 'aes192-cbc':\n case 'aes192-ctr':\n case 'aes192-gcm@openssh.com':\n inf.keySize = 24;\n inf.blockSize = 16;\n inf.opensslName = 'aes-192-' + cipher.slice(7, 10);\n break;\n case 'aes256-cbc':\n case 'aes256-ctr':\n case 'aes256-gcm@openssh.com':\n inf.keySize = 32;\n inf.blockSize = 16;\n inf.opensslName = 'aes-256-' + cipher.slice(7, 10);\n break;\n default:\n throw new Error('Unsupported openssl cipher \"' + cipher + '\"');\n }\n return inf;\n }\n\n /***/\n },\n /* 27 */\n /***/ function (module, exports, __webpack_require__) {\n // Copyright 2017 Joyent, Inc.\n\n module.exports = Key;\n\n var assert = __webpack_require__(16);\n var algs = __webpack_require__(32);\n var crypto = __webpack_require__(11);\n var Fingerprint = __webpack_require__(156);\n var Signature = __webpack_require__(75);\n var DiffieHellman = __webpack_require__(325).DiffieHellman;\n var errs = __webpack_require__(74);\n var utils = __webpack_require__(26);\n var PrivateKey = __webpack_require__(33);\n var edCompat;\n\n try {\n edCompat = __webpack_require__(454);\n } catch (e) {\n /* Just continue through, and bail out if we try to use it. */\n }\n\n var InvalidAlgorithmError = errs.InvalidAlgorithmError;\n var KeyParseError = errs.KeyParseError;\n\n var formats = {};\n formats['auto'] = __webpack_require__(455);\n formats['pem'] = __webpack_require__(86);\n formats['pkcs1'] = __webpack_require__(327);\n formats['pkcs8'] = __webpack_require__(157);\n formats['rfc4253'] = __webpack_require__(103);\n formats['ssh'] = __webpack_require__(456);\n formats['ssh-private'] = __webpack_require__(193);\n formats['openssh'] = formats['ssh-private'];\n formats['dnssec'] = __webpack_require__(326);\n\n function Key(opts) {\n assert.object(opts, 'options');\n assert.arrayOfObject(opts.parts, 'options.parts');\n assert.string(opts.type, 'options.type');\n assert.optionalString(opts.comment, 'options.comment');\n\n var algInfo = algs.info[opts.type];\n if (typeof algInfo !== 'object')\n throw new InvalidAlgorithmError(opts.type);\n\n var partLookup = {};\n for (var i = 0; i < opts.parts.length; ++i) {\n var part = opts.parts[i];\n partLookup[part.name] = part;\n }\n\n this.type = opts.type;\n this.parts = opts.parts;\n this.part = partLookup;\n this.comment = undefined;\n this.source = opts.source;\n\n /* for speeding up hashing/fingerprint operations */\n this._rfc4253Cache = opts._rfc4253Cache;\n this._hashCache = {};\n\n var sz;\n this.curve = undefined;\n if (this.type === 'ecdsa') {\n var curve = this.part.curve.data.toString();\n this.curve = curve;\n sz = algs.curves[curve].size;\n } else if (this.type === 'ed25519' || this.type === 'curve25519') {\n sz = 256;\n this.curve = 'curve25519';\n } else {\n var szPart = this.part[algInfo.sizePart];\n sz = szPart.data.length;\n sz = sz * 8 - utils.countZeros(szPart.data);\n }\n this.size = sz;\n }\n\n Key.formats = formats;\n\n Key.prototype.toBuffer = function (format, options) {\n if (format === undefined) format = 'ssh';\n assert.string(format, 'format');\n assert.object(formats[format], 'formats[format]');\n assert.optionalObject(options, 'options');\n\n if (format === 'rfc4253') {\n if (this._rfc4253Cache === undefined)\n this._rfc4253Cache = formats['rfc4253'].write(this);\n return this._rfc4253Cache;\n }\n\n return formats[format].write(this, options);\n };\n\n Key.prototype.toString = function (format, options) {\n return this.toBuffer(format, options).toString();\n };\n\n Key.prototype.hash = function (algo) {\n assert.string(algo, 'algorithm');\n algo = algo.toLowerCase();\n if (algs.hashAlgs[algo] === undefined)\n throw new InvalidAlgorithmError(algo);\n\n if (this._hashCache[algo]) return this._hashCache[algo];\n var hash = crypto\n .createHash(algo)\n .update(this.toBuffer('rfc4253'))\n .digest();\n this._hashCache[algo] = hash;\n return hash;\n };\n\n Key.prototype.fingerprint = function (algo) {\n if (algo === undefined) algo = 'sha256';\n assert.string(algo, 'algorithm');\n var opts = {\n type: 'key',\n hash: this.hash(algo),\n algorithm: algo,\n };\n return new Fingerprint(opts);\n };\n\n Key.prototype.defaultHashAlgorithm = function () {\n var hashAlgo = 'sha1';\n if (this.type === 'rsa') hashAlgo = 'sha256';\n if (this.type === 'dsa' && this.size > 1024) hashAlgo = 'sha256';\n if (this.type === 'ed25519') hashAlgo = 'sha512';\n if (this.type === 'ecdsa') {\n if (this.size <= 256) hashAlgo = 'sha256';\n else if (this.size <= 384) hashAlgo = 'sha384';\n else hashAlgo = 'sha512';\n }\n return hashAlgo;\n };\n\n Key.prototype.createVerify = function (hashAlgo) {\n if (hashAlgo === undefined) hashAlgo = this.defaultHashAlgorithm();\n assert.string(hashAlgo, 'hash algorithm');\n\n /* ED25519 is not supported by OpenSSL, use a javascript impl. */\n if (this.type === 'ed25519' && edCompat !== undefined)\n return new edCompat.Verifier(this, hashAlgo);\n if (this.type === 'curve25519')\n throw new Error(\n 'Curve25519 keys are not suitable for ' + 'signing or verification',\n );\n\n var v, nm, err;\n try {\n nm = hashAlgo.toUpperCase();\n v = crypto.createVerify(nm);\n } catch (e) {\n err = e;\n }\n if (\n v === undefined ||\n (err instanceof Error && err.message.match(/Unknown message digest/))\n ) {\n nm = 'RSA-';\n nm += hashAlgo.toUpperCase();\n v = crypto.createVerify(nm);\n }\n assert.ok(v, 'failed to create verifier');\n var oldVerify = v.verify.bind(v);\n var key = this.toBuffer('pkcs8');\n var curve = this.curve;\n var self = this;\n v.verify = function (signature, fmt) {\n if (Signature.isSignature(signature, [2, 0])) {\n if (signature.type !== self.type) return false;\n if (signature.hashAlgorithm && signature.hashAlgorithm !== hashAlgo)\n return false;\n if (\n signature.curve &&\n self.type === 'ecdsa' &&\n signature.curve !== curve\n )\n return false;\n return oldVerify(key, signature.toBuffer('asn1'));\n } else if (\n typeof signature === 'string' ||\n Buffer.isBuffer(signature)\n ) {\n return oldVerify(key, signature, fmt);\n\n /*\n * Avoid doing this on valid arguments, walking the prototype\n * chain can be quite slow.\n */\n } else if (Signature.isSignature(signature, [1, 0])) {\n throw new Error(\n 'signature was created by too old ' +\n 'a version of sshpk and cannot be verified',\n );\n } else {\n throw new TypeError(\n 'signature must be a string, ' + 'Buffer, or Signature object',\n );\n }\n };\n return v;\n };\n\n Key.prototype.createDiffieHellman = function () {\n if (this.type === 'rsa')\n throw new Error('RSA keys do not support Diffie-Hellman');\n\n return new DiffieHellman(this);\n };\n Key.prototype.createDH = Key.prototype.createDiffieHellman;\n\n Key.parse = function (data, format, options) {\n if (typeof data !== 'string') assert.buffer(data, 'data');\n if (format === undefined) format = 'auto';\n assert.string(format, 'format');\n if (typeof options === 'string') options = { filename: options };\n assert.optionalObject(options, 'options');\n if (options === undefined) options = {};\n assert.optionalString(options.filename, 'options.filename');\n if (options.filename === undefined) options.filename = '(unnamed)';\n\n assert.object(formats[format], 'formats[format]');\n\n try {\n var k = formats[format].read(data, options);\n if (k instanceof PrivateKey) k = k.toPublic();\n if (!k.comment) k.comment = options.filename;\n return k;\n } catch (e) {\n if (e.name === 'KeyEncryptedError') throw e;\n throw new KeyParseError(options.filename, format, e);\n }\n };\n\n Key.isKey = function (obj, ver) {\n return utils.isCompatible(obj, Key, ver);\n };\n\n /*\n * API versions for Key:\n * [1,0] -- initial ver, may take Signature for createVerify or may not\n * [1,1] -- added pkcs1, pkcs8 formats\n * [1,2] -- added auto, ssh-private, openssh formats\n * [1,3] -- added defaultHashAlgorithm\n * [1,4] -- added ed support, createDH\n * [1,5] -- first explicitly tagged version\n * [1,6] -- changed ed25519 part names\n */\n Key.prototype._sshpkApiVersion = [1, 6];\n\n Key._oldVersionDetect = function (obj) {\n assert.func(obj.toBuffer);\n assert.func(obj.fingerprint);\n if (obj.createDH) return [1, 4];\n if (obj.defaultHashAlgorithm) return [1, 3];\n if (obj.formats['auto']) return [1, 2];\n if (obj.formats['pkcs1']) return [1, 1];\n return [1, 0];\n };\n\n /***/\n },\n /* 28 */\n /***/ function (module, exports) {\n module.exports = require('assert');\n\n /***/\n },\n /* 29 */\n /***/ function (module, exports, __webpack_require__) {\n 'use strict';\n\n Object.defineProperty(exports, '__esModule', {\n value: true,\n });\n exports.default = nullify;\n function nullify(obj = {}) {\n if (Array.isArray(obj)) {\n for (\n var _iterator = obj,\n _isArray = Array.isArray(_iterator),\n _i = 0,\n _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();\n ;\n\n ) {\n var _ref;\n\n if (_isArray) {\n if (_i >= _iterator.length) break;\n _ref = _iterator[_i++];\n } else {\n _i = _iterator.next();\n if (_i.done) break;\n _ref = _i.value;\n }\n\n const item = _ref;\n\n nullify(item);\n }\n } else if (\n (obj !== null && typeof obj === 'object') ||\n typeof obj === 'function'\n ) {\n Object.setPrototypeOf(obj, null);\n\n // for..in can only be applied to 'object', not 'function'\n if (typeof obj === 'object') {\n for (const key in obj) {\n nullify(obj[key]);\n }\n }\n }\n\n return obj;\n }\n\n /***/\n },\n /* 30 */\n /***/ function (module, exports, __webpack_require__) {\n 'use strict';\n\n const escapeStringRegexp = __webpack_require__(382);\n const ansiStyles = __webpack_require__(474);\n const stdoutColor = __webpack_require__(566).stdout;\n\n const template = __webpack_require__(567);\n\n const isSimpleWindowsTerm =\n process.platform === 'win32' &&\n !(process.env.TERM || '').toLowerCase().startsWith('xterm');\n\n // `supportsColor.level` → `ansiStyles.color[name]` mapping\n const levelMapping = ['ansi', 'ansi', 'ansi256', 'ansi16m'];\n\n // `color-convert` models to exclude from the Chalk API due to conflicts and such\n const skipModels = new Set(['gray']);\n\n const styles = Object.create(null);\n\n function applyOptions(obj, options) {\n options = options || {};\n\n // Detect level if not set manually\n const scLevel = stdoutColor ? stdoutColor.level : 0;\n obj.level = options.level === undefined ? scLevel : options.level;\n obj.enabled = 'enabled' in options ? options.enabled : obj.level > 0;\n }\n\n function Chalk(options) {\n // We check for this.template here since calling `chalk.constructor()`\n // by itself will have a `this` of a previously constructed chalk object\n if (!this || !(this instanceof Chalk) || this.template) {\n const chalk = {};\n applyOptions(chalk, options);\n\n chalk.template = function () {\n const args = [].slice.call(arguments);\n return chalkTag.apply(null, [chalk.template].concat(args));\n };\n\n Object.setPrototypeOf(chalk, Chalk.prototype);\n Object.setPrototypeOf(chalk.template, chalk);\n\n chalk.template.constructor = Chalk;\n\n return chalk.template;\n }\n\n applyOptions(this, options);\n }\n\n // Use bright blue on Windows as the normal blue color is illegible\n if (isSimpleWindowsTerm) {\n ansiStyles.blue.open = '\\u001B[94m';\n }\n\n for (const key of Object.keys(ansiStyles)) {\n ansiStyles[key].closeRe = new RegExp(\n escapeStringRegexp(ansiStyles[key].close),\n 'g',\n );\n\n styles[key] = {\n get() {\n const codes = ansiStyles[key];\n return build.call(\n this,\n this._styles ? this._styles.concat(codes) : [codes],\n this._empty,\n key,\n );\n },\n };\n }\n\n styles.visible = {\n get() {\n return build.call(this, this._styles || [], true, 'visible');\n },\n };\n\n ansiStyles.color.closeRe = new RegExp(\n escapeStringRegexp(ansiStyles.color.close),\n 'g',\n );\n for (const model of Object.keys(ansiStyles.color.ansi)) {\n if (skipModels.has(model)) {\n continue;\n }\n\n styles[model] = {\n get() {\n const level = this.level;\n return function () {\n const open = ansiStyles.color[levelMapping[level]][model].apply(\n null,\n arguments,\n );\n const codes = {\n open,\n close: ansiStyles.color.close,\n closeRe: ansiStyles.color.closeRe,\n };\n return build.call(\n this,\n this._styles ? this._styles.concat(codes) : [codes],\n this._empty,\n model,\n );\n };\n },\n };\n }\n\n ansiStyles.bgColor.closeRe = new RegExp(\n escapeStringRegexp(ansiStyles.bgColor.close),\n 'g',\n );\n for (const model of Object.keys(ansiStyles.bgColor.ansi)) {\n if (skipModels.has(model)) {\n continue;\n }\n\n const bgModel = 'bg' + model[0].toUpperCase() + model.slice(1);\n styles[bgModel] = {\n get() {\n const level = this.level;\n return function () {\n const open = ansiStyles.bgColor[levelMapping[level]][model].apply(\n null,\n arguments,\n );\n const codes = {\n open,\n close: ansiStyles.bgColor.close,\n closeRe: ansiStyles.bgColor.closeRe,\n };\n return build.call(\n this,\n this._styles ? this._styles.concat(codes) : [codes],\n this._empty,\n model,\n );\n };\n },\n };\n }\n\n const proto = Object.defineProperties(() => {}, styles);\n\n function build(_styles, _empty, key) {\n const builder = function () {\n return applyStyle.apply(builder, arguments);\n };\n\n builder._styles = _styles;\n builder._empty = _empty;\n\n const self = this;\n\n Object.defineProperty(builder, 'level', {\n enumerable: true,\n get() {\n return self.level;\n },\n set(level) {\n self.level = level;\n },\n });\n\n Object.defineProperty(builder, 'enabled', {\n enumerable: true,\n get() {\n return self.enabled;\n },\n set(enabled) {\n self.enabled = enabled;\n },\n });\n\n // See below for fix regarding invisible grey/dim combination on Windows\n builder.hasGrey = this.hasGrey || key === 'gray' || key === 'grey';\n\n // `__proto__` is used because we must return a function, but there is\n // no way to create a function with a different prototype\n builder.__proto__ = proto; // eslint-disable-line no-proto\n\n return builder;\n }\n\n function applyStyle() {\n // Support varags, but simply cast to string in case there's only one arg\n const args = arguments;\n const argsLen = args.length;\n let str = String(arguments[0]);\n\n if (argsLen === 0) {\n return '';\n }\n\n if (argsLen > 1) {\n // Don't slice `arguments`, it prevents V8 optimizations\n for (let a = 1; a < argsLen; a++) {\n str += ' ' + args[a];\n }\n }\n\n if (!this.enabled || this.level <= 0 || !str) {\n return this._empty ? '' : str;\n }\n\n // Turns out that on Windows dimmed gray text becomes invisible in cmd.exe,\n // see https://github.com/chalk/chalk/issues/58\n // If we're on Windows and we're dealing with a gray color, temporarily make 'dim' a noop.\n const originalDim = ansiStyles.dim.open;\n if (isSimpleWindowsTerm && this.hasGrey) {\n ansiStyles.dim.open = '';\n }\n\n for (const code of this._styles.slice().reverse()) {\n // Replace any instances already present with a re-opening code\n // otherwise only the part of the string until said closing code\n // will be colored, and the rest will simply be 'plain'.\n str = code.open + str.replace(code.closeRe, code.open) + code.close;\n\n // Close the styling before a linebreak and reopen\n // after next line to fix a bleed issue on macOS\n // https://github.com/chalk/chalk/pull/92\n str = str.replace(/\\r?\\n/g, `${code.close}$&${code.open}`);\n }\n\n // Reset the original `dim` if we changed it to work around the Windows dimmed gray issue\n ansiStyles.dim.open = originalDim;\n\n return str;\n }\n\n function chalkTag(chalk, strings) {\n if (!Array.isArray(strings)) {\n // If chalk() was called by itself or with a string,\n // return the string itself as a string.\n return [].slice.call(arguments, 1).join(' ');\n }\n\n const args = [].slice.call(arguments, 2);\n const parts = [strings.raw[0]];\n\n for (let i = 1; i < strings.length; i++) {\n parts.push(String(args[i - 1]).replace(/[{}\\\\]/g, '\\\\$&'));\n parts.push(String(strings.raw[i]));\n }\n\n return template(chalk, parts.join(''));\n }\n\n Object.defineProperties(Chalk.prototype, styles);\n\n module.exports = Chalk(); // eslint-disable-line new-cap\n module.exports.supportsColor = stdoutColor;\n module.exports.default = module.exports; // For TypeScript\n\n /***/\n },\n /* 31 */\n /***/ function (module, exports) {\n var core = (module.exports = { version: '2.5.7' });\n if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef\n\n /***/\n },\n /* 32 */\n /***/ function (module, exports, __webpack_require__) {\n // Copyright 2015 Joyent, Inc.\n\n var Buffer = __webpack_require__(15).Buffer;\n\n var algInfo = {\n dsa: {\n parts: ['p', 'q', 'g', 'y'],\n sizePart: 'p',\n },\n rsa: {\n parts: ['e', 'n'],\n sizePart: 'n',\n },\n ecdsa: {\n parts: ['curve', 'Q'],\n sizePart: 'Q',\n },\n ed25519: {\n parts: ['A'],\n sizePart: 'A',\n },\n };\n algInfo['curve25519'] = algInfo['ed25519'];\n\n var algPrivInfo = {\n dsa: {\n parts: ['p', 'q', 'g', 'y', 'x'],\n },\n rsa: {\n parts: ['n', 'e', 'd', 'iqmp', 'p', 'q'],\n },\n ecdsa: {\n parts: ['curve', 'Q', 'd'],\n },\n ed25519: {\n parts: ['A', 'k'],\n },\n };\n algPrivInfo['curve25519'] = algPrivInfo['ed25519'];\n\n var hashAlgs = {\n md5: true,\n sha1: true,\n sha256: true,\n sha384: true,\n sha512: true,\n };\n\n /*\n * Taken from\n * http://csrc.nist.gov/groups/ST/toolkit/documents/dss/NISTReCur.pdf\n */\n var curves = {\n nistp256: {\n size: 256,\n pkcs8oid: '1.2.840.10045.3.1.7',\n p: Buffer.from(\n (\n '00' +\n 'ffffffff 00000001 00000000 00000000' +\n '00000000 ffffffff ffffffff ffffffff'\n ).replace(/ /g, ''),\n 'hex',\n ),\n a: Buffer.from(\n (\n '00' +\n 'FFFFFFFF 00000001 00000000 00000000' +\n '00000000 FFFFFFFF FFFFFFFF FFFFFFFC'\n ).replace(/ /g, ''),\n 'hex',\n ),\n b: Buffer.from(\n (\n '5ac635d8 aa3a93e7 b3ebbd55 769886bc' +\n '651d06b0 cc53b0f6 3bce3c3e 27d2604b'\n ).replace(/ /g, ''),\n 'hex',\n ),\n s: Buffer.from(\n ('00' + 'c49d3608 86e70493 6a6678e1 139d26b7' + '819f7e90').replace(\n / /g,\n '',\n ),\n 'hex',\n ),\n n: Buffer.from(\n (\n '00' +\n 'ffffffff 00000000 ffffffff ffffffff' +\n 'bce6faad a7179e84 f3b9cac2 fc632551'\n ).replace(/ /g, ''),\n 'hex',\n ),\n G: Buffer.from(\n (\n '04' +\n '6b17d1f2 e12c4247 f8bce6e5 63a440f2' +\n '77037d81 2deb33a0 f4a13945 d898c296' +\n '4fe342e2 fe1a7f9b 8ee7eb4a 7c0f9e16' +\n '2bce3357 6b315ece cbb64068 37bf51f5'\n ).replace(/ /g, ''),\n 'hex',\n ),\n },\n nistp384: {\n size: 384,\n pkcs8oid: '1.3.132.0.34',\n p: Buffer.from(\n (\n '00' +\n 'ffffffff ffffffff ffffffff ffffffff' +\n 'ffffffff ffffffff ffffffff fffffffe' +\n 'ffffffff 00000000 00000000 ffffffff'\n ).replace(/ /g, ''),\n 'hex',\n ),\n a: Buffer.from(\n (\n '00' +\n 'FFFFFFFF FFFFFFFF FFFFFFFF FFFFFFFF' +\n 'FFFFFFFF FFFFFFFF FFFFFFFF FFFFFFFE' +\n 'FFFFFFFF 00000000 00000000 FFFFFFFC'\n ).replace(/ /g, ''),\n 'hex',\n ),\n b: Buffer.from(\n (\n 'b3312fa7 e23ee7e4 988e056b e3f82d19' +\n '181d9c6e fe814112 0314088f 5013875a' +\n 'c656398d 8a2ed19d 2a85c8ed d3ec2aef'\n ).replace(/ /g, ''),\n 'hex',\n ),\n s: Buffer.from(\n ('00' + 'a335926a a319a27a 1d00896a 6773a482' + '7acdac73').replace(\n / /g,\n '',\n ),\n 'hex',\n ),\n n: Buffer.from(\n (\n '00' +\n 'ffffffff ffffffff ffffffff ffffffff' +\n 'ffffffff ffffffff c7634d81 f4372ddf' +\n '581a0db2 48b0a77a ecec196a ccc52973'\n ).replace(/ /g, ''),\n 'hex',\n ),\n G: Buffer.from(\n (\n '04' +\n 'aa87ca22 be8b0537 8eb1c71e f320ad74' +\n '6e1d3b62 8ba79b98 59f741e0 82542a38' +\n '5502f25d bf55296c 3a545e38 72760ab7' +\n '3617de4a 96262c6f 5d9e98bf 9292dc29' +\n 'f8f41dbd 289a147c e9da3113 b5f0b8c0' +\n '0a60b1ce 1d7e819d 7a431d7c 90ea0e5f'\n ).replace(/ /g, ''),\n 'hex',\n ),\n },\n nistp521: {\n size: 521,\n pkcs8oid: '1.3.132.0.35',\n p: Buffer.from(\n (\n '01ffffff ffffffff ffffffff ffffffff' +\n 'ffffffff ffffffff ffffffff ffffffff' +\n 'ffffffff ffffffff ffffffff ffffffff' +\n 'ffffffff ffffffff ffffffff ffffffff' +\n 'ffff'\n ).replace(/ /g, ''),\n 'hex',\n ),\n a: Buffer.from(\n (\n '01FF' +\n 'FFFFFFFF FFFFFFFF FFFFFFFF FFFFFFFF' +\n 'FFFFFFFF FFFFFFFF FFFFFFFF FFFFFFFF' +\n 'FFFFFFFF FFFFFFFF FFFFFFFF FFFFFFFF' +\n 'FFFFFFFF FFFFFFFF FFFFFFFF FFFFFFFC'\n ).replace(/ /g, ''),\n 'hex',\n ),\n b: Buffer.from(\n (\n '51' +\n '953eb961 8e1c9a1f 929a21a0 b68540ee' +\n 'a2da725b 99b315f3 b8b48991 8ef109e1' +\n '56193951 ec7e937b 1652c0bd 3bb1bf07' +\n '3573df88 3d2c34f1 ef451fd4 6b503f00'\n ).replace(/ /g, ''),\n 'hex',\n ),\n s: Buffer.from(\n ('00' + 'd09e8800 291cb853 96cc6717 393284aa' + 'a0da64ba').replace(\n / /g,\n '',\n ),\n 'hex',\n ),\n n: Buffer.from(\n (\n '01ff' +\n 'ffffffff ffffffff ffffffff ffffffff' +\n 'ffffffff ffffffff ffffffff fffffffa' +\n '51868783 bf2f966b 7fcc0148 f709a5d0' +\n '3bb5c9b8 899c47ae bb6fb71e 91386409'\n ).replace(/ /g, ''),\n 'hex',\n ),\n G: Buffer.from(\n (\n '04' +\n '00c6 858e06b7 0404e9cd 9e3ecb66 2395b442' +\n '9c648139 053fb521 f828af60 6b4d3dba' +\n 'a14b5e77 efe75928 fe1dc127 a2ffa8de' +\n '3348b3c1 856a429b f97e7e31 c2e5bd66' +\n '0118 39296a78 9a3bc004 5c8a5fb4 2c7d1bd9' +\n '98f54449 579b4468 17afbd17 273e662c' +\n '97ee7299 5ef42640 c550b901 3fad0761' +\n '353c7086 a272c240 88be9476 9fd16650'\n ).replace(/ /g, ''),\n 'hex',\n ),\n },\n };\n\n module.exports = {\n info: algInfo,\n privInfo: algPrivInfo,\n hashAlgs: hashAlgs,\n curves: curves,\n };\n\n /***/\n },\n /* 33 */\n /***/ function (module, exports, __webpack_require__) {\n // Copyright 2017 Joyent, Inc.\n\n module.exports = PrivateKey;\n\n var assert = __webpack_require__(16);\n var Buffer = __webpack_require__(15).Buffer;\n var algs = __webpack_require__(32);\n var crypto = __webpack_require__(11);\n var Fingerprint = __webpack_require__(156);\n var Signature = __webpack_require__(75);\n var errs = __webpack_require__(74);\n var util = __webpack_require__(3);\n var utils = __webpack_require__(26);\n var dhe = __webpack_require__(325);\n var generateECDSA = dhe.generateECDSA;\n var generateED25519 = dhe.generateED25519;\n var edCompat;\n var nacl;\n\n try {\n edCompat = __webpack_require__(454);\n } catch (e) {\n /* Just continue through, and bail out if we try to use it. */\n }\n\n var Key = __webpack_require__(27);\n\n var InvalidAlgorithmError = errs.InvalidAlgorithmError;\n var KeyParseError = errs.KeyParseError;\n var KeyEncryptedError = errs.KeyEncryptedError;\n\n var formats = {};\n formats['auto'] = __webpack_require__(455);\n formats['pem'] = __webpack_require__(86);\n formats['pkcs1'] = __webpack_require__(327);\n formats['pkcs8'] = __webpack_require__(157);\n formats['rfc4253'] = __webpack_require__(103);\n formats['ssh-private'] = __webpack_require__(193);\n formats['openssh'] = formats['ssh-private'];\n formats['ssh'] = formats['ssh-private'];\n formats['dnssec'] = __webpack_require__(326);\n\n function PrivateKey(opts) {\n assert.object(opts, 'options');\n Key.call(this, opts);\n\n this._pubCache = undefined;\n }\n util.inherits(PrivateKey, Key);\n\n PrivateKey.formats = formats;\n\n PrivateKey.prototype.toBuffer = function (format, options) {\n if (format === undefined) format = 'pkcs1';\n assert.string(format, 'format');\n assert.object(formats[format], 'formats[format]');\n assert.optionalObject(options, 'options');\n\n return formats[format].write(this, options);\n };\n\n PrivateKey.prototype.hash = function (algo) {\n return this.toPublic().hash(algo);\n };\n\n PrivateKey.prototype.toPublic = function () {\n if (this._pubCache) return this._pubCache;\n\n var algInfo = algs.info[this.type];\n var pubParts = [];\n for (var i = 0; i < algInfo.parts.length; ++i) {\n var p = algInfo.parts[i];\n pubParts.push(this.part[p]);\n }\n\n this._pubCache = new Key({\n type: this.type,\n source: this,\n parts: pubParts,\n });\n if (this.comment) this._pubCache.comment = this.comment;\n return this._pubCache;\n };\n\n PrivateKey.prototype.derive = function (newType) {\n assert.string(newType, 'type');\n var priv, pub, pair;\n\n if (this.type === 'ed25519' && newType === 'curve25519') {\n if (nacl === undefined) nacl = __webpack_require__(76);\n\n priv = this.part.k.data;\n if (priv[0] === 0x00) priv = priv.slice(1);\n\n pair = nacl.box.keyPair.fromSecretKey(new Uint8Array(priv));\n pub = Buffer.from(pair.publicKey);\n\n return new PrivateKey({\n type: 'curve25519',\n parts: [\n { name: 'A', data: utils.mpNormalize(pub) },\n { name: 'k', data: utils.mpNormalize(priv) },\n ],\n });\n } else if (this.type === 'curve25519' && newType === 'ed25519') {\n if (nacl === undefined) nacl = __webpack_require__(76);\n\n priv = this.part.k.data;\n if (priv[0] === 0x00) priv = priv.slice(1);\n\n pair = nacl.sign.keyPair.fromSeed(new Uint8Array(priv));\n pub = Buffer.from(pair.publicKey);\n\n return new PrivateKey({\n type: 'ed25519',\n parts: [\n { name: 'A', data: utils.mpNormalize(pub) },\n { name: 'k', data: utils.mpNormalize(priv) },\n ],\n });\n }\n throw new Error(\n 'Key derivation not supported from ' + this.type + ' to ' + newType,\n );\n };\n\n PrivateKey.prototype.createVerify = function (hashAlgo) {\n return this.toPublic().createVerify(hashAlgo);\n };\n\n PrivateKey.prototype.createSign = function (hashAlgo) {\n if (hashAlgo === undefined) hashAlgo = this.defaultHashAlgorithm();\n assert.string(hashAlgo, 'hash algorithm');\n\n /* ED25519 is not supported by OpenSSL, use a javascript impl. */\n if (this.type === 'ed25519' && edCompat !== undefined)\n return new edCompat.Signer(this, hashAlgo);\n if (this.type === 'curve25519')\n throw new Error(\n 'Curve25519 keys are not suitable for ' + 'signing or verification',\n );\n\n var v, nm, err;\n try {\n nm = hashAlgo.toUpperCase();\n v = crypto.createSign(nm);\n } catch (e) {\n err = e;\n }\n if (\n v === undefined ||\n (err instanceof Error && err.message.match(/Unknown message digest/))\n ) {\n nm = 'RSA-';\n nm += hashAlgo.toUpperCase();\n v = crypto.createSign(nm);\n }\n assert.ok(v, 'failed to create verifier');\n var oldSign = v.sign.bind(v);\n var key = this.toBuffer('pkcs1');\n var type = this.type;\n var curve = this.curve;\n v.sign = function () {\n var sig = oldSign(key);\n if (typeof sig === 'string') sig = Buffer.from(sig, 'binary');\n sig = Signature.parse(sig, type, 'asn1');\n sig.hashAlgorithm = hashAlgo;\n sig.curve = curve;\n return sig;\n };\n return v;\n };\n\n PrivateKey.parse = function (data, format, options) {\n if (typeof data !== 'string') assert.buffer(data, 'data');\n if (format === undefined) format = 'auto';\n assert.string(format, 'format');\n if (typeof options === 'string') options = { filename: options };\n assert.optionalObject(options, 'options');\n if (options === undefined) options = {};\n assert.optionalString(options.filename, 'options.filename');\n if (options.filename === undefined) options.filename = '(unnamed)';\n\n assert.object(formats[format], 'formats[format]');\n\n try {\n var k = formats[format].read(data, options);\n assert.ok(k instanceof PrivateKey, 'key is not a private key');\n if (!k.comment) k.comment = options.filename;\n return k;\n } catch (e) {\n if (e.name === 'KeyEncryptedError') throw e;\n throw new KeyParseError(options.filename, format, e);\n }\n };\n\n PrivateKey.isPrivateKey = function (obj, ver) {\n return utils.isCompatible(obj, PrivateKey, ver);\n };\n\n PrivateKey.generate = function (type, options) {\n if (options === undefined) options = {};\n assert.object(options, 'options');\n\n switch (type) {\n case 'ecdsa':\n if (options.curve === undefined) options.curve = 'nistp256';\n assert.string(options.curve, 'options.curve');\n return generateECDSA(options.curve);\n case 'ed25519':\n return generateED25519();\n default:\n throw new Error(\n 'Key generation not supported with key ' + 'type \"' + type + '\"',\n );\n }\n };\n\n /*\n * API versions for PrivateKey:\n * [1,0] -- initial ver\n * [1,1] -- added auto, pkcs[18], openssh/ssh-private formats\n * [1,2] -- added defaultHashAlgorithm\n * [1,3] -- added derive, ed, createDH\n * [1,4] -- first tagged version\n * [1,5] -- changed ed25519 part names and format\n */\n PrivateKey.prototype._sshpkApiVersion = [1, 5];\n\n PrivateKey._oldVersionDetect = function (obj) {\n assert.func(obj.toPublic);\n assert.func(obj.createSign);\n if (obj.derive) return [1, 3];\n if (obj.defaultHashAlgorithm) return [1, 2];\n if (obj.formats['auto']) return [1, 1];\n return [1, 0];\n };\n\n /***/\n },\n /* 34 */\n /***/ function (module, exports, __webpack_require__) {\n 'use strict';\n\n Object.defineProperty(exports, '__esModule', {\n value: true,\n });\n exports.wrapLifecycle =\n exports.run =\n exports.install =\n exports.Install =\n undefined;\n\n var _extends2;\n\n function _load_extends() {\n return (_extends2 = _interopRequireDefault(__webpack_require__(20)));\n }\n\n var _asyncToGenerator2;\n\n function _load_asyncToGenerator() {\n return (_asyncToGenerator2 = _interopRequireDefault(\n __webpack_require__(2),\n ));\n }\n\n let install = (exports.install = (() => {\n var _ref29 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n config,\n reporter,\n flags,\n lockfile,\n ) {\n yield wrapLifecycle(\n config,\n flags,\n (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n const install = new Install(flags, config, reporter, lockfile);\n yield install.init();\n },\n ),\n );\n });\n\n return function install(_x7, _x8, _x9, _x10) {\n return _ref29.apply(this, arguments);\n };\n })());\n\n let run = (exports.run = (() => {\n var _ref31 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n config,\n reporter,\n flags,\n args,\n ) {\n let lockfile;\n let error = 'installCommandRenamed';\n if (flags.lockfile === false) {\n lockfile = new (_lockfile || _load_lockfile()).default();\n } else {\n lockfile = yield (\n _lockfile || _load_lockfile()\n ).default.fromDirectory(config.lockfileFolder, reporter);\n }\n\n if (args.length) {\n const exampleArgs = args.slice();\n\n if (flags.saveDev) {\n exampleArgs.push('--dev');\n }\n if (flags.savePeer) {\n exampleArgs.push('--peer');\n }\n if (flags.saveOptional) {\n exampleArgs.push('--optional');\n }\n if (flags.saveExact) {\n exampleArgs.push('--exact');\n }\n if (flags.saveTilde) {\n exampleArgs.push('--tilde');\n }\n let command = 'add';\n if (flags.global) {\n error = 'globalFlagRemoved';\n command = 'global add';\n }\n throw new (_errors || _load_errors()).MessageError(\n reporter.lang(error, `yarn ${command} ${exampleArgs.join(' ')}`),\n );\n }\n\n yield install(config, reporter, flags, lockfile);\n });\n\n return function run(_x11, _x12, _x13, _x14) {\n return _ref31.apply(this, arguments);\n };\n })());\n\n let wrapLifecycle = (exports.wrapLifecycle = (() => {\n var _ref32 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(function* (\n config,\n flags,\n factory,\n ) {\n yield config.executeLifecycleScript('preinstall');\n\n yield factory();\n\n // npm behaviour, seems kinda funky but yay compatibility\n yield config.executeLifecycleScript('install');\n yield config.executeLifecycleScript('postinstall');\n\n if (!config.production) {\n if (!config.disablePrepublish) {\n yield config.executeLifecycleScript('prepublish');\n }\n yield config.executeLifecycleScript('prepare');\n }\n });\n\n return function wrapLifecycle(_x15, _x16, _x17) {\n return _ref32.apply(this, arguments);\n };\n })());\n\n exports.hasWrapper = hasWrapper;\n exports.setFlags = setFlags;\n\n var _objectPath;\n\n function _load_objectPath() {\n return (_objectPath = _interopRequireDefault(__webpack_require__(304)));\n }\n\n var _hooks;\n\n function _load_hooks() {\n return (_hooks = __webpack_require__(368));\n }\n\n var _index;\n\n function _load_index() {\n return (_index = _interopRequireDefault(__webpack_require__(218)));\n }\n\n var _errors;\n\n function _load_errors() {\n return (_errors = __webpack_require__(6));\n }\n\n var _integrityChecker;\n\n function _load_integrityChecker() {\n return (_integrityChecker = _interopRequireDefault(\n __webpack_require__(206),\n ));\n }\n\n var _lockfile;\n\n function _load_lockfile() {\n return (_lockfile = _interopRequireDefault(__webpack_require__(19)));\n }\n\n var _lockfile2;\n\n function _load_lockfile2() {\n return (_lockfile2 = __webpack_require__(19));\n }\n\n var _packageFetcher;\n\n function _load_packageFetcher() {\n return (_packageFetcher = _interopRequireWildcard(\n __webpack_require__(208),\n ));\n }\n\n var _packageInstallScripts;\n\n function _load_packageInstallScripts() {\n return (_packageInstallScripts = _interopRequireDefault(\n __webpack_require__(525),\n ));\n }\n\n var _packageCompatibility;\n\n function _load_packageCompatibility() {\n return (_packageCompatibility = _interopRequireWildcard(\n __webpack_require__(207),\n ));\n }\n\n var _packageResolver;\n\n function _load_packageResolver() {\n return (_packageResolver = _interopRequireDefault(\n __webpack_require__(360),\n ));\n }\n\n var _packageLinker;\n\n function _load_packageLinker() {\n return (_packageLinker = _interopRequireDefault(\n __webpack_require__(209),\n ));\n }\n\n var _index2;\n\n function _load_index2() {\n return (_index2 = __webpack_require__(58));\n }\n\n var _index3;\n\n function _load_index3() {\n return (_index3 = __webpack_require__(78));\n }\n\n var _autoclean;\n\n function _load_autoclean() {\n return (_autoclean = __webpack_require__(348));\n }\n\n var _constants;\n\n function _load_constants() {\n return (_constants = _interopRequireWildcard(__webpack_require__(8)));\n }\n\n var _normalizePattern;\n\n function _load_normalizePattern() {\n return (_normalizePattern = __webpack_require__(37));\n }\n\n var _fs;\n\n function _load_fs() {\n return (_fs = _interopRequireWildcard(__webpack_require__(5)));\n }\n\n var _map;\n\n function _load_map() {\n return (_map = _interopRequireDefault(__webpack_require__(29)));\n }\n\n var _yarnVersion;\n\n function _load_yarnVersion() {\n return (_yarnVersion = __webpack_require__(105));\n }\n\n var _generatePnpMap;\n\n function _load_generatePnpMap() {\n return (_generatePnpMap = __webpack_require__(547));\n }\n\n var _workspaceLayout;\n\n function _load_workspaceLayout() {\n return (_workspaceLayout = _interopRequireDefault(\n __webpack_require__(90),\n ));\n }\n\n var _resolutionMap;\n\n function _load_resolutionMap() {\n return (_resolutionMap = _interopRequireDefault(\n __webpack_require__(212),\n ));\n }\n\n var _guessName;\n\n function _load_guessName() {\n return (_guessName = _interopRequireDefault(__webpack_require__(169)));\n }\n\n var _audit;\n\n function _load_audit() {\n return (_audit = _interopRequireDefault(__webpack_require__(347)));\n }\n\n function _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n } else {\n var newObj = {};\n if (obj != null) {\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key))\n newObj[key] = obj[key];\n }\n }\n newObj.default = obj;\n return newObj;\n }\n }\n\n function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : { default: obj };\n }\n\n const deepEqual = __webpack_require__(599);\n\n const emoji = __webpack_require__(302);\n const invariant = __webpack_require__(9);\n const path = __webpack_require__(0);\n const semver = __webpack_require__(22);\n const uuid = __webpack_require__(120);\n const ssri = __webpack_require__(65);\n\n const ONE_DAY = 1000 * 60 * 60 * 24;\n\n /**\n * Try and detect the installation method for Yarn and provide a command to update it with.\n */\n\n function getUpdateCommand(installationMethod) {\n if (installationMethod === 'tar') {\n return `curl --compressed -o- -L ${\n (_constants || _load_constants()).YARN_INSTALLER_SH\n } | bash`;\n }\n\n if (installationMethod === 'homebrew') {\n return 'brew upgrade yarn';\n }\n\n if (installationMethod === 'deb') {\n return 'sudo apt-get update && sudo apt-get install yarn';\n }\n\n if (installationMethod === 'rpm') {\n return 'sudo yum install yarn';\n }\n\n if (installationMethod === 'npm') {\n return 'npm install --global yarn';\n }\n\n if (installationMethod === 'chocolatey') {\n return 'choco upgrade yarn';\n }\n\n if (installationMethod === 'apk') {\n return 'apk update && apk add -u yarn';\n }\n\n if (installationMethod === 'portage') {\n return 'sudo emerge --sync && sudo emerge -au sys-apps/yarn';\n }\n\n return null;\n }\n\n function getUpdateInstaller(installationMethod) {\n // Windows\n if (installationMethod === 'msi') {\n return (_constants || _load_constants()).YARN_INSTALLER_MSI;\n }\n\n return null;\n }\n\n function normalizeFlags(config, rawFlags) {\n const flags = {\n // install\n har: !!rawFlags.har,\n ignorePlatform: !!rawFlags.ignorePlatform,\n ignoreEngines: !!rawFlags.ignoreEngines,\n ignoreScripts: !!rawFlags.ignoreScripts,\n ignoreOptional: !!rawFlags.ignoreOptional,\n force: !!rawFlags.force,\n flat: !!rawFlags.flat,\n lockfile: rawFlags.lockfile !== false,\n pureLockfile: !!rawFlags.pureLockfile,\n updateChecksums: !!rawFlags.updateChecksums,\n skipIntegrityCheck: !!rawFlags.skipIntegrityCheck,\n frozenLockfile: !!rawFlags.frozenLockfile,\n linkDuplicates: !!rawFlags.linkDuplicates,\n checkFiles: !!rawFlags.checkFiles,\n audit: !!rawFlags.audit,\n\n // add\n peer: !!rawFlags.peer,\n dev: !!rawFlags.dev,\n optional: !!rawFlags.optional,\n exact: !!rawFlags.exact,\n tilde: !!rawFlags.tilde,\n ignoreWorkspaceRootCheck: !!rawFlags.ignoreWorkspaceRootCheck,\n\n // outdated, update-interactive\n includeWorkspaceDeps: !!rawFlags.includeWorkspaceDeps,\n\n // add, remove, update\n workspaceRootIsCwd: rawFlags.workspaceRootIsCwd !== false,\n };\n\n if (config.getOption('ignore-scripts')) {\n flags.ignoreScripts = true;\n }\n\n if (config.getOption('ignore-platform')) {\n flags.ignorePlatform = true;\n }\n\n if (config.getOption('ignore-engines')) {\n flags.ignoreEngines = true;\n }\n\n if (config.getOption('ignore-optional')) {\n flags.ignoreOptional = true;\n }\n\n if (config.getOption('force')) {\n flags.force = true;\n }\n\n return flags;\n }\n\n class Install {\n constructor(flags, config, reporter, lockfile) {\n this.rootManifestRegistries = [];\n this.rootPatternsToOrigin = (0, (_map || _load_map()).default)();\n this.lockfile = lockfile;\n this.reporter = reporter;\n this.config = config;\n this.flags = normalizeFlags(config, flags);\n this.resolutions = (0, (_map || _load_map()).default)(); // Legacy resolutions field used for flat install mode\n this.resolutionMap = new (\n _resolutionMap || _load_resolutionMap()\n ).default(config); // Selective resolutions for nested dependencies\n this.resolver = new (\n _packageResolver || _load_packageResolver()\n ).default(config, lockfile, this.resolutionMap);\n this.integrityChecker = new (\n _integrityChecker || _load_integrityChecker()\n ).default(config);\n this.linker = new (_packageLinker || _load_packageLinker()).default(\n config,\n this.resolver,\n );\n this.scripts = new (\n _packageInstallScripts || _load_packageInstallScripts()\n ).default(config, this.resolver, this.flags.force);\n }\n\n /**\n * Create a list of dependency requests from the current directories manifests.\n */\n\n fetchRequestFromCwd(\n excludePatterns = [],\n ignoreUnusedPatterns = false,\n ) {\n var _this = this;\n\n return (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n const patterns = [];\n const deps = [];\n let resolutionDeps = [];\n const manifest = {};\n\n const ignorePatterns = [];\n const usedPatterns = [];\n let workspaceLayout;\n\n // some commands should always run in the context of the entire workspace\n const cwd =\n _this.flags.includeWorkspaceDeps ||\n _this.flags.workspaceRootIsCwd\n ? _this.config.lockfileFolder\n : _this.config.cwd;\n\n // non-workspaces are always root, otherwise check for workspace root\n const cwdIsRoot =\n !_this.config.workspaceRootFolder ||\n _this.config.lockfileFolder === cwd;\n\n // exclude package names that are in install args\n const excludeNames = [];\n for (\n var _iterator = excludePatterns,\n _isArray = Array.isArray(_iterator),\n _i = 0,\n _iterator = _isArray\n ? _iterator\n : _iterator[Symbol.iterator]();\n ;\n\n ) {\n var _ref;\n\n if (_isArray) {\n if (_i >= _iterator.length) break;\n _ref = _iterator[_i++];\n } else {\n _i = _iterator.next();\n if (_i.done) break;\n _ref = _i.value;\n }\n\n const pattern = _ref;\n\n if (\n (0, (_index3 || _load_index3()).getExoticResolver)(pattern)\n ) {\n excludeNames.push(\n (0, (_guessName || _load_guessName()).default)(pattern),\n );\n } else {\n // extract the name\n const parts = (0,\n (_normalizePattern || _load_normalizePattern())\n .normalizePattern)(pattern);\n excludeNames.push(parts.name);\n }\n }\n\n const stripExcluded = function stripExcluded(manifest) {\n for (\n var _iterator2 = excludeNames,\n _isArray2 = Array.isArray(_iterator2),\n _i2 = 0,\n _iterator2 = _isArray2\n ? _iterator2\n : _iterator2[Symbol.iterator]();\n ;\n\n ) {\n var _ref2;\n\n if (_isArray2) {\n if (_i2 >= _iterator2.length) break;\n _ref2 = _iterator2[_i2++];\n } else {\n _i2 = _iterator2.next();\n if (_i2.done) break;\n _ref2 = _i2.value;\n }\n\n const exclude = _ref2;\n\n if (manifest.dependencies && manifest.dependencies[exclude]) {\n delete manifest.dependencies[exclude];\n }\n if (\n manifest.devDependencies &&\n manifest.devDependencies[exclude]\n ) {\n delete manifest.devDependencies[exclude];\n }\n if (\n manifest.optionalDependencies &&\n manifest.optionalDependencies[exclude]\n ) {\n delete manifest.optionalDependencies[exclude];\n }\n }\n };\n\n for (\n var _iterator3 = Object.keys(\n (_index2 || _load_index2()).registries,\n ),\n _isArray3 = Array.isArray(_iterator3),\n _i3 = 0,\n _iterator3 = _isArray3\n ? _iterator3\n : _iterator3[Symbol.iterator]();\n ;\n\n ) {\n var _ref3;\n\n if (_isArray3) {\n if (_i3 >= _iterator3.length) break;\n _ref3 = _iterator3[_i3++];\n } else {\n _i3 = _iterator3.next();\n if (_i3.done) break;\n _ref3 = _i3.value;\n }\n\n const registry = _ref3;\n\n const filename = (_index2 || _load_index2()).registries[\n registry\n ].filename;\n\n const loc = path.join(cwd, filename);\n if (!(yield (_fs || _load_fs()).exists(loc))) {\n continue;\n }\n\n _this.rootManifestRegistries.push(registry);\n\n const projectManifestJson = yield _this.config.readJson(loc);\n yield (0, (_index || _load_index()).default)(\n projectManifestJson,\n cwd,\n _this.config,\n cwdIsRoot,\n );\n\n Object.assign(\n _this.resolutions,\n projectManifestJson.resolutions,\n );\n Object.assign(manifest, projectManifestJson);\n\n _this.resolutionMap.init(_this.resolutions);\n for (\n var _iterator4 = Object.keys(\n _this.resolutionMap.resolutionsByPackage,\n ),\n _isArray4 = Array.isArray(_iterator4),\n _i4 = 0,\n _iterator4 = _isArray4\n ? _iterator4\n : _iterator4[Symbol.iterator]();\n ;\n\n ) {\n var _ref4;\n\n if (_isArray4) {\n if (_i4 >= _iterator4.length) break;\n _ref4 = _iterator4[_i4++];\n } else {\n _i4 = _iterator4.next();\n if (_i4.done) break;\n _ref4 = _i4.value;\n }\n\n const packageName = _ref4;\n\n const optional =\n (_objectPath || _load_objectPath()).default.has(\n manifest.optionalDependencies,\n packageName,\n ) && _this.flags.ignoreOptional;\n for (\n var _iterator8 =\n _this.resolutionMap.resolutionsByPackage[packageName],\n _isArray8 = Array.isArray(_iterator8),\n _i8 = 0,\n _iterator8 = _isArray8\n ? _iterator8\n : _iterator8[Symbol.iterator]();\n ;\n\n ) {\n var _ref9;\n\n if (_isArray8) {\n if (_i8 >= _iterator8.length) break;\n _ref9 = _iterator8[_i8++];\n } else {\n _i8 = _iterator8.next();\n if (_i8.done) break;\n _ref9 = _i8.value;\n }\n\n const _ref8 = _ref9;\n const pattern = _ref8.pattern;\n\n resolutionDeps = [\n ...resolutionDeps,\n { registry, pattern, optional, hint: 'resolution' },\n ];\n }\n }\n\n const pushDeps = function pushDeps(\n depType,\n manifest,\n { hint, optional },\n isUsed,\n ) {\n if (ignoreUnusedPatterns && !isUsed) {\n return;\n }\n // We only take unused dependencies into consideration to get deterministic hoisting.\n // Since flat mode doesn't care about hoisting and everything is top level and specified then we can safely\n // leave these out.\n if (_this.flags.flat && !isUsed) {\n return;\n }\n const depMap = manifest[depType];\n for (const name in depMap) {\n if (excludeNames.indexOf(name) >= 0) {\n continue;\n }\n\n let pattern = name;\n if (!_this.lockfile.getLocked(pattern)) {\n // when we use --save we save the dependency to the lockfile with just the name rather than the\n // version combo\n pattern += '@' + depMap[name];\n }\n\n // normalization made sure packages are mentioned only once\n if (isUsed) {\n usedPatterns.push(pattern);\n } else {\n ignorePatterns.push(pattern);\n }\n\n _this.rootPatternsToOrigin[pattern] = depType;\n patterns.push(pattern);\n deps.push({\n pattern,\n registry,\n hint,\n optional,\n workspaceName: manifest.name,\n workspaceLoc: manifest._loc,\n });\n }\n };\n\n if (cwdIsRoot) {\n pushDeps(\n 'dependencies',\n projectManifestJson,\n { hint: null, optional: false },\n true,\n );\n pushDeps(\n 'devDependencies',\n projectManifestJson,\n { hint: 'dev', optional: false },\n !_this.config.production,\n );\n pushDeps(\n 'optionalDependencies',\n projectManifestJson,\n { hint: 'optional', optional: true },\n true,\n );\n }\n\n if (_this.config.workspaceRootFolder) {\n const workspaceLoc = cwdIsRoot\n ? loc\n : path.join(_this.config.lockfileFolder, filename);\n const workspacesRoot = path.dirname(workspaceLoc);\n\n let workspaceManifestJson = projectManifestJson;\n if (!cwdIsRoot) {\n // the manifest we read before was a child workspace, so get the root\n workspaceManifestJson = yield _this.config.readJson(\n workspaceLoc,\n );\n yield (0, (_index || _load_index()).default)(\n workspaceManifestJson,\n workspacesRoot,\n _this.config,\n true,\n );\n }\n\n const workspaces = yield _this.config.resolveWorkspaces(\n workspacesRoot,\n workspaceManifestJson,\n );\n workspaceLayout = new (\n _workspaceLayout || _load_workspaceLayout()\n ).default(workspaces, _this.config);\n\n // add virtual manifest that depends on all workspaces, this way package hoisters and resolvers will work fine\n const workspaceDependencies = (0,\n (_extends2 || _load_extends()).default)(\n {},\n workspaceManifestJson.dependencies,\n );\n for (\n var _iterator5 = Object.keys(workspaces),\n _isArray5 = Array.isArray(_iterator5),\n _i5 = 0,\n _iterator5 = _isArray5\n ? _iterator5\n : _iterator5[Symbol.iterator]();\n ;\n\n ) {\n var _ref5;\n\n if (_isArray5) {\n if (_i5 >= _iterator5.length) break;\n _ref5 = _iterator5[_i5++];\n } else {\n _i5 = _iterator5.next();\n if (_i5.done) break;\n _ref5 = _i5.value;\n }\n\n const workspaceName = _ref5;\n\n const workspaceManifest =\n workspaces[workspaceName].manifest;\n workspaceDependencies[workspaceName] =\n workspaceManifest.version;\n\n // include dependencies from all workspaces\n if (_this.flags.includeWorkspaceDeps) {\n pushDeps(\n 'dependencies',\n workspaceManifest,\n { hint: null, optional: false },\n true,\n );\n pushDeps(\n 'devDependencies',\n workspaceManifest,\n { hint: 'dev', optional: false },\n !_this.config.production,\n );\n pushDeps(\n 'optionalDependencies',\n workspaceManifest,\n { hint: 'optional', optional: true },\n true,\n );\n }\n }\n const virtualDependencyManifest = {\n _uid: '',\n name: `workspace-aggregator-${uuid.v4()}`,\n version: '1.0.0',\n _registry: 'npm',\n _loc: workspacesRoot,\n dependencies: workspaceDependencies,\n devDependencies: (0,\n (_extends2 || _load_extends()).default)(\n {},\n workspaceManifestJson.devDependencies,\n ),\n optionalDependencies: (0,\n (_extends2 || _load_extends()).default)(\n {},\n workspaceManifestJson.optionalDependencies,\n ),\n private: workspaceManifestJson.private,\n workspaces: workspaceManifestJson.workspaces,\n };\n workspaceLayout.virtualManifestName =\n virtualDependencyManifest.name;\n const virtualDep = {};\n virtualDep[virtualDependencyManifest.name] =\n virtualDependencyManifest.version;\n workspaces[virtualDependencyManifest.name] = {\n loc: workspacesRoot,\n manifest: virtualDependencyManifest,\n };\n\n // ensure dependencies that should be excluded are stripped from the correct manifest\n stripExcluded(\n cwdIsRoot\n ? virtualDependencyManifest\n : workspaces[projectManifestJson.name].manifest,\n );\n\n pushDeps(\n 'workspaces',\n { workspaces: virtualDep },\n { hint: 'workspaces', optional: false },\n true,\n );\n\n const implicitWorkspaceDependencies = (0,\n (_extends2 || _load_extends()).default)(\n {},\n workspaceDependencies,\n );\n\n for (\n var _iterator6 = (_constants || _load_constants())\n .OWNED_DEPENDENCY_TYPES,\n _isArray6 = Array.isArray(_iterator6),\n _i6 = 0,\n _iterator6 = _isArray6\n ? _iterator6\n : _iterator6[Symbol.iterator]();\n ;\n\n ) {\n var _ref6;\n\n if (_isArray6) {\n if (_i6 >= _iterator6.length) break;\n _ref6 = _iterator6[_i6++];\n } else {\n _i6 = _iterator6.next();\n if (_i6.done) break;\n _ref6 = _i6.value;\n }\n\n const type = _ref6;\n\n for (\n var _iterator7 = Object.keys(\n projectManifestJson[type] || {},\n ),\n _isArray7 = Array.isArray(_iterator7),\n _i7 = 0,\n _iterator7 = _isArray7\n ? _iterator7\n : _iterator7[Symbol.iterator]();\n ;\n\n ) {\n var _ref7;\n\n if (_isArray7) {\n if (_i7 >= _iterator7.length) break;\n _ref7 = _iterator7[_i7++];\n } else {\n _i7 = _iterator7.next();\n if (_i7.done) break;\n _ref7 = _i7.value;\n }\n\n const dependencyName = _ref7;\n\n delete implicitWorkspaceDependencies[dependencyName];\n }\n }\n\n pushDeps(\n 'dependencies',\n { dependencies: implicitWorkspaceDependencies },\n { hint: 'workspaces', optional: false },\n true,\n );\n }\n\n break;\n }\n\n // inherit root flat flag\n if (manifest.flat) {\n _this.flags.flat = true;\n }\n\n return {\n requests: [...resolutionDeps, ...deps],\n patterns,\n manifest,\n usedPatterns,\n ignorePatterns,\n workspaceLayout,\n };\n },\n )();\n }\n\n /**\n * TODO description\n */\n\n prepareRequests(requests) {\n return requests;\n }\n\n preparePatterns(patterns) {\n return patterns;\n }\n preparePatternsForLinking(patterns, cwdManifest, cwdIsRoot) {\n return patterns;\n }\n\n prepareManifests() {\n var _this2 = this;\n\n return (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n const manifests = yield _this2.config.getRootManifests();\n return manifests;\n },\n )();\n }\n\n bailout(patterns, workspaceLayout) {\n var _this3 = this;\n\n return (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n // We don't want to skip the audit - it could yield important errors\n if (_this3.flags.audit) {\n return false;\n }\n // PNP is so fast that the integrity check isn't pertinent\n if (_this3.config.plugnplayEnabled) {\n return false;\n }\n if (_this3.flags.skipIntegrityCheck || _this3.flags.force) {\n return false;\n }\n const lockfileCache = _this3.lockfile.cache;\n if (!lockfileCache) {\n return false;\n }\n const lockfileClean =\n _this3.lockfile.parseResultType === 'success';\n const match = yield _this3.integrityChecker.check(\n patterns,\n lockfileCache,\n _this3.flags,\n workspaceLayout,\n );\n if (\n _this3.flags.frozenLockfile &&\n (!lockfileClean || match.missingPatterns.length > 0)\n ) {\n throw new (_errors || _load_errors()).MessageError(\n _this3.reporter.lang('frozenLockfileError'),\n );\n }\n\n const haveLockfile = yield (_fs || _load_fs()).exists(\n path.join(\n _this3.config.lockfileFolder,\n (_constants || _load_constants()).LOCKFILE_FILENAME,\n ),\n );\n\n const lockfileIntegrityPresent =\n !_this3.lockfile.hasEntriesExistWithoutIntegrity();\n const integrityBailout =\n lockfileIntegrityPresent || !_this3.config.autoAddIntegrity;\n\n if (\n match.integrityMatches &&\n haveLockfile &&\n lockfileClean &&\n integrityBailout\n ) {\n _this3.reporter.success(_this3.reporter.lang('upToDate'));\n return true;\n }\n\n if (match.integrityFileMissing && haveLockfile) {\n // Integrity file missing, force script installations\n _this3.scripts.setForce(true);\n return false;\n }\n\n if (match.hardRefreshRequired) {\n // e.g. node version doesn't match, force script installations\n _this3.scripts.setForce(true);\n return false;\n }\n\n if (!patterns.length && !match.integrityFileMissing) {\n _this3.reporter.success(\n _this3.reporter.lang('nothingToInstall'),\n );\n yield _this3.createEmptyManifestFolders();\n yield _this3.saveLockfileAndIntegrity(\n patterns,\n workspaceLayout,\n );\n return true;\n }\n\n return false;\n },\n )();\n }\n\n /**\n * Produce empty folders for all used root manifests.\n */\n\n createEmptyManifestFolders() {\n var _this4 = this;\n\n return (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n if (_this4.config.modulesFolder) {\n // already created\n return;\n }\n\n for (\n var _iterator9 = _this4.rootManifestRegistries,\n _isArray9 = Array.isArray(_iterator9),\n _i9 = 0,\n _iterator9 = _isArray9\n ? _iterator9\n : _iterator9[Symbol.iterator]();\n ;\n\n ) {\n var _ref10;\n\n if (_isArray9) {\n if (_i9 >= _iterator9.length) break;\n _ref10 = _iterator9[_i9++];\n } else {\n _i9 = _iterator9.next();\n if (_i9.done) break;\n _ref10 = _i9.value;\n }\n\n const registryName = _ref10;\n const folder = _this4.config.registries[registryName].folder;\n\n yield (_fs || _load_fs()).mkdirp(\n path.join(_this4.config.lockfileFolder, folder),\n );\n }\n },\n )();\n }\n\n /**\n * TODO description\n */\n\n markIgnored(patterns) {\n for (\n var _iterator10 = patterns,\n _isArray10 = Array.isArray(_iterator10),\n _i10 = 0,\n _iterator10 = _isArray10\n ? _iterator10\n : _iterator10[Symbol.iterator]();\n ;\n\n ) {\n var _ref11;\n\n if (_isArray10) {\n if (_i10 >= _iterator10.length) break;\n _ref11 = _iterator10[_i10++];\n } else {\n _i10 = _iterator10.next();\n if (_i10.done) break;\n _ref11 = _i10.value;\n }\n\n const pattern = _ref11;\n\n const manifest = this.resolver.getStrictResolvedPattern(pattern);\n const ref = manifest._reference;\n invariant(ref, 'expected package reference');\n\n // just mark the package as ignored. if the package is used by a required package, the hoister\n // will take care of that.\n ref.ignore = true;\n }\n }\n\n /**\n * helper method that gets only recent manifests\n * used by global.ls command\n */\n getFlattenedDeps() {\n var _this5 = this;\n\n return (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n var _ref12 = yield _this5.fetchRequestFromCwd();\n\n const depRequests = _ref12.requests,\n rawPatterns = _ref12.patterns;\n\n yield _this5.resolver.init(depRequests, {});\n\n const manifests = yield (\n _packageFetcher || _load_packageFetcher()\n ).fetch(_this5.resolver.getManifests(), _this5.config);\n _this5.resolver.updateManifests(manifests);\n\n return _this5.flatten(rawPatterns);\n },\n )();\n }\n\n /**\n * TODO description\n */\n\n init() {\n var _this6 = this;\n\n return (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n _this6.checkUpdate();\n\n // warn if we have a shrinkwrap\n if (\n yield (_fs || _load_fs()).exists(\n path.join(\n _this6.config.lockfileFolder,\n (_constants || _load_constants()).NPM_SHRINKWRAP_FILENAME,\n ),\n )\n ) {\n _this6.reporter.warn(_this6.reporter.lang('shrinkwrapWarning'));\n }\n\n // warn if we have an npm lockfile\n if (\n yield (_fs || _load_fs()).exists(\n path.join(\n _this6.config.lockfileFolder,\n (_constants || _load_constants()).NPM_LOCK_FILENAME,\n ),\n )\n ) {\n _this6.reporter.warn(\n _this6.reporter.lang('npmLockfileWarning'),\n );\n }\n\n if (_this6.config.plugnplayEnabled) {\n _this6.reporter.info(\n _this6.reporter.lang('plugnplaySuggestV2L1'),\n );\n _this6.reporter.info(\n _this6.reporter.lang('plugnplaySuggestV2L2'),\n );\n }\n\n let flattenedTopLevelPatterns = [];\n const steps = [];\n\n var _ref13 = yield _this6.fetchRequestFromCwd();\n\n const depRequests = _ref13.requests,\n rawPatterns = _ref13.patterns,\n ignorePatterns = _ref13.ignorePatterns,\n workspaceLayout = _ref13.workspaceLayout,\n manifest = _ref13.manifest;\n\n let topLevelPatterns = [];\n\n const artifacts = yield _this6.integrityChecker.getArtifacts();\n if (artifacts) {\n _this6.linker.setArtifacts(artifacts);\n _this6.scripts.setArtifacts(artifacts);\n }\n\n if (\n (\n _packageCompatibility || _load_packageCompatibility()\n ).shouldCheck(manifest, _this6.flags)\n ) {\n steps.push(\n (() => {\n var _ref14 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* (curr, total) {\n _this6.reporter.step(\n curr,\n total,\n _this6.reporter.lang('checkingManifest'),\n emoji.get('mag'),\n );\n yield _this6.checkCompatibility();\n },\n );\n\n return function (_x, _x2) {\n return _ref14.apply(this, arguments);\n };\n })(),\n );\n }\n\n const audit = new (_audit || _load_audit()).default(\n _this6.config,\n _this6.reporter,\n {\n groups: (_constants || _load_constants())\n .OWNED_DEPENDENCY_TYPES,\n },\n );\n let auditFoundProblems = false;\n\n steps.push(function (curr, total) {\n return (0, (_hooks || _load_hooks()).callThroughHook)(\n 'resolveStep',\n (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n _this6.reporter.step(\n curr,\n total,\n _this6.reporter.lang('resolvingPackages'),\n emoji.get('mag'),\n );\n yield _this6.resolver.init(\n _this6.prepareRequests(depRequests),\n {\n isFlat: _this6.flags.flat,\n isFrozen: _this6.flags.frozenLockfile,\n workspaceLayout,\n },\n );\n topLevelPatterns = _this6.preparePatterns(rawPatterns);\n flattenedTopLevelPatterns = yield _this6.flatten(\n topLevelPatterns,\n );\n return {\n bailout:\n !_this6.flags.audit &&\n (yield _this6.bailout(\n topLevelPatterns,\n workspaceLayout,\n )),\n };\n },\n ),\n );\n });\n\n if (_this6.flags.audit) {\n steps.push(function (curr, total) {\n return (0, (_hooks || _load_hooks()).callThroughHook)(\n 'auditStep',\n (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n _this6.reporter.step(\n curr,\n total,\n _this6.reporter.lang('auditRunning'),\n emoji.get('mag'),\n );\n if (_this6.flags.offline) {\n _this6.reporter.warn(\n _this6.reporter.lang('auditOffline'),\n );\n return { bailout: false };\n }\n const preparedManifests =\n yield _this6.prepareManifests();\n // $FlowFixMe - Flow considers `m` in the map operation to be \"mixed\", so does not recognize `m.object`\n const mergedManifest = Object.assign(\n {},\n ...Object.values(preparedManifests).map(function (m) {\n return m.object;\n }),\n );\n const auditVulnerabilityCounts =\n yield audit.performAudit(\n mergedManifest,\n _this6.lockfile,\n _this6.resolver,\n _this6.linker,\n topLevelPatterns,\n );\n auditFoundProblems =\n auditVulnerabilityCounts.info ||\n auditVulnerabilityCounts.low ||\n auditVulnerabilityCounts.moderate ||\n auditVulnerabilityCounts.high ||\n auditVulnerabilityCounts.critical;\n return {\n bailout: yield _this6.bailout(\n topLevelPatterns,\n workspaceLayout,\n ),\n };\n },\n ),\n );\n });\n }\n\n steps.push(function (curr, total) {\n return (0, (_hooks || _load_hooks()).callThroughHook)(\n 'fetchStep',\n (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n _this6.markIgnored(ignorePatterns);\n _this6.reporter.step(\n curr,\n total,\n _this6.reporter.lang('fetchingPackages'),\n emoji.get('truck'),\n );\n const manifests = yield (\n _packageFetcher || _load_packageFetcher()\n ).fetch(_this6.resolver.getManifests(), _this6.config);\n _this6.resolver.updateManifests(manifests);\n yield (\n _packageCompatibility || _load_packageCompatibility()\n ).check(\n _this6.resolver.getManifests(),\n _this6.config,\n _this6.flags.ignoreEngines,\n );\n },\n ),\n );\n });\n\n steps.push(function (curr, total) {\n return (0, (_hooks || _load_hooks()).callThroughHook)(\n 'linkStep',\n (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n // remove integrity hash to make this operation atomic\n yield _this6.integrityChecker.removeIntegrityFile();\n _this6.reporter.step(\n curr,\n total,\n _this6.reporter.lang('linkingDependencies'),\n emoji.get('link'),\n );\n flattenedTopLevelPatterns =\n _this6.preparePatternsForLinking(\n flattenedTopLevelPatterns,\n manifest,\n _this6.config.lockfileFolder === _this6.config.cwd,\n );\n yield _this6.linker.init(\n flattenedTopLevelPatterns,\n workspaceLayout,\n {\n linkDuplicates: _this6.flags.linkDuplicates,\n ignoreOptional: _this6.flags.ignoreOptional,\n },\n );\n },\n ),\n );\n });\n\n if (_this6.config.plugnplayEnabled) {\n steps.push(function (curr, total) {\n return (0, (_hooks || _load_hooks()).callThroughHook)(\n 'pnpStep',\n (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n const pnpPath = `${_this6.config.lockfileFolder}/${\n (_constants || _load_constants()).PNP_FILENAME\n }`;\n\n const code = yield (0,\n (_generatePnpMap || _load_generatePnpMap())\n .generatePnpMap)(\n _this6.config,\n flattenedTopLevelPatterns,\n {\n resolver: _this6.resolver,\n reporter: _this6.reporter,\n targetPath: pnpPath,\n workspaceLayout,\n },\n );\n\n try {\n const file = yield (_fs || _load_fs()).readFile(\n pnpPath,\n );\n if (file === code) {\n return;\n }\n } catch (error) {}\n\n yield (_fs || _load_fs()).writeFile(pnpPath, code);\n yield (_fs || _load_fs()).chmod(pnpPath, 0o755);\n },\n ),\n );\n });\n }\n\n steps.push(function (curr, total) {\n return (0, (_hooks || _load_hooks()).callThroughHook)(\n 'buildStep',\n (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n _this6.reporter.step(\n curr,\n total,\n _this6.flags.force\n ? _this6.reporter.lang('rebuildingPackages')\n : _this6.reporter.lang('buildingFreshPackages'),\n emoji.get('hammer'),\n );\n\n if (_this6.config.ignoreScripts) {\n _this6.reporter.warn(\n _this6.reporter.lang('ignoredScripts'),\n );\n } else {\n yield _this6.scripts.init(flattenedTopLevelPatterns);\n }\n },\n ),\n );\n });\n\n if (_this6.flags.har) {\n steps.push(\n (() => {\n var _ref21 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* (curr, total) {\n const formattedDate = new Date()\n .toISOString()\n .replace(/:/g, '-');\n const filename = `yarn-install_${formattedDate}.har`;\n _this6.reporter.step(\n curr,\n total,\n _this6.reporter.lang('savingHar', filename),\n emoji.get('black_circle_for_record'),\n );\n yield _this6.config.requestManager.saveHar(filename);\n },\n );\n\n return function (_x3, _x4) {\n return _ref21.apply(this, arguments);\n };\n })(),\n );\n }\n\n if (yield _this6.shouldClean()) {\n steps.push(\n (() => {\n var _ref22 = (0,\n (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* (curr, total) {\n _this6.reporter.step(\n curr,\n total,\n _this6.reporter.lang('cleaningModules'),\n emoji.get('recycle'),\n );\n yield (0, (_autoclean || _load_autoclean()).clean)(\n _this6.config,\n _this6.reporter,\n );\n },\n );\n\n return function (_x5, _x6) {\n return _ref22.apply(this, arguments);\n };\n })(),\n );\n }\n\n let currentStep = 0;\n for (\n var _iterator11 = steps,\n _isArray11 = Array.isArray(_iterator11),\n _i11 = 0,\n _iterator11 = _isArray11\n ? _iterator11\n : _iterator11[Symbol.iterator]();\n ;\n\n ) {\n var _ref23;\n\n if (_isArray11) {\n if (_i11 >= _iterator11.length) break;\n _ref23 = _iterator11[_i11++];\n } else {\n _i11 = _iterator11.next();\n if (_i11.done) break;\n _ref23 = _i11.value;\n }\n\n const step = _ref23;\n\n const stepResult = yield step(++currentStep, steps.length);\n if (stepResult && stepResult.bailout) {\n if (_this6.flags.audit) {\n audit.summary();\n }\n if (auditFoundProblems) {\n _this6.reporter.warn(\n _this6.reporter.lang('auditRunAuditForDetails'),\n );\n }\n _this6.maybeOutputUpdate();\n return flattenedTopLevelPatterns;\n }\n }\n\n // fin!\n if (_this6.flags.audit) {\n audit.summary();\n }\n if (auditFoundProblems) {\n _this6.reporter.warn(\n _this6.reporter.lang('auditRunAuditForDetails'),\n );\n }\n yield _this6.saveLockfileAndIntegrity(\n topLevelPatterns,\n workspaceLayout,\n );\n yield _this6.persistChanges();\n _this6.maybeOutputUpdate();\n _this6.config.requestManager.clearCache();\n return flattenedTopLevelPatterns;\n },\n )();\n }\n\n checkCompatibility() {\n var _this7 = this;\n\n return (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n var _ref24 = yield _this7.fetchRequestFromCwd();\n\n const manifest = _ref24.manifest;\n\n yield (\n _packageCompatibility || _load_packageCompatibility()\n ).checkOne(manifest, _this7.config, _this7.flags.ignoreEngines);\n },\n )();\n }\n\n persistChanges() {\n var _this8 = this;\n\n return (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n // get all the different registry manifests in this folder\n const manifests = yield _this8.config.getRootManifests();\n\n if (yield _this8.applyChanges(manifests)) {\n yield _this8.config.saveRootManifests(manifests);\n }\n },\n )();\n }\n\n applyChanges(manifests) {\n let hasChanged = false;\n\n if (this.config.plugnplayPersist) {\n const object = manifests.npm.object;\n\n if (typeof object.installConfig !== 'object') {\n object.installConfig = {};\n }\n\n if (\n this.config.plugnplayEnabled &&\n object.installConfig.pnp !== true\n ) {\n object.installConfig.pnp = true;\n hasChanged = true;\n } else if (\n !this.config.plugnplayEnabled &&\n typeof object.installConfig.pnp !== 'undefined'\n ) {\n delete object.installConfig.pnp;\n hasChanged = true;\n }\n\n if (Object.keys(object.installConfig).length === 0) {\n delete object.installConfig;\n }\n }\n\n return Promise.resolve(hasChanged);\n }\n\n /**\n * Check if we should run the cleaning step.\n */\n\n shouldClean() {\n return (_fs || _load_fs()).exists(\n path.join(\n this.config.lockfileFolder,\n (_constants || _load_constants()).CLEAN_FILENAME,\n ),\n );\n }\n\n /**\n * TODO\n */\n\n flatten(patterns) {\n var _this9 = this;\n\n return (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n if (!_this9.flags.flat) {\n return patterns;\n }\n\n const flattenedPatterns = [];\n\n for (\n var _iterator12 =\n _this9.resolver.getAllDependencyNamesByLevelOrder(patterns),\n _isArray12 = Array.isArray(_iterator12),\n _i12 = 0,\n _iterator12 = _isArray12\n ? _iterator12\n : _iterator12[Symbol.iterator]();\n ;\n\n ) {\n var _ref25;\n\n if (_isArray12) {\n if (_i12 >= _iterator12.length) break;\n _ref25 = _iterator12[_i12++];\n } else {\n _i12 = _iterator12.next();\n if (_i12.done) break;\n _ref25 = _i12.value;\n }\n\n const name = _ref25;\n\n const infos = _this9.resolver\n .getAllInfoForPackageName(name)\n .filter(function (manifest) {\n const ref = manifest._reference;\n invariant(ref, 'expected package reference');\n return !ref.ignore;\n });\n\n if (infos.length === 0) {\n continue;\n }\n\n if (infos.length === 1) {\n // single version of this package\n // take out a single pattern as multiple patterns may have resolved to this package\n flattenedPatterns.push(\n _this9.resolver.patternsByPackage[name][0],\n );\n continue;\n }\n\n const options = infos.map(function (info) {\n const ref = info._reference;\n invariant(ref, 'expected reference');\n return {\n // TODO `and is required by {PARENT}`,\n name: _this9.reporter.lang(\n 'manualVersionResolutionOption',\n ref.patterns.join(', '),\n info.version,\n ),\n\n value: info.version,\n };\n });\n const versions = infos.map(function (info) {\n return info.version;\n });\n let version;\n\n const resolutionVersion = _this9.resolutions[name];\n if (\n resolutionVersion &&\n versions.indexOf(resolutionVersion) >= 0\n ) {\n // use json `resolution` version\n version = resolutionVersion;\n } else {\n version = yield _this9.reporter.select(\n _this9.reporter.lang('manualVersionResolution', name),\n _this9.reporter.lang('answer'),\n options,\n );\n _this9.resolutions[name] = version;\n }\n\n flattenedPatterns.push(\n _this9.resolver.collapseAllVersionsOfPackage(name, version),\n );\n }\n\n // save resolutions to their appropriate root manifest\n if (Object.keys(_this9.resolutions).length) {\n const manifests = yield _this9.config.getRootManifests();\n\n for (const name in _this9.resolutions) {\n const version = _this9.resolutions[name];\n\n const patterns = _this9.resolver.patternsByPackage[name];\n if (!patterns) {\n continue;\n }\n\n let manifest;\n for (\n var _iterator13 = patterns,\n _isArray13 = Array.isArray(_iterator13),\n _i13 = 0,\n _iterator13 = _isArray13\n ? _iterator13\n : _iterator13[Symbol.iterator]();\n ;\n\n ) {\n var _ref26;\n\n if (_isArray13) {\n if (_i13 >= _iterator13.length) break;\n _ref26 = _iterator13[_i13++];\n } else {\n _i13 = _iterator13.next();\n if (_i13.done) break;\n _ref26 = _i13.value;\n }\n\n const pattern = _ref26;\n\n manifest = _this9.resolver.getResolvedPattern(pattern);\n if (manifest) {\n break;\n }\n }\n invariant(manifest, 'expected manifest');\n\n const ref = manifest._reference;\n invariant(ref, 'expected reference');\n\n const object = manifests[ref.registry].object;\n object.resolutions = object.resolutions || {};\n object.resolutions[name] = version;\n }\n\n yield _this9.config.saveRootManifests(manifests);\n }\n\n return flattenedPatterns;\n },\n )();\n }\n\n /**\n * Remove offline tarballs that are no longer required\n */\n\n pruneOfflineMirror(lockfile) {\n var _this10 = this;\n\n return (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n const mirror = _this10.config.getOfflineMirrorPath();\n if (!mirror) {\n return;\n }\n\n const requiredTarballs = new Set();\n for (const dependency in lockfile) {\n const resolved = lockfile[dependency].resolved;\n if (resolved) {\n const basename = path.basename(resolved.split('#')[0]);\n if (dependency[0] === '@' && basename[0] !== '@') {\n requiredTarballs.add(\n `${dependency.split('/')[0]}-${basename}`,\n );\n }\n requiredTarballs.add(basename);\n }\n }\n\n const mirrorFiles = yield (_fs || _load_fs()).walk(mirror);\n for (\n var _iterator14 = mirrorFiles,\n _isArray14 = Array.isArray(_iterator14),\n _i14 = 0,\n _iterator14 = _isArray14\n ? _iterator14\n : _iterator14[Symbol.iterator]();\n ;\n\n ) {\n var _ref27;\n\n if (_isArray14) {\n if (_i14 >= _iterator14.length) break;\n _ref27 = _iterator14[_i14++];\n } else {\n _i14 = _iterator14.next();\n if (_i14.done) break;\n _ref27 = _i14.value;\n }\n\n const file = _ref27;\n\n const isTarball = path.extname(file.basename) === '.tgz';\n // if using experimental-pack-script-packages-in-mirror flag, don't unlink prebuilt packages\n const hasPrebuiltPackage =\n file.relative.startsWith('prebuilt/');\n if (\n isTarball &&\n !hasPrebuiltPackage &&\n !requiredTarballs.has(file.basename)\n ) {\n yield (_fs || _load_fs()).unlink(file.absolute);\n }\n }\n },\n )();\n }\n\n /**\n * Save updated integrity and lockfiles.\n */\n\n saveLockfileAndIntegrity(patterns, workspaceLayout) {\n var _this11 = this;\n\n return (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n const resolvedPatterns = {};\n Object.keys(_this11.resolver.patterns).forEach(function (\n pattern,\n ) {\n if (\n !workspaceLayout ||\n !workspaceLayout.getManifestByPattern(pattern)\n ) {\n resolvedPatterns[pattern] =\n _this11.resolver.patterns[pattern];\n }\n });\n\n // TODO this code is duplicated in a few places, need a common way to filter out workspace patterns from lockfile\n patterns = patterns.filter(function (p) {\n return (\n !workspaceLayout || !workspaceLayout.getManifestByPattern(p)\n );\n });\n\n const lockfileBasedOnResolver =\n _this11.lockfile.getLockfile(resolvedPatterns);\n\n if (_this11.config.pruneOfflineMirror) {\n yield _this11.pruneOfflineMirror(lockfileBasedOnResolver);\n }\n\n // write integrity hash\n if (!_this11.config.plugnplayEnabled) {\n yield _this11.integrityChecker.save(\n patterns,\n lockfileBasedOnResolver,\n _this11.flags,\n workspaceLayout,\n _this11.scripts.getArtifacts(),\n );\n }\n\n // --no-lockfile or --pure-lockfile or --frozen-lockfile\n if (\n _this11.flags.lockfile === false ||\n _this11.flags.pureLockfile ||\n _this11.flags.frozenLockfile\n ) {\n return;\n }\n\n const lockFileHasAllPatterns = patterns.every(function (p) {\n return _this11.lockfile.getLocked(p);\n });\n const lockfilePatternsMatch = Object.keys(\n _this11.lockfile.cache || {},\n ).every(function (p) {\n return lockfileBasedOnResolver[p];\n });\n const resolverPatternsAreSameAsInLockfile = Object.keys(\n lockfileBasedOnResolver,\n ).every(function (pattern) {\n const manifest = _this11.lockfile.getLocked(pattern);\n return (\n manifest &&\n manifest.resolved ===\n lockfileBasedOnResolver[pattern].resolved &&\n deepEqual(\n manifest.prebuiltVariants,\n lockfileBasedOnResolver[pattern].prebuiltVariants,\n )\n );\n });\n const integrityPatternsAreSameAsInLockfile = Object.keys(\n lockfileBasedOnResolver,\n ).every(function (pattern) {\n const existingIntegrityInfo =\n lockfileBasedOnResolver[pattern].integrity;\n if (!existingIntegrityInfo) {\n // if this entry does not have an integrity, no need to re-write the lockfile because of it\n return true;\n }\n const manifest = _this11.lockfile.getLocked(pattern);\n if (manifest && manifest.integrity) {\n const manifestIntegrity = ssri.stringify(manifest.integrity);\n return manifestIntegrity === existingIntegrityInfo;\n }\n return false;\n });\n\n // remove command is followed by install with force, lockfile will be rewritten in any case then\n if (\n !_this11.flags.force &&\n _this11.lockfile.parseResultType === 'success' &&\n lockFileHasAllPatterns &&\n lockfilePatternsMatch &&\n resolverPatternsAreSameAsInLockfile &&\n integrityPatternsAreSameAsInLockfile &&\n patterns.length\n ) {\n return;\n }\n\n // build lockfile location\n const loc = path.join(\n _this11.config.lockfileFolder,\n (_constants || _load_constants()).LOCKFILE_FILENAME,\n );\n\n // write lockfile\n const lockSource = (0,\n (_lockfile2 || _load_lockfile2()).stringify)(\n lockfileBasedOnResolver,\n false,\n _this11.config.enableLockfileVersions,\n );\n yield (_fs || _load_fs()).writeFilePreservingEol(loc, lockSource);\n\n _this11._logSuccessSaveLockfile();\n },\n )();\n }\n\n _logSuccessSaveLockfile() {\n this.reporter.success(this.reporter.lang('savedLockfile'));\n }\n\n /**\n * Load the dependency graph of the current install. Only does package resolving and wont write to the cwd.\n */\n hydrate(ignoreUnusedPatterns) {\n var _this12 = this;\n\n return (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n const request = yield _this12.fetchRequestFromCwd(\n [],\n ignoreUnusedPatterns,\n );\n const depRequests = request.requests,\n rawPatterns = request.patterns,\n ignorePatterns = request.ignorePatterns,\n workspaceLayout = request.workspaceLayout;\n\n yield _this12.resolver.init(depRequests, {\n isFlat: _this12.flags.flat,\n isFrozen: _this12.flags.frozenLockfile,\n workspaceLayout,\n });\n yield _this12.flatten(rawPatterns);\n _this12.markIgnored(ignorePatterns);\n\n // fetch packages, should hit cache most of the time\n const manifests = yield (\n _packageFetcher || _load_packageFetcher()\n ).fetch(_this12.resolver.getManifests(), _this12.config);\n _this12.resolver.updateManifests(manifests);\n yield (\n _packageCompatibility || _load_packageCompatibility()\n ).check(\n _this12.resolver.getManifests(),\n _this12.config,\n _this12.flags.ignoreEngines,\n );\n\n // expand minimal manifests\n for (\n var _iterator15 = _this12.resolver.getManifests(),\n _isArray15 = Array.isArray(_iterator15),\n _i15 = 0,\n _iterator15 = _isArray15\n ? _iterator15\n : _iterator15[Symbol.iterator]();\n ;\n\n ) {\n var _ref28;\n\n if (_isArray15) {\n if (_i15 >= _iterator15.length) break;\n _ref28 = _iterator15[_i15++];\n } else {\n _i15 = _iterator15.next();\n if (_i15.done) break;\n _ref28 = _i15.value;\n }\n\n const manifest = _ref28;\n\n const ref = manifest._reference;\n invariant(ref, 'expected reference');\n const type = ref.remote.type;\n // link specifier won't ever hit cache\n\n let loc = '';\n if (type === 'link') {\n continue;\n } else if (type === 'workspace') {\n if (!ref.remote.reference) {\n continue;\n }\n loc = ref.remote.reference;\n } else {\n loc = _this12.config.generateModuleCachePath(ref);\n }\n const newPkg = yield _this12.config.readManifest(loc);\n yield _this12.resolver.updateManifest(ref, newPkg);\n }\n\n return request;\n },\n )();\n }\n\n /**\n * Check for updates every day and output a nag message if there's a newer version.\n */\n\n checkUpdate() {\n if (this.config.nonInteractive) {\n // don't show upgrade dialog on CI or non-TTY terminals\n return;\n }\n\n // don't check if disabled\n if (this.config.getOption('disable-self-update-check')) {\n return;\n }\n\n // only check for updates once a day\n const lastUpdateCheck =\n Number(this.config.getOption('lastUpdateCheck')) || 0;\n if (lastUpdateCheck && Date.now() - lastUpdateCheck < ONE_DAY) {\n return;\n }\n\n // don't bug for updates on tagged releases\n if ((_yarnVersion || _load_yarnVersion()).version.indexOf('-') >= 0) {\n return;\n }\n\n this._checkUpdate().catch(() => {\n // swallow errors\n });\n }\n\n _checkUpdate() {\n var _this13 = this;\n\n return (0, (_asyncToGenerator2 || _load_asyncToGenerator()).default)(\n function* () {\n let latestVersion = yield _this13.config.requestManager.request({\n url: (_constants || _load_constants()).SELF_UPDATE_VERSION_URL,\n });\n invariant(typeof latestVersion === 'string', 'expected string');\n latestVersion = latestVersion.trim();\n if (!semver.valid(latestVersion)) {\n return;\n }\n\n // ensure we only check for updates periodically\n _this13.config.registries.yarn.saveHomeConfig({\n lastUpdateCheck: Date.now(),\n });\n\n if (\n semver.gt(\n latestVersion,\n (_yarnVersion || _load_yarnVersion()).version,\n )\n ) {\n const installationMethod = yield (0,\n (_yarnVersion || _load_yarnVersion()).getInstallationMethod)();\n _this13.maybeOutputUpdate = function () {\n _this13.reporter.warn(\n _this13.reporter.lang(\n 'yarnOutdated',\n latestVersion,\n (_yarnVersion || _load_yarnVersion()).version,\n ),\n );\n\n const command = getUpdateCommand(installationMethod);\n if (command) {\n _this13.reporter.info(\n _this13.reporter.lang('yarnOutdatedCommand'),\n );\n _this13.reporter.command(command);\n } else {\n const installer = getUpdateInstaller(installationMethod);\n if (installer) {\n _this13.reporter.info(\n _this13.reporter.lang(\n 'yarnOutdatedInstaller',\n installer,\n ),\n );\n }\n }\n };\n }\n },\n )();\n }\n\n /**\n * Method to override with a possible upgrade message.\n */\n\n maybeOutputUpdate() {}\n }\n\n exports.Install = Install;\n function hasWrapper(commander, args) {\n return true;\n }\n\n function setFlags(commander) {\n commander.description(\n 'Yarn install is used to install all dependencies for a project.',\n );\n commander.usage('install [flags]');\n commander.option(\n '-A, --audit',\n 'Run vulnerability audit on installed packages',\n );\n commander.option('-g, --global', 'DEPRECATED');\n commander.option(\n '-S, --save',\n 'DEPRECATED - save package to your `dependencies`',\n );\n commander.option(\n '-D, --save-dev',\n 'DEPRECATED - save package to your `devDependencies`',\n );\n commander.option(\n '-P, --save-peer',\n 'DEPRECATED - save package to your `peerDependencies`',\n );\n commander.option(\n '-O, --save-optional',\n 'DEPRECATED - save package to your `optionalDependencies`',\n );\n commander.option('-E, --save-exact', 'DEPRECATED');\n commander.option('-T, --save-tilde', 'DEPRECATED');\n }\n\n /***/\n },\n /* 35 */\n /***/ function (module, exports, __webpack_require__) {\n var isObject = __webpack_require__(53);\n module.exports = function (it) {\n if (!isObject(it)) throw TypeError(it + ' is not an object!');\n return it;\n };\n\n /***/\n },\n /* 36 */\n /***/ function (module, __webpack_exports__, __webpack_require__) {\n 'use strict';\n /* harmony export (binding) */ __webpack_require__.d(\n __webpack_exports__,\n 'b',\n function () {\n return SubjectSubscriber;\n },\n );\n /* harmony export (binding) */ __webpack_require__.d(\n __webpack_exports__,\n 'a',\n function () {\n return Subject;\n },\n );\n /* unused harmony export AnonymousSubject */\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tslib__ =\n __webpack_require__(1);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__Observable__ =\n __webpack_require__(12);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Subscriber__ =\n __webpack_require__(7);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__Subscription__ =\n __webpack_require__(25);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__util_ObjectUnsubscribedError__ =\n __webpack_require__(190);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__SubjectSubscription__ =\n __webpack_require__(422);\n /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__internal_symbol_rxSubscriber__ =\n __webpack_require__(321);\n /** PURE_IMPORTS_START tslib,_Observable,_Subscriber,_Subscription,_util_ObjectUnsubscribedError,_SubjectSubscription,_internal_symbol_rxSubscriber PURE_IMPORTS_END */\n\n var SubjectSubscriber = /*@__PURE__*/ (function (_super) {\n __WEBPACK_IMPORTED_MODULE_0_tslib__['a' /* __extends */](\n SubjectSubscriber,\n _super,\n );\n function SubjectSubscriber(destination) {\n var _this = _super.call(this, destination) || this;\n _this.destination = destination;\n return _this;\n }\n return SubjectSubscriber;\n })(__WEBPACK_IMPORTED_MODULE_2__Subscriber__['a' /* Subscriber */]);\n\n var Subject = /*@__PURE__*/ (function (_super) {\n __WEBPACK_IMPORTED_MODULE_0_tslib__['a' /* __extends */](\n Subject,\n _super,\n );\n function Subject() {\n var _this = _super.call(this) || this;\n _this.observers = [];\n _this.closed = false;\n _this.isStopped = false;\n _this.hasError = false;\n _this.thrownError = null;\n return _this;\n }\n Subject.prototype[\n __WEBPACK_IMPORTED_MODULE_6__internal_symbol_rxSubscriber__[\n 'a' /* rxSubscriber */\n ]\n ] = function () {\n return new SubjectSubscriber(this);\n };\n Subject.prototype.lift = function (operator) {\n var subject = new AnonymousSubject(this, this);\n subject.operator = operator;\n return subject;\n };\n Subject.prototype.next = function (value) {\n if (this.closed) {\n throw new __WEBPACK_IMPORTED_MODULE_4__util_ObjectUnsubscribedError__[\n 'a' /* ObjectUnsubscribedError */\n ]();\n }\n if (!this.isStopped) {\n var observers = this.observers;\n var len = observers.length;\n var copy = observers.slice();\n for (var i = 0; i < len; i++) {\n copy[i].next(value);\n }\n }\n };\n Subject.prototype.error = function (err) {\n if (this.closed) {\n throw new __WEBPACK_IMPORTED_MODULE_4__util_ObjectUnsubscribedError__[\n 'a' /* ObjectUnsubscribedError */\n ]();\n }\n this.hasError = true;\n this.thrownError = err;\n this.isStopped = true;\n var observers = this.observers;\n var len = observers.length;\n var copy = observers.slice();\n for (var i = 0; i < len; i++) {\n copy[i].error(err);\n }\n this.observers.length = 0;\n };\n Subject.prototype.complete = function () {\n if (this.closed) {\n throw new __WEBPACK_IMPORTED_MODULE_4__util_ObjectUnsubscribedError__[\n 'a' /* ObjectUnsubscribedError */\n ]();\n }\n this.isStopped = true;\n var observers = this.observers;\n var len = observers.length;\n var copy = observers.slice();\n for (var i = 0; i < len; i++) {\n copy[i].complete();\n }\n this.observers.length = 0;\n };\n Subject.prototype.unsubscribe = function () {\n this.isStopped = true;\n this.closed = true;\n this.observers = null;\n };\n Subject.prototype._trySubscribe = function (subscriber) {\n if (this.closed) {\n throw new __WEBPACK_IMPORTED_MODULE_4__util_ObjectUnsubscribedError__[\n 'a' /* ObjectUnsubscribedError */\n ]();\n } else {\n return _super.prototype._trySubscribe.call(this, subscriber);\n }\n };\n Subject.prototype._subscribe = function (subscriber) {\n if (this.closed) {\n throw new __WEBPACK_IMPORTED_MODULE_4__util_ObjectUnsubscribedError__[\n 'a' /* ObjectUnsubscribedError */\n ]();\n } else if (this.hasError) {\n subscriber.error(this.thrownError);\n return __WEBPACK_IMPORTED_MODULE_3__Subscription__[\n 'a' /* Subscription */\n ].EMPTY;\n } else if (this.isStopped) {\n subscriber.complete();\n return __WEBPACK_IMPORTED_MODULE_3__Subscription__[\n 'a' /* Subscription */\n ].EMPTY;\n } else {\n this.observers.push(subscriber);\n return new __WEBPACK_IMPORTED_MODULE_5__SubjectSubscription__[\n 'a' /* SubjectSubscription */\n ](this, subscriber);\n }\n };\n Subject.prototype.asObservable = function () {\n var observable = new __WEBPACK_IMPORTED_MODULE_1__Observable__[\n 'a' /* Observable */\n ]();\n observable.source = this;\n return observable;\n };\n Subject.create = function (destination, source) {\n return new AnonymousSubject(destination, source);\n };\n return Subject;\n })(__WEBPACK_IMPORTED_MODULE_1__Observable__['a' /* Observable */]);\n\n var AnonymousSubject = /*@__PURE__*/ (function (_super) {\n __WEBPACK_IMPORTED_MODULE_0_tslib__['a' /* __extends */](\n AnonymousSubject,\n _super,\n );\n function AnonymousSubject(destination, source) {\n var _this = _super.call(this) || this;\n _this.destination = destination;\n _this.source = source;\n return _this;\n }\n AnonymousSubject.prototype.next = function (value) {\n var destination = this.destination;\n if (destination && destination.next) {\n destination.next(value);\n }\n };\n AnonymousSubject.prototype.error = function (err) {\n var destination = this.destination;\n if (destination && destination.error) {\n this.destination.error(err);\n }\n };\n AnonymousSubject.prototype.complete = function () {\n var destination = this.destination;\n if (destination && destination.complete) {\n this.destination.complete();\n }\n };\n AnonymousSubject.prototype._subscribe = function (subscriber) {\n var source = this.source;\n if (source) {\n return this.source.subscribe(subscriber);\n } else {\n return __WEBPACK_IMPORTED_MODULE_3__Subscription__[\n 'a' /* Subscription */\n ].EMPTY;\n }\n };\n return AnonymousSubject;\n })(Subject);\n\n //# sourceMappingURL=Subject.js.map\n\n /***/\n },\n /* 37 */\n /***/ function (module, exports, __webpack_require__) {\n 'use strict';\n\n Object.defineProperty(exports, '__esModule', {\n value: true,\n });\n exports.normalizePattern = normalizePattern;\n\n /**\n * Explode and normalize a pattern into its name and range.\n */\n\n function normalizePattern(pattern) {\n let hasVersion = false;\n let range = 'latest';\n let name = pattern;\n\n // if we're a scope then remove the @ and add it back later\n let isScoped = false;\n if (name[0] === '@') {\n isScoped = true;\n name = name.slice(1);\n }\n\n // take first part as the name\n const parts = name.split('@');\n if (parts.length > 1) {\n name = parts.shift();\n range = parts.join('@');\n\n if (range) {\n hasVersion = true;\n } else {\n range = '*';\n }\n }\n\n // add back @ scope suffix\n if (isScoped) {\n name = `@${name}`;\n }\n\n return { name, range, hasVersion };\n }\n\n /***/\n },\n /* 38 */\n /***/ function (module, exports, __webpack_require__) {\n /* WEBPACK VAR INJECTION */ (function (module) {\n var __WEBPACK_AMD_DEFINE_RESULT__;\n /**\n * @license\n * Lodash \n * Copyright JS Foundation and other contributors \n * Released under MIT license \n * Based on Underscore.js 1.8.3 \n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n (function () {\n /** Used as a safe reference for `undefined` in pre-ES5 environments. */\n var undefined;\n\n /** Used as the semantic version number. */\n var VERSION = '4.17.10';\n\n /** Used as the size to enable large array optimizations. */\n var LARGE_ARRAY_SIZE = 200;\n\n /** Error message constants. */\n var CORE_ERROR_TEXT =\n 'Unsupported core-js use. Try https://npms.io/search?q=ponyfill.',\n FUNC_ERROR_TEXT = 'Expected a function';\n\n /** Used to stand-in for `undefined` hash values. */\n var HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n /** Used as the maximum memoize cache size. */\n var MAX_MEMOIZE_SIZE = 500;\n\n /** Used as the internal argument placeholder. */\n var PLACEHOLDER = '__lodash_placeholder__';\n\n /** Used to compose bitmasks for cloning. */\n var CLONE_DEEP_FLAG = 1,\n CLONE_FLAT_FLAG = 2,\n CLONE_SYMBOLS_FLAG = 4;\n\n /** Used to compose bitmasks for value comparisons. */\n var COMPARE_PARTIAL_FLAG = 1,\n COMPARE_UNORDERED_FLAG = 2;\n\n /** Used to compose bitmasks for function metadata. */\n var WRAP_BIND_FLAG = 1,\n WRAP_BIND_KEY_FLAG = 2,\n WRAP_CURRY_BOUND_FLAG = 4,\n WRAP_CURRY_FLAG = 8,\n WRAP_CURRY_RIGHT_FLAG = 16,\n WRAP_PARTIAL_FLAG = 32,\n WRAP_PARTIAL_RIGHT_FLAG = 64,\n WRAP_ARY_FLAG = 128,\n WRAP_REARG_FLAG = 256,\n WRAP_FLIP_FLAG = 512;\n\n /** Used as default options for `_.truncate`. */\n var DEFAULT_TRUNC_LENGTH = 30,\n DEFAULT_TRUNC_OMISSION = '...';\n\n /** Used to detect hot functions by number of calls within a span of milliseconds. */\n var HOT_COUNT = 800,\n HOT_SPAN = 16;\n\n /** Used to indicate the type of lazy iteratees. */\n var LAZY_FILTER_FLAG = 1,\n LAZY_MAP_FLAG = 2,\n LAZY_WHILE_FLAG = 3;\n\n /** Used as references for various `Number` constants. */\n var INFINITY = 1 / 0,\n MAX_SAFE_INTEGER = 9007199254740991,\n MAX_INTEGER = 1.7976931348623157e308,\n NAN = 0 / 0;\n\n /** Used as references for the maximum length and index of an array. */\n var MAX_ARRAY_LENGTH = 4294967295,\n MAX_ARRAY_INDEX = MAX_ARRAY_LENGTH - 1,\n HALF_MAX_ARRAY_LENGTH = MAX_ARRAY_LENGTH >>> 1;\n\n /** Used to associate wrap methods with their bit flags. */\n var wrapFlags = [\n ['ary', WRAP_ARY_FLAG],\n ['bind', WRAP_BIND_FLAG],\n ['bindKey', WRAP_BIND_KEY_FLAG],\n ['curry', WRAP_CURRY_FLAG],\n ['curryRight', WRAP_CURRY_RIGHT_FLAG],\n ['flip', WRAP_FLIP_FLAG],\n ['partial', WRAP_PARTIAL_FLAG],\n ['partialRight', WRAP_PARTIAL_RIGHT_FLAG],\n ['rearg', WRAP_REARG_FLAG],\n ];\n\n /** `Object#toString` result references. */\n var argsTag = '[object Arguments]',\n arrayTag = '[object Array]',\n asyncTag = '[object AsyncFunction]',\n boolTag = '[object Boolean]',\n dateTag = '[object Date]',\n domExcTag = '[object DOMException]',\n errorTag = '[object Error]',\n funcTag = '[object Function]',\n genTag = '[object GeneratorFunction]',\n mapTag = '[object Map]',\n numberTag = '[object Number]',\n nullTag = '[object Null]',\n objectTag = '[object Object]',\n promiseTag = '[object Promise]',\n proxyTag = '[object Proxy]',\n regexpTag = '[object RegExp]',\n setTag = '[object Set]',\n stringTag = '[object String]',\n symbolTag = '[object Symbol]',\n undefinedTag = '[object Undefined]',\n weakMapTag = '[object WeakMap]',\n weakSetTag = '[object WeakSet]';\n\n var arrayBufferTag = '[object ArrayBuffer]',\n dataViewTag = '[object DataView]',\n float32Tag = '[object Float32Array]',\n float64Tag = '[object Float64Array]',\n int8Tag = '[object Int8Array]',\n int16Tag = '[object Int16Array]',\n int32Tag = '[object Int32Array]',\n uint8Tag = '[object Uint8Array]',\n uint8ClampedTag = '[object Uint8ClampedArray]',\n uint16Tag = '[object Uint16Array]',\n uint32Tag = '[object Uint32Array]';\n\n /** Used to match empty string literals in compiled template source. */\n var reEmptyStringLeading = /\\b__p \\+= '';/g,\n reEmptyStringMiddle = /\\b(__p \\+=) '' \\+/g,\n reEmptyStringTrailing = /(__e\\(.*?\\)|\\b__t\\)) \\+\\n'';/g;\n\n /** Used to match HTML entities and HTML characters. */\n var reEscapedHtml = /&(?:amp|lt|gt|quot|#39);/g,\n reUnescapedHtml = /[&<>\"']/g,\n reHasEscapedHtml = RegExp(reEscapedHtml.source),\n reHasUnescapedHtml = RegExp(reUnescapedHtml.source);\n\n /** Used to match template delimiters. */\n var reEscape = /<%-([\\s\\S]+?)%>/g,\n reEvaluate = /<%([\\s\\S]+?)%>/g,\n reInterpolate = /<%=([\\s\\S]+?)%>/g;\n\n /** Used to match property names within property paths. */\n var reIsDeepProp = /\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,\n reIsPlainProp = /^\\w*$/,\n rePropName =\n /[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g;\n\n /**\n * Used to match `RegExp`\n * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).\n */\n var reRegExpChar = /[\\\\^$.*+?()[\\]{}|]/g,\n reHasRegExpChar = RegExp(reRegExpChar.source);\n\n /** Used to match leading and trailing whitespace. */\n var reTrim = /^\\s+|\\s+$/g,\n reTrimStart = /^\\s+/,\n reTrimEnd = /\\s+$/;\n\n /** Used to match wrap detail comments. */\n var reWrapComment = /\\{(?:\\n\\/\\* \\[wrapped with .+\\] \\*\\/)?\\n?/,\n reWrapDetails = /\\{\\n\\/\\* \\[wrapped with (.+)\\] \\*/,\n reSplitDetails = /,? & /;\n\n /** Used to match words composed of alphanumeric characters. */\n var reAsciiWord = /[^\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\x7f]+/g;\n\n /** Used to match backslashes in property paths. */\n var reEscapeChar = /\\\\(\\\\)?/g;\n\n /**\n * Used to match\n * [ES template delimiters](http://ecma-international.org/ecma-262/7.0/#sec-template-literal-lexical-components).\n */\n var reEsTemplate = /\\$\\{([^\\\\}]*(?:\\\\.[^\\\\}]*)*)\\}/g;\n\n /** Used to match `RegExp` flags from their coerced string values. */\n var reFlags = /\\w*$/;\n\n /** Used to detect bad signed hexadecimal string values. */\n var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n /** Used to detect binary string values. */\n var reIsBinary = /^0b[01]+$/i;\n\n /** Used to detect host constructors (Safari). */\n var reIsHostCtor = /^\\[object .+?Constructor\\]$/;\n\n /** Used to detect octal string values. */\n var reIsOctal = /^0o[0-7]+$/i;\n\n /** Used to detect unsigned integer values. */\n var reIsUint = /^(?:0|[1-9]\\d*)$/;\n\n /** Used to match Latin Unicode letters (excluding mathematical operators). */\n var reLatin = /[\\xc0-\\xd6\\xd8-\\xf6\\xf8-\\xff\\u0100-\\u017f]/g;\n\n /** Used to ensure capturing order of template delimiters. */\n var reNoMatch = /($^)/;\n\n /** Used to match unescaped characters in compiled string literals. */\n var reUnescapedString = /['\\n\\r\\u2028\\u2029\\\\]/g;\n\n /** Used to compose unicode character classes. */\n var rsAstralRange = '\\\\ud800-\\\\udfff',\n rsComboMarksRange = '\\\\u0300-\\\\u036f',\n reComboHalfMarksRange = '\\\\ufe20-\\\\ufe2f',\n rsComboSymbolsRange = '\\\\u20d0-\\\\u20ff',\n rsComboRange =\n rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange,\n rsDingbatRange = '\\\\u2700-\\\\u27bf',\n rsLowerRange = 'a-z\\\\xdf-\\\\xf6\\\\xf8-\\\\xff',\n rsMathOpRange = '\\\\xac\\\\xb1\\\\xd7\\\\xf7',\n rsNonCharRange = '\\\\x00-\\\\x2f\\\\x3a-\\\\x40\\\\x5b-\\\\x60\\\\x7b-\\\\xbf',\n rsPunctuationRange = '\\\\u2000-\\\\u206f',\n rsSpaceRange =\n ' \\\\t\\\\x0b\\\\f\\\\xa0\\\\ufeff\\\\n\\\\r\\\\u2028\\\\u2029\\\\u1680\\\\u180e\\\\u2000\\\\u2001\\\\u2002\\\\u2003\\\\u2004\\\\u2005\\\\u2006\\\\u2007\\\\u2008\\\\u2009\\\\u200a\\\\u202f\\\\u205f\\\\u3000',\n rsUpperRange = 'A-Z\\\\xc0-\\\\xd6\\\\xd8-\\\\xde',\n rsVarRange = '\\\\ufe0e\\\\ufe0f',\n rsBreakRange =\n rsMathOpRange +\n rsNonCharRange +\n rsPunctuationRange +\n rsSpaceRange;\n\n /** Used to compose unicode capture groups. */\n var rsApos = \"['\\u2019]\",\n rsAstral = '[' + rsAstralRange + ']',\n rsBreak = '[' + rsBreakRange + ']',\n rsCombo = '[' + rsComboRange + ']',\n rsDigits = '\\\\d+',\n rsDingbat = '[' + rsDingbatRange + ']',\n rsLower = '[' + rsLowerRange + ']',\n rsMisc =\n '[^' +\n rsAstralRange +\n rsBreakRange +\n rsDigits +\n rsDingbatRange +\n rsLowerRange +\n rsUpperRange +\n ']',\n rsFitz = '\\\\ud83c[\\\\udffb-\\\\udfff]',\n rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',\n rsNonAstral = '[^' + rsAstralRange + ']',\n rsRegional = '(?:\\\\ud83c[\\\\udde6-\\\\uddff]){2}',\n rsSurrPair = '[\\\\ud800-\\\\udbff][\\\\udc00-\\\\udfff]',\n rsUpper = '[' + rsUpperRange + ']',\n rsZWJ = '\\\\u200d';\n\n /** Used to compose unicode regexes. */\n var rsMiscLower = '(?:' + rsLower + '|' + rsMisc + ')',\n rsMiscUpper = '(?:' + rsUpper + '|' + rsMisc + ')',\n rsOptContrLower = '(?:' + rsApos + '(?:d|ll|m|re|s|t|ve))?',\n rsOptContrUpper = '(?:' + rsApos + '(?:D|LL|M|RE|S|T|VE))?',\n reOptMod = rsModifier + '?',\n rsOptVar = '[' + rsVarRange + ']?',\n rsOptJoin =\n '(?:' +\n rsZWJ +\n '(?:' +\n [rsNonAstral, rsRegional, rsSurrPair].join('|') +\n ')' +\n rsOptVar +\n reOptMod +\n ')*',\n rsOrdLower = '\\\\d*(?:1st|2nd|3rd|(?![123])\\\\dth)(?=\\\\b|[A-Z_])',\n rsOrdUpper = '\\\\d*(?:1ST|2ND|3RD|(?![123])\\\\dTH)(?=\\\\b|[a-z_])',\n rsSeq = rsOptVar + reOptMod + rsOptJoin,\n rsEmoji =\n '(?:' +\n [rsDingbat, rsRegional, rsSurrPair].join('|') +\n ')' +\n rsSeq,\n rsSymbol =\n '(?:' +\n [\n rsNonAstral + rsCombo + '?',\n rsCombo,\n rsRegional,\n rsSurrPair,\n rsAstral,\n ].join('|') +\n ')';\n\n /** Used to match apostrophes. */\n var reApos = RegExp(rsApos, 'g');\n\n /**\n * Used to match [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) and\n * [combining diacritical marks for symbols](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks_for_Symbols).\n */\n var reComboMark = RegExp(rsCombo, 'g');\n\n /** Used to match [string symbols](https://mathiasbynens.be/notes/javascript-unicode). */\n var reUnicode = RegExp(\n rsFitz + '(?=' + rsFitz + ')|' + rsSymbol + rsSeq,\n 'g',\n );\n\n /** Used to match complex or compound words. */\n var reUnicodeWord = RegExp(\n [\n rsUpper +\n '?' +\n rsLower +\n '+' +\n rsOptContrLower +\n '(?=' +\n [rsBreak, rsUpper, '$'].join('|') +\n ')',\n rsMiscUpper +\n '+' +\n rsOptContrUpper +\n '(?=' +\n [rsBreak, rsUpper + rsMiscLower, '$'].join('|') +\n ')',\n rsUpper + '?' + rsMiscLower + '+' + rsOptContrLower,\n rsUpper + '+' + rsOptContrUpper,\n rsOrdUpper,\n rsOrdLower,\n rsDigits,\n rsEmoji,\n ].join('|'),\n 'g',\n );\n\n /** Used to detect strings with [zero-width joiners or code points from the astral planes](http://eev.ee/blog/2015/09/12/dark-corners-of-unicode/). */\n var reHasUnicode = RegExp(\n '[' + rsZWJ + rsAstralRange + rsComboRange + rsVarRange + ']',\n );\n\n /** Used to detect strings that need a more robust regexp to match words. */\n var reHasUnicodeWord =\n /[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;\n\n /** Used to assign default `context` object properties. */\n var contextProps = [\n 'Array',\n 'Buffer',\n 'DataView',\n 'Date',\n 'Error',\n 'Float32Array',\n 'Float64Array',\n 'Function',\n 'Int8Array',\n 'Int16Array',\n 'Int32Array',\n 'Map',\n 'Math',\n 'Object',\n 'Promise',\n 'RegExp',\n 'Set',\n 'String',\n 'Symbol',\n 'TypeError',\n 'Uint8Array',\n 'Uint8ClampedArray',\n 'Uint16Array',\n 'Uint32Array',\n 'WeakMap',\n '_',\n 'clearTimeout',\n 'isFinite',\n 'parseInt',\n 'setTimeout',\n ];\n\n /** Used to make template sourceURLs easier to identify. */\n var templateCounter = -1;\n\n /** Used to identify `toStringTag` values of typed arrays. */\n var typedArrayTags = {};\n typedArrayTags[float32Tag] =\n typedArrayTags[float64Tag] =\n typedArrayTags[int8Tag] =\n typedArrayTags[int16Tag] =\n typedArrayTags[int32Tag] =\n typedArrayTags[uint8Tag] =\n typedArrayTags[uint8ClampedTag] =\n typedArrayTags[uint16Tag] =\n typedArrayTags[uint32Tag] =\n true;\n typedArrayTags[argsTag] =\n typedArrayTags[arrayTag] =\n typedArrayTags[arrayBufferTag] =\n typedArrayTags[boolTag] =\n typedArrayTags[dataViewTag] =\n typedArrayTags[dateTag] =\n typedArrayTags[errorTag] =\n typedArrayTags[funcTag] =\n typedArrayTags[mapTag] =\n typedArrayTags[numberTag] =\n typedArrayTags[objectTag] =\n typedArrayTags[regexpTag] =\n typedArrayTags[setTag] =\n typedArrayTags[stringTag] =\n typedArrayTags[weakMapTag] =\n false;\n\n /** Used to identify `toStringTag` values supported by `_.clone`. */\n var cloneableTags = {};\n cloneableTags[argsTag] =\n cloneableTags[arrayTag] =\n cloneableTags[arrayBufferTag] =\n cloneableTags[dataViewTag] =\n cloneableTags[boolTag] =\n cloneableTags[dateTag] =\n cloneableTags[float32Tag] =\n cloneableTags[float64Tag] =\n cloneableTags[int8Tag] =\n cloneableTags[int16Tag] =\n cloneableTags[int32Tag] =\n cloneableTags[mapTag] =\n cloneableTags[numberTag] =\n cloneableTags[objectTag] =\n cloneableTags[regexpTag] =\n cloneableTags[setTag] =\n cloneableTags[stringTag] =\n cloneableTags[symbolTag] =\n cloneableTags[uint8Tag] =\n cloneableTags[uint8ClampedTag] =\n cloneableTags[uint16Tag] =\n cloneableTags[uint32Tag] =\n true;\n cloneableTags[errorTag] =\n cloneableTags[funcTag] =\n cloneableTags[weakMapTag] =\n false;\n\n /** Used to map Latin Unicode letters to basic Latin letters. */\n var deburredLetters = {\n // Latin-1 Supplement block.\n '\\xc0': 'A',\n '\\xc1': 'A',\n '\\xc2': 'A',\n '\\xc3': 'A',\n '\\xc4': 'A',\n '\\xc5': 'A',\n '\\xe0': 'a',\n '\\xe1': 'a',\n '\\xe2': 'a',\n '\\xe3': 'a',\n '\\xe4': 'a',\n '\\xe5': 'a',\n '\\xc7': 'C',\n '\\xe7': 'c',\n '\\xd0': 'D',\n '\\xf0': 'd',\n '\\xc8': 'E',\n '\\xc9': 'E',\n '\\xca': 'E',\n '\\xcb': 'E',\n '\\xe8': 'e',\n '\\xe9': 'e',\n '\\xea': 'e',\n '\\xeb': 'e',\n '\\xcc': 'I',\n '\\xcd': 'I',\n '\\xce': 'I',\n '\\xcf': 'I',\n '\\xec': 'i',\n '\\xed': 'i',\n '\\xee': 'i',\n '\\xef': 'i',\n '\\xd1': 'N',\n '\\xf1': 'n',\n '\\xd2': 'O',\n '\\xd3': 'O',\n '\\xd4': 'O',\n '\\xd5': 'O',\n '\\xd6': 'O',\n '\\xd8': 'O',\n '\\xf2': 'o',\n '\\xf3': 'o',\n '\\xf4': 'o',\n '\\xf5': 'o',\n '\\xf6': 'o',\n '\\xf8': 'o',\n '\\xd9': 'U',\n '\\xda': 'U',\n '\\xdb': 'U',\n '\\xdc': 'U',\n '\\xf9': 'u',\n '\\xfa': 'u',\n '\\xfb': 'u',\n '\\xfc': 'u',\n '\\xdd': 'Y',\n '\\xfd': 'y',\n '\\xff': 'y',\n '\\xc6': 'Ae',\n '\\xe6': 'ae',\n '\\xde': 'Th',\n '\\xfe': 'th',\n '\\xdf': 'ss',\n // Latin Extended-A block.\n '\\u0100': 'A',\n '\\u0102': 'A',\n '\\u0104': 'A',\n '\\u0101': 'a',\n '\\u0103': 'a',\n '\\u0105': 'a',\n '\\u0106': 'C',\n '\\u0108': 'C',\n '\\u010a': 'C',\n '\\u010c': 'C',\n '\\u0107': 'c',\n '\\u0109': 'c',\n '\\u010b': 'c',\n '\\u010d': 'c',\n '\\u010e': 'D',\n '\\u0110': 'D',\n '\\u010f': 'd',\n '\\u0111': 'd',\n '\\u0112': 'E',\n '\\u0114': 'E',\n '\\u0116': 'E',\n '\\u0118': 'E',\n '\\u011a': 'E',\n '\\u0113': 'e',\n '\\u0115': 'e',\n '\\u0117': 'e',\n '\\u0119': 'e',\n '\\u011b': 'e',\n '\\u011c': 'G',\n '\\u011e': 'G',\n '\\u0120': 'G',\n '\\u0122': 'G',\n '\\u011d': 'g',\n '\\u011f': 'g',\n '\\u0121': 'g',\n '\\u0123': 'g',\n '\\u0124': 'H',\n '\\u0126': 'H',\n '\\u0125': 'h',\n '\\u0127': 'h',\n '\\u0128': 'I',\n '\\u012a': 'I',\n '\\u012c': 'I',\n '\\u012e': 'I',\n '\\u0130': 'I',\n '\\u0129': 'i',\n '\\u012b': 'i',\n '\\u012d': 'i',\n '\\u012f': 'i',\n '\\u0131': 'i',\n '\\u0134': 'J',\n '\\u0135': 'j',\n '\\u0136': 'K',\n '\\u0137': 'k',\n '\\u0138': 'k',\n '\\u0139': 'L',\n '\\u013b': 'L',\n '\\u013d': 'L',\n '\\u013f': 'L',\n '\\u0141': 'L',\n '\\u013a': 'l',\n '\\u013c': 'l',\n '\\u013e': 'l',\n '\\u0140': 'l',\n '\\u0142': 'l',\n '\\u0143': 'N',\n '\\u0145': 'N',\n '\\u0147': 'N',\n '\\u014a': 'N',\n '\\u0144': 'n',\n '\\u0146': 'n',\n '\\u0148': 'n',\n '\\u014b': 'n',\n '\\u014c': 'O',\n '\\u014e': 'O',\n '\\u0150': 'O',\n '\\u014d': 'o',\n '\\u014f': 'o',\n '\\u0151': 'o',\n '\\u0154': 'R',\n '\\u0156': 'R',\n '\\u0158': 'R',\n '\\u0155': 'r',\n '\\u0157': 'r',\n '\\u0159': 'r',\n '\\u015a': 'S',\n '\\u015c': 'S',\n '\\u015e': 'S',\n '\\u0160': 'S',\n '\\u015b': 's',\n '\\u015d': 's',\n '\\u015f': 's',\n '\\u0161': 's',\n '\\u0162': 'T',\n '\\u0164': 'T',\n '\\u0166': 'T',\n '\\u0163': 't',\n '\\u0165': 't',\n '\\u0167': 't',\n '\\u0168': 'U',\n '\\u016a': 'U',\n '\\u016c': 'U',\n '\\u016e': 'U',\n '\\u0170': 'U',\n '\\u0172': 'U',\n '\\u0169': 'u',\n '\\u016b': 'u',\n '\\u016d': 'u',\n '\\u016f': 'u',\n '\\u0171': 'u',\n '\\u0173': 'u',\n '\\u0174': 'W',\n '\\u0175': 'w',\n '\\u0176': 'Y',\n '\\u0177': 'y',\n '\\u0178': 'Y',\n '\\u0179': 'Z',\n '\\u017b': 'Z',\n '\\u017d': 'Z',\n '\\u017a': 'z',\n '\\u017c': 'z',\n '\\u017e': 'z',\n '\\u0132': 'IJ',\n '\\u0133': 'ij',\n '\\u0152': 'Oe',\n '\\u0153': 'oe',\n '\\u0149': \"'n\",\n '\\u017f': 's',\n };\n\n /** Used to map characters to HTML entities. */\n var htmlEscapes = {\n '&': '&',\n '<': '<',\n '>': '>',\n '\"': '"',\n \"'\": ''',\n };\n\n /** Used to map HTML entities to characters. */\n var htmlUnescapes = {\n '&': '&',\n '<': '<',\n '>': '>',\n '"': '\"',\n ''': \"'\",\n };\n\n /** Used to escape characters for inclusion in compiled string literals. */\n var stringEscapes = {\n '\\\\': '\\\\',\n \"'\": \"'\",\n '\\n': 'n',\n '\\r': 'r',\n '\\u2028': 'u2028',\n '\\u2029': 'u2029',\n };\n\n /** Built-in method references without a dependency on `root`. */\n var freeParseFloat = parseFloat,\n freeParseInt = parseInt;\n\n /** Detect free variable `global` from Node.js. */\n var freeGlobal =\n typeof global == 'object' &&\n global &&\n global.Object === Object &&\n global;\n\n /** Detect free variable `self`. */\n var freeSelf =\n typeof self == 'object' && self && self.Object === Object && self;\n\n /** Used as a reference to the global object. */\n var root = freeGlobal || freeSelf || Function('return this')();\n\n /** Detect free variable `exports`. */\n var freeExports =\n typeof exports == 'object' &&\n exports &&\n !exports.nodeType &&\n exports;\n\n /** Detect free variable `module`. */\n var freeModule =\n freeExports &&\n typeof module == 'object' &&\n module &&\n !module.nodeType &&\n module;\n\n /** Detect the popular CommonJS extension `module.exports`. */\n var moduleExports = freeModule && freeModule.exports === freeExports;\n\n /** Detect free variable `process` from Node.js. */\n var freeProcess = moduleExports && freeGlobal.process;\n\n /** Used to access faster Node.js helpers. */\n var nodeUtil = (function () {\n try {\n // Use `util.types` for Node.js 10+.\n var types =\n freeModule &&\n freeModule.require &&\n freeModule.require('util').types;\n\n if (types) {\n return types;\n }\n\n // Legacy `process.binding('util')` for Node.js < 10.\n return (\n freeProcess &&\n freeProcess.binding &&\n freeProcess.binding('util')\n );\n } catch (e) {}\n })();\n\n /* Node.js helper references. */\n var nodeIsArrayBuffer = nodeUtil && nodeUtil.isArrayBuffer,\n nodeIsDate = nodeUtil && nodeUtil.isDate,\n nodeIsMap = nodeUtil && nodeUtil.isMap,\n nodeIsRegExp = nodeUtil && nodeUtil.isRegExp,\n nodeIsSet = nodeUtil && nodeUtil.isSet,\n nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;\n\n /*--------------------------------------------------------------------------*/\n\n /**\n * A faster alternative to `Function#apply`, this function invokes `func`\n * with the `this` binding of `thisArg` and the arguments of `args`.\n *\n * @private\n * @param {Function} func The function to invoke.\n * @param {*} thisArg The `this` binding of `func`.\n * @param {Array} args The arguments to invoke `func` with.\n * @returns {*} Returns the result of `func`.\n */\n function apply(func, thisArg, args) {\n switch (args.length) {\n case 0:\n return func.call(thisArg);\n case 1:\n return func.call(thisArg, args[0]);\n case 2:\n return func.call(thisArg, args[0], args[1]);\n case 3:\n return func.call(thisArg, args[0], args[1], args[2]);\n }\n return func.apply(thisArg, args);\n }\n\n /**\n * A specialized version of `baseAggregator` for arrays.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} setter The function to set `accumulator` values.\n * @param {Function} iteratee The iteratee to transform keys.\n * @param {Object} accumulator The initial aggregated object.\n * @returns {Function} Returns `accumulator`.\n */\n function arrayAggregator(array, setter, iteratee, accumulator) {\n var index = -1,\n length = array == null ? 0 : array.length;\n\n while (++index < length) {\n var value = array[index];\n setter(accumulator, value, iteratee(value), array);\n }\n return accumulator;\n }\n\n /**\n * A specialized version of `_.forEach` for arrays without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns `array`.\n */\n function arrayEach(array, iteratee) {\n var index = -1,\n length = array == null ? 0 : array.length;\n\n while (++index < length) {\n if (iteratee(array[index], index, array) === false) {\n break;\n }\n }\n return array;\n }\n\n /**\n * A specialized version of `_.forEachRight` for arrays without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns `array`.\n */\n function arrayEachRight(array, iteratee) {\n var length = array == null ? 0 : array.length;\n\n while (length--) {\n if (iteratee(array[length], length, array) === false) {\n break;\n }\n }\n return array;\n }\n\n /**\n * A specialized version of `_.every` for arrays without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} predicate The function invoked per iteration.\n * @returns {boolean} Returns `true` if all elements pass the predicate check,\n * else `false`.\n */\n function arrayEvery(array, predicate) {\n var index = -1,\n length = array == null ? 0 : array.length;\n\n while (++index < length) {\n if (!predicate(array[index], index, array)) {\n return false;\n }\n }\n return true;\n }\n\n /**\n * A specialized version of `_.filter` for arrays without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} predicate The function invoked per iteration.\n * @returns {Array} Returns the new filtered array.\n */\n function arrayFilter(array, predicate) {\n var index = -1,\n length = array == null ? 0 : array.length,\n resIndex = 0,\n result = [];\n\n while (++index < length) {\n var value = array[index];\n if (predicate(value, index, array)) {\n result[resIndex++] = value;\n }\n }\n return result;\n }\n\n /**\n * A specialized version of `_.includes` for arrays without support for\n * specifying an index to search from.\n *\n * @private\n * @param {Array} [array] The array to inspect.\n * @param {*} target The value to search for.\n * @returns {boolean} Returns `true` if `target` is found, else `false`.\n */\n function arrayIncludes(array, value) {\n var length = array == null ? 0 : array.length;\n return !!length && baseIndexOf(array, value, 0) > -1;\n }\n\n /**\n * This function is like `arrayIncludes` except that it accepts a comparator.\n *\n * @private\n * @param {Array} [array] The array to inspect.\n * @param {*} target The value to search for.\n * @param {Function} comparator The comparator invoked per element.\n * @returns {boolean} Returns `true` if `target` is found, else `false`.\n */\n function arrayIncludesWith(array, value, comparator) {\n var index = -1,\n length = array == null ? 0 : array.length;\n\n while (++index < length) {\n if (comparator(value, array[index])) {\n return true;\n }\n }\n return false;\n }\n\n /**\n * A specialized version of `_.map` for arrays without support for iteratee\n * shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns the new mapped array.\n */\n function arrayMap(array, iteratee) {\n var index = -1,\n length = array == null ? 0 : array.length,\n result = Array(length);\n\n while (++index < length) {\n result[index] = iteratee(array[index], index, array);\n }\n return result;\n }\n\n /**\n * Appends the elements of `values` to `array`.\n *\n * @private\n * @param {Array} array The array to modify.\n * @param {Array} values The values to append.\n * @returns {Array} Returns `array`.\n */\n function arrayPush(array, values) {\n var index = -1,\n length = values.length,\n offset = array.length;\n\n while (++index < length) {\n array[offset + index] = values[index];\n }\n return array;\n }\n\n /**\n * A specialized version of `_.reduce` for arrays without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @param {*} [accumulator] The initial value.\n * @param {boolean} [initAccum] Specify using the first element of `array` as\n * the initial value.\n * @returns {*} Returns the accumulated value.\n */\n function arrayReduce(array, iteratee, accumulator, initAccum) {\n var index = -1,\n length = array == null ? 0 : array.length;\n\n if (initAccum && length) {\n accumulator = array[++index];\n }\n while (++index < length) {\n accumulator = iteratee(accumulator, array[index], index, array);\n }\n return accumulator;\n }\n\n /**\n * A specialized version of `_.reduceRight` for arrays without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @param {*} [accumulator] The initial value.\n * @param {boolean} [initAccum] Specify using the last element of `array` as\n * the initial value.\n * @returns {*} Returns the accumulated value.\n */\n function arrayReduceRight(array, iteratee, accumulator, initAccum) {\n var length = array == null ? 0 : array.length;\n if (initAccum && length) {\n accumulator = array[--length];\n }\n while (length--) {\n accumulator = iteratee(accumulator, array[length], length, array);\n }\n return accumulator;\n }\n\n /**\n * A specialized version of `_.some` for arrays without support for iteratee\n * shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} predicate The function invoked per iteration.\n * @returns {boolean} Returns `true` if any element passes the predicate check,\n * else `false`.\n */\n function arraySome(array, predicate) {\n var index = -1,\n length = array == null ? 0 : array.length;\n\n while (++index < length) {\n if (predicate(array[index], index, array)) {\n return true;\n }\n }\n return false;\n }\n\n /**\n * Gets the size of an ASCII `string`.\n *\n * @private\n * @param {string} string The string inspect.\n * @returns {number} Returns the string size.\n */\n var asciiSize = baseProperty('length');\n\n /**\n * Converts an ASCII `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\n function asciiToArray(string) {\n return string.split('');\n }\n\n /**\n * Splits an ASCII `string` into an array of its words.\n *\n * @private\n * @param {string} The string to inspect.\n * @returns {Array} Returns the words of `string`.\n */\n function asciiWords(string) {\n return string.match(reAsciiWord) || [];\n }\n\n /**\n * The base implementation of methods like `_.findKey` and `_.findLastKey`,\n * without support for iteratee shorthands, which iterates over `collection`\n * using `eachFunc`.\n *\n * @private\n * @param {Array|Object} collection The collection to inspect.\n * @param {Function} predicate The function invoked per iteration.\n * @param {Function} eachFunc The function to iterate over `collection`.\n * @returns {*} Returns the found element or its key, else `undefined`.\n */\n function baseFindKey(collection, predicate, eachFunc) {\n var result;\n eachFunc(collection, function (value, key, collection) {\n if (predicate(value, key, collection)) {\n result = key;\n return false;\n }\n });\n return result;\n }\n\n /**\n * The base implementation of `_.findIndex` and `_.findLastIndex` without\n * support for iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {Function} predicate The function invoked per iteration.\n * @param {number} fromIndex The index to search from.\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\n function baseFindIndex(array, predicate, fromIndex, fromRight) {\n var length = array.length,\n index = fromIndex + (fromRight ? 1 : -1);\n\n while (fromRight ? index-- : ++index < length) {\n if (predicate(array[index], index, array)) {\n return index;\n }\n }\n return -1;\n }\n\n /**\n * The base implementation of `_.indexOf` without `fromIndex` bounds checks.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @param {number} fromIndex The index to search from.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\n function baseIndexOf(array, value, fromIndex) {\n return value === value\n ? strictIndexOf(array, value, fromIndex)\n : baseFindIndex(array, baseIsNaN, fromIndex);\n }\n\n /**\n * This function is like `baseIndexOf` except that it accepts a comparator.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @param {number} fromIndex The index to search from.\n * @param {Function} comparator The comparator invoked per element.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\n function baseIndexOfWith(array, value, fromIndex, comparator) {\n var index = fromIndex - 1,\n length = array.length;\n\n while (++index < length) {\n if (comparator(array[index], value)) {\n return index;\n }\n }\n return -1;\n }\n\n /**\n * The base implementation of `_.isNaN` without support for number objects.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.\n */\n function baseIsNaN(value) {\n return value !== value;\n }\n\n /**\n * The base implementation of `_.mean` and `_.meanBy` without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {number} Returns the mean.\n */\n function baseMean(array, iteratee) {\n var length = array == null ? 0 : array.length;\n return length ? baseSum(array, iteratee) / length : NAN;\n }\n\n /**\n * The base implementation of `_.property` without support for deep paths.\n *\n * @private\n * @param {string} key The key of the property to get.\n * @returns {Function} Returns the new accessor function.\n */\n function baseProperty(key) {\n return function (object) {\n return object == null ? undefined : object[key];\n };\n }\n\n /**\n * The base implementation of `_.propertyOf` without support for deep paths.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Function} Returns the new accessor function.\n */\n function basePropertyOf(object) {\n return function (key) {\n return object == null ? undefined : object[key];\n };\n }\n\n /**\n * The base implementation of `_.reduce` and `_.reduceRight`, without support\n * for iteratee shorthands, which iterates over `collection` using `eachFunc`.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @param {*} accumulator The initial value.\n * @param {boolean} initAccum Specify using the first or last element of\n * `collection` as the initial value.\n * @param {Function} eachFunc The function to iterate over `collection`.\n * @returns {*} Returns the accumulated value.\n */\n function baseReduce(\n collection,\n iteratee,\n accumulator,\n initAccum,\n eachFunc,\n ) {\n eachFunc(collection, function (value, index, collection) {\n accumulator = initAccum\n ? ((initAccum = false), value)\n : iteratee(accumulator, value, index, collection);\n });\n return accumulator;\n }\n\n /**\n * The base implementation of `_.sortBy` which uses `comparer` to define the\n * sort order of `array` and replaces criteria objects with their corresponding\n * values.\n *\n * @private\n * @param {Array} array The array to sort.\n * @param {Function} comparer The function to define sort order.\n * @returns {Array} Returns `array`.\n */\n function baseSortBy(array, comparer) {\n var length = array.length;\n\n array.sort(comparer);\n while (length--) {\n array[length] = array[length].value;\n }\n return array;\n }\n\n /**\n * The base implementation of `_.sum` and `_.sumBy` without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {number} Returns the sum.\n */\n function baseSum(array, iteratee) {\n var result,\n index = -1,\n length = array.length;\n\n while (++index < length) {\n var current = iteratee(array[index]);\n if (current !== undefined) {\n result = result === undefined ? current : result + current;\n }\n }\n return result;\n }\n\n /**\n * The base implementation of `_.times` without support for iteratee shorthands\n * or max array length checks.\n *\n * @private\n * @param {number} n The number of times to invoke `iteratee`.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns the array of results.\n */\n function baseTimes(n, iteratee) {\n var index = -1,\n result = Array(n);\n\n while (++index < n) {\n result[index] = iteratee(index);\n }\n return result;\n }\n\n /**\n * The base implementation of `_.toPairs` and `_.toPairsIn` which creates an array\n * of key-value pairs for `object` corresponding to the property names of `props`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Array} props The property names to get values for.\n * @returns {Object} Returns the key-value pairs.\n */\n function baseToPairs(object, props) {\n return arrayMap(props, function (key) {\n return [key, object[key]];\n });\n }\n\n /**\n * The base implementation of `_.unary` without support for storing metadata.\n *\n * @private\n * @param {Function} func The function to cap arguments for.\n * @returns {Function} Returns the new capped function.\n */\n function baseUnary(func) {\n return function (value) {\n return func(value);\n };\n }\n\n /**\n * The base implementation of `_.values` and `_.valuesIn` which creates an\n * array of `object` property values corresponding to the property names\n * of `props`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Array} props The property names to get values for.\n * @returns {Object} Returns the array of property values.\n */\n function baseValues(object, props) {\n return arrayMap(props, function (key) {\n return object[key];\n });\n }\n\n /**\n * Checks if a `cache` value for `key` exists.\n *\n * @private\n * @param {Object} cache The cache to query.\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\n function cacheHas(cache, key) {\n return cache.has(key);\n }\n\n /**\n * Used by `_.trim` and `_.trimStart` to get the index of the first string symbol\n * that is not found in the character symbols.\n *\n * @private\n * @param {Array} strSymbols The string symbols to inspect.\n * @param {Array} chrSymbols The character symbols to find.\n * @returns {number} Returns the index of the first unmatched string symbol.\n */\n function charsStartIndex(strSymbols, chrSymbols) {\n var index = -1,\n length = strSymbols.length;\n\n while (\n ++index < length &&\n baseIndexOf(chrSymbols, strSymbols[index], 0) > -1\n ) {}\n return index;\n }\n\n /**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last string symbol\n * that is not found in the character symbols.\n *\n * @private\n * @param {Array} strSymbols The string symbols to inspect.\n * @param {Array} chrSymbols The character symbols to find.\n * @returns {number} Returns the index of the last unmatched string symbol.\n */\n function charsEndIndex(strSymbols, chrSymbols) {\n var index = strSymbols.length;\n\n while (\n index-- &&\n baseIndexOf(chrSymbols, strSymbols[index], 0) > -1\n ) {}\n return index;\n }\n\n /**\n * Gets the number of `placeholder` occurrences in `array`.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} placeholder The placeholder to search for.\n * @returns {number} Returns the placeholder count.\n */\n function countHolders(array, placeholder) {\n var length = array.length,\n result = 0;\n\n while (length--) {\n if (array[length] === placeholder) {\n ++result;\n }\n }\n return result;\n }\n\n /**\n * Used by `_.deburr` to convert Latin-1 Supplement and Latin Extended-A\n * letters to basic Latin letters.\n *\n * @private\n * @param {string} letter The matched letter to deburr.\n * @returns {string} Returns the deburred letter.\n */\n var deburrLetter = basePropertyOf(deburredLetters);\n\n /**\n * Used by `_.escape` to convert characters to HTML entities.\n *\n * @private\n * @param {string} chr The matched character to escape.\n * @returns {string} Returns the escaped character.\n */\n var escapeHtmlChar = basePropertyOf(htmlEscapes);\n\n /**\n * Used by `_.template` to escape characters for inclusion in compiled string literals.\n *\n * @private\n * @param {string} chr The matched character to escape.\n * @returns {string} Returns the escaped character.\n */\n function escapeStringChar(chr) {\n return '\\\\' + stringEscapes[chr];\n }\n\n /**\n * Gets the value at `key` of `object`.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\n function getValue(object, key) {\n return object == null ? undefined : object[key];\n }\n\n /**\n * Checks if `string` contains Unicode symbols.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {boolean} Returns `true` if a symbol is found, else `false`.\n */\n function hasUnicode(string) {\n return reHasUnicode.test(string);\n }\n\n /**\n * Checks if `string` contains a word composed of Unicode symbols.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {boolean} Returns `true` if a word is found, else `false`.\n */\n function hasUnicodeWord(string) {\n return reHasUnicodeWord.test(string);\n }\n\n /**\n * Converts `iterator` to an array.\n *\n * @private\n * @param {Object} iterator The iterator to convert.\n * @returns {Array} Returns the converted array.\n */\n function iteratorToArray(iterator) {\n var data,\n result = [];\n\n while (!(data = iterator.next()).done) {\n result.push(data.value);\n }\n return result;\n }\n\n /**\n * Converts `map` to its key-value pairs.\n *\n * @private\n * @param {Object} map The map to convert.\n * @returns {Array} Returns the key-value pairs.\n */\n function mapToArray(map) {\n var index = -1,\n result = Array(map.size);\n\n map.forEach(function (value, key) {\n result[++index] = [key, value];\n });\n return result;\n }\n\n /**\n * Creates a unary function that invokes `func` with its argument transformed.\n *\n * @private\n * @param {Function} func The function to wrap.\n * @param {Function} transform The argument transform.\n * @returns {Function} Returns the new function.\n */\n function overArg(func, transform) {\n return function (arg) {\n return func(transform(arg));\n };\n }\n\n /**\n * Replaces all `placeholder` elements in `array` with an internal placeholder\n * and returns an array of their indexes.\n *\n * @private\n * @param {Array} array The array to modify.\n * @param {*} placeholder The placeholder to replace.\n * @returns {Array} Returns the new array of placeholder indexes.\n */\n function replaceHolders(array, placeholder) {\n var index = -1,\n length = array.length,\n resIndex = 0,\n result = [];\n\n while (++index < length) {\n var value = array[index];\n if (value === placeholder || value === PLACEHOLDER) {\n array[index] = PLACEHOLDER;\n result[resIndex++] = index;\n }\n }\n return result;\n }\n\n /**\n * Gets the value at `key`, unless `key` is \"__proto__\".\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\n function safeGet(object, key) {\n return key == '__proto__' ? undefined : object[key];\n }\n\n /**\n * Converts `set` to an array of its values.\n *\n * @private\n * @param {Object} set The set to convert.\n * @returns {Array} Returns the values.\n */\n function setToArray(set) {\n var index = -1,\n result = Array(set.size);\n\n set.forEach(function (value) {\n result[++index] = value;\n });\n return result;\n }\n\n /**\n * Converts `set` to its value-value pairs.\n *\n * @private\n * @param {Object} set The set to convert.\n * @returns {Array} Returns the value-value pairs.\n */\n function setToPairs(set) {\n var index = -1,\n result = Array(set.size);\n\n set.forEach(function (value) {\n result[++index] = [value, value];\n });\n return result;\n }\n\n /**\n * A specialized version of `_.indexOf` which performs strict equality\n * comparisons of values, i.e. `===`.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @param {number} fromIndex The index to search from.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\n function strictIndexOf(array, value, fromIndex) {\n var index = fromIndex - 1,\n length = array.length;\n\n while (++index < length) {\n if (array[index] === value) {\n return index;\n }\n }\n return -1;\n }\n\n /**\n * A specialized version of `_.lastIndexOf` which performs strict equality\n * comparisons of values, i.e. `===`.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @param {number} fromIndex The index to search from.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\n function strictLastIndexOf(array, value, fromIndex) {\n var index = fromIndex + 1;\n while (index--) {\n if (array[index] === value) {\n return index;\n }\n }\n return index;\n }\n\n /**\n * Gets the number of symbols in `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the string size.\n */\n function stringSize(string) {\n return hasUnicode(string) ? unicodeSize(string) : asciiSize(string);\n }\n\n /**\n * Converts `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\n function stringToArray(string) {\n return hasUnicode(string)\n ? unicodeToArray(string)\n : asciiToArray(string);\n }\n\n /**\n * Used by `_.unescape` to convert HTML entities to characters.\n *\n * @private\n * @param {string} chr The matched character to unescape.\n * @returns {string} Returns the unescaped character.\n */\n var unescapeHtmlChar = basePropertyOf(htmlUnescapes);\n\n /**\n * Gets the size of a Unicode `string`.\n *\n * @private\n * @param {string} string The string inspect.\n * @returns {number} Returns the string size.\n */\n function unicodeSize(string) {\n var result = (reUnicode.lastIndex = 0);\n while (reUnicode.test(string)) {\n ++result;\n }\n return result;\n }\n\n /**\n * Converts a Unicode `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\n function unicodeToArray(string) {\n return string.match(reUnicode) || [];\n }\n\n /**\n * Splits a Unicode `string` into an array of its words.\n *\n * @private\n * @param {string} The string to inspect.\n * @returns {Array} Returns the words of `string`.\n */\n function unicodeWords(string) {\n return string.match(reUnicodeWord) || [];\n }\n\n /*--------------------------------------------------------------------------*/\n\n /**\n * Create a new pristine `lodash` function using the `context` object.\n *\n * @static\n * @memberOf _\n * @since 1.1.0\n * @category Util\n * @param {Object} [context=root] The context object.\n * @returns {Function} Returns a new `lodash` function.\n * @example\n *\n * _.mixin({ 'foo': _.constant('foo') });\n *\n * var lodash = _.runInContext();\n * lodash.mixin({ 'bar': lodash.constant('bar') });\n *\n * _.isFunction(_.foo);\n * // => true\n * _.isFunction(_.bar);\n * // => false\n *\n * lodash.isFunction(lodash.foo);\n * // => false\n * lodash.isFunction(lodash.bar);\n * // => true\n *\n * // Create a suped-up `defer` in Node.js.\n * var defer = _.runInContext({ 'setTimeout': setImmediate }).defer;\n */\n var runInContext = function runInContext(context) {\n context =\n context == null\n ? root\n : _.defaults(\n root.Object(),\n context,\n _.pick(root, contextProps),\n );\n\n /** Built-in constructor references. */\n var Array = context.Array,\n Date = context.Date,\n Error = context.Error,\n Function = context.Function,\n Math = context.Math,\n Object = context.Object,\n RegExp = context.RegExp,\n String = context.String,\n TypeError = context.TypeError;\n\n /** Used for built-in method references. */\n var arrayProto = Array.prototype,\n funcProto = Function.prototype,\n objectProto = Object.prototype;\n\n /** Used to detect overreaching core-js shims. */\n var coreJsData = context['__core-js_shared__'];\n\n /** Used to resolve the decompiled source of functions. */\n var funcToString = funcProto.toString;\n\n /** Used to check objects for own properties. */\n var hasOwnProperty = objectProto.hasOwnProperty;\n\n /** Used to generate unique IDs. */\n var idCounter = 0;\n\n /** Used to detect methods masquerading as native. */\n var maskSrcKey = (function () {\n var uid = /[^.]+$/.exec(\n (coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO) ||\n '',\n );\n return uid ? 'Symbol(src)_1.' + uid : '';\n })();\n\n /**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\n var nativeObjectToString = objectProto.toString;\n\n /** Used to infer the `Object` constructor. */\n var objectCtorString = funcToString.call(Object);\n\n /** Used to restore the original `_` reference in `_.noConflict`. */\n var oldDash = root._;\n\n /** Used to detect if a method is native. */\n var reIsNative = RegExp(\n '^' +\n funcToString\n .call(hasOwnProperty)\n .replace(reRegExpChar, '\\\\$&')\n .replace(\n /hasOwnProperty|(function).*?(?=\\\\\\()| for .+?(?=\\\\\\])/g,\n '$1.*?',\n ) +\n '$',\n );\n\n /** Built-in value references. */\n var Buffer = moduleExports ? context.Buffer : undefined,\n Symbol = context.Symbol,\n Uint8Array = context.Uint8Array,\n allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined,\n getPrototype = overArg(Object.getPrototypeOf, Object),\n objectCreate = Object.create,\n propertyIsEnumerable = objectProto.propertyIsEnumerable,\n splice = arrayProto.splice,\n spreadableSymbol = Symbol ? Symbol.isConcatSpreadable : undefined,\n symIterator = Symbol ? Symbol.iterator : undefined,\n symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n var defineProperty = (function () {\n try {\n var func = getNative(Object, 'defineProperty');\n func({}, '', {});\n return func;\n } catch (e) {}\n })();\n\n /** Mocked built-ins. */\n var ctxClearTimeout =\n context.clearTimeout !== root.clearTimeout &&\n context.clearTimeout,\n ctxNow = Date && Date.now !== root.Date.now && Date.now,\n ctxSetTimeout =\n context.setTimeout !== root.setTimeout && context.setTimeout;\n\n /* Built-in method references for those with the same name as other `lodash` methods. */\n var nativeCeil = Math.ceil,\n nativeFloor = Math.floor,\n nativeGetSymbols = Object.getOwnPropertySymbols,\n nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined,\n nativeIsFinite = context.isFinite,\n nativeJoin = arrayProto.join,\n nativeKeys = overArg(Object.keys, Object),\n nativeMax = Math.max,\n nativeMin = Math.min,\n nativeNow = Date.now,\n nativeParseInt = context.parseInt,\n nativeRandom = Math.random,\n nativeReverse = arrayProto.reverse;\n\n /* Built-in method references that are verified to be native. */\n var DataView = getNative(context, 'DataView'),\n Map = getNative(context, 'Map'),\n Promise = getNative(context, 'Promise'),\n Set = getNative(context, 'Set'),\n WeakMap = getNative(context, 'WeakMap'),\n nativeCreate = getNative(Object, 'create');\n\n /** Used to store function metadata. */\n var metaMap = WeakMap && new WeakMap();\n\n /** Used to lookup unminified function names. */\n var realNames = {};\n\n /** Used to detect maps, sets, and weakmaps. */\n var dataViewCtorString = toSource(DataView),\n mapCtorString = toSource(Map),\n promiseCtorString = toSource(Promise),\n setCtorString = toSource(Set),\n weakMapCtorString = toSource(WeakMap);\n\n /** Used to convert symbols to primitives and strings. */\n var symbolProto = Symbol ? Symbol.prototype : undefined,\n symbolValueOf = symbolProto ? symbolProto.valueOf : undefined,\n symbolToString = symbolProto ? symbolProto.toString : undefined;\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Creates a `lodash` object which wraps `value` to enable implicit method\n * chain sequences. Methods that operate on and return arrays, collections,\n * and functions can be chained together. Methods that retrieve a single value\n * or may return a primitive value will automatically end the chain sequence\n * and return the unwrapped value. Otherwise, the value must be unwrapped\n * with `_#value`.\n *\n * Explicit chain sequences, which must be unwrapped with `_#value`, may be\n * enabled using `_.chain`.\n *\n * The execution of chained methods is lazy, that is, it's deferred until\n * `_#value` is implicitly or explicitly called.\n *\n * Lazy evaluation allows several methods to support shortcut fusion.\n * Shortcut fusion is an optimization to merge iteratee calls; this avoids\n * the creation of intermediate arrays and can greatly reduce the number of\n * iteratee executions. Sections of a chain sequence qualify for shortcut\n * fusion if the section is applied to an array and iteratees accept only\n * one argument. The heuristic for whether a section qualifies for shortcut\n * fusion is subject to change.\n *\n * Chaining is supported in custom builds as long as the `_#value` method is\n * directly or indirectly included in the build.\n *\n * In addition to lodash methods, wrappers have `Array` and `String` methods.\n *\n * The wrapper `Array` methods are:\n * `concat`, `join`, `pop`, `push`, `shift`, `sort`, `splice`, and `unshift`\n *\n * The wrapper `String` methods are:\n * `replace` and `split`\n *\n * The wrapper methods that support shortcut fusion are:\n * `at`, `compact`, `drop`, `dropRight`, `dropWhile`, `filter`, `find`,\n * `findLast`, `head`, `initial`, `last`, `map`, `reject`, `reverse`, `slice`,\n * `tail`, `take`, `takeRight`, `takeRightWhile`, `takeWhile`, and `toArray`\n *\n * The chainable wrapper methods are:\n * `after`, `ary`, `assign`, `assignIn`, `assignInWith`, `assignWith`, `at`,\n * `before`, `bind`, `bindAll`, `bindKey`, `castArray`, `chain`, `chunk`,\n * `commit`, `compact`, `concat`, `conforms`, `constant`, `countBy`, `create`,\n * `curry`, `debounce`, `defaults`, `defaultsDeep`, `defer`, `delay`,\n * `difference`, `differenceBy`, `differenceWith`, `drop`, `dropRight`,\n * `dropRightWhile`, `dropWhile`, `extend`, `extendWith`, `fill`, `filter`,\n * `flatMap`, `flatMapDeep`, `flatMapDepth`, `flatten`, `flattenDeep`,\n * `flattenDepth`, `flip`, `flow`, `flowRight`, `fromPairs`, `functions`,\n * `functionsIn`, `groupBy`, `initial`, `intersection`, `intersectionBy`,\n * `intersectionWith`, `invert`, `invertBy`, `invokeMap`, `iteratee`, `keyBy`,\n * `keys`, `keysIn`, `map`, `mapKeys`, `mapValues`, `matches`, `matchesProperty`,\n * `memoize`, `merge`, `mergeWith`, `method`, `methodOf`, `mixin`, `negate`,\n * `nthArg`, `omit`, `omitBy`, `once`, `orderBy`, `over`, `overArgs`,\n * `overEvery`, `overSome`, `partial`, `partialRight`, `partition`, `pick`,\n * `pickBy`, `plant`, `property`, `propertyOf`, `pull`, `pullAll`, `pullAllBy`,\n * `pullAllWith`, `pullAt`, `push`, `range`, `rangeRight`, `rearg`, `reject`,\n * `remove`, `rest`, `reverse`, `sampleSize`, `set`, `setWith`, `shuffle`,\n * `slice`, `sort`, `sortBy`, `splice`, `spread`, `tail`, `take`, `takeRight`,\n * `takeRightWhile`, `takeWhile`, `tap`, `throttle`, `thru`, `toArray`,\n * `toPairs`, `toPairsIn`, `toPath`, `toPlainObject`, `transform`, `unary`,\n * `union`, `unionBy`, `unionWith`, `uniq`, `uniqBy`, `uniqWith`, `unset`,\n * `unshift`, `unzip`, `unzipWith`, `update`, `updateWith`, `values`,\n * `valuesIn`, `without`, `wrap`, `xor`, `xorBy`, `xorWith`, `zip`,\n * `zipObject`, `zipObjectDeep`, and `zipWith`\n *\n * The wrapper methods that are **not** chainable by default are:\n * `add`, `attempt`, `camelCase`, `capitalize`, `ceil`, `clamp`, `clone`,\n * `cloneDeep`, `cloneDeepWith`, `cloneWith`, `conformsTo`, `deburr`,\n * `defaultTo`, `divide`, `each`, `eachRight`, `endsWith`, `eq`, `escape`,\n * `escapeRegExp`, `every`, `find`, `findIndex`, `findKey`, `findLast`,\n * `findLastIndex`, `findLastKey`, `first`, `floor`, `forEach`, `forEachRight`,\n * `forIn`, `forInRight`, `forOwn`, `forOwnRight`, `get`, `gt`, `gte`, `has`,\n * `hasIn`, `head`, `identity`, `includes`, `indexOf`, `inRange`, `invoke`,\n * `isArguments`, `isArray`, `isArrayBuffer`, `isArrayLike`, `isArrayLikeObject`,\n * `isBoolean`, `isBuffer`, `isDate`, `isElement`, `isEmpty`, `isEqual`,\n * `isEqualWith`, `isError`, `isFinite`, `isFunction`, `isInteger`, `isLength`,\n * `isMap`, `isMatch`, `isMatchWith`, `isNaN`, `isNative`, `isNil`, `isNull`,\n * `isNumber`, `isObject`, `isObjectLike`, `isPlainObject`, `isRegExp`,\n * `isSafeInteger`, `isSet`, `isString`, `isUndefined`, `isTypedArray`,\n * `isWeakMap`, `isWeakSet`, `join`, `kebabCase`, `last`, `lastIndexOf`,\n * `lowerCase`, `lowerFirst`, `lt`, `lte`, `max`, `maxBy`, `mean`, `meanBy`,\n * `min`, `minBy`, `multiply`, `noConflict`, `noop`, `now`, `nth`, `pad`,\n * `padEnd`, `padStart`, `parseInt`, `pop`, `random`, `reduce`, `reduceRight`,\n * `repeat`, `result`, `round`, `runInContext`, `sample`, `shift`, `size`,\n * `snakeCase`, `some`, `sortedIndex`, `sortedIndexBy`, `sortedLastIndex`,\n * `sortedLastIndexBy`, `startCase`, `startsWith`, `stubArray`, `stubFalse`,\n * `stubObject`, `stubString`, `stubTrue`, `subtract`, `sum`, `sumBy`,\n * `template`, `times`, `toFinite`, `toInteger`, `toJSON`, `toLength`,\n * `toLower`, `toNumber`, `toSafeInteger`, `toString`, `toUpper`, `trim`,\n * `trimEnd`, `trimStart`, `truncate`, `unescape`, `uniqueId`, `upperCase`,\n * `upperFirst`, `value`, and `words`\n *\n * @name _\n * @constructor\n * @category Seq\n * @param {*} value The value to wrap in a `lodash` instance.\n * @returns {Object} Returns the new `lodash` wrapper instance.\n * @example\n *\n * function square(n) {\n * return n * n;\n * }\n *\n * var wrapped = _([1, 2, 3]);\n *\n * // Returns an unwrapped value.\n * wrapped.reduce(_.add);\n * // => 6\n *\n * // Returns a wrapped value.\n * var squares = wrapped.map(square);\n *\n * _.isArray(squares);\n * // => false\n *\n * _.isArray(squares.value());\n * // => true\n */\n function lodash(value) {\n if (\n isObjectLike(value) &&\n !isArray(value) &&\n !(value instanceof LazyWrapper)\n ) {\n if (value instanceof LodashWrapper) {\n return value;\n }\n if (hasOwnProperty.call(value, '__wrapped__')) {\n return wrapperClone(value);\n }\n }\n return new LodashWrapper(value);\n }\n\n /**\n * The base implementation of `_.create` without support for assigning\n * properties to the created object.\n *\n * @private\n * @param {Object} proto The object to inherit from.\n * @returns {Object} Returns the new object.\n */\n var baseCreate = (function () {\n function object() {}\n return function (proto) {\n if (!isObject(proto)) {\n return {};\n }\n if (objectCreate) {\n return objectCreate(proto);\n }\n object.prototype = proto;\n var result = new object();\n object.prototype = undefined;\n return result;\n };\n })();\n\n /**\n * The function whose prototype chain sequence wrappers inherit from.\n *\n * @private\n */\n function baseLodash() {\n // No operation performed.\n }\n\n /**\n * The base constructor for creating `lodash` wrapper objects.\n *\n * @private\n * @param {*} value The value to wrap.\n * @param {boolean} [chainAll] Enable explicit method chain sequences.\n */\n function LodashWrapper(value, chainAll) {\n this.__wrapped__ = value;\n this.__actions__ = [];\n this.__chain__ = !!chainAll;\n this.__index__ = 0;\n this.__values__ = undefined;\n }\n\n /**\n * By default, the template delimiters used by lodash are like those in\n * embedded Ruby (ERB) as well as ES2015 template strings. Change the\n * following template settings to use alternative delimiters.\n *\n * @static\n * @memberOf _\n * @type {Object}\n */\n lodash.templateSettings = {\n /**\n * Used to detect `data` property values to be HTML-escaped.\n *\n * @memberOf _.templateSettings\n * @type {RegExp}\n */\n escape: reEscape,\n\n /**\n * Used to detect code to be evaluated.\n *\n * @memberOf _.templateSettings\n * @type {RegExp}\n */\n evaluate: reEvaluate,\n\n /**\n * Used to detect `data` property values to inject.\n *\n * @memberOf _.templateSettings\n * @type {RegExp}\n */\n interpolate: reInterpolate,\n\n /**\n * Used to reference the data object in the template text.\n *\n * @memberOf _.templateSettings\n * @type {string}\n */\n variable: '',\n\n /**\n * Used to import variables into the compiled template.\n *\n * @memberOf _.templateSettings\n * @type {Object}\n */\n imports: {\n /**\n * A reference to the `lodash` function.\n *\n * @memberOf _.templateSettings.imports\n * @type {Function}\n */\n _: lodash,\n },\n };\n\n // Ensure wrappers are instances of `baseLodash`.\n lodash.prototype = baseLodash.prototype;\n lodash.prototype.constructor = lodash;\n\n LodashWrapper.prototype = baseCreate(baseLodash.prototype);\n LodashWrapper.prototype.constructor = LodashWrapper;\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Creates a lazy wrapper object which wraps `value` to enable lazy evaluation.\n *\n * @private\n * @constructor\n * @param {*} value The value to wrap.\n */\n function LazyWrapper(value) {\n this.__wrapped__ = value;\n this.__actions__ = [];\n this.__dir__ = 1;\n this.__filtered__ = false;\n this.__iteratees__ = [];\n this.__takeCount__ = MAX_ARRAY_LENGTH;\n this.__views__ = [];\n }\n\n /**\n * Creates a clone of the lazy wrapper object.\n *\n * @private\n * @name clone\n * @memberOf LazyWrapper\n * @returns {Object} Returns the cloned `LazyWrapper` object.\n */\n function lazyClone() {\n var result = new LazyWrapper(this.__wrapped__);\n result.__actions__ = copyArray(this.__actions__);\n result.__dir__ = this.__dir__;\n result.__filtered__ = this.__filtered__;\n result.__iteratees__ = copyArray(this.__iteratees__);\n result.__takeCount__ = this.__takeCount__;\n result.__views__ = copyArray(this.__views__);\n return result;\n }\n\n /**\n * Reverses the direction of lazy iteration.\n *\n * @private\n * @name reverse\n * @memberOf LazyWrapper\n * @returns {Object} Returns the new reversed `LazyWrapper` object.\n */\n function lazyReverse() {\n if (this.__filtered__) {\n var result = new LazyWrapper(this);\n result.__dir__ = -1;\n result.__filtered__ = true;\n } else {\n result = this.clone();\n result.__dir__ *= -1;\n }\n return result;\n }\n\n /**\n * Extracts the unwrapped value from its lazy wrapper.\n *\n * @private\n * @name value\n * @memberOf LazyWrapper\n * @returns {*} Returns the unwrapped value.\n */\n function lazyValue() {\n var array = this.__wrapped__.value(),\n dir = this.__dir__,\n isArr = isArray(array),\n isRight = dir < 0,\n arrLength = isArr ? array.length : 0,\n view = getView(0, arrLength, this.__views__),\n start = view.start,\n end = view.end,\n length = end - start,\n index = isRight ? end : start - 1,\n iteratees = this.__iteratees__,\n iterLength = iteratees.length,\n resIndex = 0,\n takeCount = nativeMin(length, this.__takeCount__);\n\n if (\n !isArr ||\n (!isRight && arrLength == length && takeCount == length)\n ) {\n return baseWrapperValue(array, this.__actions__);\n }\n var result = [];\n\n outer: while (length-- && resIndex < takeCount) {\n index += dir;\n\n var iterIndex = -1,\n value = array[index];\n\n while (++iterIndex < iterLength) {\n var data = iteratees[iterIndex],\n iteratee = data.iteratee,\n type = data.type,\n computed = iteratee(value);\n\n if (type == LAZY_MAP_FLAG) {\n value = computed;\n } else if (!computed) {\n if (type == LAZY_FILTER_FLAG) {\n continue outer;\n } else {\n break outer;\n }\n }\n }\n result[resIndex++] = value;\n }\n return result;\n }\n\n // Ensure `LazyWrapper` is an instance of `baseLodash`.\n LazyWrapper.prototype = baseCreate(baseLodash.prototype);\n LazyWrapper.prototype.constructor = LazyWrapper;\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Creates a hash object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\n function Hash(entries) {\n var index = -1,\n length = entries == null ? 0 : entries.length;\n\n this.clear();\n while (++index < length) {\n var entry = entries[index];\n this.set(entry[0], entry[1]);\n }\n }\n\n /**\n * Removes all key-value entries from the hash.\n *\n * @private\n * @name clear\n * @memberOf Hash\n */\n function hashClear() {\n this.__data__ = nativeCreate ? nativeCreate(null) : {};\n this.size = 0;\n }\n\n /**\n * Removes `key` and its value from the hash.\n *\n * @private\n * @name delete\n * @memberOf Hash\n * @param {Object} hash The hash to modify.\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\n function hashDelete(key) {\n var result = this.has(key) && delete this.__data__[key];\n this.size -= result ? 1 : 0;\n return result;\n }\n\n /**\n * Gets the hash value for `key`.\n *\n * @private\n * @name get\n * @memberOf Hash\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\n function hashGet(key) {\n var data = this.__data__;\n if (nativeCreate) {\n var result = data[key];\n return result === HASH_UNDEFINED ? undefined : result;\n }\n return hasOwnProperty.call(data, key) ? data[key] : undefined;\n }\n\n /**\n * Checks if a hash value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf Hash\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\n function hashHas(key) {\n var data = this.__data__;\n return nativeCreate\n ? data[key] !== undefined\n : hasOwnProperty.call(data, key);\n }\n\n /**\n * Sets the hash `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf Hash\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the hash instance.\n */\n function hashSet(key, value) {\n var data = this.__data__;\n this.size += this.has(key) ? 0 : 1;\n data[key] =\n nativeCreate && value === undefined ? HASH_UNDEFINED : value;\n return this;\n }\n\n // Add methods to `Hash`.\n Hash.prototype.clear = hashClear;\n Hash.prototype['delete'] = hashDelete;\n Hash.prototype.get = hashGet;\n Hash.prototype.has = hashHas;\n Hash.prototype.set = hashSet;\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Creates an list cache object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\n function ListCache(entries) {\n var index = -1,\n length = entries == null ? 0 : entries.length;\n\n this.clear();\n while (++index < length) {\n var entry = entries[index];\n this.set(entry[0], entry[1]);\n }\n }\n\n /**\n * Removes all key-value entries from the list cache.\n *\n * @private\n * @name clear\n * @memberOf ListCache\n */\n function listCacheClear() {\n this.__data__ = [];\n this.size = 0;\n }\n\n /**\n * Removes `key` and its value from the list cache.\n *\n * @private\n * @name delete\n * @memberOf ListCache\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\n function listCacheDelete(key) {\n var data = this.__data__,\n index = assocIndexOf(data, key);\n\n if (index < 0) {\n return false;\n }\n var lastIndex = data.length - 1;\n if (index == lastIndex) {\n data.pop();\n } else {\n splice.call(data, index, 1);\n }\n --this.size;\n return true;\n }\n\n /**\n * Gets the list cache value for `key`.\n *\n * @private\n * @name get\n * @memberOf ListCache\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\n function listCacheGet(key) {\n var data = this.__data__,\n index = assocIndexOf(data, key);\n\n return index < 0 ? undefined : data[index][1];\n }\n\n /**\n * Checks if a list cache value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf ListCache\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\n function listCacheHas(key) {\n return assocIndexOf(this.__data__, key) > -1;\n }\n\n /**\n * Sets the list cache `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf ListCache\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the list cache instance.\n */\n function listCacheSet(key, value) {\n var data = this.__data__,\n index = assocIndexOf(data, key);\n\n if (index < 0) {\n ++this.size;\n data.push([key, value]);\n } else {\n data[index][1] = value;\n }\n return this;\n }\n\n // Add methods to `ListCache`.\n ListCache.prototype.clear = listCacheClear;\n ListCache.prototype['delete'] = listCacheDelete;\n ListCache.prototype.get = listCacheGet;\n ListCache.prototype.has = listCacheHas;\n ListCache.prototype.set = listCacheSet;\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Creates a map cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\n function MapCache(entries) {\n var index = -1,\n length = entries == null ? 0 : entries.length;\n\n this.clear();\n while (++index < length) {\n var entry = entries[index];\n this.set(entry[0], entry[1]);\n }\n }\n\n /**\n * Removes all key-value entries from the map.\n *\n * @private\n * @name clear\n * @memberOf MapCache\n */\n function mapCacheClear() {\n this.size = 0;\n this.__data__ = {\n hash: new Hash(),\n map: new (Map || ListCache)(),\n string: new Hash(),\n };\n }\n\n /**\n * Removes `key` and its value from the map.\n *\n * @private\n * @name delete\n * @memberOf MapCache\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\n function mapCacheDelete(key) {\n var result = getMapData(this, key)['delete'](key);\n this.size -= result ? 1 : 0;\n return result;\n }\n\n /**\n * Gets the map value for `key`.\n *\n * @private\n * @name get\n * @memberOf MapCache\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\n function mapCacheGet(key) {\n return getMapData(this, key).get(key);\n }\n\n /**\n * Checks if a map value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf MapCache\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\n function mapCacheHas(key) {\n return getMapData(this, key).has(key);\n }\n\n /**\n * Sets the map `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf MapCache\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the map cache instance.\n */\n function mapCacheSet(key, value) {\n var data = getMapData(this, key),\n size = data.size;\n\n data.set(key, value);\n this.size += data.size == size ? 0 : 1;\n return this;\n }\n\n // Add methods to `MapCache`.\n MapCache.prototype.clear = mapCacheClear;\n MapCache.prototype['delete'] = mapCacheDelete;\n MapCache.prototype.get = mapCacheGet;\n MapCache.prototype.has = mapCacheHas;\n MapCache.prototype.set = mapCacheSet;\n\n /*------------------------------------------------------------------------*/\n\n /**\n *\n * Creates an array cache object to store unique values.\n *\n * @private\n * @constructor\n * @param {Array} [values] The values to cache.\n */\n function SetCache(values) {\n var index = -1,\n length = values == null ? 0 : values.length;\n\n this.__data__ = new MapCache();\n while (++index < length) {\n this.add(values[index]);\n }\n }\n\n /**\n * Adds `value` to the array cache.\n *\n * @private\n * @name add\n * @memberOf SetCache\n * @alias push\n * @param {*} value The value to cache.\n * @returns {Object} Returns the cache instance.\n */\n function setCacheAdd(value) {\n this.__data__.set(value, HASH_UNDEFINED);\n return this;\n }\n\n /**\n * Checks if `value` is in the array cache.\n *\n * @private\n * @name has\n * @memberOf SetCache\n * @param {*} value The value to search for.\n * @returns {number} Returns `true` if `value` is found, else `false`.\n */\n function setCacheHas(value) {\n return this.__data__.has(value);\n }\n\n // Add methods to `SetCache`.\n SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;\n SetCache.prototype.has = setCacheHas;\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Creates a stack cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\n function Stack(entries) {\n var data = (this.__data__ = new ListCache(entries));\n this.size = data.size;\n }\n\n /**\n * Removes all key-value entries from the stack.\n *\n * @private\n * @name clear\n * @memberOf Stack\n */\n function stackClear() {\n this.__data__ = new ListCache();\n this.size = 0;\n }\n\n /**\n * Removes `key` and its value from the stack.\n *\n * @private\n * @name delete\n * @memberOf Stack\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\n function stackDelete(key) {\n var data = this.__data__,\n result = data['delete'](key);\n\n this.size = data.size;\n return result;\n }\n\n /**\n * Gets the stack value for `key`.\n *\n * @private\n * @name get\n * @memberOf Stack\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\n function stackGet(key) {\n return this.__data__.get(key);\n }\n\n /**\n * Checks if a stack value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf Stack\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\n function stackHas(key) {\n return this.__data__.has(key);\n }\n\n /**\n * Sets the stack `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf Stack\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the stack cache instance.\n */\n function stackSet(key, value) {\n var data = this.__data__;\n if (data instanceof ListCache) {\n var pairs = data.__data__;\n if (!Map || pairs.length < LARGE_ARRAY_SIZE - 1) {\n pairs.push([key, value]);\n this.size = ++data.size;\n return this;\n }\n data = this.__data__ = new MapCache(pairs);\n }\n data.set(key, value);\n this.size = data.size;\n return this;\n }\n\n // Add methods to `Stack`.\n Stack.prototype.clear = stackClear;\n Stack.prototype['delete'] = stackDelete;\n Stack.prototype.get = stackGet;\n Stack.prototype.has = stackHas;\n Stack.prototype.set = stackSet;\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Creates an array of the enumerable property names of the array-like `value`.\n *\n * @private\n * @param {*} value The value to query.\n * @param {boolean} inherited Specify returning inherited property names.\n * @returns {Array} Returns the array of property names.\n */\n function arrayLikeKeys(value, inherited) {\n var isArr = isArray(value),\n isArg = !isArr && isArguments(value),\n isBuff = !isArr && !isArg && isBuffer(value),\n isType = !isArr && !isArg && !isBuff && isTypedArray(value),\n skipIndexes = isArr || isArg || isBuff || isType,\n result = skipIndexes ? baseTimes(value.length, String) : [],\n length = result.length;\n\n for (var key in value) {\n if (\n (inherited || hasOwnProperty.call(value, key)) &&\n !(\n skipIndexes &&\n // Safari 9 has enumerable `arguments.length` in strict mode.\n (key == 'length' ||\n // Node.js 0.10 has enumerable non-index properties on buffers.\n (isBuff && (key == 'offset' || key == 'parent')) ||\n // PhantomJS 2 has enumerable non-index properties on typed arrays.\n (isType &&\n (key == 'buffer' ||\n key == 'byteLength' ||\n key == 'byteOffset')) ||\n // Skip index properties.\n isIndex(key, length))\n )\n ) {\n result.push(key);\n }\n }\n return result;\n }\n\n /**\n * A specialized version of `_.sample` for arrays.\n *\n * @private\n * @param {Array} array The array to sample.\n * @returns {*} Returns the random element.\n */\n function arraySample(array) {\n var length = array.length;\n return length ? array[baseRandom(0, length - 1)] : undefined;\n }\n\n /**\n * A specialized version of `_.sampleSize` for arrays.\n *\n * @private\n * @param {Array} array The array to sample.\n * @param {number} n The number of elements to sample.\n * @returns {Array} Returns the random elements.\n */\n function arraySampleSize(array, n) {\n return shuffleSelf(\n copyArray(array),\n baseClamp(n, 0, array.length),\n );\n }\n\n /**\n * A specialized version of `_.shuffle` for arrays.\n *\n * @private\n * @param {Array} array The array to shuffle.\n * @returns {Array} Returns the new shuffled array.\n */\n function arrayShuffle(array) {\n return shuffleSelf(copyArray(array));\n }\n\n /**\n * This function is like `assignValue` except that it doesn't assign\n * `undefined` values.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\n function assignMergeValue(object, key, value) {\n if (\n (value !== undefined && !eq(object[key], value)) ||\n (value === undefined && !(key in object))\n ) {\n baseAssignValue(object, key, value);\n }\n }\n\n /**\n * Assigns `value` to `key` of `object` if the existing value is not equivalent\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\n function assignValue(object, key, value) {\n var objValue = object[key];\n if (\n !(hasOwnProperty.call(object, key) && eq(objValue, value)) ||\n (value === undefined && !(key in object))\n ) {\n baseAssignValue(object, key, value);\n }\n }\n\n /**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\n function assocIndexOf(array, key) {\n var length = array.length;\n while (length--) {\n if (eq(array[length][0], key)) {\n return length;\n }\n }\n return -1;\n }\n\n /**\n * Aggregates elements of `collection` on `accumulator` with keys transformed\n * by `iteratee` and values set by `setter`.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} setter The function to set `accumulator` values.\n * @param {Function} iteratee The iteratee to transform keys.\n * @param {Object} accumulator The initial aggregated object.\n * @returns {Function} Returns `accumulator`.\n */\n function baseAggregator(collection, setter, iteratee, accumulator) {\n baseEach(collection, function (value, key, collection) {\n setter(accumulator, value, iteratee(value), collection);\n });\n return accumulator;\n }\n\n /**\n * The base implementation of `_.assign` without support for multiple sources\n * or `customizer` functions.\n *\n * @private\n * @param {Object} object The destination object.\n * @param {Object} source The source object.\n * @returns {Object} Returns `object`.\n */\n function baseAssign(object, source) {\n return object && copyObject(source, keys(source), object);\n }\n\n /**\n * The base implementation of `_.assignIn` without support for multiple sources\n * or `customizer` functions.\n *\n * @private\n * @param {Object} object The destination object.\n * @param {Object} source The source object.\n * @returns {Object} Returns `object`.\n */\n function baseAssignIn(object, source) {\n return object && copyObject(source, keysIn(source), object);\n }\n\n /**\n * The base implementation of `assignValue` and `assignMergeValue` without\n * value checks.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\n function baseAssignValue(object, key, value) {\n if (key == '__proto__' && defineProperty) {\n defineProperty(object, key, {\n configurable: true,\n enumerable: true,\n value: value,\n writable: true,\n });\n } else {\n object[key] = value;\n }\n }\n\n /**\n * The base implementation of `_.at` without support for individual paths.\n *\n * @private\n * @param {Object} object The object to iterate over.\n * @param {string[]} paths The property paths to pick.\n * @returns {Array} Returns the picked elements.\n */\n function baseAt(object, paths) {\n var index = -1,\n length = paths.length,\n result = Array(length),\n skip = object == null;\n\n while (++index < length) {\n result[index] = skip ? undefined : get(object, paths[index]);\n }\n return result;\n }\n\n /**\n * The base implementation of `_.clamp` which doesn't coerce arguments.\n *\n * @private\n * @param {number} number The number to clamp.\n * @param {number} [lower] The lower bound.\n * @param {number} upper The upper bound.\n * @returns {number} Returns the clamped number.\n */\n function baseClamp(number, lower, upper) {\n if (number === number) {\n if (upper !== undefined) {\n number = number <= upper ? number : upper;\n }\n if (lower !== undefined) {\n number = number >= lower ? number : lower;\n }\n }\n return number;\n }\n\n /**\n * The base implementation of `_.clone` and `_.cloneDeep` which tracks\n * traversed objects.\n *\n * @private\n * @param {*} value The value to clone.\n * @param {boolean} bitmask The bitmask flags.\n * 1 - Deep clone\n * 2 - Flatten inherited properties\n * 4 - Clone symbols\n * @param {Function} [customizer] The function to customize cloning.\n * @param {string} [key] The key of `value`.\n * @param {Object} [object] The parent object of `value`.\n * @param {Object} [stack] Tracks traversed objects and their clone counterparts.\n * @returns {*} Returns the cloned value.\n */\n function baseClone(value, bitmask, customizer, key, object, stack) {\n var result,\n isDeep = bitmask & CLONE_DEEP_FLAG,\n isFlat = bitmask & CLONE_FLAT_FLAG,\n isFull = bitmask & CLONE_SYMBOLS_FLAG;\n\n if (customizer) {\n result = object\n ? customizer(value, key, object, stack)\n : customizer(value);\n }\n if (result !== undefined) {\n return result;\n }\n if (!isObject(value)) {\n return value;\n }\n var isArr = isArray(value);\n if (isArr) {\n result = initCloneArray(value);\n if (!isDeep) {\n return copyArray(value, result);\n }\n } else {\n var tag = getTag(value),\n isFunc = tag == funcTag || tag == genTag;\n\n if (isBuffer(value)) {\n return cloneBuffer(value, isDeep);\n }\n if (tag == objectTag || tag == argsTag || (isFunc && !object)) {\n result = isFlat || isFunc ? {} : initCloneObject(value);\n if (!isDeep) {\n return isFlat\n ? copySymbolsIn(value, baseAssignIn(result, value))\n : copySymbols(value, baseAssign(result, value));\n }\n } else {\n if (!cloneableTags[tag]) {\n return object ? value : {};\n }\n result = initCloneByTag(value, tag, isDeep);\n }\n }\n // Check for circular references and return its corresponding clone.\n stack || (stack = new Stack());\n var stacked = stack.get(value);\n if (stacked) {\n return stacked;\n }\n stack.set(value, result);\n\n if (isSet(value)) {\n value.forEach(function (subValue) {\n result.add(\n baseClone(\n subValue,\n bitmask,\n customizer,\n subValue,\n value,\n stack,\n ),\n );\n });\n\n return result;\n }\n\n if (isMap(value)) {\n value.forEach(function (subValue, key) {\n result.set(\n key,\n baseClone(subValue, bitmask, customizer, key, value, stack),\n );\n });\n\n return result;\n }\n\n var keysFunc = isFull\n ? isFlat\n ? getAllKeysIn\n : getAllKeys\n : isFlat\n ? keysIn\n : keys;\n\n var props = isArr ? undefined : keysFunc(value);\n arrayEach(props || value, function (subValue, key) {\n if (props) {\n key = subValue;\n subValue = value[key];\n }\n // Recursively populate clone (susceptible to call stack limits).\n assignValue(\n result,\n key,\n baseClone(subValue, bitmask, customizer, key, value, stack),\n );\n });\n return result;\n }\n\n /**\n * The base implementation of `_.conforms` which doesn't clone `source`.\n *\n * @private\n * @param {Object} source The object of property predicates to conform to.\n * @returns {Function} Returns the new spec function.\n */\n function baseConforms(source) {\n var props = keys(source);\n return function (object) {\n return baseConformsTo(object, source, props);\n };\n }\n\n /**\n * The base implementation of `_.conformsTo` which accepts `props` to check.\n *\n * @private\n * @param {Object} object The object to inspect.\n * @param {Object} source The object of property predicates to conform to.\n * @returns {boolean} Returns `true` if `object` conforms, else `false`.\n */\n function baseConformsTo(object, source, props) {\n var length = props.length;\n if (object == null) {\n return !length;\n }\n object = Object(object);\n while (length--) {\n var key = props[length],\n predicate = source[key],\n value = object[key];\n\n if (\n (value === undefined && !(key in object)) ||\n !predicate(value)\n ) {\n return false;\n }\n }\n return true;\n }\n\n /**\n * The base implementation of `_.delay` and `_.defer` which accepts `args`\n * to provide to `func`.\n *\n * @private\n * @param {Function} func The function to delay.\n * @param {number} wait The number of milliseconds to delay invocation.\n * @param {Array} args The arguments to provide to `func`.\n * @returns {number|Object} Returns the timer id or timeout object.\n */\n function baseDelay(func, wait, args) {\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n return setTimeout(function () {\n func.apply(undefined, args);\n }, wait);\n }\n\n /**\n * The base implementation of methods like `_.difference` without support\n * for excluding multiple arrays or iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {Array} values The values to exclude.\n * @param {Function} [iteratee] The iteratee invoked per element.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns the new array of filtered values.\n */\n function baseDifference(array, values, iteratee, comparator) {\n var index = -1,\n includes = arrayIncludes,\n isCommon = true,\n length = array.length,\n result = [],\n valuesLength = values.length;\n\n if (!length) {\n return result;\n }\n if (iteratee) {\n values = arrayMap(values, baseUnary(iteratee));\n }\n if (comparator) {\n includes = arrayIncludesWith;\n isCommon = false;\n } else if (values.length >= LARGE_ARRAY_SIZE) {\n includes = cacheHas;\n isCommon = false;\n values = new SetCache(values);\n }\n outer: while (++index < length) {\n var value = array[index],\n computed = iteratee == null ? value : iteratee(value);\n\n value = comparator || value !== 0 ? value : 0;\n if (isCommon && computed === computed) {\n var valuesIndex = valuesLength;\n while (valuesIndex--) {\n if (values[valuesIndex] === computed) {\n continue outer;\n }\n }\n result.push(value);\n } else if (!includes(values, computed, comparator)) {\n result.push(value);\n }\n }\n return result;\n }\n\n /**\n * The base implementation of `_.forEach` without support for iteratee shorthands.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array|Object} Returns `collection`.\n */\n var baseEach = createBaseEach(baseForOwn);\n\n /**\n * The base implementation of `_.forEachRight` without support for iteratee shorthands.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array|Object} Returns `collection`.\n */\n var baseEachRight = createBaseEach(baseForOwnRight, true);\n\n /**\n * The base implementation of `_.every` without support for iteratee shorthands.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} predicate The function invoked per iteration.\n * @returns {boolean} Returns `true` if all elements pass the predicate check,\n * else `false`\n */\n function baseEvery(collection, predicate) {\n var result = true;\n baseEach(collection, function (value, index, collection) {\n result = !!predicate(value, index, collection);\n return result;\n });\n return result;\n }\n\n /**\n * The base implementation of methods like `_.max` and `_.min` which accepts a\n * `comparator` to determine the extremum value.\n *\n * @private\n * @param {Array} array The array to iterate over.\n * @param {Function} iteratee The iteratee invoked per iteration.\n * @param {Function} comparator The comparator used to compare values.\n * @returns {*} Returns the extremum value.\n */\n function baseExtremum(array, iteratee, comparator) {\n var index = -1,\n length = array.length;\n\n while (++index < length) {\n var value = array[index],\n current = iteratee(value);\n\n if (\n current != null &&\n (computed === undefined\n ? current === current && !isSymbol(current)\n : comparator(current, computed))\n ) {\n var computed = current,\n result = value;\n }\n }\n return result;\n }\n\n /**\n * The base implementation of `_.fill` without an iteratee call guard.\n *\n * @private\n * @param {Array} array The array to fill.\n * @param {*} value The value to fill `array` with.\n * @param {number} [start=0] The start position.\n * @param {number} [end=array.length] The end position.\n * @returns {Array} Returns `array`.\n */\n function baseFill(array, value, start, end) {\n var length = array.length;\n\n start = toInteger(start);\n if (start < 0) {\n start = -start > length ? 0 : length + start;\n }\n end = end === undefined || end > length ? length : toInteger(end);\n if (end < 0) {\n end += length;\n }\n end = start > end ? 0 : toLength(end);\n while (start < end) {\n array[start++] = value;\n }\n return array;\n }\n\n /**\n * The base implementation of `_.filter` without support for iteratee shorthands.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} predicate The function invoked per iteration.\n * @returns {Array} Returns the new filtered array.\n */\n function baseFilter(collection, predicate) {\n var result = [];\n baseEach(collection, function (value, index, collection) {\n if (predicate(value, index, collection)) {\n result.push(value);\n }\n });\n return result;\n }\n\n /**\n * The base implementation of `_.flatten` with support for restricting flattening.\n *\n * @private\n * @param {Array} array The array to flatten.\n * @param {number} depth The maximum recursion depth.\n * @param {boolean} [predicate=isFlattenable] The function invoked per iteration.\n * @param {boolean} [isStrict] Restrict to values that pass `predicate` checks.\n * @param {Array} [result=[]] The initial result value.\n * @returns {Array} Returns the new flattened array.\n */\n function baseFlatten(array, depth, predicate, isStrict, result) {\n var index = -1,\n length = array.length;\n\n predicate || (predicate = isFlattenable);\n result || (result = []);\n\n while (++index < length) {\n var value = array[index];\n if (depth > 0 && predicate(value)) {\n if (depth > 1) {\n // Recursively flatten arrays (susceptible to call stack limits).\n baseFlatten(value, depth - 1, predicate, isStrict, result);\n } else {\n arrayPush(result, value);\n }\n } else if (!isStrict) {\n result[result.length] = value;\n }\n }\n return result;\n }\n\n /**\n * The base implementation of `baseForOwn` which iterates over `object`\n * properties returned by `keysFunc` and invokes `iteratee` for each property.\n * Iteratee functions may exit iteration early by explicitly returning `false`.\n *\n * @private\n * @param {Object} object The object to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @param {Function} keysFunc The function to get the keys of `object`.\n * @returns {Object} Returns `object`.\n */\n var baseFor = createBaseFor();\n\n /**\n * This function is like `baseFor` except that it iterates over properties\n * in the opposite order.\n *\n * @private\n * @param {Object} object The object to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @param {Function} keysFunc The function to get the keys of `object`.\n * @returns {Object} Returns `object`.\n */\n var baseForRight = createBaseFor(true);\n\n /**\n * The base implementation of `_.forOwn` without support for iteratee shorthands.\n *\n * @private\n * @param {Object} object The object to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Object} Returns `object`.\n */\n function baseForOwn(object, iteratee) {\n return object && baseFor(object, iteratee, keys);\n }\n\n /**\n * The base implementation of `_.forOwnRight` without support for iteratee shorthands.\n *\n * @private\n * @param {Object} object The object to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Object} Returns `object`.\n */\n function baseForOwnRight(object, iteratee) {\n return object && baseForRight(object, iteratee, keys);\n }\n\n /**\n * The base implementation of `_.functions` which creates an array of\n * `object` function property names filtered from `props`.\n *\n * @private\n * @param {Object} object The object to inspect.\n * @param {Array} props The property names to filter.\n * @returns {Array} Returns the function names.\n */\n function baseFunctions(object, props) {\n return arrayFilter(props, function (key) {\n return isFunction(object[key]);\n });\n }\n\n /**\n * The base implementation of `_.get` without support for default values.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Array|string} path The path of the property to get.\n * @returns {*} Returns the resolved value.\n */\n function baseGet(object, path) {\n path = castPath(path, object);\n\n var index = 0,\n length = path.length;\n\n while (object != null && index < length) {\n object = object[toKey(path[index++])];\n }\n return index && index == length ? object : undefined;\n }\n\n /**\n * The base implementation of `getAllKeys` and `getAllKeysIn` which uses\n * `keysFunc` and `symbolsFunc` to get the enumerable property names and\n * symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Function} keysFunc The function to get the keys of `object`.\n * @param {Function} symbolsFunc The function to get the symbols of `object`.\n * @returns {Array} Returns the array of property names and symbols.\n */\n function baseGetAllKeys(object, keysFunc, symbolsFunc) {\n var result = keysFunc(object);\n return isArray(object)\n ? result\n : arrayPush(result, symbolsFunc(object));\n }\n\n /**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\n function baseGetTag(value) {\n if (value == null) {\n return value === undefined ? undefinedTag : nullTag;\n }\n return symToStringTag && symToStringTag in Object(value)\n ? getRawTag(value)\n : objectToString(value);\n }\n\n /**\n * The base implementation of `_.gt` which doesn't coerce arguments.\n *\n * @private\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if `value` is greater than `other`,\n * else `false`.\n */\n function baseGt(value, other) {\n return value > other;\n }\n\n /**\n * The base implementation of `_.has` without support for deep paths.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {Array|string} key The key to check.\n * @returns {boolean} Returns `true` if `key` exists, else `false`.\n */\n function baseHas(object, key) {\n return object != null && hasOwnProperty.call(object, key);\n }\n\n /**\n * The base implementation of `_.hasIn` without support for deep paths.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {Array|string} key The key to check.\n * @returns {boolean} Returns `true` if `key` exists, else `false`.\n */\n function baseHasIn(object, key) {\n return object != null && key in Object(object);\n }\n\n /**\n * The base implementation of `_.inRange` which doesn't coerce arguments.\n *\n * @private\n * @param {number} number The number to check.\n * @param {number} start The start of the range.\n * @param {number} end The end of the range.\n * @returns {boolean} Returns `true` if `number` is in the range, else `false`.\n */\n function baseInRange(number, start, end) {\n return (\n number >= nativeMin(start, end) &&\n number < nativeMax(start, end)\n );\n }\n\n /**\n * The base implementation of methods like `_.intersection`, without support\n * for iteratee shorthands, that accepts an array of arrays to inspect.\n *\n * @private\n * @param {Array} arrays The arrays to inspect.\n * @param {Function} [iteratee] The iteratee invoked per element.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns the new array of shared values.\n */\n function baseIntersection(arrays, iteratee, comparator) {\n var includes = comparator ? arrayIncludesWith : arrayIncludes,\n length = arrays[0].length,\n othLength = arrays.length,\n othIndex = othLength,\n caches = Array(othLength),\n maxLength = Infinity,\n result = [];\n\n while (othIndex--) {\n var array = arrays[othIndex];\n if (othIndex && iteratee) {\n array = arrayMap(array, baseUnary(iteratee));\n }\n maxLength = nativeMin(array.length, maxLength);\n caches[othIndex] =\n !comparator &&\n (iteratee || (length >= 120 && array.length >= 120))\n ? new SetCache(othIndex && array)\n : undefined;\n }\n array = arrays[0];\n\n var index = -1,\n seen = caches[0];\n\n outer: while (++index < length && result.length < maxLength) {\n var value = array[index],\n computed = iteratee ? iteratee(value) : value;\n\n value = comparator || value !== 0 ? value : 0;\n if (\n !(seen\n ? cacheHas(seen, computed)\n : includes(result, computed, comparator))\n ) {\n othIndex = othLength;\n while (--othIndex) {\n var cache = caches[othIndex];\n if (\n !(cache\n ? cacheHas(cache, computed)\n : includes(arrays[othIndex], computed, comparator))\n ) {\n continue outer;\n }\n }\n if (seen) {\n seen.push(computed);\n }\n result.push(value);\n }\n }\n return result;\n }\n\n /**\n * The base implementation of `_.invert` and `_.invertBy` which inverts\n * `object` with values transformed by `iteratee` and set by `setter`.\n *\n * @private\n * @param {Object} object The object to iterate over.\n * @param {Function} setter The function to set `accumulator` values.\n * @param {Function} iteratee The iteratee to transform values.\n * @param {Object} accumulator The initial inverted object.\n * @returns {Function} Returns `accumulator`.\n */\n function baseInverter(object, setter, iteratee, accumulator) {\n baseForOwn(object, function (value, key, object) {\n setter(accumulator, iteratee(value), key, object);\n });\n return accumulator;\n }\n\n /**\n * The base implementation of `_.invoke` without support for individual\n * method arguments.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Array|string} path The path of the method to invoke.\n * @param {Array} args The arguments to invoke the method with.\n * @returns {*} Returns the result of the invoked method.\n */\n function baseInvoke(object, path, args) {\n path = castPath(path, object);\n object = parent(object, path);\n var func = object == null ? object : object[toKey(last(path))];\n return func == null ? undefined : apply(func, object, args);\n }\n\n /**\n * The base implementation of `_.isArguments`.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n */\n function baseIsArguments(value) {\n return isObjectLike(value) && baseGetTag(value) == argsTag;\n }\n\n /**\n * The base implementation of `_.isArrayBuffer` without Node.js optimizations.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array buffer, else `false`.\n */\n function baseIsArrayBuffer(value) {\n return isObjectLike(value) && baseGetTag(value) == arrayBufferTag;\n }\n\n /**\n * The base implementation of `_.isDate` without Node.js optimizations.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a date object, else `false`.\n */\n function baseIsDate(value) {\n return isObjectLike(value) && baseGetTag(value) == dateTag;\n }\n\n /**\n * The base implementation of `_.isEqual` which supports partial comparisons\n * and tracks traversed objects.\n *\n * @private\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @param {boolean} bitmask The bitmask flags.\n * 1 - Unordered comparison\n * 2 - Partial comparison\n * @param {Function} [customizer] The function to customize comparisons.\n * @param {Object} [stack] Tracks traversed `value` and `other` objects.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n */\n function baseIsEqual(value, other, bitmask, customizer, stack) {\n if (value === other) {\n return true;\n }\n if (\n value == null ||\n other == null ||\n (!isObjectLike(value) && !isObjectLike(other))\n ) {\n return value !== value && other !== other;\n }\n return baseIsEqualDeep(\n value,\n other,\n bitmask,\n customizer,\n baseIsEqual,\n stack,\n );\n }\n\n /**\n * A specialized version of `baseIsEqual` for arrays and objects which performs\n * deep comparisons and tracks traversed objects enabling objects with circular\n * references to be compared.\n *\n * @private\n * @param {Object} object The object to compare.\n * @param {Object} other The other object to compare.\n * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.\n * @param {Function} customizer The function to customize comparisons.\n * @param {Function} equalFunc The function to determine equivalents of values.\n * @param {Object} [stack] Tracks traversed `object` and `other` objects.\n * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.\n */\n function baseIsEqualDeep(\n object,\n other,\n bitmask,\n customizer,\n equalFunc,\n stack,\n ) {\n var objIsArr = isArray(object),\n othIsArr = isArray(other),\n objTag = objIsArr ? arrayTag : getTag(object),\n othTag = othIsArr ? arrayTag : getTag(other);\n\n objTag = objTag == argsTag ? objectTag : objTag;\n othTag = othTag == argsTag ? objectTag : othTag;\n\n var objIsObj = objTag == objectTag,\n othIsObj = othTag == objectTag,\n isSameTag = objTag == othTag;\n\n if (isSameTag && isBuffer(object)) {\n if (!isBuffer(other)) {\n return false;\n }\n objIsArr = true;\n objIsObj = false;\n }\n if (isSameTag && !objIsObj) {\n stack || (stack = new Stack());\n return objIsArr || isTypedArray(object)\n ? equalArrays(\n object,\n other,\n bitmask,\n customizer,\n equalFunc,\n stack,\n )\n : equalByTag(\n object,\n other,\n objTag,\n bitmask,\n customizer,\n equalFunc,\n stack,\n );\n }\n if (!(bitmask & COMPARE_PARTIAL_FLAG)) {\n var objIsWrapped =\n objIsObj && hasOwnProperty.call(object, '__wrapped__'),\n othIsWrapped =\n othIsObj && hasOwnProperty.call(other, '__wrapped__');\n\n if (objIsWrapped || othIsWrapped) {\n var objUnwrapped = objIsWrapped ? object.value() : object,\n othUnwrapped = othIsWrapped ? other.value() : other;\n\n stack || (stack = new Stack());\n return equalFunc(\n objUnwrapped,\n othUnwrapped,\n bitmask,\n customizer,\n stack,\n );\n }\n }\n if (!isSameTag) {\n return false;\n }\n stack || (stack = new Stack());\n return equalObjects(\n object,\n other,\n bitmask,\n customizer,\n equalFunc,\n stack,\n );\n }\n\n /**\n * The base implementation of `_.isMap` without Node.js optimizations.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a map, else `false`.\n */\n function baseIsMap(value) {\n return isObjectLike(value) && getTag(value) == mapTag;\n }\n\n /**\n * The base implementation of `_.isMatch` without support for iteratee shorthands.\n *\n * @private\n * @param {Object} object The object to inspect.\n * @param {Object} source The object of property values to match.\n * @param {Array} matchData The property names, values, and compare flags to match.\n * @param {Function} [customizer] The function to customize comparisons.\n * @returns {boolean} Returns `true` if `object` is a match, else `false`.\n */\n function baseIsMatch(object, source, matchData, customizer) {\n var index = matchData.length,\n length = index,\n noCustomizer = !customizer;\n\n if (object == null) {\n return !length;\n }\n object = Object(object);\n while (index--) {\n var data = matchData[index];\n if (\n noCustomizer && data[2]\n ? data[1] !== object[data[0]]\n : !(data[0] in object)\n ) {\n return false;\n }\n }\n while (++index < length) {\n data = matchData[index];\n var key = data[0],\n objValue = object[key],\n srcValue = data[1];\n\n if (noCustomizer && data[2]) {\n if (objValue === undefined && !(key in object)) {\n return false;\n }\n } else {\n var stack = new Stack();\n if (customizer) {\n var result = customizer(\n objValue,\n srcValue,\n key,\n object,\n source,\n stack,\n );\n }\n if (\n !(result === undefined\n ? baseIsEqual(\n srcValue,\n objValue,\n COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG,\n customizer,\n stack,\n )\n : result)\n ) {\n return false;\n }\n }\n }\n return true;\n }\n\n /**\n * The base implementation of `_.isNative` without bad shim checks.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a native function,\n * else `false`.\n */\n function baseIsNative(value) {\n if (!isObject(value) || isMasked(value)) {\n return false;\n }\n var pattern = isFunction(value) ? reIsNative : reIsHostCtor;\n return pattern.test(toSource(value));\n }\n\n /**\n * The base implementation of `_.isRegExp` without Node.js optimizations.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a regexp, else `false`.\n */\n function baseIsRegExp(value) {\n return isObjectLike(value) && baseGetTag(value) == regexpTag;\n }\n\n /**\n * The base implementation of `_.isSet` without Node.js optimizations.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a set, else `false`.\n */\n function baseIsSet(value) {\n return isObjectLike(value) && getTag(value) == setTag;\n }\n\n /**\n * The base implementation of `_.isTypedArray` without Node.js optimizations.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.\n */\n function baseIsTypedArray(value) {\n return (\n isObjectLike(value) &&\n isLength(value.length) &&\n !!typedArrayTags[baseGetTag(value)]\n );\n }\n\n /**\n * The base implementation of `_.iteratee`.\n *\n * @private\n * @param {*} [value=_.identity] The value to convert to an iteratee.\n * @returns {Function} Returns the iteratee.\n */\n function baseIteratee(value) {\n // Don't store the `typeof` result in a variable to avoid a JIT bug in Safari 9.\n // See https://bugs.webkit.org/show_bug.cgi?id=156034 for more details.\n if (typeof value == 'function') {\n return value;\n }\n if (value == null) {\n return identity;\n }\n if (typeof value == 'object') {\n return isArray(value)\n ? baseMatchesProperty(value[0], value[1])\n : baseMatches(value);\n }\n return property(value);\n }\n\n /**\n * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n */\n function baseKeys(object) {\n if (!isPrototype(object)) {\n return nativeKeys(object);\n }\n var result = [];\n for (var key in Object(object)) {\n if (hasOwnProperty.call(object, key) && key != 'constructor') {\n result.push(key);\n }\n }\n return result;\n }\n\n /**\n * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n */\n function baseKeysIn(object) {\n if (!isObject(object)) {\n return nativeKeysIn(object);\n }\n var isProto = isPrototype(object),\n result = [];\n\n for (var key in object) {\n if (\n !(\n key == 'constructor' &&\n (isProto || !hasOwnProperty.call(object, key))\n )\n ) {\n result.push(key);\n }\n }\n return result;\n }\n\n /**\n * The base implementation of `_.lt` which doesn't coerce arguments.\n *\n * @private\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if `value` is less than `other`,\n * else `false`.\n */\n function baseLt(value, other) {\n return value < other;\n }\n\n /**\n * The base implementation of `_.map` without support for iteratee shorthands.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns the new mapped array.\n */\n function baseMap(collection, iteratee) {\n var index = -1,\n result = isArrayLike(collection)\n ? Array(collection.length)\n : [];\n\n baseEach(collection, function (value, key, collection) {\n result[++index] = iteratee(value, key, collection);\n });\n return result;\n }\n\n /**\n * The base implementation of `_.matches` which doesn't clone `source`.\n *\n * @private\n * @param {Object} source The object of property values to match.\n * @returns {Function} Returns the new spec function.\n */\n function baseMatches(source) {\n var matchData = getMatchData(source);\n if (matchData.length == 1 && matchData[0][2]) {\n return matchesStrictComparable(\n matchData[0][0],\n matchData[0][1],\n );\n }\n return function (object) {\n return (\n object === source || baseIsMatch(object, source, matchData)\n );\n };\n }\n\n /**\n * The base implementation of `_.matchesProperty` which doesn't clone `srcValue`.\n *\n * @private\n * @param {string} path The path of the property to get.\n * @param {*} srcValue The value to match.\n * @returns {Function} Returns the new spec function.\n */\n function baseMatchesProperty(path, srcValue) {\n if (isKey(path) && isStrictComparable(srcValue)) {\n return matchesStrictComparable(toKey(path), srcValue);\n }\n return function (object) {\n var objValue = get(object, path);\n return objValue === undefined && objValue === srcValue\n ? hasIn(object, path)\n : baseIsEqual(\n srcValue,\n objValue,\n COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG,\n );\n };\n }\n\n /**\n * The base implementation of `_.merge` without support for multiple sources.\n *\n * @private\n * @param {Object} object The destination object.\n * @param {Object} source The source object.\n * @param {number} srcIndex The index of `source`.\n * @param {Function} [customizer] The function to customize merged values.\n * @param {Object} [stack] Tracks traversed source values and their merged\n * counterparts.\n */\n function baseMerge(object, source, srcIndex, customizer, stack) {\n if (object === source) {\n return;\n }\n baseFor(\n source,\n function (srcValue, key) {\n if (isObject(srcValue)) {\n stack || (stack = new Stack());\n baseMergeDeep(\n object,\n source,\n key,\n srcIndex,\n baseMerge,\n customizer,\n stack,\n );\n } else {\n var newValue = customizer\n ? customizer(\n safeGet(object, key),\n srcValue,\n key + '',\n object,\n source,\n stack,\n )\n : undefined;\n\n if (newValue === undefined) {\n newValue = srcValue;\n }\n assignMergeValue(object, key, newValue);\n }\n },\n keysIn,\n );\n }\n\n /**\n * A specialized version of `baseMerge` for arrays and objects which performs\n * deep merges and tracks traversed objects enabling objects with circular\n * references to be merged.\n *\n * @private\n * @param {Object} object The destination object.\n * @param {Object} source The source object.\n * @param {string} key The key of the value to merge.\n * @param {number} srcIndex The index of `source`.\n * @param {Function} mergeFunc The function to merge values.\n * @param {Function} [customizer] The function to customize assigned values.\n * @param {Object} [stack] Tracks traversed source values and their merged\n * counterparts.\n */\n function baseMergeDeep(\n object,\n source,\n key,\n srcIndex,\n mergeFunc,\n customizer,\n stack,\n ) {\n var objValue = safeGet(object, key),\n srcValue = safeGet(source, key),\n stacked = stack.get(srcValue);\n\n if (stacked) {\n assignMergeValue(object, key, stacked);\n return;\n }\n var newValue = customizer\n ? customizer(\n objValue,\n srcValue,\n key + '',\n object,\n source,\n stack,\n )\n : undefined;\n\n var isCommon = newValue === undefined;\n\n if (isCommon) {\n var isArr = isArray(srcValue),\n isBuff = !isArr && isBuffer(srcValue),\n isTyped = !isArr && !isBuff && isTypedArray(srcValue);\n\n newValue = srcValue;\n if (isArr || isBuff || isTyped) {\n if (isArray(objValue)) {\n newValue = objValue;\n } else if (isArrayLikeObject(objValue)) {\n newValue = copyArray(objValue);\n } else if (isBuff) {\n isCommon = false;\n newValue = cloneBuffer(srcValue, true);\n } else if (isTyped) {\n isCommon = false;\n newValue = cloneTypedArray(srcValue, true);\n } else {\n newValue = [];\n }\n } else if (isPlainObject(srcValue) || isArguments(srcValue)) {\n newValue = objValue;\n if (isArguments(objValue)) {\n newValue = toPlainObject(objValue);\n } else if (\n !isObject(objValue) ||\n (srcIndex && isFunction(objValue))\n ) {\n newValue = initCloneObject(srcValue);\n }\n } else {\n isCommon = false;\n }\n }\n if (isCommon) {\n // Recursively merge objects and arrays (susceptible to call stack limits).\n stack.set(srcValue, newValue);\n mergeFunc(newValue, srcValue, srcIndex, customizer, stack);\n stack['delete'](srcValue);\n }\n assignMergeValue(object, key, newValue);\n }\n\n /**\n * The base implementation of `_.nth` which doesn't coerce arguments.\n *\n * @private\n * @param {Array} array The array to query.\n * @param {number} n The index of the element to return.\n * @returns {*} Returns the nth element of `array`.\n */\n function baseNth(array, n) {\n var length = array.length;\n if (!length) {\n return;\n }\n n += n < 0 ? length : 0;\n return isIndex(n, length) ? array[n] : undefined;\n }\n\n /**\n * The base implementation of `_.orderBy` without param guards.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function[]|Object[]|string[]} iteratees The iteratees to sort by.\n * @param {string[]} orders The sort orders of `iteratees`.\n * @returns {Array} Returns the new sorted array.\n */\n function baseOrderBy(collection, iteratees, orders) {\n var index = -1;\n iteratees = arrayMap(\n iteratees.length ? iteratees : [identity],\n baseUnary(getIteratee()),\n );\n\n var result = baseMap(\n collection,\n function (value, key, collection) {\n var criteria = arrayMap(iteratees, function (iteratee) {\n return iteratee(value);\n });\n return { criteria: criteria, index: ++index, value: value };\n },\n );\n\n return baseSortBy(result, function (object, other) {\n return compareMultiple(object, other, orders);\n });\n }\n\n /**\n * The base implementation of `_.pick` without support for individual\n * property identifiers.\n *\n * @private\n * @param {Object} object The source object.\n * @param {string[]} paths The property paths to pick.\n * @returns {Object} Returns the new object.\n */\n function basePick(object, paths) {\n return basePickBy(object, paths, function (value, path) {\n return hasIn(object, path);\n });\n }\n\n /**\n * The base implementation of `_.pickBy` without support for iteratee shorthands.\n *\n * @private\n * @param {Object} object The source object.\n * @param {string[]} paths The property paths to pick.\n * @param {Function} predicate The function invoked per property.\n * @returns {Object} Returns the new object.\n */\n function basePickBy(object, paths, predicate) {\n var index = -1,\n length = paths.length,\n result = {};\n\n while (++index < length) {\n var path = paths[index],\n value = baseGet(object, path);\n\n if (predicate(value, path)) {\n baseSet(result, castPath(path, object), value);\n }\n }\n return result;\n }\n\n /**\n * A specialized version of `baseProperty` which supports deep paths.\n *\n * @private\n * @param {Array|string} path The path of the property to get.\n * @returns {Function} Returns the new accessor function.\n */\n function basePropertyDeep(path) {\n return function (object) {\n return baseGet(object, path);\n };\n }\n\n /**\n * The base implementation of `_.pullAllBy` without support for iteratee\n * shorthands.\n *\n * @private\n * @param {Array} array The array to modify.\n * @param {Array} values The values to remove.\n * @param {Function} [iteratee] The iteratee invoked per element.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns `array`.\n */\n function basePullAll(array, values, iteratee, comparator) {\n var indexOf = comparator ? baseIndexOfWith : baseIndexOf,\n index = -1,\n length = values.length,\n seen = array;\n\n if (array === values) {\n values = copyArray(values);\n }\n if (iteratee) {\n seen = arrayMap(array, baseUnary(iteratee));\n }\n while (++index < length) {\n var fromIndex = 0,\n value = values[index],\n computed = iteratee ? iteratee(value) : value;\n\n while (\n (fromIndex = indexOf(seen, computed, fromIndex, comparator)) >\n -1\n ) {\n if (seen !== array) {\n splice.call(seen, fromIndex, 1);\n }\n splice.call(array, fromIndex, 1);\n }\n }\n return array;\n }\n\n /**\n * The base implementation of `_.pullAt` without support for individual\n * indexes or capturing the removed elements.\n *\n * @private\n * @param {Array} array The array to modify.\n * @param {number[]} indexes The indexes of elements to remove.\n * @returns {Array} Returns `array`.\n */\n function basePullAt(array, indexes) {\n var length = array ? indexes.length : 0,\n lastIndex = length - 1;\n\n while (length--) {\n var index = indexes[length];\n if (length == lastIndex || index !== previous) {\n var previous = index;\n if (isIndex(index)) {\n splice.call(array, index, 1);\n } else {\n baseUnset(array, index);\n }\n }\n }\n return array;\n }\n\n /**\n * The base implementation of `_.random` without support for returning\n * floating-point numbers.\n *\n * @private\n * @param {number} lower The lower bound.\n * @param {number} upper The upper bound.\n * @returns {number} Returns the random number.\n */\n function baseRandom(lower, upper) {\n return lower + nativeFloor(nativeRandom() * (upper - lower + 1));\n }\n\n /**\n * The base implementation of `_.range` and `_.rangeRight` which doesn't\n * coerce arguments.\n *\n * @private\n * @param {number} start The start of the range.\n * @param {number} end The end of the range.\n * @param {number} step The value to increment or decrement by.\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {Array} Returns the range of numbers.\n */\n function baseRange(start, end, step, fromRight) {\n var index = -1,\n length = nativeMax(nativeCeil((end - start) / (step || 1)), 0),\n result = Array(length);\n\n while (length--) {\n result[fromRight ? length : ++index] = start;\n start += step;\n }\n return result;\n }\n\n /**\n * The base implementation of `_.repeat` which doesn't coerce arguments.\n *\n * @private\n * @param {string} string The string to repeat.\n * @param {number} n The number of times to repeat the string.\n * @returns {string} Returns the repeated string.\n */\n function baseRepeat(string, n) {\n var result = '';\n if (!string || n < 1 || n > MAX_SAFE_INTEGER) {\n return result;\n }\n // Leverage the exponentiation by squaring algorithm for a faster repeat.\n // See https://en.wikipedia.org/wiki/Exponentiation_by_squaring for more details.\n do {\n if (n % 2) {\n result += string;\n }\n n = nativeFloor(n / 2);\n if (n) {\n string += string;\n }\n } while (n);\n\n return result;\n }\n\n /**\n * The base implementation of `_.rest` which doesn't validate or coerce arguments.\n *\n * @private\n * @param {Function} func The function to apply a rest parameter to.\n * @param {number} [start=func.length-1] The start position of the rest parameter.\n * @returns {Function} Returns the new function.\n */\n function baseRest(func, start) {\n return setToString(overRest(func, start, identity), func + '');\n }\n\n /**\n * The base implementation of `_.sample`.\n *\n * @private\n * @param {Array|Object} collection The collection to sample.\n * @returns {*} Returns the random element.\n */\n function baseSample(collection) {\n return arraySample(values(collection));\n }\n\n /**\n * The base implementation of `_.sampleSize` without param guards.\n *\n * @private\n * @param {Array|Object} collection The collection to sample.\n * @param {number} n The number of elements to sample.\n * @returns {Array} Returns the random elements.\n */\n function baseSampleSize(collection, n) {\n var array = values(collection);\n return shuffleSelf(array, baseClamp(n, 0, array.length));\n }\n\n /**\n * The base implementation of `_.set`.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to set.\n * @param {*} value The value to set.\n * @param {Function} [customizer] The function to customize path creation.\n * @returns {Object} Returns `object`.\n */\n function baseSet(object, path, value, customizer) {\n if (!isObject(object)) {\n return object;\n }\n path = castPath(path, object);\n\n var index = -1,\n length = path.length,\n lastIndex = length - 1,\n nested = object;\n\n while (nested != null && ++index < length) {\n var key = toKey(path[index]),\n newValue = value;\n\n if (index != lastIndex) {\n var objValue = nested[key];\n newValue = customizer\n ? customizer(objValue, key, nested)\n : undefined;\n if (newValue === undefined) {\n newValue = isObject(objValue)\n ? objValue\n : isIndex(path[index + 1])\n ? []\n : {};\n }\n }\n assignValue(nested, key, newValue);\n nested = nested[key];\n }\n return object;\n }\n\n /**\n * The base implementation of `setData` without support for hot loop shorting.\n *\n * @private\n * @param {Function} func The function to associate metadata with.\n * @param {*} data The metadata.\n * @returns {Function} Returns `func`.\n */\n var baseSetData = !metaMap\n ? identity\n : function (func, data) {\n metaMap.set(func, data);\n return func;\n };\n\n /**\n * The base implementation of `setToString` without support for hot loop shorting.\n *\n * @private\n * @param {Function} func The function to modify.\n * @param {Function} string The `toString` result.\n * @returns {Function} Returns `func`.\n */\n var baseSetToString = !defineProperty\n ? identity\n : function (func, string) {\n return defineProperty(func, 'toString', {\n configurable: true,\n enumerable: false,\n value: constant(string),\n writable: true,\n });\n };\n\n /**\n * The base implementation of `_.shuffle`.\n *\n * @private\n * @param {Array|Object} collection The collection to shuffle.\n * @returns {Array} Returns the new shuffled array.\n */\n function baseShuffle(collection) {\n return shuffleSelf(values(collection));\n }\n\n /**\n * The base implementation of `_.slice` without an iteratee call guard.\n *\n * @private\n * @param {Array} array The array to slice.\n * @param {number} [start=0] The start position.\n * @param {number} [end=array.length] The end position.\n * @returns {Array} Returns the slice of `array`.\n */\n function baseSlice(array, start, end) {\n var index = -1,\n length = array.length;\n\n if (start < 0) {\n start = -start > length ? 0 : length + start;\n }\n end = end > length ? length : end;\n if (end < 0) {\n end += length;\n }\n length = start > end ? 0 : (end - start) >>> 0;\n start >>>= 0;\n\n var result = Array(length);\n while (++index < length) {\n result[index] = array[index + start];\n }\n return result;\n }\n\n /**\n * The base implementation of `_.some` without support for iteratee shorthands.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} predicate The function invoked per iteration.\n * @returns {boolean} Returns `true` if any element passes the predicate check,\n * else `false`.\n */\n function baseSome(collection, predicate) {\n var result;\n\n baseEach(collection, function (value, index, collection) {\n result = predicate(value, index, collection);\n return !result;\n });\n return !!result;\n }\n\n /**\n * The base implementation of `_.sortedIndex` and `_.sortedLastIndex` which\n * performs a binary search of `array` to determine the index at which `value`\n * should be inserted into `array` in order to maintain its sort order.\n *\n * @private\n * @param {Array} array The sorted array to inspect.\n * @param {*} value The value to evaluate.\n * @param {boolean} [retHighest] Specify returning the highest qualified index.\n * @returns {number} Returns the index at which `value` should be inserted\n * into `array`.\n */\n function baseSortedIndex(array, value, retHighest) {\n var low = 0,\n high = array == null ? low : array.length;\n\n if (\n typeof value == 'number' &&\n value === value &&\n high <= HALF_MAX_ARRAY_LENGTH\n ) {\n while (low < high) {\n var mid = (low + high) >>> 1,\n computed = array[mid];\n\n if (\n computed !== null &&\n !isSymbol(computed) &&\n (retHighest ? computed <= value : computed < value)\n ) {\n low = mid + 1;\n } else {\n high = mid;\n }\n }\n return high;\n }\n return baseSortedIndexBy(array, value, identity, retHighest);\n }\n\n /**\n * The base implementation of `_.sortedIndexBy` and `_.sortedLastIndexBy`\n * which invokes `iteratee` for `value` and each element of `array` to compute\n * their sort ranking. The iteratee is invoked with one argument; (value).\n *\n * @private\n * @param {Array} array The sorted array to inspect.\n * @param {*} value The value to evaluate.\n * @param {Function} iteratee The iteratee invoked per element.\n * @param {boolean} [retHighest] Specify returning the highest qualified index.\n * @returns {number} Returns the index at which `value` should be inserted\n * into `array`.\n */\n function baseSortedIndexBy(array, value, iteratee, retHighest) {\n value = iteratee(value);\n\n var low = 0,\n high = array == null ? 0 : array.length,\n valIsNaN = value !== value,\n valIsNull = value === null,\n valIsSymbol = isSymbol(value),\n valIsUndefined = value === undefined;\n\n while (low < high) {\n var mid = nativeFloor((low + high) / 2),\n computed = iteratee(array[mid]),\n othIsDefined = computed !== undefined,\n othIsNull = computed === null,\n othIsReflexive = computed === computed,\n othIsSymbol = isSymbol(computed);\n\n if (valIsNaN) {\n var setLow = retHighest || othIsReflexive;\n } else if (valIsUndefined) {\n setLow = othIsReflexive && (retHighest || othIsDefined);\n } else if (valIsNull) {\n setLow =\n othIsReflexive &&\n othIsDefined &&\n (retHighest || !othIsNull);\n } else if (valIsSymbol) {\n setLow =\n othIsReflexive &&\n othIsDefined &&\n !othIsNull &&\n (retHighest || !othIsSymbol);\n } else if (othIsNull || othIsSymbol) {\n setLow = false;\n } else {\n setLow = retHighest ? computed <= value : computed < value;\n }\n if (setLow) {\n low = mid + 1;\n } else {\n high = mid;\n }\n }\n return nativeMin(high, MAX_ARRAY_INDEX);\n }\n\n /**\n * The base implementation of `_.sortedUniq` and `_.sortedUniqBy` without\n * support for iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {Function} [iteratee] The iteratee invoked per element.\n * @returns {Array} Returns the new duplicate free array.\n */\n function baseSortedUniq(array, iteratee) {\n var index = -1,\n length = array.length,\n resIndex = 0,\n result = [];\n\n while (++index < length) {\n var value = array[index],\n computed = iteratee ? iteratee(value) : value;\n\n if (!index || !eq(computed, seen)) {\n var seen = computed;\n result[resIndex++] = value === 0 ? 0 : value;\n }\n }\n return result;\n }\n\n /**\n * The base implementation of `_.toNumber` which doesn't ensure correct\n * conversions of binary, hexadecimal, or octal string values.\n *\n * @private\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n */\n function baseToNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n return +value;\n }\n\n /**\n * The base implementation of `_.toString` which doesn't convert nullish\n * values to empty strings.\n *\n * @private\n * @param {*} value The value to process.\n * @returns {string} Returns the string.\n */\n function baseToString(value) {\n // Exit early for strings to avoid a performance hit in some environments.\n if (typeof value == 'string') {\n return value;\n }\n if (isArray(value)) {\n // Recursively convert values (susceptible to call stack limits).\n return arrayMap(value, baseToString) + '';\n }\n if (isSymbol(value)) {\n return symbolToString ? symbolToString.call(value) : '';\n }\n var result = value + '';\n return result == '0' && 1 / value == -INFINITY ? '-0' : result;\n }\n\n /**\n * The base implementation of `_.uniqBy` without support for iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {Function} [iteratee] The iteratee invoked per element.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns the new duplicate free array.\n */\n function baseUniq(array, iteratee, comparator) {\n var index = -1,\n includes = arrayIncludes,\n length = array.length,\n isCommon = true,\n result = [],\n seen = result;\n\n if (comparator) {\n isCommon = false;\n includes = arrayIncludesWith;\n } else if (length >= LARGE_ARRAY_SIZE) {\n var set = iteratee ? null : createSet(array);\n if (set) {\n return setToArray(set);\n }\n isCommon = false;\n includes = cacheHas;\n seen = new SetCache();\n } else {\n seen = iteratee ? [] : result;\n }\n outer: while (++index < length) {\n var value = array[index],\n computed = iteratee ? iteratee(value) : value;\n\n value = comparator || value !== 0 ? value : 0;\n if (isCommon && computed === computed) {\n var seenIndex = seen.length;\n while (seenIndex--) {\n if (seen[seenIndex] === computed) {\n continue outer;\n }\n }\n if (iteratee) {\n seen.push(computed);\n }\n result.push(value);\n } else if (!includes(seen, computed, comparator)) {\n if (seen !== result) {\n seen.push(computed);\n }\n result.push(value);\n }\n }\n return result;\n }\n\n /**\n * The base implementation of `_.unset`.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {Array|string} path The property path to unset.\n * @returns {boolean} Returns `true` if the property is deleted, else `false`.\n */\n function baseUnset(object, path) {\n path = castPath(path, object);\n object = parent(object, path);\n return object == null || delete object[toKey(last(path))];\n }\n\n /**\n * The base implementation of `_.update`.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to update.\n * @param {Function} updater The function to produce the updated value.\n * @param {Function} [customizer] The function to customize path creation.\n * @returns {Object} Returns `object`.\n */\n function baseUpdate(object, path, updater, customizer) {\n return baseSet(\n object,\n path,\n updater(baseGet(object, path)),\n customizer,\n );\n }\n\n /**\n * The base implementation of methods like `_.dropWhile` and `_.takeWhile`\n * without support for iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to query.\n * @param {Function} predicate The function invoked per iteration.\n * @param {boolean} [isDrop] Specify dropping elements instead of taking them.\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {Array} Returns the slice of `array`.\n */\n function baseWhile(array, predicate, isDrop, fromRight) {\n var length = array.length,\n index = fromRight ? length : -1;\n\n while (\n (fromRight ? index-- : ++index < length) &&\n predicate(array[index], index, array)\n ) {}\n\n return isDrop\n ? baseSlice(\n array,\n fromRight ? 0 : index,\n fromRight ? index + 1 : length,\n )\n : baseSlice(\n array,\n fromRight ? index + 1 : 0,\n fromRight ? length : index,\n );\n }\n\n /**\n * The base implementation of `wrapperValue` which returns the result of\n * performing a sequence of actions on the unwrapped `value`, where each\n * successive action is supplied the return value of the previous.\n *\n * @private\n * @param {*} value The unwrapped value.\n * @param {Array} actions Actions to perform to resolve the unwrapped value.\n * @returns {*} Returns the resolved value.\n */\n function baseWrapperValue(value, actions) {\n var result = value;\n if (result instanceof LazyWrapper) {\n result = result.value();\n }\n return arrayReduce(\n actions,\n function (result, action) {\n return action.func.apply(\n action.thisArg,\n arrayPush([result], action.args),\n );\n },\n result,\n );\n }\n\n /**\n * The base implementation of methods like `_.xor`, without support for\n * iteratee shorthands, that accepts an array of arrays to inspect.\n *\n * @private\n * @param {Array} arrays The arrays to inspect.\n * @param {Function} [iteratee] The iteratee invoked per element.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns the new array of values.\n */\n function baseXor(arrays, iteratee, comparator) {\n var length = arrays.length;\n if (length < 2) {\n return length ? baseUniq(arrays[0]) : [];\n }\n var index = -1,\n result = Array(length);\n\n while (++index < length) {\n var array = arrays[index],\n othIndex = -1;\n\n while (++othIndex < length) {\n if (othIndex != index) {\n result[index] = baseDifference(\n result[index] || array,\n arrays[othIndex],\n iteratee,\n comparator,\n );\n }\n }\n }\n return baseUniq(baseFlatten(result, 1), iteratee, comparator);\n }\n\n /**\n * This base implementation of `_.zipObject` which assigns values using `assignFunc`.\n *\n * @private\n * @param {Array} props The property identifiers.\n * @param {Array} values The property values.\n * @param {Function} assignFunc The function to assign values.\n * @returns {Object} Returns the new object.\n */\n function baseZipObject(props, values, assignFunc) {\n var index = -1,\n length = props.length,\n valsLength = values.length,\n result = {};\n\n while (++index < length) {\n var value = index < valsLength ? values[index] : undefined;\n assignFunc(result, props[index], value);\n }\n return result;\n }\n\n /**\n * Casts `value` to an empty array if it's not an array like object.\n *\n * @private\n * @param {*} value The value to inspect.\n * @returns {Array|Object} Returns the cast array-like object.\n */\n function castArrayLikeObject(value) {\n return isArrayLikeObject(value) ? value : [];\n }\n\n /**\n * Casts `value` to `identity` if it's not a function.\n *\n * @private\n * @param {*} value The value to inspect.\n * @returns {Function} Returns cast function.\n */\n function castFunction(value) {\n return typeof value == 'function' ? value : identity;\n }\n\n /**\n * Casts `value` to a path array if it's not one.\n *\n * @private\n * @param {*} value The value to inspect.\n * @param {Object} [object] The object to query keys on.\n * @returns {Array} Returns the cast property path array.\n */\n function castPath(value, object) {\n if (isArray(value)) {\n return value;\n }\n return isKey(value, object)\n ? [value]\n : stringToPath(toString(value));\n }\n\n /**\n * A `baseRest` alias which can be replaced with `identity` by module\n * replacement plugins.\n *\n * @private\n * @type {Function}\n * @param {Function} func The function to apply a rest parameter to.\n * @returns {Function} Returns the new function.\n */\n var castRest = baseRest;\n\n /**\n * Casts `array` to a slice if it's needed.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {number} start The start position.\n * @param {number} [end=array.length] The end position.\n * @returns {Array} Returns the cast slice.\n */\n function castSlice(array, start, end) {\n var length = array.length;\n end = end === undefined ? length : end;\n return !start && end >= length\n ? array\n : baseSlice(array, start, end);\n }\n\n /**\n * A simple wrapper around the global [`clearTimeout`](https://mdn.io/clearTimeout).\n *\n * @private\n * @param {number|Object} id The timer id or timeout object of the timer to clear.\n */\n var clearTimeout =\n ctxClearTimeout ||\n function (id) {\n return root.clearTimeout(id);\n };\n\n /**\n * Creates a clone of `buffer`.\n *\n * @private\n * @param {Buffer} buffer The buffer to clone.\n * @param {boolean} [isDeep] Specify a deep clone.\n * @returns {Buffer} Returns the cloned buffer.\n */\n function cloneBuffer(buffer, isDeep) {\n if (isDeep) {\n return buffer.slice();\n }\n var length = buffer.length,\n result = allocUnsafe\n ? allocUnsafe(length)\n : new buffer.constructor(length);\n\n buffer.copy(result);\n return result;\n }\n\n /**\n * Creates a clone of `arrayBuffer`.\n *\n * @private\n * @param {ArrayBuffer} arrayBuffer The array buffer to clone.\n * @returns {ArrayBuffer} Returns the cloned array buffer.\n */\n function cloneArrayBuffer(arrayBuffer) {\n var result = new arrayBuffer.constructor(arrayBuffer.byteLength);\n new Uint8Array(result).set(new Uint8Array(arrayBuffer));\n return result;\n }\n\n /**\n * Creates a clone of `dataView`.\n *\n * @private\n * @param {Object} dataView The data view to clone.\n * @param {boolean} [isDeep] Specify a deep clone.\n * @returns {Object} Returns the cloned data view.\n */\n function cloneDataView(dataView, isDeep) {\n var buffer = isDeep\n ? cloneArrayBuffer(dataView.buffer)\n : dataView.buffer;\n return new dataView.constructor(\n buffer,\n dataView.byteOffset,\n dataView.byteLength,\n );\n }\n\n /**\n * Creates a clone of `regexp`.\n *\n * @private\n * @param {Object} regexp The regexp to clone.\n * @returns {Object} Returns the cloned regexp.\n */\n function cloneRegExp(regexp) {\n var result = new regexp.constructor(\n regexp.source,\n reFlags.exec(regexp),\n );\n result.lastIndex = regexp.lastIndex;\n return result;\n }\n\n /**\n * Creates a clone of the `symbol` object.\n *\n * @private\n * @param {Object} symbol The symbol object to clone.\n * @returns {Object} Returns the cloned symbol object.\n */\n function cloneSymbol(symbol) {\n return symbolValueOf ? Object(symbolValueOf.call(symbol)) : {};\n }\n\n /**\n * Creates a clone of `typedArray`.\n *\n * @private\n * @param {Object} typedArray The typed array to clone.\n * @param {boolean} [isDeep] Specify a deep clone.\n * @returns {Object} Returns the cloned typed array.\n */\n function cloneTypedArray(typedArray, isDeep) {\n var buffer = isDeep\n ? cloneArrayBuffer(typedArray.buffer)\n : typedArray.buffer;\n return new typedArray.constructor(\n buffer,\n typedArray.byteOffset,\n typedArray.length,\n );\n }\n\n /**\n * Compares values to sort them in ascending order.\n *\n * @private\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {number} Returns the sort order indicator for `value`.\n */\n function compareAscending(value, other) {\n if (value !== other) {\n var valIsDefined = value !== undefined,\n valIsNull = value === null,\n valIsReflexive = value === value,\n valIsSymbol = isSymbol(value);\n\n var othIsDefined = other !== undefined,\n othIsNull = other === null,\n othIsReflexive = other === other,\n othIsSymbol = isSymbol(other);\n\n if (\n (!othIsNull &&\n !othIsSymbol &&\n !valIsSymbol &&\n value > other) ||\n (valIsSymbol &&\n othIsDefined &&\n othIsReflexive &&\n !othIsNull &&\n !othIsSymbol) ||\n (valIsNull && othIsDefined && othIsReflexive) ||\n (!valIsDefined && othIsReflexive) ||\n !valIsReflexive\n ) {\n return 1;\n }\n if (\n (!valIsNull &&\n !valIsSymbol &&\n !othIsSymbol &&\n value < other) ||\n (othIsSymbol &&\n valIsDefined &&\n valIsReflexive &&\n !valIsNull &&\n !valIsSymbol) ||\n (othIsNull && valIsDefined && valIsReflexive) ||\n (!othIsDefined && valIsReflexive) ||\n !othIsReflexive\n ) {\n return -1;\n }\n }\n return 0;\n }\n\n /**\n * Used by `_.orderBy` to compare multiple properties of a value to another\n * and stable sort them.\n *\n * If `orders` is unspecified, all values are sorted in ascending order. Otherwise,\n * specify an order of \"desc\" for descending or \"asc\" for ascending sort order\n * of corresponding values.\n *\n * @private\n * @param {Object} object The object to compare.\n * @param {Object} other The other object to compare.\n * @param {boolean[]|string[]} orders The order to sort by for each property.\n * @returns {number} Returns the sort order indicator for `object`.\n */\n function compareMultiple(object, other, orders) {\n var index = -1,\n objCriteria = object.criteria,\n othCriteria = other.criteria,\n length = objCriteria.length,\n ordersLength = orders.length;\n\n while (++index < length) {\n var result = compareAscending(\n objCriteria[index],\n othCriteria[index],\n );\n if (result) {\n if (index >= ordersLength) {\n return result;\n }\n var order = orders[index];\n return result * (order == 'desc' ? -1 : 1);\n }\n }\n // Fixes an `Array#sort` bug in the JS engine embedded in Adobe applications\n // that causes it, under certain circumstances, to provide the same value for\n // `object` and `other`. See https://github.com/jashkenas/underscore/pull/1247\n // for more details.\n //\n // This also ensures a stable sort in V8 and other engines.\n // See https://bugs.chromium.org/p/v8/issues/detail?id=90 for more details.\n return object.index - other.index;\n }\n\n /**\n * Creates an array that is the composition of partially applied arguments,\n * placeholders, and provided arguments into a single array of arguments.\n *\n * @private\n * @param {Array} args The provided arguments.\n * @param {Array} partials The arguments to prepend to those provided.\n * @param {Array} holders The `partials` placeholder indexes.\n * @params {boolean} [isCurried] Specify composing for a curried function.\n * @returns {Array} Returns the new array of composed arguments.\n */\n function composeArgs(args, partials, holders, isCurried) {\n var argsIndex = -1,\n argsLength = args.length,\n holdersLength = holders.length,\n leftIndex = -1,\n leftLength = partials.length,\n rangeLength = nativeMax(argsLength - holdersLength, 0),\n result = Array(leftLength + rangeLength),\n isUncurried = !isCurried;\n\n while (++leftIndex < leftLength) {\n result[leftIndex] = partials[leftIndex];\n }\n while (++argsIndex < holdersLength) {\n if (isUncurried || argsIndex < argsLength) {\n result[holders[argsIndex]] = args[argsIndex];\n }\n }\n while (rangeLength--) {\n result[leftIndex++] = args[argsIndex++];\n }\n return result;\n }\n\n /**\n * This function is like `composeArgs` except that the arguments composition\n * is tailored for `_.partialRight`.\n *\n * @private\n * @param {Array} args The provided arguments.\n * @param {Array} partials The arguments to append to those provided.\n * @param {Array} holders The `partials` placeholder indexes.\n * @params {boolean} [isCurried] Specify composing for a curried function.\n * @returns {Array} Returns the new array of composed arguments.\n */\n function composeArgsRight(args, partials, holders, isCurried) {\n var argsIndex = -1,\n argsLength = args.length,\n holdersIndex = -1,\n holdersLength = holders.length,\n rightIndex = -1,\n rightLength = partials.length,\n rangeLength = nativeMax(argsLength - holdersLength, 0),\n result = Array(rangeLength + rightLength),\n isUncurried = !isCurried;\n\n while (++argsIndex < rangeLength) {\n result[argsIndex] = args[argsIndex];\n }\n var offset = argsIndex;\n while (++rightIndex < rightLength) {\n result[offset + rightIndex] = partials[rightIndex];\n }\n while (++holdersIndex < holdersLength) {\n if (isUncurried || argsIndex < argsLength) {\n result[offset + holders[holdersIndex]] = args[argsIndex++];\n }\n }\n return result;\n }\n\n /**\n * Copies the values of `source` to `array`.\n *\n * @private\n * @param {Array} source The array to copy values from.\n * @param {Array} [array=[]] The array to copy values to.\n * @returns {Array} Returns `array`.\n */\n function copyArray(source, array) {\n var index = -1,\n length = source.length;\n\n array || (array = Array(length));\n while (++index < length) {\n array[index] = source[index];\n }\n return array;\n }\n\n /**\n * Copies properties of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy properties from.\n * @param {Array} props The property identifiers to copy.\n * @param {Object} [object={}] The object to copy properties to.\n * @param {Function} [customizer] The function to customize copied values.\n * @returns {Object} Returns `object`.\n */\n function copyObject(source, props, object, customizer) {\n var isNew = !object;\n object || (object = {});\n\n var index = -1,\n length = props.length;\n\n while (++index < length) {\n var key = props[index];\n\n var newValue = customizer\n ? customizer(object[key], source[key], key, object, source)\n : undefined;\n\n if (newValue === undefined) {\n newValue = source[key];\n }\n if (isNew) {\n baseAssignValue(object, key, newValue);\n } else {\n assignValue(object, key, newValue);\n }\n }\n return object;\n }\n\n /**\n * Copies own symbols of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy symbols from.\n * @param {Object} [object={}] The object to copy symbols to.\n * @returns {Object} Returns `object`.\n */\n function copySymbols(source, object) {\n return copyObject(source, getSymbols(source), object);\n }\n\n /**\n * Copies own and inherited symbols of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy symbols from.\n * @param {Object} [object={}] The object to copy symbols to.\n * @returns {Object} Returns `object`.\n */\n function copySymbolsIn(source, object) {\n return copyObject(source, getSymbolsIn(source), object);\n }\n\n /**\n * Creates a function like `_.groupBy`.\n *\n * @private\n * @param {Function} setter The function to set accumulator values.\n * @param {Function} [initializer] The accumulator object initializer.\n * @returns {Function} Returns the new aggregator function.\n */\n function createAggregator(setter, initializer) {\n return function (collection, iteratee) {\n var func = isArray(collection)\n ? arrayAggregator\n : baseAggregator,\n accumulator = initializer ? initializer() : {};\n\n return func(\n collection,\n setter,\n getIteratee(iteratee, 2),\n accumulator,\n );\n };\n }\n\n /**\n * Creates a function like `_.assign`.\n *\n * @private\n * @param {Function} assigner The function to assign values.\n * @returns {Function} Returns the new assigner function.\n */\n function createAssigner(assigner) {\n return baseRest(function (object, sources) {\n var index = -1,\n length = sources.length,\n customizer = length > 1 ? sources[length - 1] : undefined,\n guard = length > 2 ? sources[2] : undefined;\n\n customizer =\n assigner.length > 3 && typeof customizer == 'function'\n ? (length--, customizer)\n : undefined;\n\n if (guard && isIterateeCall(sources[0], sources[1], guard)) {\n customizer = length < 3 ? undefined : customizer;\n length = 1;\n }\n object = Object(object);\n while (++index < length) {\n var source = sources[index];\n if (source) {\n assigner(object, source, index, customizer);\n }\n }\n return object;\n });\n }\n\n /**\n * Creates a `baseEach` or `baseEachRight` function.\n *\n * @private\n * @param {Function} eachFunc The function to iterate over a collection.\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {Function} Returns the new base function.\n */\n function createBaseEach(eachFunc, fromRight) {\n return function (collection, iteratee) {\n if (collection == null) {\n return collection;\n }\n if (!isArrayLike(collection)) {\n return eachFunc(collection, iteratee);\n }\n var length = collection.length,\n index = fromRight ? length : -1,\n iterable = Object(collection);\n\n while (fromRight ? index-- : ++index < length) {\n if (iteratee(iterable[index], index, iterable) === false) {\n break;\n }\n }\n return collection;\n };\n }\n\n /**\n * Creates a base function for methods like `_.forIn` and `_.forOwn`.\n *\n * @private\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {Function} Returns the new base function.\n */\n function createBaseFor(fromRight) {\n return function (object, iteratee, keysFunc) {\n var index = -1,\n iterable = Object(object),\n props = keysFunc(object),\n length = props.length;\n\n while (length--) {\n var key = props[fromRight ? length : ++index];\n if (iteratee(iterable[key], key, iterable) === false) {\n break;\n }\n }\n return object;\n };\n }\n\n /**\n * Creates a function that wraps `func` to invoke it with the optional `this`\n * binding of `thisArg`.\n *\n * @private\n * @param {Function} func The function to wrap.\n * @param {number} bitmask The bitmask flags. See `createWrap` for more details.\n * @param {*} [thisArg] The `this` binding of `func`.\n * @returns {Function} Returns the new wrapped function.\n */\n function createBind(func, bitmask, thisArg) {\n var isBind = bitmask & WRAP_BIND_FLAG,\n Ctor = createCtor(func);\n\n function wrapper() {\n var fn =\n this && this !== root && this instanceof wrapper\n ? Ctor\n : func;\n return fn.apply(isBind ? thisArg : this, arguments);\n }\n return wrapper;\n }\n\n /**\n * Creates a function like `_.lowerFirst`.\n *\n * @private\n * @param {string} methodName The name of the `String` case method to use.\n * @returns {Function} Returns the new case function.\n */\n function createCaseFirst(methodName) {\n return function (string) {\n string = toString(string);\n\n var strSymbols = hasUnicode(string)\n ? stringToArray(string)\n : undefined;\n\n var chr = strSymbols ? strSymbols[0] : string.charAt(0);\n\n var trailing = strSymbols\n ? castSlice(strSymbols, 1).join('')\n : string.slice(1);\n\n return chr[methodName]() + trailing;\n };\n }\n\n /**\n * Creates a function like `_.camelCase`.\n *\n * @private\n * @param {Function} callback The function to combine each word.\n * @returns {Function} Returns the new compounder function.\n */\n function createCompounder(callback) {\n return function (string) {\n return arrayReduce(\n words(deburr(string).replace(reApos, '')),\n callback,\n '',\n );\n };\n }\n\n /**\n * Creates a function that produces an instance of `Ctor` regardless of\n * whether it was invoked as part of a `new` expression or by `call` or `apply`.\n *\n * @private\n * @param {Function} Ctor The constructor to wrap.\n * @returns {Function} Returns the new wrapped function.\n */\n function createCtor(Ctor) {\n return function () {\n // Use a `switch` statement to work with class constructors. See\n // http://ecma-international.org/ecma-262/7.0/#sec-ecmascript-function-objects-call-thisargument-argumentslist\n // for more details.\n var args = arguments;\n switch (args.length) {\n case 0:\n return new Ctor();\n case 1:\n return new Ctor(args[0]);\n case 2:\n return new Ctor(args[0], args[1]);\n case 3:\n return new Ctor(args[0], args[1], args[2]);\n case 4:\n return new Ctor(args[0], args[1], args[2], args[3]);\n case 5:\n return new Ctor(\n args[0],\n args[1],\n args[2],\n args[3],\n args[4],\n );\n case 6:\n return new Ctor(\n args[0],\n args[1],\n args[2],\n args[3],\n args[4],\n args[5],\n );\n case 7:\n return new Ctor(\n args[0],\n args[1],\n args[2],\n args[3],\n args[4],\n args[5],\n args[6],\n );\n }\n var thisBinding = baseCreate(Ctor.prototype),\n result = Ctor.apply(thisBinding, args);\n\n // Mimic the constructor's `return` behavior.\n // See https://es5.github.io/#x13.2.2 for more details.\n return isObject(result) ? result : thisBinding;\n };\n }\n\n /**\n * Creates a function that wraps `func` to enable currying.\n *\n * @private\n * @param {Function} func The function to wrap.\n * @param {number} bitmask The bitmask flags. See `createWrap` for more details.\n * @param {number} arity The arity of `func`.\n * @returns {Function} Returns the new wrapped function.\n */\n function createCurry(func, bitmask, arity) {\n var Ctor = createCtor(func);\n\n function wrapper() {\n var length = arguments.length,\n args = Array(length),\n index = length,\n placeholder = getHolder(wrapper);\n\n while (index--) {\n args[index] = arguments[index];\n }\n var holders =\n length < 3 &&\n args[0] !== placeholder &&\n args[length - 1] !== placeholder\n ? []\n : replaceHolders(args, placeholder);\n\n length -= holders.length;\n if (length < arity) {\n return createRecurry(\n func,\n bitmask,\n createHybrid,\n wrapper.placeholder,\n undefined,\n args,\n holders,\n undefined,\n undefined,\n arity - length,\n );\n }\n var fn =\n this && this !== root && this instanceof wrapper\n ? Ctor\n : func;\n return apply(fn, this, args);\n }\n return wrapper;\n }\n\n /**\n * Creates a `_.find` or `_.findLast` function.\n *\n * @private\n * @param {Function} findIndexFunc The function to find the collection index.\n * @returns {Function} Returns the new find function.\n */\n function createFind(findIndexFunc) {\n return function (collection, predicate, fromIndex) {\n var iterable = Object(collection);\n if (!isArrayLike(collection)) {\n var iteratee = getIteratee(predicate, 3);\n collection = keys(collection);\n predicate = function (key) {\n return iteratee(iterable[key], key, iterable);\n };\n }\n var index = findIndexFunc(collection, predicate, fromIndex);\n return index > -1\n ? iterable[iteratee ? collection[index] : index]\n : undefined;\n };\n }\n\n /**\n * Creates a `_.flow` or `_.flowRight` function.\n *\n * @private\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {Function} Returns the new flow function.\n */\n function createFlow(fromRight) {\n return flatRest(function (funcs) {\n var length = funcs.length,\n index = length,\n prereq = LodashWrapper.prototype.thru;\n\n if (fromRight) {\n funcs.reverse();\n }\n while (index--) {\n var func = funcs[index];\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n if (prereq && !wrapper && getFuncName(func) == 'wrapper') {\n var wrapper = new LodashWrapper([], true);\n }\n }\n index = wrapper ? index : length;\n while (++index < length) {\n func = funcs[index];\n\n var funcName = getFuncName(func),\n data = funcName == 'wrapper' ? getData(func) : undefined;\n\n if (\n data &&\n isLaziable(data[0]) &&\n data[1] ==\n (WRAP_ARY_FLAG |\n WRAP_CURRY_FLAG |\n WRAP_PARTIAL_FLAG |\n WRAP_REARG_FLAG) &&\n !data[4].length &&\n data[9] == 1\n ) {\n wrapper = wrapper[getFuncName(data[0])].apply(\n wrapper,\n data[3],\n );\n } else {\n wrapper =\n func.length == 1 && isLaziable(func)\n ? wrapper[funcName]()\n : wrapper.thru(func);\n }\n }\n return function () {\n var args = arguments,\n value = args[0];\n\n if (wrapper && args.length == 1 && isArray(value)) {\n return wrapper.plant(value).value();\n }\n var index = 0,\n result = length ? funcs[index].apply(this, args) : value;\n\n while (++index < length) {\n result = funcs[index].call(this, result);\n }\n return result;\n };\n });\n }\n\n /**\n * Creates a function that wraps `func` to invoke it with optional `this`\n * binding of `thisArg`, partial application, and currying.\n *\n * @private\n * @param {Function|string} func The function or method name to wrap.\n * @param {number} bitmask The bitmask flags. See `createWrap` for more details.\n * @param {*} [thisArg] The `this` binding of `func`.\n * @param {Array} [partials] The arguments to prepend to those provided to\n * the new function.\n * @param {Array} [holders] The `partials` placeholder indexes.\n * @param {Array} [partialsRight] The arguments to append to those provided\n * to the new function.\n * @param {Array} [holdersRight] The `partialsRight` placeholder indexes.\n * @param {Array} [argPos] The argument positions of the new function.\n * @param {number} [ary] The arity cap of `func`.\n * @param {number} [arity] The arity of `func`.\n * @returns {Function} Returns the new wrapped function.\n */\n function createHybrid(\n func,\n bitmask,\n thisArg,\n partials,\n holders,\n partialsRight,\n holdersRight,\n argPos,\n ary,\n arity,\n ) {\n var isAry = bitmask & WRAP_ARY_FLAG,\n isBind = bitmask & WRAP_BIND_FLAG,\n isBindKey = bitmask & WRAP_BIND_KEY_FLAG,\n isCurried = bitmask & (WRAP_CURRY_FLAG | WRAP_CURRY_RIGHT_FLAG),\n isFlip = bitmask & WRAP_FLIP_FLAG,\n Ctor = isBindKey ? undefined : createCtor(func);\n\n function wrapper() {\n var length = arguments.length,\n args = Array(length),\n index = length;\n\n while (index--) {\n args[index] = arguments[index];\n }\n if (isCurried) {\n var placeholder = getHolder(wrapper),\n holdersCount = countHolders(args, placeholder);\n }\n if (partials) {\n args = composeArgs(args, partials, holders, isCurried);\n }\n if (partialsRight) {\n args = composeArgsRight(\n args,\n partialsRight,\n holdersRight,\n isCurried,\n );\n }\n length -= holdersCount;\n if (isCurried && length < arity) {\n var newHolders = replaceHolders(args, placeholder);\n return createRecurry(\n func,\n bitmask,\n createHybrid,\n wrapper.placeholder,\n thisArg,\n args,\n newHolders,\n argPos,\n ary,\n arity - length,\n );\n }\n var thisBinding = isBind ? thisArg : this,\n fn = isBindKey ? thisBinding[func] : func;\n\n length = args.length;\n if (argPos) {\n args = reorder(args, argPos);\n } else if (isFlip && length > 1) {\n args.reverse();\n }\n if (isAry && ary < length) {\n args.length = ary;\n }\n if (this && this !== root && this instanceof wrapper) {\n fn = Ctor || createCtor(fn);\n }\n return fn.apply(thisBinding, args);\n }\n return wrapper;\n }\n\n /**\n * Creates a function like `_.invertBy`.\n *\n * @private\n * @param {Function} setter The function to set accumulator values.\n * @param {Function} toIteratee The function to resolve iteratees.\n * @returns {Function} Returns the new inverter function.\n */\n function createInverter(setter, toIteratee) {\n return function (object, iteratee) {\n return baseInverter(object, setter, toIteratee(iteratee), {});\n };\n }\n\n /**\n * Creates a function that performs a mathematical operation on two values.\n *\n * @private\n * @param {Function} operator The function to perform the operation.\n * @param {number} [defaultValue] The value used for `undefined` arguments.\n * @returns {Function} Returns the new mathematical operation function.\n */\n function createMathOperation(operator, defaultValue) {\n return function (value, other) {\n var result;\n if (value === undefined && other === undefined) {\n return defaultValue;\n }\n if (value !== undefined) {\n result = value;\n }\n if (other !== undefined) {\n if (result === undefined) {\n return other;\n }\n if (typeof value == 'string' || typeof other == 'string') {\n value = baseToString(value);\n other = baseToString(other);\n } else {\n value = baseToNumber(value);\n other = baseToNumber(other);\n }\n result = operator(value, other);\n }\n return result;\n };\n }\n\n /**\n * Creates a function like `_.over`.\n *\n * @private\n * @param {Function} arrayFunc The function to iterate over iteratees.\n * @returns {Function} Returns the new over function.\n */\n function createOver(arrayFunc) {\n return flatRest(function (iteratees) {\n iteratees = arrayMap(iteratees, baseUnary(getIteratee()));\n return baseRest(function (args) {\n var thisArg = this;\n return arrayFunc(iteratees, function (iteratee) {\n return apply(iteratee, thisArg, args);\n });\n });\n });\n }\n\n /**\n * Creates the padding for `string` based on `length`. The `chars` string\n * is truncated if the number of characters exceeds `length`.\n *\n * @private\n * @param {number} length The padding length.\n * @param {string} [chars=' '] The string used as padding.\n * @returns {string} Returns the padding for `string`.\n */\n function createPadding(length, chars) {\n chars = chars === undefined ? ' ' : baseToString(chars);\n\n var charsLength = chars.length;\n if (charsLength < 2) {\n return charsLength ? baseRepeat(chars, length) : chars;\n }\n var result = baseRepeat(\n chars,\n nativeCeil(length / stringSize(chars)),\n );\n return hasUnicode(chars)\n ? castSlice(stringToArray(result), 0, length).join('')\n : result.slice(0, length);\n }\n\n /**\n * Creates a function that wraps `func` to invoke it with the `this` binding\n * of `thisArg` and `partials` prepended to the arguments it receives.\n *\n * @private\n * @param {Function} func The function to wrap.\n * @param {number} bitmask The bitmask flags. See `createWrap` for more details.\n * @param {*} thisArg The `this` binding of `func`.\n * @param {Array} partials The arguments to prepend to those provided to\n * the new function.\n * @returns {Function} Returns the new wrapped function.\n */\n function createPartial(func, bitmask, thisArg, partials) {\n var isBind = bitmask & WRAP_BIND_FLAG,\n Ctor = createCtor(func);\n\n function wrapper() {\n var argsIndex = -1,\n argsLength = arguments.length,\n leftIndex = -1,\n leftLength = partials.length,\n args = Array(leftLength + argsLength),\n fn =\n this && this !== root && this instanceof wrapper\n ? Ctor\n : func;\n\n while (++leftIndex < leftLength) {\n args[leftIndex] = partials[leftIndex];\n }\n while (argsLength--) {\n args[leftIndex++] = arguments[++argsIndex];\n }\n return apply(fn, isBind ? thisArg : this, args);\n }\n return wrapper;\n }\n\n /**\n * Creates a `_.range` or `_.rangeRight` function.\n *\n * @private\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {Function} Returns the new range function.\n */\n function createRange(fromRight) {\n return function (start, end, step) {\n if (\n step &&\n typeof step != 'number' &&\n isIterateeCall(start, end, step)\n ) {\n end = step = undefined;\n }\n // Ensure the sign of `-0` is preserved.\n start = toFinite(start);\n if (end === undefined) {\n end = start;\n start = 0;\n } else {\n end = toFinite(end);\n }\n step =\n step === undefined ? (start < end ? 1 : -1) : toFinite(step);\n return baseRange(start, end, step, fromRight);\n };\n }\n\n /**\n * Creates a function that performs a relational operation on two values.\n *\n * @private\n * @param {Function} operator The function to perform the operation.\n * @returns {Function} Returns the new relational operation function.\n */\n function createRelationalOperation(operator) {\n return function (value, other) {\n if (!(typeof value == 'string' && typeof other == 'string')) {\n value = toNumber(value);\n other = toNumber(other);\n }\n return operator(value, other);\n };\n }\n\n /**\n * Creates a function that wraps `func` to continue currying.\n *\n * @private\n * @param {Function} func The function to wrap.\n * @param {number} bitmask The bitmask flags. See `createWrap` for more details.\n * @param {Function} wrapFunc The function to create the `func` wrapper.\n * @param {*} placeholder The placeholder value.\n * @param {*} [thisArg] The `this` binding of `func`.\n * @param {Array} [partials] The arguments to prepend to those provided to\n * the new function.\n * @param {Array} [holders] The `partials` placeholder indexes.\n * @param {Array} [argPos] The argument positions of the new function.\n * @param {number} [ary] The arity cap of `func`.\n * @param {number} [arity] The arity of `func`.\n * @returns {Function} Returns the new wrapped function.\n */\n function createRecurry(\n func,\n bitmask,\n wrapFunc,\n placeholder,\n thisArg,\n partials,\n holders,\n argPos,\n ary,\n arity,\n ) {\n var isCurry = bitmask & WRAP_CURRY_FLAG,\n newHolders = isCurry ? holders : undefined,\n newHoldersRight = isCurry ? undefined : holders,\n newPartials = isCurry ? partials : undefined,\n newPartialsRight = isCurry ? undefined : partials;\n\n bitmask |= isCurry ? WRAP_PARTIAL_FLAG : WRAP_PARTIAL_RIGHT_FLAG;\n bitmask &= ~(isCurry\n ? WRAP_PARTIAL_RIGHT_FLAG\n : WRAP_PARTIAL_FLAG);\n\n if (!(bitmask & WRAP_CURRY_BOUND_FLAG)) {\n bitmask &= ~(WRAP_BIND_FLAG | WRAP_BIND_KEY_FLAG);\n }\n var newData = [\n func,\n bitmask,\n thisArg,\n newPartials,\n newHolders,\n newPartialsRight,\n newHoldersRight,\n argPos,\n ary,\n arity,\n ];\n\n var result = wrapFunc.apply(undefined, newData);\n if (isLaziable(func)) {\n setData(result, newData);\n }\n result.placeholder = placeholder;\n return setWrapToString(result, func, bitmask);\n }\n\n /**\n * Creates a function like `_.round`.\n *\n * @private\n * @param {string} methodName The name of the `Math` method to use when rounding.\n * @returns {Function} Returns the new round function.\n */\n function createRound(methodName) {\n var func = Math[methodName];\n return function (number, precision) {\n number = toNumber(number);\n precision =\n precision == null ? 0 : nativeMin(toInteger(precision), 292);\n if (precision) {\n // Shift with exponential notation to avoid floating-point issues.\n // See [MDN](https://mdn.io/round#Examples) for more details.\n var pair = (toString(number) + 'e').split('e'),\n value = func(pair[0] + 'e' + (+pair[1] + precision));\n\n pair = (toString(value) + 'e').split('e');\n return +(pair[0] + 'e' + (+pair[1] - precision));\n }\n return func(number);\n };\n }\n\n /**\n * Creates a set object of `values`.\n *\n * @private\n * @param {Array} values The values to add to the set.\n * @returns {Object} Returns the new set.\n */\n var createSet = !(\n Set && 1 / setToArray(new Set([, -0]))[1] == INFINITY\n )\n ? noop\n : function (values) {\n return new Set(values);\n };\n\n /**\n * Creates a `_.toPairs` or `_.toPairsIn` function.\n *\n * @private\n * @param {Function} keysFunc The function to get the keys of a given object.\n * @returns {Function} Returns the new pairs function.\n */\n function createToPairs(keysFunc) {\n return function (object) {\n var tag = getTag(object);\n if (tag == mapTag) {\n return mapToArray(object);\n }\n if (tag == setTag) {\n return setToPairs(object);\n }\n return baseToPairs(object, keysFunc(object));\n };\n }\n\n /**\n * Creates a function that either curries or invokes `func` with optional\n * `this` binding and partially applied arguments.\n *\n * @private\n * @param {Function|string} func The function or method name to wrap.\n * @param {number} bitmask The bitmask flags.\n * 1 - `_.bind`\n * 2 - `_.bindKey`\n * 4 - `_.curry` or `_.curryRight` of a bound function\n * 8 - `_.curry`\n * 16 - `_.curryRight`\n * 32 - `_.partial`\n * 64 - `_.partialRight`\n * 128 - `_.rearg`\n * 256 - `_.ary`\n * 512 - `_.flip`\n * @param {*} [thisArg] The `this` binding of `func`.\n * @param {Array} [partials] The arguments to be partially applied.\n * @param {Array} [holders] The `partials` placeholder indexes.\n * @param {Array} [argPos] The argument positions of the new function.\n * @param {number} [ary] The arity cap of `func`.\n * @param {number} [arity] The arity of `func`.\n * @returns {Function} Returns the new wrapped function.\n */\n function createWrap(\n func,\n bitmask,\n thisArg,\n partials,\n holders,\n argPos,\n ary,\n arity,\n ) {\n var isBindKey = bitmask & WRAP_BIND_KEY_FLAG;\n if (!isBindKey && typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n var length = partials ? partials.length : 0;\n if (!length) {\n bitmask &= ~(WRAP_PARTIAL_FLAG | WRAP_PARTIAL_RIGHT_FLAG);\n partials = holders = undefined;\n }\n ary = ary === undefined ? ary : nativeMax(toInteger(ary), 0);\n arity = arity === undefined ? arity : toInteger(arity);\n length -= holders ? holders.length : 0;\n\n if (bitmask & WRAP_PARTIAL_RIGHT_FLAG) {\n var partialsRight = partials,\n holdersRight = holders;\n\n partials = holders = undefined;\n }\n var data = isBindKey ? undefined : getData(func);\n\n var newData = [\n func,\n bitmask,\n thisArg,\n partials,\n holders,\n partialsRight,\n holdersRight,\n argPos,\n ary,\n arity,\n ];\n\n if (data) {\n mergeData(newData, data);\n }\n func = newData[0];\n bitmask = newData[1];\n thisArg = newData[2];\n partials = newData[3];\n holders = newData[4];\n arity = newData[9] =\n newData[9] === undefined\n ? isBindKey\n ? 0\n : func.length\n : nativeMax(newData[9] - length, 0);\n\n if (\n !arity &&\n bitmask & (WRAP_CURRY_FLAG | WRAP_CURRY_RIGHT_FLAG)\n ) {\n bitmask &= ~(WRAP_CURRY_FLAG | WRAP_CURRY_RIGHT_FLAG);\n }\n if (!bitmask || bitmask == WRAP_BIND_FLAG) {\n var result = createBind(func, bitmask, thisArg);\n } else if (\n bitmask == WRAP_CURRY_FLAG ||\n bitmask == WRAP_CURRY_RIGHT_FLAG\n ) {\n result = createCurry(func, bitmask, arity);\n } else if (\n (bitmask == WRAP_PARTIAL_FLAG ||\n bitmask == (WRAP_BIND_FLAG | WRAP_PARTIAL_FLAG)) &&\n !holders.length\n ) {\n result = createPartial(func, bitmask, thisArg, partials);\n } else {\n result = createHybrid.apply(undefined, newData);\n }\n var setter = data ? baseSetData : setData;\n return setWrapToString(setter(result, newData), func, bitmask);\n }\n\n /**\n * Used by `_.defaults` to customize its `_.assignIn` use to assign properties\n * of source objects to the destination object for all destination properties\n * that resolve to `undefined`.\n *\n * @private\n * @param {*} objValue The destination value.\n * @param {*} srcValue The source value.\n * @param {string} key The key of the property to assign.\n * @param {Object} object The parent object of `objValue`.\n * @returns {*} Returns the value to assign.\n */\n function customDefaultsAssignIn(objValue, srcValue, key, object) {\n if (\n objValue === undefined ||\n (eq(objValue, objectProto[key]) &&\n !hasOwnProperty.call(object, key))\n ) {\n return srcValue;\n }\n return objValue;\n }\n\n /**\n * Used by `_.defaultsDeep` to customize its `_.merge` use to merge source\n * objects into destination objects that are passed thru.\n *\n * @private\n * @param {*} objValue The destination value.\n * @param {*} srcValue The source value.\n * @param {string} key The key of the property to merge.\n * @param {Object} object The parent object of `objValue`.\n * @param {Object} source The parent object of `srcValue`.\n * @param {Object} [stack] Tracks traversed source values and their merged\n * counterparts.\n * @returns {*} Returns the value to assign.\n */\n function customDefaultsMerge(\n objValue,\n srcValue,\n key,\n object,\n source,\n stack,\n ) {\n if (isObject(objValue) && isObject(srcValue)) {\n // Recursively merge objects and arrays (susceptible to call stack limits).\n stack.set(srcValue, objValue);\n baseMerge(\n objValue,\n srcValue,\n undefined,\n customDefaultsMerge,\n stack,\n );\n stack['delete'](srcValue);\n }\n return objValue;\n }\n\n /**\n * Used by `_.omit` to customize its `_.cloneDeep` use to only clone plain\n * objects.\n *\n * @private\n * @param {*} value The value to inspect.\n * @param {string} key The key of the property to inspect.\n * @returns {*} Returns the uncloned value or `undefined` to defer cloning to `_.cloneDeep`.\n */\n function customOmitClone(value) {\n return isPlainObject(value) ? undefined : value;\n }\n\n /**\n * A specialized version of `baseIsEqualDeep` for arrays with support for\n * partial deep comparisons.\n *\n * @private\n * @param {Array} array The array to compare.\n * @param {Array} other The other array to compare.\n * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.\n * @param {Function} customizer The function to customize comparisons.\n * @param {Function} equalFunc The function to determine equivalents of values.\n * @param {Object} stack Tracks traversed `array` and `other` objects.\n * @returns {boolean} Returns `true` if the arrays are equivalent, else `false`.\n */\n function equalArrays(\n array,\n other,\n bitmask,\n customizer,\n equalFunc,\n stack,\n ) {\n var isPartial = bitmask & COMPARE_PARTIAL_FLAG,\n arrLength = array.length,\n othLength = other.length;\n\n if (\n arrLength != othLength &&\n !(isPartial && othLength > arrLength)\n ) {\n return false;\n }\n // Assume cyclic values are equal.\n var stacked = stack.get(array);\n if (stacked && stack.get(other)) {\n return stacked == other;\n }\n var index = -1,\n result = true,\n seen =\n bitmask & COMPARE_UNORDERED_FLAG ? new SetCache() : undefined;\n\n stack.set(array, other);\n stack.set(other, array);\n\n // Ignore non-index properties.\n while (++index < arrLength) {\n var arrValue = array[index],\n othValue = other[index];\n\n if (customizer) {\n var compared = isPartial\n ? customizer(othValue, arrValue, index, other, array, stack)\n : customizer(\n arrValue,\n othValue,\n index,\n array,\n other,\n stack,\n );\n }\n if (compared !== undefined) {\n if (compared) {\n continue;\n }\n result = false;\n break;\n }\n // Recursively compare arrays (susceptible to call stack limits).\n if (seen) {\n if (\n !arraySome(other, function (othValue, othIndex) {\n if (\n !cacheHas(seen, othIndex) &&\n (arrValue === othValue ||\n equalFunc(\n arrValue,\n othValue,\n bitmask,\n customizer,\n stack,\n ))\n ) {\n return seen.push(othIndex);\n }\n })\n ) {\n result = false;\n break;\n }\n } else if (\n !(\n arrValue === othValue ||\n equalFunc(arrValue, othValue, bitmask, customizer, stack)\n )\n ) {\n result = false;\n break;\n }\n }\n stack['delete'](array);\n stack['delete'](other);\n return result;\n }\n\n /**\n * A specialized version of `baseIsEqualDeep` for comparing objects of\n * the same `toStringTag`.\n *\n * **Note:** This function only supports comparing values with tags of\n * `Boolean`, `Date`, `Error`, `Number`, `RegExp`, or `String`.\n *\n * @private\n * @param {Object} object The object to compare.\n * @param {Object} other The other object to compare.\n * @param {string} tag The `toStringTag` of the objects to compare.\n * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.\n * @param {Function} customizer The function to customize comparisons.\n * @param {Function} equalFunc The function to determine equivalents of values.\n * @param {Object} stack Tracks traversed `object` and `other` objects.\n * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.\n */\n function equalByTag(\n object,\n other,\n tag,\n bitmask,\n customizer,\n equalFunc,\n stack,\n ) {\n switch (tag) {\n case dataViewTag:\n if (\n object.byteLength != other.byteLength ||\n object.byteOffset != other.byteOffset\n ) {\n return false;\n }\n object = object.buffer;\n other = other.buffer;\n\n case arrayBufferTag:\n if (\n object.byteLength != other.byteLength ||\n !equalFunc(new Uint8Array(object), new Uint8Array(other))\n ) {\n return false;\n }\n return true;\n\n case boolTag:\n case dateTag:\n case numberTag:\n // Coerce booleans to `1` or `0` and dates to milliseconds.\n // Invalid dates are coerced to `NaN`.\n return eq(+object, +other);\n\n case errorTag:\n return (\n object.name == other.name && object.message == other.message\n );\n\n case regexpTag:\n case stringTag:\n // Coerce regexes to strings and treat strings, primitives and objects,\n // as equal. See http://www.ecma-international.org/ecma-262/7.0/#sec-regexp.prototype.tostring\n // for more details.\n return object == other + '';\n\n case mapTag:\n var convert = mapToArray;\n\n case setTag:\n var isPartial = bitmask & COMPARE_PARTIAL_FLAG;\n convert || (convert = setToArray);\n\n if (object.size != other.size && !isPartial) {\n return false;\n }\n // Assume cyclic values are equal.\n var stacked = stack.get(object);\n if (stacked) {\n return stacked == other;\n }\n bitmask |= COMPARE_UNORDERED_FLAG;\n\n // Recursively compare objects (susceptible to call stack limits).\n stack.set(object, other);\n var result = equalArrays(\n convert(object),\n convert(other),\n bitmask,\n customizer,\n equalFunc,\n stack,\n );\n stack['delete'](object);\n return result;\n\n case symbolTag:\n if (symbolValueOf) {\n return (\n symbolValueOf.call(object) == symbolValueOf.call(other)\n );\n }\n }\n return false;\n }\n\n /**\n * A specialized version of `baseIsEqualDeep` for objects with support for\n * partial deep comparisons.\n *\n * @private\n * @param {Object} object The object to compare.\n * @param {Object} other The other object to compare.\n * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.\n * @param {Function} customizer The function to customize comparisons.\n * @param {Function} equalFunc The function to determine equivalents of values.\n * @param {Object} stack Tracks traversed `object` and `other` objects.\n * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.\n */\n function equalObjects(\n object,\n other,\n bitmask,\n customizer,\n equalFunc,\n stack,\n ) {\n var isPartial = bitmask & COMPARE_PARTIAL_FLAG,\n objProps = getAllKeys(object),\n objLength = objProps.length,\n othProps = getAllKeys(other),\n othLength = othProps.length;\n\n if (objLength != othLength && !isPartial) {\n return false;\n }\n var index = objLength;\n while (index--) {\n var key = objProps[index];\n if (\n !(isPartial ? key in other : hasOwnProperty.call(other, key))\n ) {\n return false;\n }\n }\n // Assume cyclic values are equal.\n var stacked = stack.get(object);\n if (stacked && stack.get(other)) {\n return stacked == other;\n }\n var result = true;\n stack.set(object, other);\n stack.set(other, object);\n\n var skipCtor = isPartial;\n while (++index < objLength) {\n key = objProps[index];\n var objValue = object[key],\n othValue = other[key];\n\n if (customizer) {\n var compared = isPartial\n ? customizer(othValue, objValue, key, other, object, stack)\n : customizer(objValue, othValue, key, object, other, stack);\n }\n // Recursively compare objects (susceptible to call stack limits).\n if (\n !(compared === undefined\n ? objValue === othValue ||\n equalFunc(objValue, othValue, bitmask, customizer, stack)\n : compared)\n ) {\n result = false;\n break;\n }\n skipCtor || (skipCtor = key == 'constructor');\n }\n if (result && !skipCtor) {\n var objCtor = object.constructor,\n othCtor = other.constructor;\n\n // Non `Object` object instances with different constructors are not equal.\n if (\n objCtor != othCtor &&\n 'constructor' in object &&\n 'constructor' in other &&\n !(\n typeof objCtor == 'function' &&\n objCtor instanceof objCtor &&\n typeof othCtor == 'function' &&\n othCtor instanceof othCtor\n )\n ) {\n result = false;\n }\n }\n stack['delete'](object);\n stack['delete'](other);\n return result;\n }\n\n /**\n * A specialized version of `baseRest` which flattens the rest array.\n *\n * @private\n * @param {Function} func The function to apply a rest parameter to.\n * @returns {Function} Returns the new function.\n */\n function flatRest(func) {\n return setToString(overRest(func, undefined, flatten), func + '');\n }\n\n /**\n * Creates an array of own enumerable property names and symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names and symbols.\n */\n function getAllKeys(object) {\n return baseGetAllKeys(object, keys, getSymbols);\n }\n\n /**\n * Creates an array of own and inherited enumerable property names and\n * symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names and symbols.\n */\n function getAllKeysIn(object) {\n return baseGetAllKeys(object, keysIn, getSymbolsIn);\n }\n\n /**\n * Gets metadata for `func`.\n *\n * @private\n * @param {Function} func The function to query.\n * @returns {*} Returns the metadata for `func`.\n */\n var getData = !metaMap\n ? noop\n : function (func) {\n return metaMap.get(func);\n };\n\n /**\n * Gets the name of `func`.\n *\n * @private\n * @param {Function} func The function to query.\n * @returns {string} Returns the function name.\n */\n function getFuncName(func) {\n var result = func.name + '',\n array = realNames[result],\n length = hasOwnProperty.call(realNames, result)\n ? array.length\n : 0;\n\n while (length--) {\n var data = array[length],\n otherFunc = data.func;\n if (otherFunc == null || otherFunc == func) {\n return data.name;\n }\n }\n return result;\n }\n\n /**\n * Gets the argument placeholder value for `func`.\n *\n * @private\n * @param {Function} func The function to inspect.\n * @returns {*} Returns the placeholder value.\n */\n function getHolder(func) {\n var object = hasOwnProperty.call(lodash, 'placeholder')\n ? lodash\n : func;\n return object.placeholder;\n }\n\n /**\n * Gets the appropriate \"iteratee\" function. If `_.iteratee` is customized,\n * this function returns the custom method, otherwise it returns `baseIteratee`.\n * If arguments are provided, the chosen function is invoked with them and\n * its result is returned.\n *\n * @private\n * @param {*} [value] The value to convert to an iteratee.\n * @param {number} [arity] The arity of the created iteratee.\n * @returns {Function} Returns the chosen function or its result.\n */\n function getIteratee() {\n var result = lodash.iteratee || iteratee;\n result = result === iteratee ? baseIteratee : result;\n return arguments.length\n ? result(arguments[0], arguments[1])\n : result;\n }\n\n /**\n * Gets the data for `map`.\n *\n * @private\n * @param {Object} map The map to query.\n * @param {string} key The reference key.\n * @returns {*} Returns the map data.\n */\n function getMapData(map, key) {\n var data = map.__data__;\n return isKeyable(key)\n ? data[typeof key == 'string' ? 'string' : 'hash']\n : data.map;\n }\n\n /**\n * Gets the property names, values, and compare flags of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the match data of `object`.\n */\n function getMatchData(object) {\n var result = keys(object),\n length = result.length;\n\n while (length--) {\n var key = result[length],\n value = object[key];\n\n result[length] = [key, value, isStrictComparable(value)];\n }\n return result;\n }\n\n /**\n * Gets the native function at `key` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the method to get.\n * @returns {*} Returns the function if it's native, else `undefined`.\n */\n function getNative(object, key) {\n var value = getValue(object, key);\n return baseIsNative(value) ? value : undefined;\n }\n\n /**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\n function getRawTag(value) {\n var isOwn = hasOwnProperty.call(value, symToStringTag),\n tag = value[symToStringTag];\n\n try {\n value[symToStringTag] = undefined;\n var unmasked = true;\n } catch (e) {}\n\n var result = nativeObjectToString.call(value);\n if (unmasked) {\n if (isOwn) {\n value[symToStringTag] = tag;\n } else {\n delete value[symToStringTag];\n }\n }\n return result;\n }\n\n /**\n * Creates an array of the own enumerable symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of symbols.\n */\n var getSymbols = !nativeGetSymbols\n ? stubArray\n : function (object) {\n if (object == null) {\n return [];\n }\n object = Object(object);\n return arrayFilter(\n nativeGetSymbols(object),\n function (symbol) {\n return propertyIsEnumerable.call(object, symbol);\n },\n );\n };\n\n /**\n * Creates an array of the own and inherited enumerable symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of symbols.\n */\n var getSymbolsIn = !nativeGetSymbols\n ? stubArray\n : function (object) {\n var result = [];\n while (object) {\n arrayPush(result, getSymbols(object));\n object = getPrototype(object);\n }\n return result;\n };\n\n /**\n * Gets the `toStringTag` of `value`.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\n var getTag = baseGetTag;\n\n // Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6.\n if (\n (DataView &&\n getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) ||\n (Map && getTag(new Map()) != mapTag) ||\n (Promise && getTag(Promise.resolve()) != promiseTag) ||\n (Set && getTag(new Set()) != setTag) ||\n (WeakMap && getTag(new WeakMap()) != weakMapTag)\n ) {\n getTag = function (value) {\n var result = baseGetTag(value),\n Ctor = result == objectTag ? value.constructor : undefined,\n ctorString = Ctor ? toSource(Ctor) : '';\n\n if (ctorString) {\n switch (ctorString) {\n case dataViewCtorString:\n return dataViewTag;\n case mapCtorString:\n return mapTag;\n case promiseCtorString:\n return promiseTag;\n case setCtorString:\n return setTag;\n case weakMapCtorString:\n return weakMapTag;\n }\n }\n return result;\n };\n }\n\n /**\n * Gets the view, applying any `transforms` to the `start` and `end` positions.\n *\n * @private\n * @param {number} start The start of the view.\n * @param {number} end The end of the view.\n * @param {Array} transforms The transformations to apply to the view.\n * @returns {Object} Returns an object containing the `start` and `end`\n * positions of the view.\n */\n function getView(start, end, transforms) {\n var index = -1,\n length = transforms.length;\n\n while (++index < length) {\n var data = transforms[index],\n size = data.size;\n\n switch (data.type) {\n case 'drop':\n start += size;\n break;\n case 'dropRight':\n end -= size;\n break;\n case 'take':\n end = nativeMin(end, start + size);\n break;\n case 'takeRight':\n start = nativeMax(start, end - size);\n break;\n }\n }\n return { start: start, end: end };\n }\n\n /**\n * Extracts wrapper details from the `source` body comment.\n *\n * @private\n * @param {string} source The source to inspect.\n * @returns {Array} Returns the wrapper details.\n */\n function getWrapDetails(source) {\n var match = source.match(reWrapDetails);\n return match ? match[1].split(reSplitDetails) : [];\n }\n\n /**\n * Checks if `path` exists on `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Array|string} path The path to check.\n * @param {Function} hasFunc The function to check properties.\n * @returns {boolean} Returns `true` if `path` exists, else `false`.\n */\n function hasPath(object, path, hasFunc) {\n path = castPath(path, object);\n\n var index = -1,\n length = path.length,\n result = false;\n\n while (++index < length) {\n var key = toKey(path[index]);\n if (!(result = object != null && hasFunc(object, key))) {\n break;\n }\n object = object[key];\n }\n if (result || ++index != length) {\n return result;\n }\n length = object == null ? 0 : object.length;\n return (\n !!length &&\n isLength(length) &&\n isIndex(key, length) &&\n (isArray(object) || isArguments(object))\n );\n }\n\n /**\n * Initializes an array clone.\n *\n * @private\n * @param {Array} array The array to clone.\n * @returns {Array} Returns the initialized clone.\n */\n function initCloneArray(array) {\n var length = array.length,\n result = new array.constructor(length);\n\n // Add properties assigned by `RegExp#exec`.\n if (\n length &&\n typeof array[0] == 'string' &&\n hasOwnProperty.call(array, 'index')\n ) {\n result.index = array.index;\n result.input = array.input;\n }\n return result;\n }\n\n /**\n * Initializes an object clone.\n *\n * @private\n * @param {Object} object The object to clone.\n * @returns {Object} Returns the initialized clone.\n */\n function initCloneObject(object) {\n return typeof object.constructor == 'function' &&\n !isPrototype(object)\n ? baseCreate(getPrototype(object))\n : {};\n }\n\n /**\n * Initializes an object clone based on its `toStringTag`.\n *\n * **Note:** This function only supports cloning values with tags of\n * `Boolean`, `Date`, `Error`, `Map`, `Number`, `RegExp`, `Set`, or `String`.\n *\n * @private\n * @param {Object} object The object to clone.\n * @param {string} tag The `toStringTag` of the object to clone.\n * @param {boolean} [isDeep] Specify a deep clone.\n * @returns {Object} Returns the initialized clone.\n */\n function initCloneByTag(object, tag, isDeep) {\n var Ctor = object.constructor;\n switch (tag) {\n case arrayBufferTag:\n return cloneArrayBuffer(object);\n\n case boolTag:\n case dateTag:\n return new Ctor(+object);\n\n case dataViewTag:\n return cloneDataView(object, isDeep);\n\n case float32Tag:\n case float64Tag:\n case int8Tag:\n case int16Tag:\n case int32Tag:\n case uint8Tag:\n case uint8ClampedTag:\n case uint16Tag:\n case uint32Tag:\n return cloneTypedArray(object, isDeep);\n\n case mapTag:\n return new Ctor();\n\n case numberTag:\n case stringTag:\n return new Ctor(object);\n\n case regexpTag:\n return cloneRegExp(object);\n\n case setTag:\n return new Ctor();\n\n case symbolTag:\n return cloneSymbol(object);\n }\n }\n\n /**\n * Inserts wrapper `details` in a comment at the top of the `source` body.\n *\n * @private\n * @param {string} source The source to modify.\n * @returns {Array} details The details to insert.\n * @returns {string} Returns the modified source.\n */\n function insertWrapDetails(source, details) {\n var length = details.length;\n if (!length) {\n return source;\n }\n var lastIndex = length - 1;\n details[lastIndex] =\n (length > 1 ? '& ' : '') + details[lastIndex];\n details = details.join(length > 2 ? ', ' : ' ');\n return source.replace(\n reWrapComment,\n '{\\n/* [wrapped with ' + details + '] */\\n',\n );\n }\n\n /**\n * Checks if `value` is a flattenable `arguments` object or array.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is flattenable, else `false`.\n */\n function isFlattenable(value) {\n return (\n isArray(value) ||\n isArguments(value) ||\n !!(spreadableSymbol && value && value[spreadableSymbol])\n );\n }\n\n /**\n * Checks if `value` is a valid array-like index.\n *\n * @private\n * @param {*} value The value to check.\n * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.\n * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.\n */\n function isIndex(value, length) {\n var type = typeof value;\n length = length == null ? MAX_SAFE_INTEGER : length;\n\n return (\n !!length &&\n (type == 'number' ||\n (type != 'symbol' && reIsUint.test(value))) &&\n value > -1 &&\n value % 1 == 0 &&\n value < length\n );\n }\n\n /**\n * Checks if the given arguments are from an iteratee call.\n *\n * @private\n * @param {*} value The potential iteratee value argument.\n * @param {*} index The potential iteratee index or key argument.\n * @param {*} object The potential iteratee object argument.\n * @returns {boolean} Returns `true` if the arguments are from an iteratee call,\n * else `false`.\n */\n function isIterateeCall(value, index, object) {\n if (!isObject(object)) {\n return false;\n }\n var type = typeof index;\n if (\n type == 'number'\n ? isArrayLike(object) && isIndex(index, object.length)\n : type == 'string' && index in object\n ) {\n return eq(object[index], value);\n }\n return false;\n }\n\n /**\n * Checks if `value` is a property name and not a property path.\n *\n * @private\n * @param {*} value The value to check.\n * @param {Object} [object] The object to query keys on.\n * @returns {boolean} Returns `true` if `value` is a property name, else `false`.\n */\n function isKey(value, object) {\n if (isArray(value)) {\n return false;\n }\n var type = typeof value;\n if (\n type == 'number' ||\n type == 'symbol' ||\n type == 'boolean' ||\n value == null ||\n isSymbol(value)\n ) {\n return true;\n }\n return (\n reIsPlainProp.test(value) ||\n !reIsDeepProp.test(value) ||\n (object != null && value in Object(object))\n );\n }\n\n /**\n * Checks if `value` is suitable for use as unique object key.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is suitable, else `false`.\n */\n function isKeyable(value) {\n var type = typeof value;\n return type == 'string' ||\n type == 'number' ||\n type == 'symbol' ||\n type == 'boolean'\n ? value !== '__proto__'\n : value === null;\n }\n\n /**\n * Checks if `func` has a lazy counterpart.\n *\n * @private\n * @param {Function} func The function to check.\n * @returns {boolean} Returns `true` if `func` has a lazy counterpart,\n * else `false`.\n */\n function isLaziable(func) {\n var funcName = getFuncName(func),\n other = lodash[funcName];\n\n if (\n typeof other != 'function' ||\n !(funcName in LazyWrapper.prototype)\n ) {\n return false;\n }\n if (func === other) {\n return true;\n }\n var data = getData(other);\n return !!data && func === data[0];\n }\n\n /**\n * Checks if `func` has its source masked.\n *\n * @private\n * @param {Function} func The function to check.\n * @returns {boolean} Returns `true` if `func` is masked, else `false`.\n */\n function isMasked(func) {\n return !!maskSrcKey && maskSrcKey in func;\n }\n\n /**\n * Checks if `func` is capable of being masked.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `func` is maskable, else `false`.\n */\n var isMaskable = coreJsData ? isFunction : stubFalse;\n\n /**\n * Checks if `value` is likely a prototype object.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.\n */\n function isPrototype(value) {\n var Ctor = value && value.constructor,\n proto =\n (typeof Ctor == 'function' && Ctor.prototype) || objectProto;\n\n return value === proto;\n }\n\n /**\n * Checks if `value` is suitable for strict equality comparisons, i.e. `===`.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` if suitable for strict\n * equality comparisons, else `false`.\n */\n function isStrictComparable(value) {\n return value === value && !isObject(value);\n }\n\n /**\n * A specialized version of `matchesProperty` for source values suitable\n * for strict equality comparisons, i.e. `===`.\n *\n * @private\n * @param {string} key The key of the property to get.\n * @param {*} srcValue The value to match.\n * @returns {Function} Returns the new spec function.\n */\n function matchesStrictComparable(key, srcValue) {\n return function (object) {\n if (object == null) {\n return false;\n }\n return (\n object[key] === srcValue &&\n (srcValue !== undefined || key in Object(object))\n );\n };\n }\n\n /**\n * A specialized version of `_.memoize` which clears the memoized function's\n * cache when it exceeds `MAX_MEMOIZE_SIZE`.\n *\n * @private\n * @param {Function} func The function to have its output memoized.\n * @returns {Function} Returns the new memoized function.\n */\n function memoizeCapped(func) {\n var result = memoize(func, function (key) {\n if (cache.size === MAX_MEMOIZE_SIZE) {\n cache.clear();\n }\n return key;\n });\n\n var cache = result.cache;\n return result;\n }\n\n /**\n * Merges the function metadata of `source` into `data`.\n *\n * Merging metadata reduces the number of wrappers used to invoke a function.\n * This is possible because methods like `_.bind`, `_.curry`, and `_.partial`\n * may be applied regardless of execution order. Methods like `_.ary` and\n * `_.rearg` modify function arguments, making the order in which they are\n * executed important, preventing the merging of metadata. However, we make\n * an exception for a safe combined case where curried functions have `_.ary`\n * and or `_.rearg` applied.\n *\n * @private\n * @param {Array} data The destination metadata.\n * @param {Array} source The source metadata.\n * @returns {Array} Returns `data`.\n */\n function mergeData(data, source) {\n var bitmask = data[1],\n srcBitmask = source[1],\n newBitmask = bitmask | srcBitmask,\n isCommon =\n newBitmask <\n (WRAP_BIND_FLAG | WRAP_BIND_KEY_FLAG | WRAP_ARY_FLAG);\n\n var isCombo =\n (srcBitmask == WRAP_ARY_FLAG && bitmask == WRAP_CURRY_FLAG) ||\n (srcBitmask == WRAP_ARY_FLAG &&\n bitmask == WRAP_REARG_FLAG &&\n data[7].length <= source[8]) ||\n (srcBitmask == (WRAP_ARY_FLAG | WRAP_REARG_FLAG) &&\n source[7].length <= source[8] &&\n bitmask == WRAP_CURRY_FLAG);\n\n // Exit early if metadata can't be merged.\n if (!(isCommon || isCombo)) {\n return data;\n }\n // Use source `thisArg` if available.\n if (srcBitmask & WRAP_BIND_FLAG) {\n data[2] = source[2];\n // Set when currying a bound function.\n newBitmask |=\n bitmask & WRAP_BIND_FLAG ? 0 : WRAP_CURRY_BOUND_FLAG;\n }\n // Compose partial arguments.\n var value = source[3];\n if (value) {\n var partials = data[3];\n data[3] = partials\n ? composeArgs(partials, value, source[4])\n : value;\n data[4] = partials\n ? replaceHolders(data[3], PLACEHOLDER)\n : source[4];\n }\n // Compose partial right arguments.\n value = source[5];\n if (value) {\n partials = data[5];\n data[5] = partials\n ? composeArgsRight(partials, value, source[6])\n : value;\n data[6] = partials\n ? replaceHolders(data[5], PLACEHOLDER)\n : source[6];\n }\n // Use source `argPos` if available.\n value = source[7];\n if (value) {\n data[7] = value;\n }\n // Use source `ary` if it's smaller.\n if (srcBitmask & WRAP_ARY_FLAG) {\n data[8] =\n data[8] == null ? source[8] : nativeMin(data[8], source[8]);\n }\n // Use source `arity` if one is not provided.\n if (data[9] == null) {\n data[9] = source[9];\n }\n // Use source `func` and merge bitmasks.\n data[0] = source[0];\n data[1] = newBitmask;\n\n return data;\n }\n\n /**\n * This function is like\n * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)\n * except that it includes inherited enumerable properties.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n */\n function nativeKeysIn(object) {\n var result = [];\n if (object != null) {\n for (var key in Object(object)) {\n result.push(key);\n }\n }\n return result;\n }\n\n /**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\n function objectToString(value) {\n return nativeObjectToString.call(value);\n }\n\n /**\n * A specialized version of `baseRest` which transforms the rest array.\n *\n * @private\n * @param {Function} func The function to apply a rest parameter to.\n * @param {number} [start=func.length-1] The start position of the rest parameter.\n * @param {Function} transform The rest array transform.\n * @returns {Function} Returns the new function.\n */\n function overRest(func, start, transform) {\n start = nativeMax(\n start === undefined ? func.length - 1 : start,\n 0,\n );\n return function () {\n var args = arguments,\n index = -1,\n length = nativeMax(args.length - start, 0),\n array = Array(length);\n\n while (++index < length) {\n array[index] = args[start + index];\n }\n index = -1;\n var otherArgs = Array(start + 1);\n while (++index < start) {\n otherArgs[index] = args[index];\n }\n otherArgs[start] = transform(array);\n return apply(func, this, otherArgs);\n };\n }\n\n /**\n * Gets the parent value at `path` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Array} path The path to get the parent value of.\n * @returns {*} Returns the parent value.\n */\n function parent(object, path) {\n return path.length < 2\n ? object\n : baseGet(object, baseSlice(path, 0, -1));\n }\n\n /**\n * Reorder `array` according to the specified indexes where the element at\n * the first index is assigned as the first element, the element at\n * the second index is assigned as the second element, and so on.\n *\n * @private\n * @param {Array} array The array to reorder.\n * @param {Array} indexes The arranged array indexes.\n * @returns {Array} Returns `array`.\n */\n function reorder(array, indexes) {\n var arrLength = array.length,\n length = nativeMin(indexes.length, arrLength),\n oldArray = copyArray(array);\n\n while (length--) {\n var index = indexes[length];\n array[length] = isIndex(index, arrLength)\n ? oldArray[index]\n : undefined;\n }\n return array;\n }\n\n /**\n * Sets metadata for `func`.\n *\n * **Note:** If this function becomes hot, i.e. is invoked a lot in a short\n * period of time, it will trip its breaker and transition to an identity\n * function to avoid garbage collection pauses in V8. See\n * [V8 issue 2070](https://bugs.chromium.org/p/v8/issues/detail?id=2070)\n * for more details.\n *\n * @private\n * @param {Function} func The function to associate metadata with.\n * @param {*} data The metadata.\n * @returns {Function} Returns `func`.\n */\n var setData = shortOut(baseSetData);\n\n /**\n * A simple wrapper around the global [`setTimeout`](https://mdn.io/setTimeout).\n *\n * @private\n * @param {Function} func The function to delay.\n * @param {number} wait The number of milliseconds to delay invocation.\n * @returns {number|Object} Returns the timer id or timeout object.\n */\n var setTimeout =\n ctxSetTimeout ||\n function (func, wait) {\n return root.setTimeout(func, wait);\n };\n\n /**\n * Sets the `toString` method of `func` to return `string`.\n *\n * @private\n * @param {Function} func The function to modify.\n * @param {Function} string The `toString` result.\n * @returns {Function} Returns `func`.\n */\n var setToString = shortOut(baseSetToString);\n\n /**\n * Sets the `toString` method of `wrapper` to mimic the source of `reference`\n * with wrapper details in a comment at the top of the source body.\n *\n * @private\n * @param {Function} wrapper The function to modify.\n * @param {Function} reference The reference function.\n * @param {number} bitmask The bitmask flags. See `createWrap` for more details.\n * @returns {Function} Returns `wrapper`.\n */\n function setWrapToString(wrapper, reference, bitmask) {\n var source = reference + '';\n return setToString(\n wrapper,\n insertWrapDetails(\n source,\n updateWrapDetails(getWrapDetails(source), bitmask),\n ),\n );\n }\n\n /**\n * Creates a function that'll short out and invoke `identity` instead\n * of `func` when it's called `HOT_COUNT` or more times in `HOT_SPAN`\n * milliseconds.\n *\n * @private\n * @param {Function} func The function to restrict.\n * @returns {Function} Returns the new shortable function.\n */\n function shortOut(func) {\n var count = 0,\n lastCalled = 0;\n\n return function () {\n var stamp = nativeNow(),\n remaining = HOT_SPAN - (stamp - lastCalled);\n\n lastCalled = stamp;\n if (remaining > 0) {\n if (++count >= HOT_COUNT) {\n return arguments[0];\n }\n } else {\n count = 0;\n }\n return func.apply(undefined, arguments);\n };\n }\n\n /**\n * A specialized version of `_.shuffle` which mutates and sets the size of `array`.\n *\n * @private\n * @param {Array} array The array to shuffle.\n * @param {number} [size=array.length] The size of `array`.\n * @returns {Array} Returns `array`.\n */\n function shuffleSelf(array, size) {\n var index = -1,\n length = array.length,\n lastIndex = length - 1;\n\n size = size === undefined ? length : size;\n while (++index < size) {\n var rand = baseRandom(index, lastIndex),\n value = array[rand];\n\n array[rand] = array[index];\n array[index] = value;\n }\n array.length = size;\n return array;\n }\n\n /**\n * Converts `string` to a property path array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the property path array.\n */\n var stringToPath = memoizeCapped(function (string) {\n var result = [];\n if (string.charCodeAt(0) === 46 /* . */) {\n result.push('');\n }\n string.replace(\n rePropName,\n function (match, number, quote, subString) {\n result.push(\n quote\n ? subString.replace(reEscapeChar, '$1')\n : number || match,\n );\n },\n );\n return result;\n });\n\n /**\n * Converts `value` to a string key if it's not a string or symbol.\n *\n * @private\n * @param {*} value The value to inspect.\n * @returns {string|symbol} Returns the key.\n */\n function toKey(value) {\n if (typeof value == 'string' || isSymbol(value)) {\n return value;\n }\n var result = value + '';\n return result == '0' && 1 / value == -INFINITY ? '-0' : result;\n }\n\n /**\n * Converts `func` to its source code.\n *\n * @private\n * @param {Function} func The function to convert.\n * @returns {string} Returns the source code.\n */\n function toSource(func) {\n if (func != null) {\n try {\n return funcToString.call(func);\n } catch (e) {}\n try {\n return func + '';\n } catch (e) {}\n }\n return '';\n }\n\n /**\n * Updates wrapper `details` based on `bitmask` flags.\n *\n * @private\n * @returns {Array} details The details to modify.\n * @param {number} bitmask The bitmask flags. See `createWrap` for more details.\n * @returns {Array} Returns `details`.\n */\n function updateWrapDetails(details, bitmask) {\n arrayEach(wrapFlags, function (pair) {\n var value = '_.' + pair[0];\n if (bitmask & pair[1] && !arrayIncludes(details, value)) {\n details.push(value);\n }\n });\n return details.sort();\n }\n\n /**\n * Creates a clone of `wrapper`.\n *\n * @private\n * @param {Object} wrapper The wrapper to clone.\n * @returns {Object} Returns the cloned wrapper.\n */\n function wrapperClone(wrapper) {\n if (wrapper instanceof LazyWrapper) {\n return wrapper.clone();\n }\n var result = new LodashWrapper(\n wrapper.__wrapped__,\n wrapper.__chain__,\n );\n result.__actions__ = copyArray(wrapper.__actions__);\n result.__index__ = wrapper.__index__;\n result.__values__ = wrapper.__values__;\n return result;\n }\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Creates an array of elements split into groups the length of `size`.\n * If `array` can't be split evenly, the final chunk will be the remaining\n * elements.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Array\n * @param {Array} array The array to process.\n * @param {number} [size=1] The length of each chunk\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Array} Returns the new array of chunks.\n * @example\n *\n * _.chunk(['a', 'b', 'c', 'd'], 2);\n * // => [['a', 'b'], ['c', 'd']]\n *\n * _.chunk(['a', 'b', 'c', 'd'], 3);\n * // => [['a', 'b', 'c'], ['d']]\n */\n function chunk(array, size, guard) {\n if (\n guard ? isIterateeCall(array, size, guard) : size === undefined\n ) {\n size = 1;\n } else {\n size = nativeMax(toInteger(size), 0);\n }\n var length = array == null ? 0 : array.length;\n if (!length || size < 1) {\n return [];\n }\n var index = 0,\n resIndex = 0,\n result = Array(nativeCeil(length / size));\n\n while (index < length) {\n result[resIndex++] = baseSlice(array, index, (index += size));\n }\n return result;\n }\n\n /**\n * Creates an array with all falsey values removed. The values `false`, `null`,\n * `0`, `\"\"`, `undefined`, and `NaN` are falsey.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to compact.\n * @returns {Array} Returns the new array of filtered values.\n * @example\n *\n * _.compact([0, 1, false, 2, '', 3]);\n * // => [1, 2, 3]\n */\n function compact(array) {\n var index = -1,\n length = array == null ? 0 : array.length,\n resIndex = 0,\n result = [];\n\n while (++index < length) {\n var value = array[index];\n if (value) {\n result[resIndex++] = value;\n }\n }\n return result;\n }\n\n /**\n * Creates a new array concatenating `array` with any additional arrays\n * and/or values.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to concatenate.\n * @param {...*} [values] The values to concatenate.\n * @returns {Array} Returns the new concatenated array.\n * @example\n *\n * var array = [1];\n * var other = _.concat(array, 2, [3], [[4]]);\n *\n * console.log(other);\n * // => [1, 2, 3, [4]]\n *\n * console.log(array);\n * // => [1]\n */\n function concat() {\n var length = arguments.length;\n if (!length) {\n return [];\n }\n var args = Array(length - 1),\n array = arguments[0],\n index = length;\n\n while (index--) {\n args[index - 1] = arguments[index];\n }\n return arrayPush(\n isArray(array) ? copyArray(array) : [array],\n baseFlatten(args, 1),\n );\n }\n\n /**\n * Creates an array of `array` values not included in the other given arrays\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons. The order and references of result values are\n * determined by the first array.\n *\n * **Note:** Unlike `_.pullAll`, this method returns a new array.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {...Array} [values] The values to exclude.\n * @returns {Array} Returns the new array of filtered values.\n * @see _.without, _.xor\n * @example\n *\n * _.difference([2, 1], [2, 3]);\n * // => [1]\n */\n var difference = baseRest(function (array, values) {\n return isArrayLikeObject(array)\n ? baseDifference(\n array,\n baseFlatten(values, 1, isArrayLikeObject, true),\n )\n : [];\n });\n\n /**\n * This method is like `_.difference` except that it accepts `iteratee` which\n * is invoked for each element of `array` and `values` to generate the criterion\n * by which they're compared. The order and references of result values are\n * determined by the first array. The iteratee is invoked with one argument:\n * (value).\n *\n * **Note:** Unlike `_.pullAllBy`, this method returns a new array.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {...Array} [values] The values to exclude.\n * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n * @returns {Array} Returns the new array of filtered values.\n * @example\n *\n * _.differenceBy([2.1, 1.2], [2.3, 3.4], Math.floor);\n * // => [1.2]\n *\n * // The `_.property` iteratee shorthand.\n * _.differenceBy([{ 'x': 2 }, { 'x': 1 }], [{ 'x': 1 }], 'x');\n * // => [{ 'x': 2 }]\n */\n var differenceBy = baseRest(function (array, values) {\n var iteratee = last(values);\n if (isArrayLikeObject(iteratee)) {\n iteratee = undefined;\n }\n return isArrayLikeObject(array)\n ? baseDifference(\n array,\n baseFlatten(values, 1, isArrayLikeObject, true),\n getIteratee(iteratee, 2),\n )\n : [];\n });\n\n /**\n * This method is like `_.difference` except that it accepts `comparator`\n * which is invoked to compare elements of `array` to `values`. The order and\n * references of result values are determined by the first array. The comparator\n * is invoked with two arguments: (arrVal, othVal).\n *\n * **Note:** Unlike `_.pullAllWith`, this method returns a new array.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {...Array} [values] The values to exclude.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns the new array of filtered values.\n * @example\n *\n * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }];\n *\n * _.differenceWith(objects, [{ 'x': 1, 'y': 2 }], _.isEqual);\n * // => [{ 'x': 2, 'y': 1 }]\n */\n var differenceWith = baseRest(function (array, values) {\n var comparator = last(values);\n if (isArrayLikeObject(comparator)) {\n comparator = undefined;\n }\n return isArrayLikeObject(array)\n ? baseDifference(\n array,\n baseFlatten(values, 1, isArrayLikeObject, true),\n undefined,\n comparator,\n )\n : [];\n });\n\n /**\n * Creates a slice of `array` with `n` elements dropped from the beginning.\n *\n * @static\n * @memberOf _\n * @since 0.5.0\n * @category Array\n * @param {Array} array The array to query.\n * @param {number} [n=1] The number of elements to drop.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Array} Returns the slice of `array`.\n * @example\n *\n * _.drop([1, 2, 3]);\n * // => [2, 3]\n *\n * _.drop([1, 2, 3], 2);\n * // => [3]\n *\n * _.drop([1, 2, 3], 5);\n * // => []\n *\n * _.drop([1, 2, 3], 0);\n * // => [1, 2, 3]\n */\n function drop(array, n, guard) {\n var length = array == null ? 0 : array.length;\n if (!length) {\n return [];\n }\n n = guard || n === undefined ? 1 : toInteger(n);\n return baseSlice(array, n < 0 ? 0 : n, length);\n }\n\n /**\n * Creates a slice of `array` with `n` elements dropped from the end.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Array\n * @param {Array} array The array to query.\n * @param {number} [n=1] The number of elements to drop.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Array} Returns the slice of `array`.\n * @example\n *\n * _.dropRight([1, 2, 3]);\n * // => [1, 2]\n *\n * _.dropRight([1, 2, 3], 2);\n * // => [1]\n *\n * _.dropRight([1, 2, 3], 5);\n * // => []\n *\n * _.dropRight([1, 2, 3], 0);\n * // => [1, 2, 3]\n */\n function dropRight(array, n, guard) {\n var length = array == null ? 0 : array.length;\n if (!length) {\n return [];\n }\n n = guard || n === undefined ? 1 : toInteger(n);\n n = length - n;\n return baseSlice(array, 0, n < 0 ? 0 : n);\n }\n\n /**\n * Creates a slice of `array` excluding elements dropped from the end.\n * Elements are dropped until `predicate` returns falsey. The predicate is\n * invoked with three arguments: (value, index, array).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Array\n * @param {Array} array The array to query.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @returns {Array} Returns the slice of `array`.\n * @example\n *\n * var users = [\n * { 'user': 'barney', 'active': true },\n * { 'user': 'fred', 'active': false },\n * { 'user': 'pebbles', 'active': false }\n * ];\n *\n * _.dropRightWhile(users, function(o) { return !o.active; });\n * // => objects for ['barney']\n *\n * // The `_.matches` iteratee shorthand.\n * _.dropRightWhile(users, { 'user': 'pebbles', 'active': false });\n * // => objects for ['barney', 'fred']\n *\n * // The `_.matchesProperty` iteratee shorthand.\n * _.dropRightWhile(users, ['active', false]);\n * // => objects for ['barney']\n *\n * // The `_.property` iteratee shorthand.\n * _.dropRightWhile(users, 'active');\n * // => objects for ['barney', 'fred', 'pebbles']\n */\n function dropRightWhile(array, predicate) {\n return array && array.length\n ? baseWhile(array, getIteratee(predicate, 3), true, true)\n : [];\n }\n\n /**\n * Creates a slice of `array` excluding elements dropped from the beginning.\n * Elements are dropped until `predicate` returns falsey. The predicate is\n * invoked with three arguments: (value, index, array).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Array\n * @param {Array} array The array to query.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @returns {Array} Returns the slice of `array`.\n * @example\n *\n * var users = [\n * { 'user': 'barney', 'active': false },\n * { 'user': 'fred', 'active': false },\n * { 'user': 'pebbles', 'active': true }\n * ];\n *\n * _.dropWhile(users, function(o) { return !o.active; });\n * // => objects for ['pebbles']\n *\n * // The `_.matches` iteratee shorthand.\n * _.dropWhile(users, { 'user': 'barney', 'active': false });\n * // => objects for ['fred', 'pebbles']\n *\n * // The `_.matchesProperty` iteratee shorthand.\n * _.dropWhile(users, ['active', false]);\n * // => objects for ['pebbles']\n *\n * // The `_.property` iteratee shorthand.\n * _.dropWhile(users, 'active');\n * // => objects for ['barney', 'fred', 'pebbles']\n */\n function dropWhile(array, predicate) {\n return array && array.length\n ? baseWhile(array, getIteratee(predicate, 3), true)\n : [];\n }\n\n /**\n * Fills elements of `array` with `value` from `start` up to, but not\n * including, `end`.\n *\n * **Note:** This method mutates `array`.\n *\n * @static\n * @memberOf _\n * @since 3.2.0\n * @category Array\n * @param {Array} array The array to fill.\n * @param {*} value The value to fill `array` with.\n * @param {number} [start=0] The start position.\n * @param {number} [end=array.length] The end position.\n * @returns {Array} Returns `array`.\n * @example\n *\n * var array = [1, 2, 3];\n *\n * _.fill(array, 'a');\n * console.log(array);\n * // => ['a', 'a', 'a']\n *\n * _.fill(Array(3), 2);\n * // => [2, 2, 2]\n *\n * _.fill([4, 6, 8, 10], '*', 1, 3);\n * // => [4, '*', '*', 10]\n */\n function fill(array, value, start, end) {\n var length = array == null ? 0 : array.length;\n if (!length) {\n return [];\n }\n if (\n start &&\n typeof start != 'number' &&\n isIterateeCall(array, value, start)\n ) {\n start = 0;\n end = length;\n }\n return baseFill(array, value, start, end);\n }\n\n /**\n * This method is like `_.find` except that it returns the index of the first\n * element `predicate` returns truthy for instead of the element itself.\n *\n * @static\n * @memberOf _\n * @since 1.1.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @param {number} [fromIndex=0] The index to search from.\n * @returns {number} Returns the index of the found element, else `-1`.\n * @example\n *\n * var users = [\n * { 'user': 'barney', 'active': false },\n * { 'user': 'fred', 'active': false },\n * { 'user': 'pebbles', 'active': true }\n * ];\n *\n * _.findIndex(users, function(o) { return o.user == 'barney'; });\n * // => 0\n *\n * // The `_.matches` iteratee shorthand.\n * _.findIndex(users, { 'user': 'fred', 'active': false });\n * // => 1\n *\n * // The `_.matchesProperty` iteratee shorthand.\n * _.findIndex(users, ['active', false]);\n * // => 0\n *\n * // The `_.property` iteratee shorthand.\n * _.findIndex(users, 'active');\n * // => 2\n */\n function findIndex(array, predicate, fromIndex) {\n var length = array == null ? 0 : array.length;\n if (!length) {\n return -1;\n }\n var index = fromIndex == null ? 0 : toInteger(fromIndex);\n if (index < 0) {\n index = nativeMax(length + index, 0);\n }\n return baseFindIndex(array, getIteratee(predicate, 3), index);\n }\n\n /**\n * This method is like `_.findIndex` except that it iterates over elements\n * of `collection` from right to left.\n *\n * @static\n * @memberOf _\n * @since 2.0.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @param {number} [fromIndex=array.length-1] The index to search from.\n * @returns {number} Returns the index of the found element, else `-1`.\n * @example\n *\n * var users = [\n * { 'user': 'barney', 'active': true },\n * { 'user': 'fred', 'active': false },\n * { 'user': 'pebbles', 'active': false }\n * ];\n *\n * _.findLastIndex(users, function(o) { return o.user == 'pebbles'; });\n * // => 2\n *\n * // The `_.matches` iteratee shorthand.\n * _.findLastIndex(users, { 'user': 'barney', 'active': true });\n * // => 0\n *\n * // The `_.matchesProperty` iteratee shorthand.\n * _.findLastIndex(users, ['active', false]);\n * // => 2\n *\n * // The `_.property` iteratee shorthand.\n * _.findLastIndex(users, 'active');\n * // => 0\n */\n function findLastIndex(array, predicate, fromIndex) {\n var length = array == null ? 0 : array.length;\n if (!length) {\n return -1;\n }\n var index = length - 1;\n if (fromIndex !== undefined) {\n index = toInteger(fromIndex);\n index =\n fromIndex < 0\n ? nativeMax(length + index, 0)\n : nativeMin(index, length - 1);\n }\n return baseFindIndex(\n array,\n getIteratee(predicate, 3),\n index,\n true,\n );\n }\n\n /**\n * Flattens `array` a single level deep.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to flatten.\n * @returns {Array} Returns the new flattened array.\n * @example\n *\n * _.flatten([1, [2, [3, [4]], 5]]);\n * // => [1, 2, [3, [4]], 5]\n */\n function flatten(array) {\n var length = array == null ? 0 : array.length;\n return length ? baseFlatten(array, 1) : [];\n }\n\n /**\n * Recursively flattens `array`.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Array\n * @param {Array} array The array to flatten.\n * @returns {Array} Returns the new flattened array.\n * @example\n *\n * _.flattenDeep([1, [2, [3, [4]], 5]]);\n * // => [1, 2, 3, 4, 5]\n */\n function flattenDeep(array) {\n var length = array == null ? 0 : array.length;\n return length ? baseFlatten(array, INFINITY) : [];\n }\n\n /**\n * Recursively flatten `array` up to `depth` times.\n *\n * @static\n * @memberOf _\n * @since 4.4.0\n * @category Array\n * @param {Array} array The array to flatten.\n * @param {number} [depth=1] The maximum recursion depth.\n * @returns {Array} Returns the new flattened array.\n * @example\n *\n * var array = [1, [2, [3, [4]], 5]];\n *\n * _.flattenDepth(array, 1);\n * // => [1, 2, [3, [4]], 5]\n *\n * _.flattenDepth(array, 2);\n * // => [1, 2, 3, [4], 5]\n */\n function flattenDepth(array, depth) {\n var length = array == null ? 0 : array.length;\n if (!length) {\n return [];\n }\n depth = depth === undefined ? 1 : toInteger(depth);\n return baseFlatten(array, depth);\n }\n\n /**\n * The inverse of `_.toPairs`; this method returns an object composed\n * from key-value `pairs`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} pairs The key-value pairs.\n * @returns {Object} Returns the new object.\n * @example\n *\n * _.fromPairs([['a', 1], ['b', 2]]);\n * // => { 'a': 1, 'b': 2 }\n */\n function fromPairs(pairs) {\n var index = -1,\n length = pairs == null ? 0 : pairs.length,\n result = {};\n\n while (++index < length) {\n var pair = pairs[index];\n result[pair[0]] = pair[1];\n }\n return result;\n }\n\n /**\n * Gets the first element of `array`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @alias first\n * @category Array\n * @param {Array} array The array to query.\n * @returns {*} Returns the first element of `array`.\n * @example\n *\n * _.head([1, 2, 3]);\n * // => 1\n *\n * _.head([]);\n * // => undefined\n */\n function head(array) {\n return array && array.length ? array[0] : undefined;\n }\n\n /**\n * Gets the index at which the first occurrence of `value` is found in `array`\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons. If `fromIndex` is negative, it's used as the\n * offset from the end of `array`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @param {number} [fromIndex=0] The index to search from.\n * @returns {number} Returns the index of the matched value, else `-1`.\n * @example\n *\n * _.indexOf([1, 2, 1, 2], 2);\n * // => 1\n *\n * // Search from the `fromIndex`.\n * _.indexOf([1, 2, 1, 2], 2, 2);\n * // => 3\n */\n function indexOf(array, value, fromIndex) {\n var length = array == null ? 0 : array.length;\n if (!length) {\n return -1;\n }\n var index = fromIndex == null ? 0 : toInteger(fromIndex);\n if (index < 0) {\n index = nativeMax(length + index, 0);\n }\n return baseIndexOf(array, value, index);\n }\n\n /**\n * Gets all but the last element of `array`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to query.\n * @returns {Array} Returns the slice of `array`.\n * @example\n *\n * _.initial([1, 2, 3]);\n * // => [1, 2]\n */\n function initial(array) {\n var length = array == null ? 0 : array.length;\n return length ? baseSlice(array, 0, -1) : [];\n }\n\n /**\n * Creates an array of unique values that are included in all given arrays\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons. The order and references of result values are\n * determined by the first array.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {...Array} [arrays] The arrays to inspect.\n * @returns {Array} Returns the new array of intersecting values.\n * @example\n *\n * _.intersection([2, 1], [2, 3]);\n * // => [2]\n */\n var intersection = baseRest(function (arrays) {\n var mapped = arrayMap(arrays, castArrayLikeObject);\n return mapped.length && mapped[0] === arrays[0]\n ? baseIntersection(mapped)\n : [];\n });\n\n /**\n * This method is like `_.intersection` except that it accepts `iteratee`\n * which is invoked for each element of each `arrays` to generate the criterion\n * by which they're compared. The order and references of result values are\n * determined by the first array. The iteratee is invoked with one argument:\n * (value).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {...Array} [arrays] The arrays to inspect.\n * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n * @returns {Array} Returns the new array of intersecting values.\n * @example\n *\n * _.intersectionBy([2.1, 1.2], [2.3, 3.4], Math.floor);\n * // => [2.1]\n *\n * // The `_.property` iteratee shorthand.\n * _.intersectionBy([{ 'x': 1 }], [{ 'x': 2 }, { 'x': 1 }], 'x');\n * // => [{ 'x': 1 }]\n */\n var intersectionBy = baseRest(function (arrays) {\n var iteratee = last(arrays),\n mapped = arrayMap(arrays, castArrayLikeObject);\n\n if (iteratee === last(mapped)) {\n iteratee = undefined;\n } else {\n mapped.pop();\n }\n return mapped.length && mapped[0] === arrays[0]\n ? baseIntersection(mapped, getIteratee(iteratee, 2))\n : [];\n });\n\n /**\n * This method is like `_.intersection` except that it accepts `comparator`\n * which is invoked to compare elements of `arrays`. The order and references\n * of result values are determined by the first array. The comparator is\n * invoked with two arguments: (arrVal, othVal).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {...Array} [arrays] The arrays to inspect.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns the new array of intersecting values.\n * @example\n *\n * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }];\n * var others = [{ 'x': 1, 'y': 1 }, { 'x': 1, 'y': 2 }];\n *\n * _.intersectionWith(objects, others, _.isEqual);\n * // => [{ 'x': 1, 'y': 2 }]\n */\n var intersectionWith = baseRest(function (arrays) {\n var comparator = last(arrays),\n mapped = arrayMap(arrays, castArrayLikeObject);\n\n comparator =\n typeof comparator == 'function' ? comparator : undefined;\n if (comparator) {\n mapped.pop();\n }\n return mapped.length && mapped[0] === arrays[0]\n ? baseIntersection(mapped, undefined, comparator)\n : [];\n });\n\n /**\n * Converts all elements in `array` into a string separated by `separator`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to convert.\n * @param {string} [separator=','] The element separator.\n * @returns {string} Returns the joined string.\n * @example\n *\n * _.join(['a', 'b', 'c'], '~');\n * // => 'a~b~c'\n */\n function join(array, separator) {\n return array == null ? '' : nativeJoin.call(array, separator);\n }\n\n /**\n * Gets the last element of `array`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to query.\n * @returns {*} Returns the last element of `array`.\n * @example\n *\n * _.last([1, 2, 3]);\n * // => 3\n */\n function last(array) {\n var length = array == null ? 0 : array.length;\n return length ? array[length - 1] : undefined;\n }\n\n /**\n * This method is like `_.indexOf` except that it iterates over elements of\n * `array` from right to left.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @param {number} [fromIndex=array.length-1] The index to search from.\n * @returns {number} Returns the index of the matched value, else `-1`.\n * @example\n *\n * _.lastIndexOf([1, 2, 1, 2], 2);\n * // => 3\n *\n * // Search from the `fromIndex`.\n * _.lastIndexOf([1, 2, 1, 2], 2, 2);\n * // => 1\n */\n function lastIndexOf(array, value, fromIndex) {\n var length = array == null ? 0 : array.length;\n if (!length) {\n return -1;\n }\n var index = length;\n if (fromIndex !== undefined) {\n index = toInteger(fromIndex);\n index =\n index < 0\n ? nativeMax(length + index, 0)\n : nativeMin(index, length - 1);\n }\n return value === value\n ? strictLastIndexOf(array, value, index)\n : baseFindIndex(array, baseIsNaN, index, true);\n }\n\n /**\n * Gets the element at index `n` of `array`. If `n` is negative, the nth\n * element from the end is returned.\n *\n * @static\n * @memberOf _\n * @since 4.11.0\n * @category Array\n * @param {Array} array The array to query.\n * @param {number} [n=0] The index of the element to return.\n * @returns {*} Returns the nth element of `array`.\n * @example\n *\n * var array = ['a', 'b', 'c', 'd'];\n *\n * _.nth(array, 1);\n * // => 'b'\n *\n * _.nth(array, -2);\n * // => 'c';\n */\n function nth(array, n) {\n return array && array.length\n ? baseNth(array, toInteger(n))\n : undefined;\n }\n\n /**\n * Removes all given values from `array` using\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons.\n *\n * **Note:** Unlike `_.without`, this method mutates `array`. Use `_.remove`\n * to remove elements from an array by predicate.\n *\n * @static\n * @memberOf _\n * @since 2.0.0\n * @category Array\n * @param {Array} array The array to modify.\n * @param {...*} [values] The values to remove.\n * @returns {Array} Returns `array`.\n * @example\n *\n * var array = ['a', 'b', 'c', 'a', 'b', 'c'];\n *\n * _.pull(array, 'a', 'c');\n * console.log(array);\n * // => ['b', 'b']\n */\n var pull = baseRest(pullAll);\n\n /**\n * This method is like `_.pull` except that it accepts an array of values to remove.\n *\n * **Note:** Unlike `_.difference`, this method mutates `array`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to modify.\n * @param {Array} values The values to remove.\n * @returns {Array} Returns `array`.\n * @example\n *\n * var array = ['a', 'b', 'c', 'a', 'b', 'c'];\n *\n * _.pullAll(array, ['a', 'c']);\n * console.log(array);\n * // => ['b', 'b']\n */\n function pullAll(array, values) {\n return array && array.length && values && values.length\n ? basePullAll(array, values)\n : array;\n }\n\n /**\n * This method is like `_.pullAll` except that it accepts `iteratee` which is\n * invoked for each element of `array` and `values` to generate the criterion\n * by which they're compared. The iteratee is invoked with one argument: (value).\n *\n * **Note:** Unlike `_.differenceBy`, this method mutates `array`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to modify.\n * @param {Array} values The values to remove.\n * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n * @returns {Array} Returns `array`.\n * @example\n *\n * var array = [{ 'x': 1 }, { 'x': 2 }, { 'x': 3 }, { 'x': 1 }];\n *\n * _.pullAllBy(array, [{ 'x': 1 }, { 'x': 3 }], 'x');\n * console.log(array);\n * // => [{ 'x': 2 }]\n */\n function pullAllBy(array, values, iteratee) {\n return array && array.length && values && values.length\n ? basePullAll(array, values, getIteratee(iteratee, 2))\n : array;\n }\n\n /**\n * This method is like `_.pullAll` except that it accepts `comparator` which\n * is invoked to compare elements of `array` to `values`. The comparator is\n * invoked with two arguments: (arrVal, othVal).\n *\n * **Note:** Unlike `_.differenceWith`, this method mutates `array`.\n *\n * @static\n * @memberOf _\n * @since 4.6.0\n * @category Array\n * @param {Array} array The array to modify.\n * @param {Array} values The values to remove.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns `array`.\n * @example\n *\n * var array = [{ 'x': 1, 'y': 2 }, { 'x': 3, 'y': 4 }, { 'x': 5, 'y': 6 }];\n *\n * _.pullAllWith(array, [{ 'x': 3, 'y': 4 }], _.isEqual);\n * console.log(array);\n * // => [{ 'x': 1, 'y': 2 }, { 'x': 5, 'y': 6 }]\n */\n function pullAllWith(array, values, comparator) {\n return array && array.length && values && values.length\n ? basePullAll(array, values, undefined, comparator)\n : array;\n }\n\n /**\n * Removes elements from `array` corresponding to `indexes` and returns an\n * array of removed elements.\n *\n * **Note:** Unlike `_.at`, this method mutates `array`.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Array\n * @param {Array} array The array to modify.\n * @param {...(number|number[])} [indexes] The indexes of elements to remove.\n * @returns {Array} Returns the new array of removed elements.\n * @example\n *\n * var array = ['a', 'b', 'c', 'd'];\n * var pulled = _.pullAt(array, [1, 3]);\n *\n * console.log(array);\n * // => ['a', 'c']\n *\n * console.log(pulled);\n * // => ['b', 'd']\n */\n var pullAt = flatRest(function (array, indexes) {\n var length = array == null ? 0 : array.length,\n result = baseAt(array, indexes);\n\n basePullAt(\n array,\n arrayMap(indexes, function (index) {\n return isIndex(index, length) ? +index : index;\n }).sort(compareAscending),\n );\n\n return result;\n });\n\n /**\n * Removes all elements from `array` that `predicate` returns truthy for\n * and returns an array of the removed elements. The predicate is invoked\n * with three arguments: (value, index, array).\n *\n * **Note:** Unlike `_.filter`, this method mutates `array`. Use `_.pull`\n * to pull elements from an array by value.\n *\n * @static\n * @memberOf _\n * @since 2.0.0\n * @category Array\n * @param {Array} array The array to modify.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @returns {Array} Returns the new array of removed elements.\n * @example\n *\n * var array = [1, 2, 3, 4];\n * var evens = _.remove(array, function(n) {\n * return n % 2 == 0;\n * });\n *\n * console.log(array);\n * // => [1, 3]\n *\n * console.log(evens);\n * // => [2, 4]\n */\n function remove(array, predicate) {\n var result = [];\n if (!(array && array.length)) {\n return result;\n }\n var index = -1,\n indexes = [],\n length = array.length;\n\n predicate = getIteratee(predicate, 3);\n while (++index < length) {\n var value = array[index];\n if (predicate(value, index, array)) {\n result.push(value);\n indexes.push(index);\n }\n }\n basePullAt(array, indexes);\n return result;\n }\n\n /**\n * Reverses `array` so that the first element becomes the last, the second\n * element becomes the second to last, and so on.\n *\n * **Note:** This method mutates `array` and is based on\n * [`Array#reverse`](https://mdn.io/Array/reverse).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to modify.\n * @returns {Array} Returns `array`.\n * @example\n *\n * var array = [1, 2, 3];\n *\n * _.reverse(array);\n * // => [3, 2, 1]\n *\n * console.log(array);\n * // => [3, 2, 1]\n */\n function reverse(array) {\n return array == null ? array : nativeReverse.call(array);\n }\n\n /**\n * Creates a slice of `array` from `start` up to, but not including, `end`.\n *\n * **Note:** This method is used instead of\n * [`Array#slice`](https://mdn.io/Array/slice) to ensure dense arrays are\n * returned.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Array\n * @param {Array} array The array to slice.\n * @param {number} [start=0] The start position.\n * @param {number} [end=array.length] The end position.\n * @returns {Array} Returns the slice of `array`.\n */\n function slice(array, start, end) {\n var length = array == null ? 0 : array.length;\n if (!length) {\n return [];\n }\n if (\n end &&\n typeof end != 'number' &&\n isIterateeCall(array, start, end)\n ) {\n start = 0;\n end = length;\n } else {\n start = start == null ? 0 : toInteger(start);\n end = end === undefined ? length : toInteger(end);\n }\n return baseSlice(array, start, end);\n }\n\n /**\n * Uses a binary search to determine the lowest index at which `value`\n * should be inserted into `array` in order to maintain its sort order.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The sorted array to inspect.\n * @param {*} value The value to evaluate.\n * @returns {number} Returns the index at which `value` should be inserted\n * into `array`.\n * @example\n *\n * _.sortedIndex([30, 50], 40);\n * // => 1\n */\n function sortedIndex(array, value) {\n return baseSortedIndex(array, value);\n }\n\n /**\n * This method is like `_.sortedIndex` except that it accepts `iteratee`\n * which is invoked for `value` and each element of `array` to compute their\n * sort ranking. The iteratee is invoked with one argument: (value).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The sorted array to inspect.\n * @param {*} value The value to evaluate.\n * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n * @returns {number} Returns the index at which `value` should be inserted\n * into `array`.\n * @example\n *\n * var objects = [{ 'x': 4 }, { 'x': 5 }];\n *\n * _.sortedIndexBy(objects, { 'x': 4 }, function(o) { return o.x; });\n * // => 0\n *\n * // The `_.property` iteratee shorthand.\n * _.sortedIndexBy(objects, { 'x': 4 }, 'x');\n * // => 0\n */\n function sortedIndexBy(array, value, iteratee) {\n return baseSortedIndexBy(array, value, getIteratee(iteratee, 2));\n }\n\n /**\n * This method is like `_.indexOf` except that it performs a binary\n * search on a sorted `array`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n * @example\n *\n * _.sortedIndexOf([4, 5, 5, 5, 6], 5);\n * // => 1\n */\n function sortedIndexOf(array, value) {\n var length = array == null ? 0 : array.length;\n if (length) {\n var index = baseSortedIndex(array, value);\n if (index < length && eq(array[index], value)) {\n return index;\n }\n }\n return -1;\n }\n\n /**\n * This method is like `_.sortedIndex` except that it returns the highest\n * index at which `value` should be inserted into `array` in order to\n * maintain its sort order.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Array\n * @param {Array} array The sorted array to inspect.\n * @param {*} value The value to evaluate.\n * @returns {number} Returns the index at which `value` should be inserted\n * into `array`.\n * @example\n *\n * _.sortedLastIndex([4, 5, 5, 5, 6], 5);\n * // => 4\n */\n function sortedLastIndex(array, value) {\n return baseSortedIndex(array, value, true);\n }\n\n /**\n * This method is like `_.sortedLastIndex` except that it accepts `iteratee`\n * which is invoked for `value` and each element of `array` to compute their\n * sort ranking. The iteratee is invoked with one argument: (value).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The sorted array to inspect.\n * @param {*} value The value to evaluate.\n * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n * @returns {number} Returns the index at which `value` should be inserted\n * into `array`.\n * @example\n *\n * var objects = [{ 'x': 4 }, { 'x': 5 }];\n *\n * _.sortedLastIndexBy(objects, { 'x': 4 }, function(o) { return o.x; });\n * // => 1\n *\n * // The `_.property` iteratee shorthand.\n * _.sortedLastIndexBy(objects, { 'x': 4 }, 'x');\n * // => 1\n */\n function sortedLastIndexBy(array, value, iteratee) {\n return baseSortedIndexBy(\n array,\n value,\n getIteratee(iteratee, 2),\n true,\n );\n }\n\n /**\n * This method is like `_.lastIndexOf` except that it performs a binary\n * search on a sorted `array`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n * @example\n *\n * _.sortedLastIndexOf([4, 5, 5, 5, 6], 5);\n * // => 3\n */\n function sortedLastIndexOf(array, value) {\n var length = array == null ? 0 : array.length;\n if (length) {\n var index = baseSortedIndex(array, value, true) - 1;\n if (eq(array[index], value)) {\n return index;\n }\n }\n return -1;\n }\n\n /**\n * This method is like `_.uniq` except that it's designed and optimized\n * for sorted arrays.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @returns {Array} Returns the new duplicate free array.\n * @example\n *\n * _.sortedUniq([1, 1, 2]);\n * // => [1, 2]\n */\n function sortedUniq(array) {\n return array && array.length ? baseSortedUniq(array) : [];\n }\n\n /**\n * This method is like `_.uniqBy` except that it's designed and optimized\n * for sorted arrays.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {Function} [iteratee] The iteratee invoked per element.\n * @returns {Array} Returns the new duplicate free array.\n * @example\n *\n * _.sortedUniqBy([1.1, 1.2, 2.3, 2.4], Math.floor);\n * // => [1.1, 2.3]\n */\n function sortedUniqBy(array, iteratee) {\n return array && array.length\n ? baseSortedUniq(array, getIteratee(iteratee, 2))\n : [];\n }\n\n /**\n * Gets all but the first element of `array`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to query.\n * @returns {Array} Returns the slice of `array`.\n * @example\n *\n * _.tail([1, 2, 3]);\n * // => [2, 3]\n */\n function tail(array) {\n var length = array == null ? 0 : array.length;\n return length ? baseSlice(array, 1, length) : [];\n }\n\n /**\n * Creates a slice of `array` with `n` elements taken from the beginning.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to query.\n * @param {number} [n=1] The number of elements to take.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Array} Returns the slice of `array`.\n * @example\n *\n * _.take([1, 2, 3]);\n * // => [1]\n *\n * _.take([1, 2, 3], 2);\n * // => [1, 2]\n *\n * _.take([1, 2, 3], 5);\n * // => [1, 2, 3]\n *\n * _.take([1, 2, 3], 0);\n * // => []\n */\n function take(array, n, guard) {\n if (!(array && array.length)) {\n return [];\n }\n n = guard || n === undefined ? 1 : toInteger(n);\n return baseSlice(array, 0, n < 0 ? 0 : n);\n }\n\n /**\n * Creates a slice of `array` with `n` elements taken from the end.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Array\n * @param {Array} array The array to query.\n * @param {number} [n=1] The number of elements to take.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Array} Returns the slice of `array`.\n * @example\n *\n * _.takeRight([1, 2, 3]);\n * // => [3]\n *\n * _.takeRight([1, 2, 3], 2);\n * // => [2, 3]\n *\n * _.takeRight([1, 2, 3], 5);\n * // => [1, 2, 3]\n *\n * _.takeRight([1, 2, 3], 0);\n * // => []\n */\n function takeRight(array, n, guard) {\n var length = array == null ? 0 : array.length;\n if (!length) {\n return [];\n }\n n = guard || n === undefined ? 1 : toInteger(n);\n n = length - n;\n return baseSlice(array, n < 0 ? 0 : n, length);\n }\n\n /**\n * Creates a slice of `array` with elements taken from the end. Elements are\n * taken until `predicate` returns falsey. The predicate is invoked with\n * three arguments: (value, index, array).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Array\n * @param {Array} array The array to query.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @returns {Array} Returns the slice of `array`.\n * @example\n *\n * var users = [\n * { 'user': 'barney', 'active': true },\n * { 'user': 'fred', 'active': false },\n * { 'user': 'pebbles', 'active': false }\n * ];\n *\n * _.takeRightWhile(users, function(o) { return !o.active; });\n * // => objects for ['fred', 'pebbles']\n *\n * // The `_.matches` iteratee shorthand.\n * _.takeRightWhile(users, { 'user': 'pebbles', 'active': false });\n * // => objects for ['pebbles']\n *\n * // The `_.matchesProperty` iteratee shorthand.\n * _.takeRightWhile(users, ['active', false]);\n * // => objects for ['fred', 'pebbles']\n *\n * // The `_.property` iteratee shorthand.\n * _.takeRightWhile(users, 'active');\n * // => []\n */\n function takeRightWhile(array, predicate) {\n return array && array.length\n ? baseWhile(array, getIteratee(predicate, 3), false, true)\n : [];\n }\n\n /**\n * Creates a slice of `array` with elements taken from the beginning. Elements\n * are taken until `predicate` returns falsey. The predicate is invoked with\n * three arguments: (value, index, array).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Array\n * @param {Array} array The array to query.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @returns {Array} Returns the slice of `array`.\n * @example\n *\n * var users = [\n * { 'user': 'barney', 'active': false },\n * { 'user': 'fred', 'active': false },\n * { 'user': 'pebbles', 'active': true }\n * ];\n *\n * _.takeWhile(users, function(o) { return !o.active; });\n * // => objects for ['barney', 'fred']\n *\n * // The `_.matches` iteratee shorthand.\n * _.takeWhile(users, { 'user': 'barney', 'active': false });\n * // => objects for ['barney']\n *\n * // The `_.matchesProperty` iteratee shorthand.\n * _.takeWhile(users, ['active', false]);\n * // => objects for ['barney', 'fred']\n *\n * // The `_.property` iteratee shorthand.\n * _.takeWhile(users, 'active');\n * // => []\n */\n function takeWhile(array, predicate) {\n return array && array.length\n ? baseWhile(array, getIteratee(predicate, 3))\n : [];\n }\n\n /**\n * Creates an array of unique values, in order, from all given arrays using\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {...Array} [arrays] The arrays to inspect.\n * @returns {Array} Returns the new array of combined values.\n * @example\n *\n * _.union([2], [1, 2]);\n * // => [2, 1]\n */\n var union = baseRest(function (arrays) {\n return baseUniq(baseFlatten(arrays, 1, isArrayLikeObject, true));\n });\n\n /**\n * This method is like `_.union` except that it accepts `iteratee` which is\n * invoked for each element of each `arrays` to generate the criterion by\n * which uniqueness is computed. Result values are chosen from the first\n * array in which the value occurs. The iteratee is invoked with one argument:\n * (value).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {...Array} [arrays] The arrays to inspect.\n * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n * @returns {Array} Returns the new array of combined values.\n * @example\n *\n * _.unionBy([2.1], [1.2, 2.3], Math.floor);\n * // => [2.1, 1.2]\n *\n * // The `_.property` iteratee shorthand.\n * _.unionBy([{ 'x': 1 }], [{ 'x': 2 }, { 'x': 1 }], 'x');\n * // => [{ 'x': 1 }, { 'x': 2 }]\n */\n var unionBy = baseRest(function (arrays) {\n var iteratee = last(arrays);\n if (isArrayLikeObject(iteratee)) {\n iteratee = undefined;\n }\n return baseUniq(\n baseFlatten(arrays, 1, isArrayLikeObject, true),\n getIteratee(iteratee, 2),\n );\n });\n\n /**\n * This method is like `_.union` except that it accepts `comparator` which\n * is invoked to compare elements of `arrays`. Result values are chosen from\n * the first array in which the value occurs. The comparator is invoked\n * with two arguments: (arrVal, othVal).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {...Array} [arrays] The arrays to inspect.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns the new array of combined values.\n * @example\n *\n * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }];\n * var others = [{ 'x': 1, 'y': 1 }, { 'x': 1, 'y': 2 }];\n *\n * _.unionWith(objects, others, _.isEqual);\n * // => [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }, { 'x': 1, 'y': 1 }]\n */\n var unionWith = baseRest(function (arrays) {\n var comparator = last(arrays);\n comparator =\n typeof comparator == 'function' ? comparator : undefined;\n return baseUniq(\n baseFlatten(arrays, 1, isArrayLikeObject, true),\n undefined,\n comparator,\n );\n });\n\n /**\n * Creates a duplicate-free version of an array, using\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons, in which only the first occurrence of each element\n * is kept. The order of result values is determined by the order they occur\n * in the array.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @returns {Array} Returns the new duplicate free array.\n * @example\n *\n * _.uniq([2, 1, 2]);\n * // => [2, 1]\n */\n function uniq(array) {\n return array && array.length ? baseUniq(array) : [];\n }\n\n /**\n * This method is like `_.uniq` except that it accepts `iteratee` which is\n * invoked for each element in `array` to generate the criterion by which\n * uniqueness is computed. The order of result values is determined by the\n * order they occur in the array. The iteratee is invoked with one argument:\n * (value).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n * @returns {Array} Returns the new duplicate free array.\n * @example\n *\n * _.uniqBy([2.1, 1.2, 2.3], Math.floor);\n * // => [2.1, 1.2]\n *\n * // The `_.property` iteratee shorthand.\n * _.uniqBy([{ 'x': 1 }, { 'x': 2 }, { 'x': 1 }], 'x');\n * // => [{ 'x': 1 }, { 'x': 2 }]\n */\n function uniqBy(array, iteratee) {\n return array && array.length\n ? baseUniq(array, getIteratee(iteratee, 2))\n : [];\n }\n\n /**\n * This method is like `_.uniq` except that it accepts `comparator` which\n * is invoked to compare elements of `array`. The order of result values is\n * determined by the order they occur in the array.The comparator is invoked\n * with two arguments: (arrVal, othVal).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns the new duplicate free array.\n * @example\n *\n * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }, { 'x': 1, 'y': 2 }];\n *\n * _.uniqWith(objects, _.isEqual);\n * // => [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }]\n */\n function uniqWith(array, comparator) {\n comparator =\n typeof comparator == 'function' ? comparator : undefined;\n return array && array.length\n ? baseUniq(array, undefined, comparator)\n : [];\n }\n\n /**\n * This method is like `_.zip` except that it accepts an array of grouped\n * elements and creates an array regrouping the elements to their pre-zip\n * configuration.\n *\n * @static\n * @memberOf _\n * @since 1.2.0\n * @category Array\n * @param {Array} array The array of grouped elements to process.\n * @returns {Array} Returns the new array of regrouped elements.\n * @example\n *\n * var zipped = _.zip(['a', 'b'], [1, 2], [true, false]);\n * // => [['a', 1, true], ['b', 2, false]]\n *\n * _.unzip(zipped);\n * // => [['a', 'b'], [1, 2], [true, false]]\n */\n function unzip(array) {\n if (!(array && array.length)) {\n return [];\n }\n var length = 0;\n array = arrayFilter(array, function (group) {\n if (isArrayLikeObject(group)) {\n length = nativeMax(group.length, length);\n return true;\n }\n });\n return baseTimes(length, function (index) {\n return arrayMap(array, baseProperty(index));\n });\n }\n\n /**\n * This method is like `_.unzip` except that it accepts `iteratee` to specify\n * how regrouped values should be combined. The iteratee is invoked with the\n * elements of each group: (...group).\n *\n * @static\n * @memberOf _\n * @since 3.8.0\n * @category Array\n * @param {Array} array The array of grouped elements to process.\n * @param {Function} [iteratee=_.identity] The function to combine\n * regrouped values.\n * @returns {Array} Returns the new array of regrouped elements.\n * @example\n *\n * var zipped = _.zip([1, 2], [10, 20], [100, 200]);\n * // => [[1, 10, 100], [2, 20, 200]]\n *\n * _.unzipWith(zipped, _.add);\n * // => [3, 30, 300]\n */\n function unzipWith(array, iteratee) {\n if (!(array && array.length)) {\n return [];\n }\n var result = unzip(array);\n if (iteratee == null) {\n return result;\n }\n return arrayMap(result, function (group) {\n return apply(iteratee, undefined, group);\n });\n }\n\n /**\n * Creates an array excluding all given values using\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons.\n *\n * **Note:** Unlike `_.pull`, this method returns a new array.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {...*} [values] The values to exclude.\n * @returns {Array} Returns the new array of filtered values.\n * @see _.difference, _.xor\n * @example\n *\n * _.without([2, 1, 2, 3], 1, 2);\n * // => [3]\n */\n var without = baseRest(function (array, values) {\n return isArrayLikeObject(array)\n ? baseDifference(array, values)\n : [];\n });\n\n /**\n * Creates an array of unique values that is the\n * [symmetric difference](https://en.wikipedia.org/wiki/Symmetric_difference)\n * of the given arrays. The order of result values is determined by the order\n * they occur in the arrays.\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Array\n * @param {...Array} [arrays] The arrays to inspect.\n * @returns {Array} Returns the new array of filtered values.\n * @see _.difference, _.without\n * @example\n *\n * _.xor([2, 1], [2, 3]);\n * // => [1, 3]\n */\n var xor = baseRest(function (arrays) {\n return baseXor(arrayFilter(arrays, isArrayLikeObject));\n });\n\n /**\n * This method is like `_.xor` except that it accepts `iteratee` which is\n * invoked for each element of each `arrays` to generate the criterion by\n * which by which they're compared. The order of result values is determined\n * by the order they occur in the arrays. The iteratee is invoked with one\n * argument: (value).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {...Array} [arrays] The arrays to inspect.\n * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n * @returns {Array} Returns the new array of filtered values.\n * @example\n *\n * _.xorBy([2.1, 1.2], [2.3, 3.4], Math.floor);\n * // => [1.2, 3.4]\n *\n * // The `_.property` iteratee shorthand.\n * _.xorBy([{ 'x': 1 }], [{ 'x': 2 }, { 'x': 1 }], 'x');\n * // => [{ 'x': 2 }]\n */\n var xorBy = baseRest(function (arrays) {\n var iteratee = last(arrays);\n if (isArrayLikeObject(iteratee)) {\n iteratee = undefined;\n }\n return baseXor(\n arrayFilter(arrays, isArrayLikeObject),\n getIteratee(iteratee, 2),\n );\n });\n\n /**\n * This method is like `_.xor` except that it accepts `comparator` which is\n * invoked to compare elements of `arrays`. The order of result values is\n * determined by the order they occur in the arrays. The comparator is invoked\n * with two arguments: (arrVal, othVal).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {...Array} [arrays] The arrays to inspect.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns the new array of filtered values.\n * @example\n *\n * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }];\n * var others = [{ 'x': 1, 'y': 1 }, { 'x': 1, 'y': 2 }];\n *\n * _.xorWith(objects, others, _.isEqual);\n * // => [{ 'x': 2, 'y': 1 }, { 'x': 1, 'y': 1 }]\n */\n var xorWith = baseRest(function (arrays) {\n var comparator = last(arrays);\n comparator =\n typeof comparator == 'function' ? comparator : undefined;\n return baseXor(\n arrayFilter(arrays, isArrayLikeObject),\n undefined,\n comparator,\n );\n });\n\n /**\n * Creates an array of grouped elements, the first of which contains the\n * first elements of the given arrays, the second of which contains the\n * second elements of the given arrays, and so on.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {...Array} [arrays] The arrays to process.\n * @returns {Array} Returns the new array of grouped elements.\n * @example\n *\n * _.zip(['a', 'b'], [1, 2], [true, false]);\n * // => [['a', 1, true], ['b', 2, false]]\n */\n var zip = baseRest(unzip);\n\n /**\n * This method is like `_.fromPairs` except that it accepts two arrays,\n * one of property identifiers and one of corresponding values.\n *\n * @static\n * @memberOf _\n * @since 0.4.0\n * @category Array\n * @param {Array} [props=[]] The property identifiers.\n * @param {Array} [values=[]] The property values.\n * @returns {Object} Returns the new object.\n * @example\n *\n * _.zipObject(['a', 'b'], [1, 2]);\n * // => { 'a': 1, 'b': 2 }\n */\n function zipObject(props, values) {\n return baseZipObject(props || [], values || [], assignValue);\n }\n\n /**\n * This method is like `_.zipObject` except that it supports property paths.\n *\n * @static\n * @memberOf _\n * @since 4.1.0\n * @category Array\n * @param {Array} [props=[]] The property identifiers.\n * @param {Array} [values=[]] The property values.\n * @returns {Object} Returns the new object.\n * @example\n *\n * _.zipObjectDeep(['a.b[0].c', 'a.b[1].d'], [1, 2]);\n * // => { 'a': { 'b': [{ 'c': 1 }, { 'd': 2 }] } }\n */\n function zipObjectDeep(props, values) {\n return baseZipObject(props || [], values || [], baseSet);\n }\n\n /**\n * This method is like `_.zip` except that it accepts `iteratee` to specify\n * how grouped values should be combined. The iteratee is invoked with the\n * elements of each group: (...group).\n *\n * @static\n * @memberOf _\n * @since 3.8.0\n * @category Array\n * @param {...Array} [arrays] The arrays to process.\n * @param {Function} [iteratee=_.identity] The function to combine\n * grouped values.\n * @returns {Array} Returns the new array of grouped elements.\n * @example\n *\n * _.zipWith([1, 2], [10, 20], [100, 200], function(a, b, c) {\n * return a + b + c;\n * });\n * // => [111, 222]\n */\n var zipWith = baseRest(function (arrays) {\n var length = arrays.length,\n iteratee = length > 1 ? arrays[length - 1] : undefined;\n\n iteratee =\n typeof iteratee == 'function'\n ? (arrays.pop(), iteratee)\n : undefined;\n return unzipWith(arrays, iteratee);\n });\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Creates a `lodash` wrapper instance that wraps `value` with explicit method\n * chain sequences enabled. The result of such sequences must be unwrapped\n * with `_#value`.\n *\n * @static\n * @memberOf _\n * @since 1.3.0\n * @category Seq\n * @param {*} value The value to wrap.\n * @returns {Object} Returns the new `lodash` wrapper instance.\n * @example\n *\n * var users = [\n * { 'user': 'barney', 'age': 36 },\n * { 'user': 'fred', 'age': 40 },\n * { 'user': 'pebbles', 'age': 1 }\n * ];\n *\n * var youngest = _\n * .chain(users)\n * .sortBy('age')\n * .map(function(o) {\n * return o.user + ' is ' + o.age;\n * })\n * .head()\n * .value();\n * // => 'pebbles is 1'\n */\n function chain(value) {\n var result = lodash(value);\n result.__chain__ = true;\n return result;\n }\n\n /**\n * This method invokes `interceptor` and returns `value`. The interceptor\n * is invoked with one argument; (value). The purpose of this method is to\n * \"tap into\" a method chain sequence in order to modify intermediate results.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Seq\n * @param {*} value The value to provide to `interceptor`.\n * @param {Function} interceptor The function to invoke.\n * @returns {*} Returns `value`.\n * @example\n *\n * _([1, 2, 3])\n * .tap(function(array) {\n * // Mutate input array.\n * array.pop();\n * })\n * .reverse()\n * .value();\n * // => [2, 1]\n */\n function tap(value, interceptor) {\n interceptor(value);\n return value;\n }\n\n /**\n * This method is like `_.tap` except that it returns the result of `interceptor`.\n * The purpose of this method is to \"pass thru\" values replacing intermediate\n * results in a method chain sequence.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Seq\n * @param {*} value The value to provide to `interceptor`.\n * @param {Function} interceptor The function to invoke.\n * @returns {*} Returns the result of `interceptor`.\n * @example\n *\n * _(' abc ')\n * .chain()\n * .trim()\n * .thru(function(value) {\n * return [value];\n * })\n * .value();\n * // => ['abc']\n */\n function thru(value, interceptor) {\n return interceptor(value);\n }\n\n /**\n * This method is the wrapper version of `_.at`.\n *\n * @name at\n * @memberOf _\n * @since 1.0.0\n * @category Seq\n * @param {...(string|string[])} [paths] The property paths to pick.\n * @returns {Object} Returns the new `lodash` wrapper instance.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': 3 } }, 4] };\n *\n * _(object).at(['a[0].b.c', 'a[1]']).value();\n * // => [3, 4]\n */\n var wrapperAt = flatRest(function (paths) {\n var length = paths.length,\n start = length ? paths[0] : 0,\n value = this.__wrapped__,\n interceptor = function (object) {\n return baseAt(object, paths);\n };\n\n if (\n length > 1 ||\n this.__actions__.length ||\n !(value instanceof LazyWrapper) ||\n !isIndex(start)\n ) {\n return this.thru(interceptor);\n }\n value = value.slice(start, +start + (length ? 1 : 0));\n value.__actions__.push({\n func: thru,\n args: [interceptor],\n thisArg: undefined,\n });\n return new LodashWrapper(value, this.__chain__).thru(function (\n array,\n ) {\n if (length && !array.length) {\n array.push(undefined);\n }\n return array;\n });\n });\n\n /**\n * Creates a `lodash` wrapper instance with explicit method chain sequences enabled.\n *\n * @name chain\n * @memberOf _\n * @since 0.1.0\n * @category Seq\n * @returns {Object} Returns the new `lodash` wrapper instance.\n * @example\n *\n * var users = [\n * { 'user': 'barney', 'age': 36 },\n * { 'user': 'fred', 'age': 40 }\n * ];\n *\n * // A sequence without explicit chaining.\n * _(users).head();\n * // => { 'user': 'barney', 'age': 36 }\n *\n * // A sequence with explicit chaining.\n * _(users)\n * .chain()\n * .head()\n * .pick('user')\n * .value();\n * // => { 'user': 'barney' }\n */\n function wrapperChain() {\n return chain(this);\n }\n\n /**\n * Executes the chain sequence and returns the wrapped result.\n *\n * @name commit\n * @memberOf _\n * @since 3.2.0\n * @category Seq\n * @returns {Object} Returns the new `lodash` wrapper instance.\n * @example\n *\n * var array = [1, 2];\n * var wrapped = _(array).push(3);\n *\n * console.log(array);\n * // => [1, 2]\n *\n * wrapped = wrapped.commit();\n * console.log(array);\n * // => [1, 2, 3]\n *\n * wrapped.last();\n * // => 3\n *\n * console.log(array);\n * // => [1, 2, 3]\n */\n function wrapperCommit() {\n return new LodashWrapper(this.value(), this.__chain__);\n }\n\n /**\n * Gets the next value on a wrapped object following the\n * [iterator protocol](https://mdn.io/iteration_protocols#iterator).\n *\n * @name next\n * @memberOf _\n * @since 4.0.0\n * @category Seq\n * @returns {Object} Returns the next iterator value.\n * @example\n *\n * var wrapped = _([1, 2]);\n *\n * wrapped.next();\n * // => { 'done': false, 'value': 1 }\n *\n * wrapped.next();\n * // => { 'done': false, 'value': 2 }\n *\n * wrapped.next();\n * // => { 'done': true, 'value': undefined }\n */\n function wrapperNext() {\n if (this.__values__ === undefined) {\n this.__values__ = toArray(this.value());\n }\n var done = this.__index__ >= this.__values__.length,\n value = done ? undefined : this.__values__[this.__index__++];\n\n return { done: done, value: value };\n }\n\n /**\n * Enables the wrapper to be iterable.\n *\n * @name Symbol.iterator\n * @memberOf _\n * @since 4.0.0\n * @category Seq\n * @returns {Object} Returns the wrapper object.\n * @example\n *\n * var wrapped = _([1, 2]);\n *\n * wrapped[Symbol.iterator]() === wrapped;\n * // => true\n *\n * Array.from(wrapped);\n * // => [1, 2]\n */\n function wrapperToIterator() {\n return this;\n }\n\n /**\n * Creates a clone of the chain sequence planting `value` as the wrapped value.\n *\n * @name plant\n * @memberOf _\n * @since 3.2.0\n * @category Seq\n * @param {*} value The value to plant.\n * @returns {Object} Returns the new `lodash` wrapper instance.\n * @example\n *\n * function square(n) {\n * return n * n;\n * }\n *\n * var wrapped = _([1, 2]).map(square);\n * var other = wrapped.plant([3, 4]);\n *\n * other.value();\n * // => [9, 16]\n *\n * wrapped.value();\n * // => [1, 4]\n */\n function wrapperPlant(value) {\n var result,\n parent = this;\n\n while (parent instanceof baseLodash) {\n var clone = wrapperClone(parent);\n clone.__index__ = 0;\n clone.__values__ = undefined;\n if (result) {\n previous.__wrapped__ = clone;\n } else {\n result = clone;\n }\n var previous = clone;\n parent = parent.__wrapped__;\n }\n previous.__wrapped__ = value;\n return result;\n }\n\n /**\n * This method is the wrapper version of `_.reverse`.\n *\n * **Note:** This method mutates the wrapped array.\n *\n * @name reverse\n * @memberOf _\n * @since 0.1.0\n * @category Seq\n * @returns {Object} Returns the new `lodash` wrapper instance.\n * @example\n *\n * var array = [1, 2, 3];\n *\n * _(array).reverse().value()\n * // => [3, 2, 1]\n *\n * console.log(array);\n * // => [3, 2, 1]\n */\n function wrapperReverse() {\n var value = this.__wrapped__;\n if (value instanceof LazyWrapper) {\n var wrapped = value;\n if (this.__actions__.length) {\n wrapped = new LazyWrapper(this);\n }\n wrapped = wrapped.reverse();\n wrapped.__actions__.push({\n func: thru,\n args: [reverse],\n thisArg: undefined,\n });\n return new LodashWrapper(wrapped, this.__chain__);\n }\n return this.thru(reverse);\n }\n\n /**\n * Executes the chain sequence to resolve the unwrapped value.\n *\n * @name value\n * @memberOf _\n * @since 0.1.0\n * @alias toJSON, valueOf\n * @category Seq\n * @returns {*} Returns the resolved unwrapped value.\n * @example\n *\n * _([1, 2, 3]).value();\n * // => [1, 2, 3]\n */\n function wrapperValue() {\n return baseWrapperValue(this.__wrapped__, this.__actions__);\n }\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Creates an object composed of keys generated from the results of running\n * each element of `collection` thru `iteratee`. The corresponding value of\n * each key is the number of times the key was returned by `iteratee`. The\n * iteratee is invoked with one argument: (value).\n *\n * @static\n * @memberOf _\n * @since 0.5.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The iteratee to transform keys.\n * @returns {Object} Returns the composed aggregate object.\n * @example\n *\n * _.countBy([6.1, 4.2, 6.3], Math.floor);\n * // => { '4': 1, '6': 2 }\n *\n * // The `_.property` iteratee shorthand.\n * _.countBy(['one', 'two', 'three'], 'length');\n * // => { '3': 2, '5': 1 }\n */\n var countBy = createAggregator(function (result, value, key) {\n if (hasOwnProperty.call(result, key)) {\n ++result[key];\n } else {\n baseAssignValue(result, key, 1);\n }\n });\n\n /**\n * Checks if `predicate` returns truthy for **all** elements of `collection`.\n * Iteration is stopped once `predicate` returns falsey. The predicate is\n * invoked with three arguments: (value, index|key, collection).\n *\n * **Note:** This method returns `true` for\n * [empty collections](https://en.wikipedia.org/wiki/Empty_set) because\n * [everything is true](https://en.wikipedia.org/wiki/Vacuous_truth) of\n * elements of empty collections.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {boolean} Returns `true` if all elements pass the predicate check,\n * else `false`.\n * @example\n *\n * _.every([true, 1, null, 'yes'], Boolean);\n * // => false\n *\n * var users = [\n * { 'user': 'barney', 'age': 36, 'active': false },\n * { 'user': 'fred', 'age': 40, 'active': false }\n * ];\n *\n * // The `_.matches` iteratee shorthand.\n * _.every(users, { 'user': 'barney', 'active': false });\n * // => false\n *\n * // The `_.matchesProperty` iteratee shorthand.\n * _.every(users, ['active', false]);\n * // => true\n *\n * // The `_.property` iteratee shorthand.\n * _.every(users, 'active');\n * // => false\n */\n function every(collection, predicate, guard) {\n var func = isArray(collection) ? arrayEvery : baseEvery;\n if (guard && isIterateeCall(collection, predicate, guard)) {\n predicate = undefined;\n }\n return func(collection, getIteratee(predicate, 3));\n }\n\n /**\n * Iterates over elements of `collection`, returning an array of all elements\n * `predicate` returns truthy for. The predicate is invoked with three\n * arguments: (value, index|key, collection).\n *\n * **Note:** Unlike `_.remove`, this method returns a new array.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @returns {Array} Returns the new filtered array.\n * @see _.reject\n * @example\n *\n * var users = [\n * { 'user': 'barney', 'age': 36, 'active': true },\n * { 'user': 'fred', 'age': 40, 'active': false }\n * ];\n *\n * _.filter(users, function(o) { return !o.active; });\n * // => objects for ['fred']\n *\n * // The `_.matches` iteratee shorthand.\n * _.filter(users, { 'age': 36, 'active': true });\n * // => objects for ['barney']\n *\n * // The `_.matchesProperty` iteratee shorthand.\n * _.filter(users, ['active', false]);\n * // => objects for ['fred']\n *\n * // The `_.property` iteratee shorthand.\n * _.filter(users, 'active');\n * // => objects for ['barney']\n */\n function filter(collection, predicate) {\n var func = isArray(collection) ? arrayFilter : baseFilter;\n return func(collection, getIteratee(predicate, 3));\n }\n\n /**\n * Iterates over elements of `collection`, returning the first element\n * `predicate` returns truthy for. The predicate is invoked with three\n * arguments: (value, index|key, collection).\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to inspect.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @param {number} [fromIndex=0] The index to search from.\n * @returns {*} Returns the matched element, else `undefined`.\n * @example\n *\n * var users = [\n * { 'user': 'barney', 'age': 36, 'active': true },\n * { 'user': 'fred', 'age': 40, 'active': false },\n * { 'user': 'pebbles', 'age': 1, 'active': true }\n * ];\n *\n * _.find(users, function(o) { return o.age < 40; });\n * // => object for 'barney'\n *\n * // The `_.matches` iteratee shorthand.\n * _.find(users, { 'age': 1, 'active': true });\n * // => object for 'pebbles'\n *\n * // The `_.matchesProperty` iteratee shorthand.\n * _.find(users, ['active', false]);\n * // => object for 'fred'\n *\n * // The `_.property` iteratee shorthand.\n * _.find(users, 'active');\n * // => object for 'barney'\n */\n var find = createFind(findIndex);\n\n /**\n * This method is like `_.find` except that it iterates over elements of\n * `collection` from right to left.\n *\n * @static\n * @memberOf _\n * @since 2.0.0\n * @category Collection\n * @param {Array|Object} collection The collection to inspect.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @param {number} [fromIndex=collection.length-1] The index to search from.\n * @returns {*} Returns the matched element, else `undefined`.\n * @example\n *\n * _.findLast([1, 2, 3, 4], function(n) {\n * return n % 2 == 1;\n * });\n * // => 3\n */\n var findLast = createFind(findLastIndex);\n\n /**\n * Creates a flattened array of values by running each element in `collection`\n * thru `iteratee` and flattening the mapped results. The iteratee is invoked\n * with three arguments: (value, index|key, collection).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Array} Returns the new flattened array.\n * @example\n *\n * function duplicate(n) {\n * return [n, n];\n * }\n *\n * _.flatMap([1, 2], duplicate);\n * // => [1, 1, 2, 2]\n */\n function flatMap(collection, iteratee) {\n return baseFlatten(map(collection, iteratee), 1);\n }\n\n /**\n * This method is like `_.flatMap` except that it recursively flattens the\n * mapped results.\n *\n * @static\n * @memberOf _\n * @since 4.7.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Array} Returns the new flattened array.\n * @example\n *\n * function duplicate(n) {\n * return [[[n, n]]];\n * }\n *\n * _.flatMapDeep([1, 2], duplicate);\n * // => [1, 1, 2, 2]\n */\n function flatMapDeep(collection, iteratee) {\n return baseFlatten(map(collection, iteratee), INFINITY);\n }\n\n /**\n * This method is like `_.flatMap` except that it recursively flattens the\n * mapped results up to `depth` times.\n *\n * @static\n * @memberOf _\n * @since 4.7.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @param {number} [depth=1] The maximum recursion depth.\n * @returns {Array} Returns the new flattened array.\n * @example\n *\n * function duplicate(n) {\n * return [[[n, n]]];\n * }\n *\n * _.flatMapDepth([1, 2], duplicate, 2);\n * // => [[1, 1], [2, 2]]\n */\n function flatMapDepth(collection, iteratee, depth) {\n depth = depth === undefined ? 1 : toInteger(depth);\n return baseFlatten(map(collection, iteratee), depth);\n }\n\n /**\n * Iterates over elements of `collection` and invokes `iteratee` for each element.\n * The iteratee is invoked with three arguments: (value, index|key, collection).\n * Iteratee functions may exit iteration early by explicitly returning `false`.\n *\n * **Note:** As with other \"Collections\" methods, objects with a \"length\"\n * property are iterated like arrays. To avoid this behavior use `_.forIn`\n * or `_.forOwn` for object iteration.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @alias each\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Array|Object} Returns `collection`.\n * @see _.forEachRight\n * @example\n *\n * _.forEach([1, 2], function(value) {\n * console.log(value);\n * });\n * // => Logs `1` then `2`.\n *\n * _.forEach({ 'a': 1, 'b': 2 }, function(value, key) {\n * console.log(key);\n * });\n * // => Logs 'a' then 'b' (iteration order is not guaranteed).\n */\n function forEach(collection, iteratee) {\n var func = isArray(collection) ? arrayEach : baseEach;\n return func(collection, getIteratee(iteratee, 3));\n }\n\n /**\n * This method is like `_.forEach` except that it iterates over elements of\n * `collection` from right to left.\n *\n * @static\n * @memberOf _\n * @since 2.0.0\n * @alias eachRight\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Array|Object} Returns `collection`.\n * @see _.forEach\n * @example\n *\n * _.forEachRight([1, 2], function(value) {\n * console.log(value);\n * });\n * // => Logs `2` then `1`.\n */\n function forEachRight(collection, iteratee) {\n var func = isArray(collection) ? arrayEachRight : baseEachRight;\n return func(collection, getIteratee(iteratee, 3));\n }\n\n /**\n * Creates an object composed of keys generated from the results of running\n * each element of `collection` thru `iteratee`. The order of grouped values\n * is determined by the order they occur in `collection`. The corresponding\n * value of each key is an array of elements responsible for generating the\n * key. The iteratee is invoked with one argument: (value).\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The iteratee to transform keys.\n * @returns {Object} Returns the composed aggregate object.\n * @example\n *\n * _.groupBy([6.1, 4.2, 6.3], Math.floor);\n * // => { '4': [4.2], '6': [6.1, 6.3] }\n *\n * // The `_.property` iteratee shorthand.\n * _.groupBy(['one', 'two', 'three'], 'length');\n * // => { '3': ['one', 'two'], '5': ['three'] }\n */\n var groupBy = createAggregator(function (result, value, key) {\n if (hasOwnProperty.call(result, key)) {\n result[key].push(value);\n } else {\n baseAssignValue(result, key, [value]);\n }\n });\n\n /**\n * Checks if `value` is in `collection`. If `collection` is a string, it's\n * checked for a substring of `value`, otherwise\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * is used for equality comparisons. If `fromIndex` is negative, it's used as\n * the offset from the end of `collection`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object|string} collection The collection to inspect.\n * @param {*} value The value to search for.\n * @param {number} [fromIndex=0] The index to search from.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.reduce`.\n * @returns {boolean} Returns `true` if `value` is found, else `false`.\n * @example\n *\n * _.includes([1, 2, 3], 1);\n * // => true\n *\n * _.includes([1, 2, 3], 1, 2);\n * // => false\n *\n * _.includes({ 'a': 1, 'b': 2 }, 1);\n * // => true\n *\n * _.includes('abcd', 'bc');\n * // => true\n */\n function includes(collection, value, fromIndex, guard) {\n collection = isArrayLike(collection)\n ? collection\n : values(collection);\n fromIndex = fromIndex && !guard ? toInteger(fromIndex) : 0;\n\n var length = collection.length;\n if (fromIndex < 0) {\n fromIndex = nativeMax(length + fromIndex, 0);\n }\n return isString(collection)\n ? fromIndex <= length &&\n collection.indexOf(value, fromIndex) > -1\n : !!length && baseIndexOf(collection, value, fromIndex) > -1;\n }\n\n /**\n * Invokes the method at `path` of each element in `collection`, returning\n * an array of the results of each invoked method. Any additional arguments\n * are provided to each invoked method. If `path` is a function, it's invoked\n * for, and `this` bound to, each element in `collection`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Array|Function|string} path The path of the method to invoke or\n * the function invoked per iteration.\n * @param {...*} [args] The arguments to invoke each method with.\n * @returns {Array} Returns the array of results.\n * @example\n *\n * _.invokeMap([[5, 1, 7], [3, 2, 1]], 'sort');\n * // => [[1, 5, 7], [1, 2, 3]]\n *\n * _.invokeMap([123, 456], String.prototype.split, '');\n * // => [['1', '2', '3'], ['4', '5', '6']]\n */\n var invokeMap = baseRest(function (collection, path, args) {\n var index = -1,\n isFunc = typeof path == 'function',\n result = isArrayLike(collection)\n ? Array(collection.length)\n : [];\n\n baseEach(collection, function (value) {\n result[++index] = isFunc\n ? apply(path, value, args)\n : baseInvoke(value, path, args);\n });\n return result;\n });\n\n /**\n * Creates an object composed of keys generated from the results of running\n * each element of `collection` thru `iteratee`. The corresponding value of\n * each key is the last element responsible for generating the key. The\n * iteratee is invoked with one argument: (value).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The iteratee to transform keys.\n * @returns {Object} Returns the composed aggregate object.\n * @example\n *\n * var array = [\n * { 'dir': 'left', 'code': 97 },\n * { 'dir': 'right', 'code': 100 }\n * ];\n *\n * _.keyBy(array, function(o) {\n * return String.fromCharCode(o.code);\n * });\n * // => { 'a': { 'dir': 'left', 'code': 97 }, 'd': { 'dir': 'right', 'code': 100 } }\n *\n * _.keyBy(array, 'dir');\n * // => { 'left': { 'dir': 'left', 'code': 97 }, 'right': { 'dir': 'right', 'code': 100 } }\n */\n var keyBy = createAggregator(function (result, value, key) {\n baseAssignValue(result, key, value);\n });\n\n /**\n * Creates an array of values by running each element in `collection` thru\n * `iteratee`. The iteratee is invoked with three arguments:\n * (value, index|key, collection).\n *\n * Many lodash methods are guarded to work as iteratees for methods like\n * `_.every`, `_.filter`, `_.map`, `_.mapValues`, `_.reject`, and `_.some`.\n *\n * The guarded methods are:\n * `ary`, `chunk`, `curry`, `curryRight`, `drop`, `dropRight`, `every`,\n * `fill`, `invert`, `parseInt`, `random`, `range`, `rangeRight`, `repeat`,\n * `sampleSize`, `slice`, `some`, `sortBy`, `split`, `take`, `takeRight`,\n * `template`, `trim`, `trimEnd`, `trimStart`, and `words`\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Array} Returns the new mapped array.\n * @example\n *\n * function square(n) {\n * return n * n;\n * }\n *\n * _.map([4, 8], square);\n * // => [16, 64]\n *\n * _.map({ 'a': 4, 'b': 8 }, square);\n * // => [16, 64] (iteration order is not guaranteed)\n *\n * var users = [\n * { 'user': 'barney' },\n * { 'user': 'fred' }\n * ];\n *\n * // The `_.property` iteratee shorthand.\n * _.map(users, 'user');\n * // => ['barney', 'fred']\n */\n function map(collection, iteratee) {\n var func = isArray(collection) ? arrayMap : baseMap;\n return func(collection, getIteratee(iteratee, 3));\n }\n\n /**\n * This method is like `_.sortBy` except that it allows specifying the sort\n * orders of the iteratees to sort by. If `orders` is unspecified, all values\n * are sorted in ascending order. Otherwise, specify an order of \"desc\" for\n * descending or \"asc\" for ascending sort order of corresponding values.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Array[]|Function[]|Object[]|string[]} [iteratees=[_.identity]]\n * The iteratees to sort by.\n * @param {string[]} [orders] The sort orders of `iteratees`.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.reduce`.\n * @returns {Array} Returns the new sorted array.\n * @example\n *\n * var users = [\n * { 'user': 'fred', 'age': 48 },\n * { 'user': 'barney', 'age': 34 },\n * { 'user': 'fred', 'age': 40 },\n * { 'user': 'barney', 'age': 36 }\n * ];\n *\n * // Sort by `user` in ascending order and by `age` in descending order.\n * _.orderBy(users, ['user', 'age'], ['asc', 'desc']);\n * // => objects for [['barney', 36], ['barney', 34], ['fred', 48], ['fred', 40]]\n */\n function orderBy(collection, iteratees, orders, guard) {\n if (collection == null) {\n return [];\n }\n if (!isArray(iteratees)) {\n iteratees = iteratees == null ? [] : [iteratees];\n }\n orders = guard ? undefined : orders;\n if (!isArray(orders)) {\n orders = orders == null ? [] : [orders];\n }\n return baseOrderBy(collection, iteratees, orders);\n }\n\n /**\n * Creates an array of elements split into two groups, the first of which\n * contains elements `predicate` returns truthy for, the second of which\n * contains elements `predicate` returns falsey for. The predicate is\n * invoked with one argument: (value).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @returns {Array} Returns the array of grouped elements.\n * @example\n *\n * var users = [\n * { 'user': 'barney', 'age': 36, 'active': false },\n * { 'user': 'fred', 'age': 40, 'active': true },\n * { 'user': 'pebbles', 'age': 1, 'active': false }\n * ];\n *\n * _.partition(users, function(o) { return o.active; });\n * // => objects for [['fred'], ['barney', 'pebbles']]\n *\n * // The `_.matches` iteratee shorthand.\n * _.partition(users, { 'age': 1, 'active': false });\n * // => objects for [['pebbles'], ['barney', 'fred']]\n *\n * // The `_.matchesProperty` iteratee shorthand.\n * _.partition(users, ['active', false]);\n * // => objects for [['barney', 'pebbles'], ['fred']]\n *\n * // The `_.property` iteratee shorthand.\n * _.partition(users, 'active');\n * // => objects for [['fred'], ['barney', 'pebbles']]\n */\n var partition = createAggregator(\n function (result, value, key) {\n result[key ? 0 : 1].push(value);\n },\n function () {\n return [[], []];\n },\n );\n\n /**\n * Reduces `collection` to a value which is the accumulated result of running\n * each element in `collection` thru `iteratee`, where each successive\n * invocation is supplied the return value of the previous. If `accumulator`\n * is not given, the first element of `collection` is used as the initial\n * value. The iteratee is invoked with four arguments:\n * (accumulator, value, index|key, collection).\n *\n * Many lodash methods are guarded to work as iteratees for methods like\n * `_.reduce`, `_.reduceRight`, and `_.transform`.\n *\n * The guarded methods are:\n * `assign`, `defaults`, `defaultsDeep`, `includes`, `merge`, `orderBy`,\n * and `sortBy`\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @param {*} [accumulator] The initial value.\n * @returns {*} Returns the accumulated value.\n * @see _.reduceRight\n * @example\n *\n * _.reduce([1, 2], function(sum, n) {\n * return sum + n;\n * }, 0);\n * // => 3\n *\n * _.reduce({ 'a': 1, 'b': 2, 'c': 1 }, function(result, value, key) {\n * (result[value] || (result[value] = [])).push(key);\n * return result;\n * }, {});\n * // => { '1': ['a', 'c'], '2': ['b'] } (iteration order is not guaranteed)\n */\n function reduce(collection, iteratee, accumulator) {\n var func = isArray(collection) ? arrayReduce : baseReduce,\n initAccum = arguments.length < 3;\n\n return func(\n collection,\n getIteratee(iteratee, 4),\n accumulator,\n initAccum,\n baseEach,\n );\n }\n\n /**\n * This method is like `_.reduce` except that it iterates over elements of\n * `collection` from right to left.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @param {*} [accumulator] The initial value.\n * @returns {*} Returns the accumulated value.\n * @see _.reduce\n * @example\n *\n * var array = [[0, 1], [2, 3], [4, 5]];\n *\n * _.reduceRight(array, function(flattened, other) {\n * return flattened.concat(other);\n * }, []);\n * // => [4, 5, 2, 3, 0, 1]\n */\n function reduceRight(collection, iteratee, accumulator) {\n var func = isArray(collection) ? arrayReduceRight : baseReduce,\n initAccum = arguments.length < 3;\n\n return func(\n collection,\n getIteratee(iteratee, 4),\n accumulator,\n initAccum,\n baseEachRight,\n );\n }\n\n /**\n * The opposite of `_.filter`; this method returns the elements of `collection`\n * that `predicate` does **not** return truthy for.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @returns {Array} Returns the new filtered array.\n * @see _.filter\n * @example\n *\n * var users = [\n * { 'user': 'barney', 'age': 36, 'active': false },\n * { 'user': 'fred', 'age': 40, 'active': true }\n * ];\n *\n * _.reject(users, function(o) { return !o.active; });\n * // => objects for ['fred']\n *\n * // The `_.matches` iteratee shorthand.\n * _.reject(users, { 'age': 40, 'active': true });\n * // => objects for ['barney']\n *\n * // The `_.matchesProperty` iteratee shorthand.\n * _.reject(users, ['active', false]);\n * // => objects for ['fred']\n *\n * // The `_.property` iteratee shorthand.\n * _.reject(users, 'active');\n * // => objects for ['barney']\n */\n function reject(collection, predicate) {\n var func = isArray(collection) ? arrayFilter : baseFilter;\n return func(collection, negate(getIteratee(predicate, 3)));\n }\n\n /**\n * Gets a random element from `collection`.\n *\n * @static\n * @memberOf _\n * @since 2.0.0\n * @category Collection\n * @param {Array|Object} collection The collection to sample.\n * @returns {*} Returns the random element.\n * @example\n *\n * _.sample([1, 2, 3, 4]);\n * // => 2\n */\n function sample(collection) {\n var func = isArray(collection) ? arraySample : baseSample;\n return func(collection);\n }\n\n /**\n * Gets `n` random elements at unique keys from `collection` up to the\n * size of `collection`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Collection\n * @param {Array|Object} collection The collection to sample.\n * @param {number} [n=1] The number of elements to sample.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Array} Returns the random elements.\n * @example\n *\n * _.sampleSize([1, 2, 3], 2);\n * // => [3, 1]\n *\n * _.sampleSize([1, 2, 3], 4);\n * // => [2, 3, 1]\n */\n function sampleSize(collection, n, guard) {\n if (\n guard ? isIterateeCall(collection, n, guard) : n === undefined\n ) {\n n = 1;\n } else {\n n = toInteger(n);\n }\n var func = isArray(collection) ? arraySampleSize : baseSampleSize;\n return func(collection, n);\n }\n\n /**\n * Creates an array of shuffled values, using a version of the\n * [Fisher-Yates shuffle](https://en.wikipedia.org/wiki/Fisher-Yates_shuffle).\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to shuffle.\n * @returns {Array} Returns the new shuffled array.\n * @example\n *\n * _.shuffle([1, 2, 3, 4]);\n * // => [4, 1, 3, 2]\n */\n function shuffle(collection) {\n var func = isArray(collection) ? arrayShuffle : baseShuffle;\n return func(collection);\n }\n\n /**\n * Gets the size of `collection` by returning its length for array-like\n * values or the number of own enumerable string keyed properties for objects.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object|string} collection The collection to inspect.\n * @returns {number} Returns the collection size.\n * @example\n *\n * _.size([1, 2, 3]);\n * // => 3\n *\n * _.size({ 'a': 1, 'b': 2 });\n * // => 2\n *\n * _.size('pebbles');\n * // => 7\n */\n function size(collection) {\n if (collection == null) {\n return 0;\n }\n if (isArrayLike(collection)) {\n return isString(collection)\n ? stringSize(collection)\n : collection.length;\n }\n var tag = getTag(collection);\n if (tag == mapTag || tag == setTag) {\n return collection.size;\n }\n return baseKeys(collection).length;\n }\n\n /**\n * Checks if `predicate` returns truthy for **any** element of `collection`.\n * Iteration is stopped once `predicate` returns truthy. The predicate is\n * invoked with three arguments: (value, index|key, collection).\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {boolean} Returns `true` if any element passes the predicate check,\n * else `false`.\n * @example\n *\n * _.some([null, 0, 'yes', false], Boolean);\n * // => true\n *\n * var users = [\n * { 'user': 'barney', 'active': true },\n * { 'user': 'fred', 'active': false }\n * ];\n *\n * // The `_.matches` iteratee shorthand.\n * _.some(users, { 'user': 'barney', 'active': false });\n * // => false\n *\n * // The `_.matchesProperty` iteratee shorthand.\n * _.some(users, ['active', false]);\n * // => true\n *\n * // The `_.property` iteratee shorthand.\n * _.some(users, 'active');\n * // => true\n */\n function some(collection, predicate, guard) {\n var func = isArray(collection) ? arraySome : baseSome;\n if (guard && isIterateeCall(collection, predicate, guard)) {\n predicate = undefined;\n }\n return func(collection, getIteratee(predicate, 3));\n }\n\n /**\n * Creates an array of elements, sorted in ascending order by the results of\n * running each element in a collection thru each iteratee. This method\n * performs a stable sort, that is, it preserves the original sort order of\n * equal elements. The iteratees are invoked with one argument: (value).\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {...(Function|Function[])} [iteratees=[_.identity]]\n * The iteratees to sort by.\n * @returns {Array} Returns the new sorted array.\n * @example\n *\n * var users = [\n * { 'user': 'fred', 'age': 48 },\n * { 'user': 'barney', 'age': 36 },\n * { 'user': 'fred', 'age': 40 },\n * { 'user': 'barney', 'age': 34 }\n * ];\n *\n * _.sortBy(users, [function(o) { return o.user; }]);\n * // => objects for [['barney', 36], ['barney', 34], ['fred', 48], ['fred', 40]]\n *\n * _.sortBy(users, ['user', 'age']);\n * // => objects for [['barney', 34], ['barney', 36], ['fred', 40], ['fred', 48]]\n */\n var sortBy = baseRest(function (collection, iteratees) {\n if (collection == null) {\n return [];\n }\n var length = iteratees.length;\n if (\n length > 1 &&\n isIterateeCall(collection, iteratees[0], iteratees[1])\n ) {\n iteratees = [];\n } else if (\n length > 2 &&\n isIterateeCall(iteratees[0], iteratees[1], iteratees[2])\n ) {\n iteratees = [iteratees[0]];\n }\n return baseOrderBy(collection, baseFlatten(iteratees, 1), []);\n });\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\n var now =\n ctxNow ||\n function () {\n return root.Date.now();\n };\n\n /*------------------------------------------------------------------------*/\n\n /**\n * The opposite of `_.before`; this method creates a function that invokes\n * `func` once it's called `n` or more times.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {number} n The number of calls before `func` is invoked.\n * @param {Function} func The function to restrict.\n * @returns {Function} Returns the new restricted function.\n * @example\n *\n * var saves = ['profile', 'settings'];\n *\n * var done = _.after(saves.length, function() {\n * console.log('done saving!');\n * });\n *\n * _.forEach(saves, function(type) {\n * asyncSave({ 'type': type, 'complete': done });\n * });\n * // => Logs 'done saving!' after the two async saves have completed.\n */\n function after(n, func) {\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n n = toInteger(n);\n return function () {\n if (--n < 1) {\n return func.apply(this, arguments);\n }\n };\n }\n\n /**\n * Creates a function that invokes `func`, with up to `n` arguments,\n * ignoring any additional arguments.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Function\n * @param {Function} func The function to cap arguments for.\n * @param {number} [n=func.length] The arity cap.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Function} Returns the new capped function.\n * @example\n *\n * _.map(['6', '8', '10'], _.ary(parseInt, 1));\n * // => [6, 8, 10]\n */\n function ary(func, n, guard) {\n n = guard ? undefined : n;\n n = func && n == null ? func.length : n;\n return createWrap(\n func,\n WRAP_ARY_FLAG,\n undefined,\n undefined,\n undefined,\n undefined,\n n,\n );\n }\n\n /**\n * Creates a function that invokes `func`, with the `this` binding and arguments\n * of the created function, while it's called less than `n` times. Subsequent\n * calls to the created function return the result of the last `func` invocation.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Function\n * @param {number} n The number of calls at which `func` is no longer invoked.\n * @param {Function} func The function to restrict.\n * @returns {Function} Returns the new restricted function.\n * @example\n *\n * jQuery(element).on('click', _.before(5, addContactToList));\n * // => Allows adding up to 4 contacts to the list.\n */\n function before(n, func) {\n var result;\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n n = toInteger(n);\n return function () {\n if (--n > 0) {\n result = func.apply(this, arguments);\n }\n if (n <= 1) {\n func = undefined;\n }\n return result;\n };\n }\n\n /**\n * Creates a function that invokes `func` with the `this` binding of `thisArg`\n * and `partials` prepended to the arguments it receives.\n *\n * The `_.bind.placeholder` value, which defaults to `_` in monolithic builds,\n * may be used as a placeholder for partially applied arguments.\n *\n * **Note:** Unlike native `Function#bind`, this method doesn't set the \"length\"\n * property of bound functions.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to bind.\n * @param {*} thisArg The `this` binding of `func`.\n * @param {...*} [partials] The arguments to be partially applied.\n * @returns {Function} Returns the new bound function.\n * @example\n *\n * function greet(greeting, punctuation) {\n * return greeting + ' ' + this.user + punctuation;\n * }\n *\n * var object = { 'user': 'fred' };\n *\n * var bound = _.bind(greet, object, 'hi');\n * bound('!');\n * // => 'hi fred!'\n *\n * // Bound with placeholders.\n * var bound = _.bind(greet, object, _, '!');\n * bound('hi');\n * // => 'hi fred!'\n */\n var bind = baseRest(function (func, thisArg, partials) {\n var bitmask = WRAP_BIND_FLAG;\n if (partials.length) {\n var holders = replaceHolders(partials, getHolder(bind));\n bitmask |= WRAP_PARTIAL_FLAG;\n }\n return createWrap(func, bitmask, thisArg, partials, holders);\n });\n\n /**\n * Creates a function that invokes the method at `object[key]` with `partials`\n * prepended to the arguments it receives.\n *\n * This method differs from `_.bind` by allowing bound functions to reference\n * methods that may be redefined or don't yet exist. See\n * [Peter Michaux's article](http://peter.michaux.ca/articles/lazy-function-definition-pattern)\n * for more details.\n *\n * The `_.bindKey.placeholder` value, which defaults to `_` in monolithic\n * builds, may be used as a placeholder for partially applied arguments.\n *\n * @static\n * @memberOf _\n * @since 0.10.0\n * @category Function\n * @param {Object} object The object to invoke the method on.\n * @param {string} key The key of the method.\n * @param {...*} [partials] The arguments to be partially applied.\n * @returns {Function} Returns the new bound function.\n * @example\n *\n * var object = {\n * 'user': 'fred',\n * 'greet': function(greeting, punctuation) {\n * return greeting + ' ' + this.user + punctuation;\n * }\n * };\n *\n * var bound = _.bindKey(object, 'greet', 'hi');\n * bound('!');\n * // => 'hi fred!'\n *\n * object.greet = function(greeting, punctuation) {\n * return greeting + 'ya ' + this.user + punctuation;\n * };\n *\n * bound('!');\n * // => 'hiya fred!'\n *\n * // Bound with placeholders.\n * var bound = _.bindKey(object, 'greet', _, '!');\n * bound('hi');\n * // => 'hiya fred!'\n */\n var bindKey = baseRest(function (object, key, partials) {\n var bitmask = WRAP_BIND_FLAG | WRAP_BIND_KEY_FLAG;\n if (partials.length) {\n var holders = replaceHolders(partials, getHolder(bindKey));\n bitmask |= WRAP_PARTIAL_FLAG;\n }\n return createWrap(key, bitmask, object, partials, holders);\n });\n\n /**\n * Creates a function that accepts arguments of `func` and either invokes\n * `func` returning its result, if at least `arity` number of arguments have\n * been provided, or returns a function that accepts the remaining `func`\n * arguments, and so on. The arity of `func` may be specified if `func.length`\n * is not sufficient.\n *\n * The `_.curry.placeholder` value, which defaults to `_` in monolithic builds,\n * may be used as a placeholder for provided arguments.\n *\n * **Note:** This method doesn't set the \"length\" property of curried functions.\n *\n * @static\n * @memberOf _\n * @since 2.0.0\n * @category Function\n * @param {Function} func The function to curry.\n * @param {number} [arity=func.length] The arity of `func`.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Function} Returns the new curried function.\n * @example\n *\n * var abc = function(a, b, c) {\n * return [a, b, c];\n * };\n *\n * var curried = _.curry(abc);\n *\n * curried(1)(2)(3);\n * // => [1, 2, 3]\n *\n * curried(1, 2)(3);\n * // => [1, 2, 3]\n *\n * curried(1, 2, 3);\n * // => [1, 2, 3]\n *\n * // Curried with placeholders.\n * curried(1)(_, 3)(2);\n * // => [1, 2, 3]\n */\n function curry(func, arity, guard) {\n arity = guard ? undefined : arity;\n var result = createWrap(\n func,\n WRAP_CURRY_FLAG,\n undefined,\n undefined,\n undefined,\n undefined,\n undefined,\n arity,\n );\n result.placeholder = curry.placeholder;\n return result;\n }\n\n /**\n * This method is like `_.curry` except that arguments are applied to `func`\n * in the manner of `_.partialRight` instead of `_.partial`.\n *\n * The `_.curryRight.placeholder` value, which defaults to `_` in monolithic\n * builds, may be used as a placeholder for provided arguments.\n *\n * **Note:** This method doesn't set the \"length\" property of curried functions.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Function\n * @param {Function} func The function to curry.\n * @param {number} [arity=func.length] The arity of `func`.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Function} Returns the new curried function.\n * @example\n *\n * var abc = function(a, b, c) {\n * return [a, b, c];\n * };\n *\n * var curried = _.curryRight(abc);\n *\n * curried(3)(2)(1);\n * // => [1, 2, 3]\n *\n * curried(2, 3)(1);\n * // => [1, 2, 3]\n *\n * curried(1, 2, 3);\n * // => [1, 2, 3]\n *\n * // Curried with placeholders.\n * curried(3)(1, _)(2);\n * // => [1, 2, 3]\n */\n function curryRight(func, arity, guard) {\n arity = guard ? undefined : arity;\n var result = createWrap(\n func,\n WRAP_CURRY_RIGHT_FLAG,\n undefined,\n undefined,\n undefined,\n undefined,\n undefined,\n arity,\n );\n result.placeholder = curryRight.placeholder;\n return result;\n }\n\n /**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\n function debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing\n ? nativeMax(toNumber(options.maxWait) || 0, wait)\n : maxWait;\n trailing =\n 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n timeWaiting = wait - timeSinceLastCall;\n\n return maxing\n ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n : timeWaiting;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (\n lastCallTime === undefined ||\n timeSinceLastCall >= wait ||\n timeSinceLastCall < 0 ||\n (maxing && timeSinceLastInvoke >= maxWait)\n );\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n }\n\n /**\n * Defers invoking the `func` until the current call stack has cleared. Any\n * additional arguments are provided to `func` when it's invoked.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to defer.\n * @param {...*} [args] The arguments to invoke `func` with.\n * @returns {number} Returns the timer id.\n * @example\n *\n * _.defer(function(text) {\n * console.log(text);\n * }, 'deferred');\n * // => Logs 'deferred' after one millisecond.\n */\n var defer = baseRest(function (func, args) {\n return baseDelay(func, 1, args);\n });\n\n /**\n * Invokes `func` after `wait` milliseconds. Any additional arguments are\n * provided to `func` when it's invoked.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to delay.\n * @param {number} wait The number of milliseconds to delay invocation.\n * @param {...*} [args] The arguments to invoke `func` with.\n * @returns {number} Returns the timer id.\n * @example\n *\n * _.delay(function(text) {\n * console.log(text);\n * }, 1000, 'later');\n * // => Logs 'later' after one second.\n */\n var delay = baseRest(function (func, wait, args) {\n return baseDelay(func, toNumber(wait) || 0, args);\n });\n\n /**\n * Creates a function that invokes `func` with arguments reversed.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Function\n * @param {Function} func The function to flip arguments for.\n * @returns {Function} Returns the new flipped function.\n * @example\n *\n * var flipped = _.flip(function() {\n * return _.toArray(arguments);\n * });\n *\n * flipped('a', 'b', 'c', 'd');\n * // => ['d', 'c', 'b', 'a']\n */\n function flip(func) {\n return createWrap(func, WRAP_FLIP_FLAG);\n }\n\n /**\n * Creates a function that memoizes the result of `func`. If `resolver` is\n * provided, it determines the cache key for storing the result based on the\n * arguments provided to the memoized function. By default, the first argument\n * provided to the memoized function is used as the map cache key. The `func`\n * is invoked with the `this` binding of the memoized function.\n *\n * **Note:** The cache is exposed as the `cache` property on the memoized\n * function. Its creation may be customized by replacing the `_.memoize.Cache`\n * constructor with one whose instances implement the\n * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)\n * method interface of `clear`, `delete`, `get`, `has`, and `set`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to have its output memoized.\n * @param {Function} [resolver] The function to resolve the cache key.\n * @returns {Function} Returns the new memoized function.\n * @example\n *\n * var object = { 'a': 1, 'b': 2 };\n * var other = { 'c': 3, 'd': 4 };\n *\n * var values = _.memoize(_.values);\n * values(object);\n * // => [1, 2]\n *\n * values(other);\n * // => [3, 4]\n *\n * object.a = 2;\n * values(object);\n * // => [1, 2]\n *\n * // Modify the result cache.\n * values.cache.set(object, ['a', 'b']);\n * values(object);\n * // => ['a', 'b']\n *\n * // Replace `_.memoize.Cache`.\n * _.memoize.Cache = WeakMap;\n */\n function memoize(func, resolver) {\n if (\n typeof func != 'function' ||\n (resolver != null && typeof resolver != 'function')\n ) {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n var memoized = function () {\n var args = arguments,\n key = resolver ? resolver.apply(this, args) : args[0],\n cache = memoized.cache;\n\n if (cache.has(key)) {\n return cache.get(key);\n }\n var result = func.apply(this, args);\n memoized.cache = cache.set(key, result) || cache;\n return result;\n };\n memoized.cache = new (memoize.Cache || MapCache)();\n return memoized;\n }\n\n // Expose `MapCache`.\n memoize.Cache = MapCache;\n\n /**\n * Creates a function that negates the result of the predicate `func`. The\n * `func` predicate is invoked with the `this` binding and arguments of the\n * created function.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Function\n * @param {Function} predicate The predicate to negate.\n * @returns {Function} Returns the new negated function.\n * @example\n *\n * function isEven(n) {\n * return n % 2 == 0;\n * }\n *\n * _.filter([1, 2, 3, 4, 5, 6], _.negate(isEven));\n * // => [1, 3, 5]\n */\n function negate(predicate) {\n if (typeof predicate != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n return function () {\n var args = arguments;\n switch (args.length) {\n case 0:\n return !predicate.call(this);\n case 1:\n return !predicate.call(this, args[0]);\n case 2:\n return !predicate.call(this, args[0], args[1]);\n case 3:\n return !predicate.call(this, args[0], args[1], args[2]);\n }\n return !predicate.apply(this, args);\n };\n }\n\n /**\n * Creates a function that is restricted to invoking `func` once. Repeat calls\n * to the function return the value of the first invocation. The `func` is\n * invoked with the `this` binding and arguments of the created function.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to restrict.\n * @returns {Function} Returns the new restricted function.\n * @example\n *\n * var initialize = _.once(createApplication);\n * initialize();\n * initialize();\n * // => `createApplication` is invoked once\n */\n function once(func) {\n return before(2, func);\n }\n\n /**\n * Creates a function that invokes `func` with its arguments transformed.\n *\n * @static\n * @since 4.0.0\n * @memberOf _\n * @category Function\n * @param {Function} func The function to wrap.\n * @param {...(Function|Function[])} [transforms=[_.identity]]\n * The argument transforms.\n * @returns {Function} Returns the new function.\n * @example\n *\n * function doubled(n) {\n * return n * 2;\n * }\n *\n * function square(n) {\n * return n * n;\n * }\n *\n * var func = _.overArgs(function(x, y) {\n * return [x, y];\n * }, [square, doubled]);\n *\n * func(9, 3);\n * // => [81, 6]\n *\n * func(10, 5);\n * // => [100, 10]\n */\n var overArgs = castRest(function (func, transforms) {\n transforms =\n transforms.length == 1 && isArray(transforms[0])\n ? arrayMap(transforms[0], baseUnary(getIteratee()))\n : arrayMap(\n baseFlatten(transforms, 1),\n baseUnary(getIteratee()),\n );\n\n var funcsLength = transforms.length;\n return baseRest(function (args) {\n var index = -1,\n length = nativeMin(args.length, funcsLength);\n\n while (++index < length) {\n args[index] = transforms[index].call(this, args[index]);\n }\n return apply(func, this, args);\n });\n });\n\n /**\n * Creates a function that invokes `func` with `partials` prepended to the\n * arguments it receives. This method is like `_.bind` except it does **not**\n * alter the `this` binding.\n *\n * The `_.partial.placeholder` value, which defaults to `_` in monolithic\n * builds, may be used as a placeholder for partially applied arguments.\n *\n * **Note:** This method doesn't set the \"length\" property of partially\n * applied functions.\n *\n * @static\n * @memberOf _\n * @since 0.2.0\n * @category Function\n * @param {Function} func The function to partially apply arguments to.\n * @param {...*} [partials] The arguments to be partially applied.\n * @returns {Function} Returns the new partially applied function.\n * @example\n *\n * function greet(greeting, name) {\n * return greeting + ' ' + name;\n * }\n *\n * var sayHelloTo = _.partial(greet, 'hello');\n * sayHelloTo('fred');\n * // => 'hello fred'\n *\n * // Partially applied with placeholders.\n * var greetFred = _.partial(greet, _, 'fred');\n * greetFred('hi');\n * // => 'hi fred'\n */\n var partial = baseRest(function (func, partials) {\n var holders = replaceHolders(partials, getHolder(partial));\n return createWrap(\n func,\n WRAP_PARTIAL_FLAG,\n undefined,\n partials,\n holders,\n );\n });\n\n /**\n * This method is like `_.partial` except that partially applied arguments\n * are appended to the arguments it receives.\n *\n * The `_.partialRight.placeholder` value, which defaults to `_` in monolithic\n * builds, may be used as a placeholder for partially applied arguments.\n *\n * **Note:** This method doesn't set the \"length\" property of partially\n * applied functions.\n *\n * @static\n * @memberOf _\n * @since 1.0.0\n * @category Function\n * @param {Function} func The function to partially apply arguments to.\n * @param {...*} [partials] The arguments to be partially applied.\n * @returns {Function} Returns the new partially applied function.\n * @example\n *\n * function greet(greeting, name) {\n * return greeting + ' ' + name;\n * }\n *\n * var greetFred = _.partialRight(greet, 'fred');\n * greetFred('hi');\n * // => 'hi fred'\n *\n * // Partially applied with placeholders.\n * var sayHelloTo = _.partialRight(greet, 'hello', _);\n * sayHelloTo('fred');\n * // => 'hello fred'\n */\n var partialRight = baseRest(function (func, partials) {\n var holders = replaceHolders(partials, getHolder(partialRight));\n return createWrap(\n func,\n WRAP_PARTIAL_RIGHT_FLAG,\n undefined,\n partials,\n holders,\n );\n });\n\n /**\n * Creates a function that invokes `func` with arguments arranged according\n * to the specified `indexes` where the argument value at the first index is\n * provided as the first argument, the argument value at the second index is\n * provided as the second argument, and so on.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Function\n * @param {Function} func The function to rearrange arguments for.\n * @param {...(number|number[])} indexes The arranged argument indexes.\n * @returns {Function} Returns the new function.\n * @example\n *\n * var rearged = _.rearg(function(a, b, c) {\n * return [a, b, c];\n * }, [2, 0, 1]);\n *\n * rearged('b', 'c', 'a')\n * // => ['a', 'b', 'c']\n */\n var rearg = flatRest(function (func, indexes) {\n return createWrap(\n func,\n WRAP_REARG_FLAG,\n undefined,\n undefined,\n undefined,\n indexes,\n );\n });\n\n /**\n * Creates a function that invokes `func` with the `this` binding of the\n * created function and arguments from `start` and beyond provided as\n * an array.\n *\n * **Note:** This method is based on the\n * [rest parameter](https://mdn.io/rest_parameters).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Function\n * @param {Function} func The function to apply a rest parameter to.\n * @param {number} [start=func.length-1] The start position of the rest parameter.\n * @returns {Function} Returns the new function.\n * @example\n *\n * var say = _.rest(function(what, names) {\n * return what + ' ' + _.initial(names).join(', ') +\n * (_.size(names) > 1 ? ', & ' : '') + _.last(names);\n * });\n *\n * say('hello', 'fred', 'barney', 'pebbles');\n * // => 'hello fred, barney, & pebbles'\n */\n function rest(func, start) {\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n start = start === undefined ? start : toInteger(start);\n return baseRest(func, start);\n }\n\n /**\n * Creates a function that invokes `func` with the `this` binding of the\n * create function and an array of arguments much like\n * [`Function#apply`](http://www.ecma-international.org/ecma-262/7.0/#sec-function.prototype.apply).\n *\n * **Note:** This method is based on the\n * [spread operator](https://mdn.io/spread_operator).\n *\n * @static\n * @memberOf _\n * @since 3.2.0\n * @category Function\n * @param {Function} func The function to spread arguments over.\n * @param {number} [start=0] The start position of the spread.\n * @returns {Function} Returns the new function.\n * @example\n *\n * var say = _.spread(function(who, what) {\n * return who + ' says ' + what;\n * });\n *\n * say(['fred', 'hello']);\n * // => 'fred says hello'\n *\n * var numbers = Promise.all([\n * Promise.resolve(40),\n * Promise.resolve(36)\n * ]);\n *\n * numbers.then(_.spread(function(x, y) {\n * return x + y;\n * }));\n * // => a Promise of 76\n */\n function spread(func, start) {\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n start = start == null ? 0 : nativeMax(toInteger(start), 0);\n return baseRest(function (args) {\n var array = args[start],\n otherArgs = castSlice(args, 0, start);\n\n if (array) {\n arrayPush(otherArgs, array);\n }\n return apply(func, this, otherArgs);\n });\n }\n\n /**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n * Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\n function throttle(func, wait, options) {\n var leading = true,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n if (isObject(options)) {\n leading = 'leading' in options ? !!options.leading : leading;\n trailing =\n 'trailing' in options ? !!options.trailing : trailing;\n }\n return debounce(func, wait, {\n leading: leading,\n maxWait: wait,\n trailing: trailing,\n });\n }\n\n /**\n * Creates a function that accepts up to one argument, ignoring any\n * additional arguments.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Function\n * @param {Function} func The function to cap arguments for.\n * @returns {Function} Returns the new capped function.\n * @example\n *\n * _.map(['6', '8', '10'], _.unary(parseInt));\n * // => [6, 8, 10]\n */\n function unary(func) {\n return ary(func, 1);\n }\n\n /**\n * Creates a function that provides `value` to `wrapper` as its first\n * argument. Any additional arguments provided to the function are appended\n * to those provided to the `wrapper`. The wrapper is invoked with the `this`\n * binding of the created function.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {*} value The value to wrap.\n * @param {Function} [wrapper=identity] The wrapper function.\n * @returns {Function} Returns the new function.\n * @example\n *\n * var p = _.wrap(_.escape, function(func, text) {\n * return '

' + func(text) + '

';\n * });\n *\n * p('fred, barney, & pebbles');\n * // => '

fred, barney, & pebbles

'\n */\n function wrap(value, wrapper) {\n return partial(castFunction(wrapper), value);\n }\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Casts `value` as an array if it's not one.\n *\n * @static\n * @memberOf _\n * @since 4.4.0\n * @category Lang\n * @param {*} value The value to inspect.\n * @returns {Array} Returns the cast array.\n * @example\n *\n * _.castArray(1);\n * // => [1]\n *\n * _.castArray({ 'a': 1 });\n * // => [{ 'a': 1 }]\n *\n * _.castArray('abc');\n * // => ['abc']\n *\n * _.castArray(null);\n * // => [null]\n *\n * _.castArray(undefined);\n * // => [undefined]\n *\n * _.castArray();\n * // => []\n *\n * var array = [1, 2, 3];\n * console.log(_.castArray(array) === array);\n * // => true\n */\n function castArray() {\n if (!arguments.length) {\n return [];\n }\n var value = arguments[0];\n return isArray(value) ? value : [value];\n }\n\n /**\n * Creates a shallow clone of `value`.\n *\n * **Note:** This method is loosely based on the\n * [structured clone algorithm](https://mdn.io/Structured_clone_algorithm)\n * and supports cloning arrays, array buffers, booleans, date objects, maps,\n * numbers, `Object` objects, regexes, sets, strings, symbols, and typed\n * arrays. The own enumerable properties of `arguments` objects are cloned\n * as plain objects. An empty object is returned for uncloneable values such\n * as error objects, functions, DOM nodes, and WeakMaps.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to clone.\n * @returns {*} Returns the cloned value.\n * @see _.cloneDeep\n * @example\n *\n * var objects = [{ 'a': 1 }, { 'b': 2 }];\n *\n * var shallow = _.clone(objects);\n * console.log(shallow[0] === objects[0]);\n * // => true\n */\n function clone(value) {\n return baseClone(value, CLONE_SYMBOLS_FLAG);\n }\n\n /**\n * This method is like `_.clone` except that it accepts `customizer` which\n * is invoked to produce the cloned value. If `customizer` returns `undefined`,\n * cloning is handled by the method instead. The `customizer` is invoked with\n * up to four arguments; (value [, index|key, object, stack]).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to clone.\n * @param {Function} [customizer] The function to customize cloning.\n * @returns {*} Returns the cloned value.\n * @see _.cloneDeepWith\n * @example\n *\n * function customizer(value) {\n * if (_.isElement(value)) {\n * return value.cloneNode(false);\n * }\n * }\n *\n * var el = _.cloneWith(document.body, customizer);\n *\n * console.log(el === document.body);\n * // => false\n * console.log(el.nodeName);\n * // => 'BODY'\n * console.log(el.childNodes.length);\n * // => 0\n */\n function cloneWith(value, customizer) {\n customizer =\n typeof customizer == 'function' ? customizer : undefined;\n return baseClone(value, CLONE_SYMBOLS_FLAG, customizer);\n }\n\n /**\n * This method is like `_.clone` except that it recursively clones `value`.\n *\n * @static\n * @memberOf _\n * @since 1.0.0\n * @category Lang\n * @param {*} value The value to recursively clone.\n * @returns {*} Returns the deep cloned value.\n * @see _.clone\n * @example\n *\n * var objects = [{ 'a': 1 }, { 'b': 2 }];\n *\n * var deep = _.cloneDeep(objects);\n * console.log(deep[0] === objects[0]);\n * // => false\n */\n function cloneDeep(value) {\n return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);\n }\n\n /**\n * This method is like `_.cloneWith` except that it recursively clones `value`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to recursively clone.\n * @param {Function} [customizer] The function to customize cloning.\n * @returns {*} Returns the deep cloned value.\n * @see _.cloneWith\n * @example\n *\n * function customizer(value) {\n * if (_.isElement(value)) {\n * return value.cloneNode(true);\n * }\n * }\n *\n * var el = _.cloneDeepWith(document.body, customizer);\n *\n * console.log(el === document.body);\n * // => false\n * console.log(el.nodeName);\n * // => 'BODY'\n * console.log(el.childNodes.length);\n * // => 20\n */\n function cloneDeepWith(value, customizer) {\n customizer =\n typeof customizer == 'function' ? customizer : undefined;\n return baseClone(\n value,\n CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG,\n customizer,\n );\n }\n\n /**\n * Checks if `object` conforms to `source` by invoking the predicate\n * properties of `source` with the corresponding property values of `object`.\n *\n * **Note:** This method is equivalent to `_.conforms` when `source` is\n * partially applied.\n *\n * @static\n * @memberOf _\n * @since 4.14.0\n * @category Lang\n * @param {Object} object The object to inspect.\n * @param {Object} source The object of property predicates to conform to.\n * @returns {boolean} Returns `true` if `object` conforms, else `false`.\n * @example\n *\n * var object = { 'a': 1, 'b': 2 };\n *\n * _.conformsTo(object, { 'b': function(n) { return n > 1; } });\n * // => true\n *\n * _.conformsTo(object, { 'b': function(n) { return n > 2; } });\n * // => false\n */\n function conformsTo(object, source) {\n return (\n source == null || baseConformsTo(object, source, keys(source))\n );\n }\n\n /**\n * Performs a\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * comparison between two values to determine if they are equivalent.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * var object = { 'a': 1 };\n * var other = { 'a': 1 };\n *\n * _.eq(object, object);\n * // => true\n *\n * _.eq(object, other);\n * // => false\n *\n * _.eq('a', 'a');\n * // => true\n *\n * _.eq('a', Object('a'));\n * // => false\n *\n * _.eq(NaN, NaN);\n * // => true\n */\n function eq(value, other) {\n return value === other || (value !== value && other !== other);\n }\n\n /**\n * Checks if `value` is greater than `other`.\n *\n * @static\n * @memberOf _\n * @since 3.9.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if `value` is greater than `other`,\n * else `false`.\n * @see _.lt\n * @example\n *\n * _.gt(3, 1);\n * // => true\n *\n * _.gt(3, 3);\n * // => false\n *\n * _.gt(1, 3);\n * // => false\n */\n var gt = createRelationalOperation(baseGt);\n\n /**\n * Checks if `value` is greater than or equal to `other`.\n *\n * @static\n * @memberOf _\n * @since 3.9.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if `value` is greater than or equal to\n * `other`, else `false`.\n * @see _.lte\n * @example\n *\n * _.gte(3, 1);\n * // => true\n *\n * _.gte(3, 3);\n * // => true\n *\n * _.gte(1, 3);\n * // => false\n */\n var gte = createRelationalOperation(function (value, other) {\n return value >= other;\n });\n\n /**\n * Checks if `value` is likely an `arguments` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n * else `false`.\n * @example\n *\n * _.isArguments(function() { return arguments; }());\n * // => true\n *\n * _.isArguments([1, 2, 3]);\n * // => false\n */\n var isArguments = baseIsArguments(\n (function () {\n return arguments;\n })(),\n )\n ? baseIsArguments\n : function (value) {\n return (\n isObjectLike(value) &&\n hasOwnProperty.call(value, 'callee') &&\n !propertyIsEnumerable.call(value, 'callee')\n );\n };\n\n /**\n * Checks if `value` is classified as an `Array` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array, else `false`.\n * @example\n *\n * _.isArray([1, 2, 3]);\n * // => true\n *\n * _.isArray(document.body.children);\n * // => false\n *\n * _.isArray('abc');\n * // => false\n *\n * _.isArray(_.noop);\n * // => false\n */\n var isArray = Array.isArray;\n\n /**\n * Checks if `value` is classified as an `ArrayBuffer` object.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array buffer, else `false`.\n * @example\n *\n * _.isArrayBuffer(new ArrayBuffer(2));\n * // => true\n *\n * _.isArrayBuffer(new Array(2));\n * // => false\n */\n var isArrayBuffer = nodeIsArrayBuffer\n ? baseUnary(nodeIsArrayBuffer)\n : baseIsArrayBuffer;\n\n /**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\n function isArrayLike(value) {\n return (\n value != null && isLength(value.length) && !isFunction(value)\n );\n }\n\n /**\n * This method is like `_.isArrayLike` except that it also checks if `value`\n * is an object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array-like object,\n * else `false`.\n * @example\n *\n * _.isArrayLikeObject([1, 2, 3]);\n * // => true\n *\n * _.isArrayLikeObject(document.body.children);\n * // => true\n *\n * _.isArrayLikeObject('abc');\n * // => false\n *\n * _.isArrayLikeObject(_.noop);\n * // => false\n */\n function isArrayLikeObject(value) {\n return isObjectLike(value) && isArrayLike(value);\n }\n\n /**\n * Checks if `value` is classified as a boolean primitive or object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a boolean, else `false`.\n * @example\n *\n * _.isBoolean(false);\n * // => true\n *\n * _.isBoolean(null);\n * // => false\n */\n function isBoolean(value) {\n return (\n value === true ||\n value === false ||\n (isObjectLike(value) && baseGetTag(value) == boolTag)\n );\n }\n\n /**\n * Checks if `value` is a buffer.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.\n * @example\n *\n * _.isBuffer(new Buffer(2));\n * // => true\n *\n * _.isBuffer(new Uint8Array(2));\n * // => false\n */\n var isBuffer = nativeIsBuffer || stubFalse;\n\n /**\n * Checks if `value` is classified as a `Date` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a date object, else `false`.\n * @example\n *\n * _.isDate(new Date);\n * // => true\n *\n * _.isDate('Mon April 23 2012');\n * // => false\n */\n var isDate = nodeIsDate ? baseUnary(nodeIsDate) : baseIsDate;\n\n /**\n * Checks if `value` is likely a DOM element.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a DOM element, else `false`.\n * @example\n *\n * _.isElement(document.body);\n * // => true\n *\n * _.isElement('');\n * // => false\n */\n function isElement(value) {\n return (\n isObjectLike(value) &&\n value.nodeType === 1 &&\n !isPlainObject(value)\n );\n }\n\n /**\n * Checks if `value` is an empty object, collection, map, or set.\n *\n * Objects are considered empty if they have no own enumerable string keyed\n * properties.\n *\n * Array-like values such as `arguments` objects, arrays, buffers, strings, or\n * jQuery-like collections are considered empty if they have a `length` of `0`.\n * Similarly, maps and sets are considered empty if they have a `size` of `0`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is empty, else `false`.\n * @example\n *\n * _.isEmpty(null);\n * // => true\n *\n * _.isEmpty(true);\n * // => true\n *\n * _.isEmpty(1);\n * // => true\n *\n * _.isEmpty([1, 2, 3]);\n * // => false\n *\n * _.isEmpty({ 'a': 1 });\n * // => false\n */\n function isEmpty(value) {\n if (value == null) {\n return true;\n }\n if (\n isArrayLike(value) &&\n (isArray(value) ||\n typeof value == 'string' ||\n typeof value.splice == 'function' ||\n isBuffer(value) ||\n isTypedArray(value) ||\n isArguments(value))\n ) {\n return !value.length;\n }\n var tag = getTag(value);\n if (tag == mapTag || tag == setTag) {\n return !value.size;\n }\n if (isPrototype(value)) {\n return !baseKeys(value).length;\n }\n for (var key in value) {\n if (hasOwnProperty.call(value, key)) {\n return false;\n }\n }\n return true;\n }\n\n /**\n * Performs a deep comparison between two values to determine if they are\n * equivalent.\n *\n * **Note:** This method supports comparing arrays, array buffers, booleans,\n * date objects, error objects, maps, numbers, `Object` objects, regexes,\n * sets, strings, symbols, and typed arrays. `Object` objects are compared\n * by their own, not inherited, enumerable properties. Functions and DOM\n * nodes are compared by strict equality, i.e. `===`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * var object = { 'a': 1 };\n * var other = { 'a': 1 };\n *\n * _.isEqual(object, other);\n * // => true\n *\n * object === other;\n * // => false\n */\n function isEqual(value, other) {\n return baseIsEqual(value, other);\n }\n\n /**\n * This method is like `_.isEqual` except that it accepts `customizer` which\n * is invoked to compare values. If `customizer` returns `undefined`, comparisons\n * are handled by the method instead. The `customizer` is invoked with up to\n * six arguments: (objValue, othValue [, index|key, object, other, stack]).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @param {Function} [customizer] The function to customize comparisons.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * function isGreeting(value) {\n * return /^h(?:i|ello)$/.test(value);\n * }\n *\n * function customizer(objValue, othValue) {\n * if (isGreeting(objValue) && isGreeting(othValue)) {\n * return true;\n * }\n * }\n *\n * var array = ['hello', 'goodbye'];\n * var other = ['hi', 'goodbye'];\n *\n * _.isEqualWith(array, other, customizer);\n * // => true\n */\n function isEqualWith(value, other, customizer) {\n customizer =\n typeof customizer == 'function' ? customizer : undefined;\n var result = customizer ? customizer(value, other) : undefined;\n return result === undefined\n ? baseIsEqual(value, other, undefined, customizer)\n : !!result;\n }\n\n /**\n * Checks if `value` is an `Error`, `EvalError`, `RangeError`, `ReferenceError`,\n * `SyntaxError`, `TypeError`, or `URIError` object.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an error object, else `false`.\n * @example\n *\n * _.isError(new Error);\n * // => true\n *\n * _.isError(Error);\n * // => false\n */\n function isError(value) {\n if (!isObjectLike(value)) {\n return false;\n }\n var tag = baseGetTag(value);\n return (\n tag == errorTag ||\n tag == domExcTag ||\n (typeof value.message == 'string' &&\n typeof value.name == 'string' &&\n !isPlainObject(value))\n );\n }\n\n /**\n * Checks if `value` is a finite primitive number.\n *\n * **Note:** This method is based on\n * [`Number.isFinite`](https://mdn.io/Number/isFinite).\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a finite number, else `false`.\n * @example\n *\n * _.isFinite(3);\n * // => true\n *\n * _.isFinite(Number.MIN_VALUE);\n * // => true\n *\n * _.isFinite(Infinity);\n * // => false\n *\n * _.isFinite('3');\n * // => false\n */\n function isFinite(value) {\n return typeof value == 'number' && nativeIsFinite(value);\n }\n\n /**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\n function isFunction(value) {\n if (!isObject(value)) {\n return false;\n }\n // The use of `Object#toString` avoids issues with the `typeof` operator\n // in Safari 9 which returns 'object' for typed arrays and other constructors.\n var tag = baseGetTag(value);\n return (\n tag == funcTag ||\n tag == genTag ||\n tag == asyncTag ||\n tag == proxyTag\n );\n }\n\n /**\n * Checks if `value` is an integer.\n *\n * **Note:** This method is based on\n * [`Number.isInteger`](https://mdn.io/Number/isInteger).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an integer, else `false`.\n * @example\n *\n * _.isInteger(3);\n * // => true\n *\n * _.isInteger(Number.MIN_VALUE);\n * // => false\n *\n * _.isInteger(Infinity);\n * // => false\n *\n * _.isInteger('3');\n * // => false\n */\n function isInteger(value) {\n return typeof value == 'number' && value == toInteger(value);\n }\n\n /**\n * Checks if `value` is a valid array-like length.\n *\n * **Note:** This method is loosely based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n * @example\n *\n * _.isLength(3);\n * // => true\n *\n * _.isLength(Number.MIN_VALUE);\n * // => false\n *\n * _.isLength(Infinity);\n * // => false\n *\n * _.isLength('3');\n * // => false\n */\n function isLength(value) {\n return (\n typeof value == 'number' &&\n value > -1 &&\n value % 1 == 0 &&\n value <= MAX_SAFE_INTEGER\n );\n }\n\n /**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\n function isObject(value) {\n var type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n }\n\n /**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\n function isObjectLike(value) {\n return value != null && typeof value == 'object';\n }\n\n /**\n * Checks if `value` is classified as a `Map` object.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a map, else `false`.\n * @example\n *\n * _.isMap(new Map);\n * // => true\n *\n * _.isMap(new WeakMap);\n * // => false\n */\n var isMap = nodeIsMap ? baseUnary(nodeIsMap) : baseIsMap;\n\n /**\n * Performs a partial deep comparison between `object` and `source` to\n * determine if `object` contains equivalent property values.\n *\n * **Note:** This method is equivalent to `_.matches` when `source` is\n * partially applied.\n *\n * Partial comparisons will match empty array and empty object `source`\n * values against any array or object value, respectively. See `_.isEqual`\n * for a list of supported value comparisons.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Lang\n * @param {Object} object The object to inspect.\n * @param {Object} source The object of property values to match.\n * @returns {boolean} Returns `true` if `object` is a match, else `false`.\n * @example\n *\n * var object = { 'a': 1, 'b': 2 };\n *\n * _.isMatch(object, { 'b': 2 });\n * // => true\n *\n * _.isMatch(object, { 'b': 1 });\n * // => false\n */\n function isMatch(object, source) {\n return (\n object === source ||\n baseIsMatch(object, source, getMatchData(source))\n );\n }\n\n /**\n * This method is like `_.isMatch` except that it accepts `customizer` which\n * is invoked to compare values. If `customizer` returns `undefined`, comparisons\n * are handled by the method instead. The `customizer` is invoked with five\n * arguments: (objValue, srcValue, index|key, object, source).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {Object} object The object to inspect.\n * @param {Object} source The object of property values to match.\n * @param {Function} [customizer] The function to customize comparisons.\n * @returns {boolean} Returns `true` if `object` is a match, else `false`.\n * @example\n *\n * function isGreeting(value) {\n * return /^h(?:i|ello)$/.test(value);\n * }\n *\n * function customizer(objValue, srcValue) {\n * if (isGreeting(objValue) && isGreeting(srcValue)) {\n * return true;\n * }\n * }\n *\n * var object = { 'greeting': 'hello' };\n * var source = { 'greeting': 'hi' };\n *\n * _.isMatchWith(object, source, customizer);\n * // => true\n */\n function isMatchWith(object, source, customizer) {\n customizer =\n typeof customizer == 'function' ? customizer : undefined;\n return baseIsMatch(\n object,\n source,\n getMatchData(source),\n customizer,\n );\n }\n\n /**\n * Checks if `value` is `NaN`.\n *\n * **Note:** This method is based on\n * [`Number.isNaN`](https://mdn.io/Number/isNaN) and is not the same as\n * global [`isNaN`](https://mdn.io/isNaN) which returns `true` for\n * `undefined` and other non-number values.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.\n * @example\n *\n * _.isNaN(NaN);\n * // => true\n *\n * _.isNaN(new Number(NaN));\n * // => true\n *\n * isNaN(undefined);\n * // => true\n *\n * _.isNaN(undefined);\n * // => false\n */\n function isNaN(value) {\n // An `NaN` primitive is the only value that is not equal to itself.\n // Perform the `toStringTag` check first to avoid errors with some\n // ActiveX objects in IE.\n return isNumber(value) && value != +value;\n }\n\n /**\n * Checks if `value` is a pristine native function.\n *\n * **Note:** This method can't reliably detect native functions in the presence\n * of the core-js package because core-js circumvents this kind of detection.\n * Despite multiple requests, the core-js maintainer has made it clear: any\n * attempt to fix the detection will be obstructed. As a result, we're left\n * with little choice but to throw an error. Unfortunately, this also affects\n * packages, like [babel-polyfill](https://www.npmjs.com/package/babel-polyfill),\n * which rely on core-js.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a native function,\n * else `false`.\n * @example\n *\n * _.isNative(Array.prototype.push);\n * // => true\n *\n * _.isNative(_);\n * // => false\n */\n function isNative(value) {\n if (isMaskable(value)) {\n throw new Error(CORE_ERROR_TEXT);\n }\n return baseIsNative(value);\n }\n\n /**\n * Checks if `value` is `null`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is `null`, else `false`.\n * @example\n *\n * _.isNull(null);\n * // => true\n *\n * _.isNull(void 0);\n * // => false\n */\n function isNull(value) {\n return value === null;\n }\n\n /**\n * Checks if `value` is `null` or `undefined`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is nullish, else `false`.\n * @example\n *\n * _.isNil(null);\n * // => true\n *\n * _.isNil(void 0);\n * // => true\n *\n * _.isNil(NaN);\n * // => false\n */\n function isNil(value) {\n return value == null;\n }\n\n /**\n * Checks if `value` is classified as a `Number` primitive or object.\n *\n * **Note:** To exclude `Infinity`, `-Infinity`, and `NaN`, which are\n * classified as numbers, use the `_.isFinite` method.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a number, else `false`.\n * @example\n *\n * _.isNumber(3);\n * // => true\n *\n * _.isNumber(Number.MIN_VALUE);\n * // => true\n *\n * _.isNumber(Infinity);\n * // => true\n *\n * _.isNumber('3');\n * // => false\n */\n function isNumber(value) {\n return (\n typeof value == 'number' ||\n (isObjectLike(value) && baseGetTag(value) == numberTag)\n );\n }\n\n /**\n * Checks if `value` is a plain object, that is, an object created by the\n * `Object` constructor or one with a `[[Prototype]]` of `null`.\n *\n * @static\n * @memberOf _\n * @since 0.8.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * }\n *\n * _.isPlainObject(new Foo);\n * // => false\n *\n * _.isPlainObject([1, 2, 3]);\n * // => false\n *\n * _.isPlainObject({ 'x': 0, 'y': 0 });\n * // => true\n *\n * _.isPlainObject(Object.create(null));\n * // => true\n */\n function isPlainObject(value) {\n if (!isObjectLike(value) || baseGetTag(value) != objectTag) {\n return false;\n }\n var proto = getPrototype(value);\n if (proto === null) {\n return true;\n }\n var Ctor =\n hasOwnProperty.call(proto, 'constructor') && proto.constructor;\n return (\n typeof Ctor == 'function' &&\n Ctor instanceof Ctor &&\n funcToString.call(Ctor) == objectCtorString\n );\n }\n\n /**\n * Checks if `value` is classified as a `RegExp` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a regexp, else `false`.\n * @example\n *\n * _.isRegExp(/abc/);\n * // => true\n *\n * _.isRegExp('/abc/');\n * // => false\n */\n var isRegExp = nodeIsRegExp\n ? baseUnary(nodeIsRegExp)\n : baseIsRegExp;\n\n /**\n * Checks if `value` is a safe integer. An integer is safe if it's an IEEE-754\n * double precision number which isn't the result of a rounded unsafe integer.\n *\n * **Note:** This method is based on\n * [`Number.isSafeInteger`](https://mdn.io/Number/isSafeInteger).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a safe integer, else `false`.\n * @example\n *\n * _.isSafeInteger(3);\n * // => true\n *\n * _.isSafeInteger(Number.MIN_VALUE);\n * // => false\n *\n * _.isSafeInteger(Infinity);\n * // => false\n *\n * _.isSafeInteger('3');\n * // => false\n */\n function isSafeInteger(value) {\n return (\n isInteger(value) &&\n value >= -MAX_SAFE_INTEGER &&\n value <= MAX_SAFE_INTEGER\n );\n }\n\n /**\n * Checks if `value` is classified as a `Set` object.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a set, else `false`.\n * @example\n *\n * _.isSet(new Set);\n * // => true\n *\n * _.isSet(new WeakSet);\n * // => false\n */\n var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;\n\n /**\n * Checks if `value` is classified as a `String` primitive or object.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a string, else `false`.\n * @example\n *\n * _.isString('abc');\n * // => true\n *\n * _.isString(1);\n * // => false\n */\n function isString(value) {\n return (\n typeof value == 'string' ||\n (!isArray(value) &&\n isObjectLike(value) &&\n baseGetTag(value) == stringTag)\n );\n }\n\n /**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\n function isSymbol(value) {\n return (\n typeof value == 'symbol' ||\n (isObjectLike(value) && baseGetTag(value) == symbolTag)\n );\n }\n\n /**\n * Checks if `value` is classified as a typed array.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.\n * @example\n *\n * _.isTypedArray(new Uint8Array);\n * // => true\n *\n * _.isTypedArray([]);\n * // => false\n */\n var isTypedArray = nodeIsTypedArray\n ? baseUnary(nodeIsTypedArray)\n : baseIsTypedArray;\n\n /**\n * Checks if `value` is `undefined`.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is `undefined`, else `false`.\n * @example\n *\n * _.isUndefined(void 0);\n * // => true\n *\n * _.isUndefined(null);\n * // => false\n */\n function isUndefined(value) {\n return value === undefined;\n }\n\n /**\n * Checks if `value` is classified as a `WeakMap` object.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a weak map, else `false`.\n * @example\n *\n * _.isWeakMap(new WeakMap);\n * // => true\n *\n * _.isWeakMap(new Map);\n * // => false\n */\n function isWeakMap(value) {\n return isObjectLike(value) && getTag(value) == weakMapTag;\n }\n\n /**\n * Checks if `value` is classified as a `WeakSet` object.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a weak set, else `false`.\n * @example\n *\n * _.isWeakSet(new WeakSet);\n * // => true\n *\n * _.isWeakSet(new Set);\n * // => false\n */\n function isWeakSet(value) {\n return isObjectLike(value) && baseGetTag(value) == weakSetTag;\n }\n\n /**\n * Checks if `value` is less than `other`.\n *\n * @static\n * @memberOf _\n * @since 3.9.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if `value` is less than `other`,\n * else `false`.\n * @see _.gt\n * @example\n *\n * _.lt(1, 3);\n * // => true\n *\n * _.lt(3, 3);\n * // => false\n *\n * _.lt(3, 1);\n * // => false\n */\n var lt = createRelationalOperation(baseLt);\n\n /**\n * Checks if `value` is less than or equal to `other`.\n *\n * @static\n * @memberOf _\n * @since 3.9.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if `value` is less than or equal to\n * `other`, else `false`.\n * @see _.gte\n * @example\n *\n * _.lte(1, 3);\n * // => true\n *\n * _.lte(3, 3);\n * // => true\n *\n * _.lte(3, 1);\n * // => false\n */\n var lte = createRelationalOperation(function (value, other) {\n return value <= other;\n });\n\n /**\n * Converts `value` to an array.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {Array} Returns the converted array.\n * @example\n *\n * _.toArray({ 'a': 1, 'b': 2 });\n * // => [1, 2]\n *\n * _.toArray('abc');\n * // => ['a', 'b', 'c']\n *\n * _.toArray(1);\n * // => []\n *\n * _.toArray(null);\n * // => []\n */\n function toArray(value) {\n if (!value) {\n return [];\n }\n if (isArrayLike(value)) {\n return isString(value)\n ? stringToArray(value)\n : copyArray(value);\n }\n if (symIterator && value[symIterator]) {\n return iteratorToArray(value[symIterator]());\n }\n var tag = getTag(value),\n func =\n tag == mapTag\n ? mapToArray\n : tag == setTag\n ? setToArray\n : values;\n\n return func(value);\n }\n\n /**\n * Converts `value` to a finite number.\n *\n * @static\n * @memberOf _\n * @since 4.12.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted number.\n * @example\n *\n * _.toFinite(3.2);\n * // => 3.2\n *\n * _.toFinite(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toFinite(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toFinite('3.2');\n * // => 3.2\n */\n function toFinite(value) {\n if (!value) {\n return value === 0 ? value : 0;\n }\n value = toNumber(value);\n if (value === INFINITY || value === -INFINITY) {\n var sign = value < 0 ? -1 : 1;\n return sign * MAX_INTEGER;\n }\n return value === value ? value : 0;\n }\n\n /**\n * Converts `value` to an integer.\n *\n * **Note:** This method is loosely based on\n * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted integer.\n * @example\n *\n * _.toInteger(3.2);\n * // => 3\n *\n * _.toInteger(Number.MIN_VALUE);\n * // => 0\n *\n * _.toInteger(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toInteger('3.2');\n * // => 3\n */\n function toInteger(value) {\n var result = toFinite(value),\n remainder = result % 1;\n\n return result === result\n ? remainder\n ? result - remainder\n : result\n : 0;\n }\n\n /**\n * Converts `value` to an integer suitable for use as the length of an\n * array-like object.\n *\n * **Note:** This method is based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted integer.\n * @example\n *\n * _.toLength(3.2);\n * // => 3\n *\n * _.toLength(Number.MIN_VALUE);\n * // => 0\n *\n * _.toLength(Infinity);\n * // => 4294967295\n *\n * _.toLength('3.2');\n * // => 3\n */\n function toLength(value) {\n return value\n ? baseClamp(toInteger(value), 0, MAX_ARRAY_LENGTH)\n : 0;\n }\n\n /**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\n function toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other =\n typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? other + '' : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = value.replace(reTrim, '');\n var isBinary = reIsBinary.test(value);\n return isBinary || reIsOctal.test(value)\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : reIsBadHex.test(value)\n ? NAN\n : +value;\n }\n\n /**\n * Converts `value` to a plain object flattening inherited enumerable string\n * keyed properties of `value` to own properties of the plain object.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {Object} Returns the converted plain object.\n * @example\n *\n * function Foo() {\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.assign({ 'a': 1 }, new Foo);\n * // => { 'a': 1, 'b': 2 }\n *\n * _.assign({ 'a': 1 }, _.toPlainObject(new Foo));\n * // => { 'a': 1, 'b': 2, 'c': 3 }\n */\n function toPlainObject(value) {\n return copyObject(value, keysIn(value));\n }\n\n /**\n * Converts `value` to a safe integer. A safe integer can be compared and\n * represented correctly.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted integer.\n * @example\n *\n * _.toSafeInteger(3.2);\n * // => 3\n *\n * _.toSafeInteger(Number.MIN_VALUE);\n * // => 0\n *\n * _.toSafeInteger(Infinity);\n * // => 9007199254740991\n *\n * _.toSafeInteger('3.2');\n * // => 3\n */\n function toSafeInteger(value) {\n return value\n ? baseClamp(\n toInteger(value),\n -MAX_SAFE_INTEGER,\n MAX_SAFE_INTEGER,\n )\n : value === 0\n ? value\n : 0;\n }\n\n /**\n * Converts `value` to a string. An empty string is returned for `null`\n * and `undefined` values. The sign of `-0` is preserved.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n * @example\n *\n * _.toString(null);\n * // => ''\n *\n * _.toString(-0);\n * // => '-0'\n *\n * _.toString([1, 2, 3]);\n * // => '1,2,3'\n */\n function toString(value) {\n return value == null ? '' : baseToString(value);\n }\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Assigns own enumerable string keyed properties of source objects to the\n * destination object. Source objects are applied from left to right.\n * Subsequent sources overwrite property assignments of previous sources.\n *\n * **Note:** This method mutates `object` and is loosely based on\n * [`Object.assign`](https://mdn.io/Object/assign).\n *\n * @static\n * @memberOf _\n * @since 0.10.0\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} [sources] The source objects.\n * @returns {Object} Returns `object`.\n * @see _.assignIn\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * }\n *\n * function Bar() {\n * this.c = 3;\n * }\n *\n * Foo.prototype.b = 2;\n * Bar.prototype.d = 4;\n *\n * _.assign({ 'a': 0 }, new Foo, new Bar);\n * // => { 'a': 1, 'c': 3 }\n */\n var assign = createAssigner(function (object, source) {\n if (isPrototype(source) || isArrayLike(source)) {\n copyObject(source, keys(source), object);\n return;\n }\n for (var key in source) {\n if (hasOwnProperty.call(source, key)) {\n assignValue(object, key, source[key]);\n }\n }\n });\n\n /**\n * This method is like `_.assign` except that it iterates over own and\n * inherited source properties.\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @alias extend\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} [sources] The source objects.\n * @returns {Object} Returns `object`.\n * @see _.assign\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * }\n *\n * function Bar() {\n * this.c = 3;\n * }\n *\n * Foo.prototype.b = 2;\n * Bar.prototype.d = 4;\n *\n * _.assignIn({ 'a': 0 }, new Foo, new Bar);\n * // => { 'a': 1, 'b': 2, 'c': 3, 'd': 4 }\n */\n var assignIn = createAssigner(function (object, source) {\n copyObject(source, keysIn(source), object);\n });\n\n /**\n * This method is like `_.assignIn` except that it accepts `customizer`\n * which is invoked to produce the assigned values. If `customizer` returns\n * `undefined`, assignment is handled by the method instead. The `customizer`\n * is invoked with five arguments: (objValue, srcValue, key, object, source).\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @alias extendWith\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} sources The source objects.\n * @param {Function} [customizer] The function to customize assigned values.\n * @returns {Object} Returns `object`.\n * @see _.assignWith\n * @example\n *\n * function customizer(objValue, srcValue) {\n * return _.isUndefined(objValue) ? srcValue : objValue;\n * }\n *\n * var defaults = _.partialRight(_.assignInWith, customizer);\n *\n * defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 });\n * // => { 'a': 1, 'b': 2 }\n */\n var assignInWith = createAssigner(function (\n object,\n source,\n srcIndex,\n customizer,\n ) {\n copyObject(source, keysIn(source), object, customizer);\n });\n\n /**\n * This method is like `_.assign` except that it accepts `customizer`\n * which is invoked to produce the assigned values. If `customizer` returns\n * `undefined`, assignment is handled by the method instead. The `customizer`\n * is invoked with five arguments: (objValue, srcValue, key, object, source).\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} sources The source objects.\n * @param {Function} [customizer] The function to customize assigned values.\n * @returns {Object} Returns `object`.\n * @see _.assignInWith\n * @example\n *\n * function customizer(objValue, srcValue) {\n * return _.isUndefined(objValue) ? srcValue : objValue;\n * }\n *\n * var defaults = _.partialRight(_.assignWith, customizer);\n *\n * defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 });\n * // => { 'a': 1, 'b': 2 }\n */\n var assignWith = createAssigner(function (\n object,\n source,\n srcIndex,\n customizer,\n ) {\n copyObject(source, keys(source), object, customizer);\n });\n\n /**\n * Creates an array of values corresponding to `paths` of `object`.\n *\n * @static\n * @memberOf _\n * @since 1.0.0\n * @category Object\n * @param {Object} object The object to iterate over.\n * @param {...(string|string[])} [paths] The property paths to pick.\n * @returns {Array} Returns the picked values.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': 3 } }, 4] };\n *\n * _.at(object, ['a[0].b.c', 'a[1]']);\n * // => [3, 4]\n */\n var at = flatRest(baseAt);\n\n /**\n * Creates an object that inherits from the `prototype` object. If a\n * `properties` object is given, its own enumerable string keyed properties\n * are assigned to the created object.\n *\n * @static\n * @memberOf _\n * @since 2.3.0\n * @category Object\n * @param {Object} prototype The object to inherit from.\n * @param {Object} [properties] The properties to assign to the object.\n * @returns {Object} Returns the new object.\n * @example\n *\n * function Shape() {\n * this.x = 0;\n * this.y = 0;\n * }\n *\n * function Circle() {\n * Shape.call(this);\n * }\n *\n * Circle.prototype = _.create(Shape.prototype, {\n * 'constructor': Circle\n * });\n *\n * var circle = new Circle;\n * circle instanceof Circle;\n * // => true\n *\n * circle instanceof Shape;\n * // => true\n */\n function create(prototype, properties) {\n var result = baseCreate(prototype);\n return properties == null\n ? result\n : baseAssign(result, properties);\n }\n\n /**\n * Assigns own and inherited enumerable string keyed properties of source\n * objects to the destination object for all destination properties that\n * resolve to `undefined`. Source objects are applied from left to right.\n * Once a property is set, additional values of the same property are ignored.\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} [sources] The source objects.\n * @returns {Object} Returns `object`.\n * @see _.defaultsDeep\n * @example\n *\n * _.defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 });\n * // => { 'a': 1, 'b': 2 }\n */\n var defaults = baseRest(function (object, sources) {\n object = Object(object);\n\n var index = -1;\n var length = sources.length;\n var guard = length > 2 ? sources[2] : undefined;\n\n if (guard && isIterateeCall(sources[0], sources[1], guard)) {\n length = 1;\n }\n\n while (++index < length) {\n var source = sources[index];\n var props = keysIn(source);\n var propsIndex = -1;\n var propsLength = props.length;\n\n while (++propsIndex < propsLength) {\n var key = props[propsIndex];\n var value = object[key];\n\n if (\n value === undefined ||\n (eq(value, objectProto[key]) &&\n !hasOwnProperty.call(object, key))\n ) {\n object[key] = source[key];\n }\n }\n }\n\n return object;\n });\n\n /**\n * This method is like `_.defaults` except that it recursively assigns\n * default properties.\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 3.10.0\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} [sources] The source objects.\n * @returns {Object} Returns `object`.\n * @see _.defaults\n * @example\n *\n * _.defaultsDeep({ 'a': { 'b': 2 } }, { 'a': { 'b': 1, 'c': 3 } });\n * // => { 'a': { 'b': 2, 'c': 3 } }\n */\n var defaultsDeep = baseRest(function (args) {\n args.push(undefined, customDefaultsMerge);\n return apply(mergeWith, undefined, args);\n });\n\n /**\n * This method is like `_.find` except that it returns the key of the first\n * element `predicate` returns truthy for instead of the element itself.\n *\n * @static\n * @memberOf _\n * @since 1.1.0\n * @category Object\n * @param {Object} object The object to inspect.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @returns {string|undefined} Returns the key of the matched element,\n * else `undefined`.\n * @example\n *\n * var users = {\n * 'barney': { 'age': 36, 'active': true },\n * 'fred': { 'age': 40, 'active': false },\n * 'pebbles': { 'age': 1, 'active': true }\n * };\n *\n * _.findKey(users, function(o) { return o.age < 40; });\n * // => 'barney' (iteration order is not guaranteed)\n *\n * // The `_.matches` iteratee shorthand.\n * _.findKey(users, { 'age': 1, 'active': true });\n * // => 'pebbles'\n *\n * // The `_.matchesProperty` iteratee shorthand.\n * _.findKey(users, ['active', false]);\n * // => 'fred'\n *\n * // The `_.property` iteratee shorthand.\n * _.findKey(users, 'active');\n * // => 'barney'\n */\n function findKey(object, predicate) {\n return baseFindKey(object, getIteratee(predicate, 3), baseForOwn);\n }\n\n /**\n * This method is like `_.findKey` except that it iterates over elements of\n * a collection in the opposite order.\n *\n * @static\n * @memberOf _\n * @since 2.0.0\n * @category Object\n * @param {Object} object The object to inspect.\n * @param {Function} [predicate=_.identity] The function invoked per iteration.\n * @returns {string|undefined} Returns the key of the matched element,\n * else `undefined`.\n * @example\n *\n * var users = {\n * 'barney': { 'age': 36, 'active': true },\n * 'fred': { 'age': 40, 'active': false },\n * 'pebbles': { 'age': 1, 'active': true }\n * };\n *\n * _.findLastKey(users, function(o) { return o.age < 40; });\n * // => returns 'pebbles' assuming `_.findKey` returns 'barney'\n *\n * // The `_.matches` iteratee shorthand.\n * _.findLastKey(users, { 'age': 36, 'active': true });\n * // => 'barney'\n *\n * // The `_.matchesProperty` iteratee shorthand.\n * _.findLastKey(users, ['active', false]);\n * // => 'fred'\n *\n * // The `_.property` iteratee shorthand.\n * _.findLastKey(users, 'active');\n * // => 'pebbles'\n */\n function findLastKey(object, predicate) {\n return baseFindKey(\n object,\n getIteratee(predicate, 3),\n baseForOwnRight,\n );\n }\n\n /**\n * Iterates over own and inherited enumerable string keyed properties of an\n * object and invokes `iteratee` for each property. The iteratee is invoked\n * with three arguments: (value, key, object). Iteratee functions may exit\n * iteration early by explicitly returning `false`.\n *\n * @static\n * @memberOf _\n * @since 0.3.0\n * @category Object\n * @param {Object} object The object to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Object} Returns `object`.\n * @see _.forInRight\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.forIn(new Foo, function(value, key) {\n * console.log(key);\n * });\n * // => Logs 'a', 'b', then 'c' (iteration order is not guaranteed).\n */\n function forIn(object, iteratee) {\n return object == null\n ? object\n : baseFor(object, getIteratee(iteratee, 3), keysIn);\n }\n\n /**\n * This method is like `_.forIn` except that it iterates over properties of\n * `object` in the opposite order.\n *\n * @static\n * @memberOf _\n * @since 2.0.0\n * @category Object\n * @param {Object} object The object to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Object} Returns `object`.\n * @see _.forIn\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.forInRight(new Foo, function(value, key) {\n * console.log(key);\n * });\n * // => Logs 'c', 'b', then 'a' assuming `_.forIn` logs 'a', 'b', then 'c'.\n */\n function forInRight(object, iteratee) {\n return object == null\n ? object\n : baseForRight(object, getIteratee(iteratee, 3), keysIn);\n }\n\n /**\n * Iterates over own enumerable string keyed properties of an object and\n * invokes `iteratee` for each property. The iteratee is invoked with three\n * arguments: (value, key, object). Iteratee functions may exit iteration\n * early by explicitly returning `false`.\n *\n * @static\n * @memberOf _\n * @since 0.3.0\n * @category Object\n * @param {Object} object The object to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Object} Returns `object`.\n * @see _.forOwnRight\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.forOwn(new Foo, function(value, key) {\n * console.log(key);\n * });\n * // => Logs 'a' then 'b' (iteration order is not guaranteed).\n */\n function forOwn(object, iteratee) {\n return object && baseForOwn(object, getIteratee(iteratee, 3));\n }\n\n /**\n * This method is like `_.forOwn` except that it iterates over properties of\n * `object` in the opposite order.\n *\n * @static\n * @memberOf _\n * @since 2.0.0\n * @category Object\n * @param {Object} object The object to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Object} Returns `object`.\n * @see _.forOwn\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.forOwnRight(new Foo, function(value, key) {\n * console.log(key);\n * });\n * // => Logs 'b' then 'a' assuming `_.forOwn` logs 'a' then 'b'.\n */\n function forOwnRight(object, iteratee) {\n return (\n object && baseForOwnRight(object, getIteratee(iteratee, 3))\n );\n }\n\n /**\n * Creates an array of function property names from own enumerable properties\n * of `object`.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to inspect.\n * @returns {Array} Returns the function names.\n * @see _.functionsIn\n * @example\n *\n * function Foo() {\n * this.a = _.constant('a');\n * this.b = _.constant('b');\n * }\n *\n * Foo.prototype.c = _.constant('c');\n *\n * _.functions(new Foo);\n * // => ['a', 'b']\n */\n function functions(object) {\n return object == null ? [] : baseFunctions(object, keys(object));\n }\n\n /**\n * Creates an array of function property names from own and inherited\n * enumerable properties of `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The object to inspect.\n * @returns {Array} Returns the function names.\n * @see _.functions\n * @example\n *\n * function Foo() {\n * this.a = _.constant('a');\n * this.b = _.constant('b');\n * }\n *\n * Foo.prototype.c = _.constant('c');\n *\n * _.functionsIn(new Foo);\n * // => ['a', 'b', 'c']\n */\n function functionsIn(object) {\n return object == null\n ? []\n : baseFunctions(object, keysIn(object));\n }\n\n /**\n * Gets the value at `path` of `object`. If the resolved value is\n * `undefined`, the `defaultValue` is returned in its place.\n *\n * @static\n * @memberOf _\n * @since 3.7.0\n * @category Object\n * @param {Object} object The object to query.\n * @param {Array|string} path The path of the property to get.\n * @param {*} [defaultValue] The value returned for `undefined` resolved values.\n * @returns {*} Returns the resolved value.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': 3 } }] };\n *\n * _.get(object, 'a[0].b.c');\n * // => 3\n *\n * _.get(object, ['a', '0', 'b', 'c']);\n * // => 3\n *\n * _.get(object, 'a.b.c', 'default');\n * // => 'default'\n */\n function get(object, path, defaultValue) {\n var result = object == null ? undefined : baseGet(object, path);\n return result === undefined ? defaultValue : result;\n }\n\n /**\n * Checks if `path` is a direct property of `object`.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @param {Array|string} path The path to check.\n * @returns {boolean} Returns `true` if `path` exists, else `false`.\n * @example\n *\n * var object = { 'a': { 'b': 2 } };\n * var other = _.create({ 'a': _.create({ 'b': 2 }) });\n *\n * _.has(object, 'a');\n * // => true\n *\n * _.has(object, 'a.b');\n * // => true\n *\n * _.has(object, ['a', 'b']);\n * // => true\n *\n * _.has(other, 'a');\n * // => false\n */\n function has(object, path) {\n return object != null && hasPath(object, path, baseHas);\n }\n\n /**\n * Checks if `path` is a direct or inherited property of `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The object to query.\n * @param {Array|string} path The path to check.\n * @returns {boolean} Returns `true` if `path` exists, else `false`.\n * @example\n *\n * var object = _.create({ 'a': _.create({ 'b': 2 }) });\n *\n * _.hasIn(object, 'a');\n * // => true\n *\n * _.hasIn(object, 'a.b');\n * // => true\n *\n * _.hasIn(object, ['a', 'b']);\n * // => true\n *\n * _.hasIn(object, 'b');\n * // => false\n */\n function hasIn(object, path) {\n return object != null && hasPath(object, path, baseHasIn);\n }\n\n /**\n * Creates an object composed of the inverted keys and values of `object`.\n * If `object` contains duplicate values, subsequent values overwrite\n * property assignments of previous values.\n *\n * @static\n * @memberOf _\n * @since 0.7.0\n * @category Object\n * @param {Object} object The object to invert.\n * @returns {Object} Returns the new inverted object.\n * @example\n *\n * var object = { 'a': 1, 'b': 2, 'c': 1 };\n *\n * _.invert(object);\n * // => { '1': 'c', '2': 'b' }\n */\n var invert = createInverter(function (result, value, key) {\n if (value != null && typeof value.toString != 'function') {\n value = nativeObjectToString.call(value);\n }\n\n result[value] = key;\n }, constant(identity));\n\n /**\n * This method is like `_.invert` except that the inverted object is generated\n * from the results of running each element of `object` thru `iteratee`. The\n * corresponding inverted value of each inverted key is an array of keys\n * responsible for generating the inverted value. The iteratee is invoked\n * with one argument: (value).\n *\n * @static\n * @memberOf _\n * @since 4.1.0\n * @category Object\n * @param {Object} object The object to invert.\n * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n * @returns {Object} Returns the new inverted object.\n * @example\n *\n * var object = { 'a': 1, 'b': 2, 'c': 1 };\n *\n * _.invertBy(object);\n * // => { '1': ['a', 'c'], '2': ['b'] }\n *\n * _.invertBy(object, function(value) {\n * return 'group' + value;\n * });\n * // => { 'group1': ['a', 'c'], 'group2': ['b'] }\n */\n var invertBy = createInverter(function (result, value, key) {\n if (value != null && typeof value.toString != 'function') {\n value = nativeObjectToString.call(value);\n }\n\n if (hasOwnProperty.call(result, value)) {\n result[value].push(key);\n } else {\n result[value] = [key];\n }\n }, getIteratee);\n\n /**\n * Invokes the method at `path` of `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The object to query.\n * @param {Array|string} path The path of the method to invoke.\n * @param {...*} [args] The arguments to invoke the method with.\n * @returns {*} Returns the result of the invoked method.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': [1, 2, 3, 4] } }] };\n *\n * _.invoke(object, 'a[0].b.c.slice', 1, 3);\n * // => [2, 3]\n */\n var invoke = baseRest(baseInvoke);\n\n /**\n * Creates an array of the own enumerable property names of `object`.\n *\n * **Note:** Non-object values are coerced to objects. See the\n * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)\n * for more details.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.keys(new Foo);\n * // => ['a', 'b'] (iteration order is not guaranteed)\n *\n * _.keys('hi');\n * // => ['0', '1']\n */\n function keys(object) {\n return isArrayLike(object)\n ? arrayLikeKeys(object)\n : baseKeys(object);\n }\n\n /**\n * Creates an array of the own and inherited enumerable property names of `object`.\n *\n * **Note:** Non-object values are coerced to objects.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.keysIn(new Foo);\n * // => ['a', 'b', 'c'] (iteration order is not guaranteed)\n */\n function keysIn(object) {\n return isArrayLike(object)\n ? arrayLikeKeys(object, true)\n : baseKeysIn(object);\n }\n\n /**\n * The opposite of `_.mapValues`; this method creates an object with the\n * same values as `object` and keys generated by running each own enumerable\n * string keyed property of `object` thru `iteratee`. The iteratee is invoked\n * with three arguments: (value, key, object).\n *\n * @static\n * @memberOf _\n * @since 3.8.0\n * @category Object\n * @param {Object} object The object to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Object} Returns the new mapped object.\n * @see _.mapValues\n * @example\n *\n * _.mapKeys({ 'a': 1, 'b': 2 }, function(value, key) {\n * return key + value;\n * });\n * // => { 'a1': 1, 'b2': 2 }\n */\n function mapKeys(object, iteratee) {\n var result = {};\n iteratee = getIteratee(iteratee, 3);\n\n baseForOwn(object, function (value, key, object) {\n baseAssignValue(result, iteratee(value, key, object), value);\n });\n return result;\n }\n\n /**\n * Creates an object with the same keys as `object` and values generated\n * by running each own enumerable string keyed property of `object` thru\n * `iteratee`. The iteratee is invoked with three arguments:\n * (value, key, object).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Object\n * @param {Object} object The object to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Object} Returns the new mapped object.\n * @see _.mapKeys\n * @example\n *\n * var users = {\n * 'fred': { 'user': 'fred', 'age': 40 },\n * 'pebbles': { 'user': 'pebbles', 'age': 1 }\n * };\n *\n * _.mapValues(users, function(o) { return o.age; });\n * // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed)\n *\n * // The `_.property` iteratee shorthand.\n * _.mapValues(users, 'age');\n * // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed)\n */\n function mapValues(object, iteratee) {\n var result = {};\n iteratee = getIteratee(iteratee, 3);\n\n baseForOwn(object, function (value, key, object) {\n baseAssignValue(result, key, iteratee(value, key, object));\n });\n return result;\n }\n\n /**\n * This method is like `_.assign` except that it recursively merges own and\n * inherited enumerable string keyed properties of source objects into the\n * destination object. Source properties that resolve to `undefined` are\n * skipped if a destination value exists. Array and plain object properties\n * are merged recursively. Other objects and value types are overridden by\n * assignment. Source objects are applied from left to right. Subsequent\n * sources overwrite property assignments of previous sources.\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 0.5.0\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} [sources] The source objects.\n * @returns {Object} Returns `object`.\n * @example\n *\n * var object = {\n * 'a': [{ 'b': 2 }, { 'd': 4 }]\n * };\n *\n * var other = {\n * 'a': [{ 'c': 3 }, { 'e': 5 }]\n * };\n *\n * _.merge(object, other);\n * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }\n */\n var merge = createAssigner(function (object, source, srcIndex) {\n baseMerge(object, source, srcIndex);\n });\n\n /**\n * This method is like `_.merge` except that it accepts `customizer` which\n * is invoked to produce the merged values of the destination and source\n * properties. If `customizer` returns `undefined`, merging is handled by the\n * method instead. The `customizer` is invoked with six arguments:\n * (objValue, srcValue, key, object, source, stack).\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The destination object.\n * @param {...Object} sources The source objects.\n * @param {Function} customizer The function to customize assigned values.\n * @returns {Object} Returns `object`.\n * @example\n *\n * function customizer(objValue, srcValue) {\n * if (_.isArray(objValue)) {\n * return objValue.concat(srcValue);\n * }\n * }\n *\n * var object = { 'a': [1], 'b': [2] };\n * var other = { 'a': [3], 'b': [4] };\n *\n * _.mergeWith(object, other, customizer);\n * // => { 'a': [1, 3], 'b': [2, 4] }\n */\n var mergeWith = createAssigner(function (\n object,\n source,\n srcIndex,\n customizer,\n ) {\n baseMerge(object, source, srcIndex, customizer);\n });\n\n /**\n * The opposite of `_.pick`; this method creates an object composed of the\n * own and inherited enumerable property paths of `object` that are not omitted.\n *\n * **Note:** This method is considerably slower than `_.pick`.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The source object.\n * @param {...(string|string[])} [paths] The property paths to omit.\n * @returns {Object} Returns the new object.\n * @example\n *\n * var object = { 'a': 1, 'b': '2', 'c': 3 };\n *\n * _.omit(object, ['a', 'c']);\n * // => { 'b': '2' }\n */\n var omit = flatRest(function (object, paths) {\n var result = {};\n if (object == null) {\n return result;\n }\n var isDeep = false;\n paths = arrayMap(paths, function (path) {\n path = castPath(path, object);\n isDeep || (isDeep = path.length > 1);\n return path;\n });\n copyObject(object, getAllKeysIn(object), result);\n if (isDeep) {\n result = baseClone(\n result,\n CLONE_DEEP_FLAG | CLONE_FLAT_FLAG | CLONE_SYMBOLS_FLAG,\n customOmitClone,\n );\n }\n var length = paths.length;\n while (length--) {\n baseUnset(result, paths[length]);\n }\n return result;\n });\n\n /**\n * The opposite of `_.pickBy`; this method creates an object composed of\n * the own and inherited enumerable string keyed properties of `object` that\n * `predicate` doesn't return truthy for. The predicate is invoked with two\n * arguments: (value, key).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The source object.\n * @param {Function} [predicate=_.identity] The function invoked per property.\n * @returns {Object} Returns the new object.\n * @example\n *\n * var object = { 'a': 1, 'b': '2', 'c': 3 };\n *\n * _.omitBy(object, _.isNumber);\n * // => { 'b': '2' }\n */\n function omitBy(object, predicate) {\n return pickBy(object, negate(getIteratee(predicate)));\n }\n\n /**\n * Creates an object composed of the picked `object` properties.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The source object.\n * @param {...(string|string[])} [paths] The property paths to pick.\n * @returns {Object} Returns the new object.\n * @example\n *\n * var object = { 'a': 1, 'b': '2', 'c': 3 };\n *\n * _.pick(object, ['a', 'c']);\n * // => { 'a': 1, 'c': 3 }\n */\n var pick = flatRest(function (object, paths) {\n return object == null ? {} : basePick(object, paths);\n });\n\n /**\n * Creates an object composed of the `object` properties `predicate` returns\n * truthy for. The predicate is invoked with two arguments: (value, key).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The source object.\n * @param {Function} [predicate=_.identity] The function invoked per property.\n * @returns {Object} Returns the new object.\n * @example\n *\n * var object = { 'a': 1, 'b': '2', 'c': 3 };\n *\n * _.pickBy(object, _.isNumber);\n * // => { 'a': 1, 'c': 3 }\n */\n function pickBy(object, predicate) {\n if (object == null) {\n return {};\n }\n var props = arrayMap(getAllKeysIn(object), function (prop) {\n return [prop];\n });\n predicate = getIteratee(predicate);\n return basePickBy(object, props, function (value, path) {\n return predicate(value, path[0]);\n });\n }\n\n /**\n * This method is like `_.get` except that if the resolved value is a\n * function it's invoked with the `this` binding of its parent object and\n * its result is returned.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @param {Array|string} path The path of the property to resolve.\n * @param {*} [defaultValue] The value returned for `undefined` resolved values.\n * @returns {*} Returns the resolved value.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c1': 3, 'c2': _.constant(4) } }] };\n *\n * _.result(object, 'a[0].b.c1');\n * // => 3\n *\n * _.result(object, 'a[0].b.c2');\n * // => 4\n *\n * _.result(object, 'a[0].b.c3', 'default');\n * // => 'default'\n *\n * _.result(object, 'a[0].b.c3', _.constant('default'));\n * // => 'default'\n */\n function result(object, path, defaultValue) {\n path = castPath(path, object);\n\n var index = -1,\n length = path.length;\n\n // Ensure the loop is entered when path is empty.\n if (!length) {\n length = 1;\n object = undefined;\n }\n while (++index < length) {\n var value =\n object == null ? undefined : object[toKey(path[index])];\n if (value === undefined) {\n index = length;\n value = defaultValue;\n }\n object = isFunction(value) ? value.call(object) : value;\n }\n return object;\n }\n\n /**\n * Sets the value at `path` of `object`. If a portion of `path` doesn't exist,\n * it's created. Arrays are created for missing index properties while objects\n * are created for all other missing properties. Use `_.setWith` to customize\n * `path` creation.\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 3.7.0\n * @category Object\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns `object`.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': 3 } }] };\n *\n * _.set(object, 'a[0].b.c', 4);\n * console.log(object.a[0].b.c);\n * // => 4\n *\n * _.set(object, ['x', '0', 'y', 'z'], 5);\n * console.log(object.x[0].y.z);\n * // => 5\n */\n function set(object, path, value) {\n return object == null ? object : baseSet(object, path, value);\n }\n\n /**\n * This method is like `_.set` except that it accepts `customizer` which is\n * invoked to produce the objects of `path`. If `customizer` returns `undefined`\n * path creation is handled by the method instead. The `customizer` is invoked\n * with three arguments: (nsValue, key, nsObject).\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to set.\n * @param {*} value The value to set.\n * @param {Function} [customizer] The function to customize assigned values.\n * @returns {Object} Returns `object`.\n * @example\n *\n * var object = {};\n *\n * _.setWith(object, '[0][1]', 'a', Object);\n * // => { '0': { '1': 'a' } }\n */\n function setWith(object, path, value, customizer) {\n customizer =\n typeof customizer == 'function' ? customizer : undefined;\n return object == null\n ? object\n : baseSet(object, path, value, customizer);\n }\n\n /**\n * Creates an array of own enumerable string keyed-value pairs for `object`\n * which can be consumed by `_.fromPairs`. If `object` is a map or set, its\n * entries are returned.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @alias entries\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the key-value pairs.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.toPairs(new Foo);\n * // => [['a', 1], ['b', 2]] (iteration order is not guaranteed)\n */\n var toPairs = createToPairs(keys);\n\n /**\n * Creates an array of own and inherited enumerable string keyed-value pairs\n * for `object` which can be consumed by `_.fromPairs`. If `object` is a map\n * or set, its entries are returned.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @alias entriesIn\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the key-value pairs.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.toPairsIn(new Foo);\n * // => [['a', 1], ['b', 2], ['c', 3]] (iteration order is not guaranteed)\n */\n var toPairsIn = createToPairs(keysIn);\n\n /**\n * An alternative to `_.reduce`; this method transforms `object` to a new\n * `accumulator` object which is the result of running each of its own\n * enumerable string keyed properties thru `iteratee`, with each invocation\n * potentially mutating the `accumulator` object. If `accumulator` is not\n * provided, a new object with the same `[[Prototype]]` will be used. The\n * iteratee is invoked with four arguments: (accumulator, value, key, object).\n * Iteratee functions may exit iteration early by explicitly returning `false`.\n *\n * @static\n * @memberOf _\n * @since 1.3.0\n * @category Object\n * @param {Object} object The object to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @param {*} [accumulator] The custom accumulator value.\n * @returns {*} Returns the accumulated value.\n * @example\n *\n * _.transform([2, 3, 4], function(result, n) {\n * result.push(n *= n);\n * return n % 2 == 0;\n * }, []);\n * // => [4, 9]\n *\n * _.transform({ 'a': 1, 'b': 2, 'c': 1 }, function(result, value, key) {\n * (result[value] || (result[value] = [])).push(key);\n * }, {});\n * // => { '1': ['a', 'c'], '2': ['b'] }\n */\n function transform(object, iteratee, accumulator) {\n var isArr = isArray(object),\n isArrLike = isArr || isBuffer(object) || isTypedArray(object);\n\n iteratee = getIteratee(iteratee, 4);\n if (accumulator == null) {\n var Ctor = object && object.constructor;\n if (isArrLike) {\n accumulator = isArr ? new Ctor() : [];\n } else if (isObject(object)) {\n accumulator = isFunction(Ctor)\n ? baseCreate(getPrototype(object))\n : {};\n } else {\n accumulator = {};\n }\n }\n (isArrLike ? arrayEach : baseForOwn)(\n object,\n function (value, index, object) {\n return iteratee(accumulator, value, index, object);\n },\n );\n return accumulator;\n }\n\n /**\n * Removes the property at `path` of `object`.\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to unset.\n * @returns {boolean} Returns `true` if the property is deleted, else `false`.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': 7 } }] };\n * _.unset(object, 'a[0].b.c');\n * // => true\n *\n * console.log(object);\n * // => { 'a': [{ 'b': {} }] };\n *\n * _.unset(object, ['a', '0', 'b', 'c']);\n * // => true\n *\n * console.log(object);\n * // => { 'a': [{ 'b': {} }] };\n */\n function unset(object, path) {\n return object == null ? true : baseUnset(object, path);\n }\n\n /**\n * This method is like `_.set` except that accepts `updater` to produce the\n * value to set. Use `_.updateWith` to customize `path` creation. The `updater`\n * is invoked with one argument: (value).\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 4.6.0\n * @category Object\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to set.\n * @param {Function} updater The function to produce the updated value.\n * @returns {Object} Returns `object`.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': 3 } }] };\n *\n * _.update(object, 'a[0].b.c', function(n) { return n * n; });\n * console.log(object.a[0].b.c);\n * // => 9\n *\n * _.update(object, 'x[0].y.z', function(n) { return n ? n + 1 : 0; });\n * console.log(object.x[0].y.z);\n * // => 0\n */\n function update(object, path, updater) {\n return object == null\n ? object\n : baseUpdate(object, path, castFunction(updater));\n }\n\n /**\n * This method is like `_.update` except that it accepts `customizer` which is\n * invoked to produce the objects of `path`. If `customizer` returns `undefined`\n * path creation is handled by the method instead. The `customizer` is invoked\n * with three arguments: (nsValue, key, nsObject).\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 4.6.0\n * @category Object\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to set.\n * @param {Function} updater The function to produce the updated value.\n * @param {Function} [customizer] The function to customize assigned values.\n * @returns {Object} Returns `object`.\n * @example\n *\n * var object = {};\n *\n * _.updateWith(object, '[0][1]', _.constant('a'), Object);\n * // => { '0': { '1': 'a' } }\n */\n function updateWith(object, path, updater, customizer) {\n customizer =\n typeof customizer == 'function' ? customizer : undefined;\n return object == null\n ? object\n : baseUpdate(object, path, castFunction(updater), customizer);\n }\n\n /**\n * Creates an array of the own enumerable string keyed property values of `object`.\n *\n * **Note:** Non-object values are coerced to objects.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property values.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.values(new Foo);\n * // => [1, 2] (iteration order is not guaranteed)\n *\n * _.values('hi');\n * // => ['h', 'i']\n */\n function values(object) {\n return object == null ? [] : baseValues(object, keys(object));\n }\n\n /**\n * Creates an array of the own and inherited enumerable string keyed property\n * values of `object`.\n *\n * **Note:** Non-object values are coerced to objects.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property values.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.valuesIn(new Foo);\n * // => [1, 2, 3] (iteration order is not guaranteed)\n */\n function valuesIn(object) {\n return object == null ? [] : baseValues(object, keysIn(object));\n }\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Clamps `number` within the inclusive `lower` and `upper` bounds.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Number\n * @param {number} number The number to clamp.\n * @param {number} [lower] The lower bound.\n * @param {number} upper The upper bound.\n * @returns {number} Returns the clamped number.\n * @example\n *\n * _.clamp(-10, -5, 5);\n * // => -5\n *\n * _.clamp(10, -5, 5);\n * // => 5\n */\n function clamp(number, lower, upper) {\n if (upper === undefined) {\n upper = lower;\n lower = undefined;\n }\n if (upper !== undefined) {\n upper = toNumber(upper);\n upper = upper === upper ? upper : 0;\n }\n if (lower !== undefined) {\n lower = toNumber(lower);\n lower = lower === lower ? lower : 0;\n }\n return baseClamp(toNumber(number), lower, upper);\n }\n\n /**\n * Checks if `n` is between `start` and up to, but not including, `end`. If\n * `end` is not specified, it's set to `start` with `start` then set to `0`.\n * If `start` is greater than `end` the params are swapped to support\n * negative ranges.\n *\n * @static\n * @memberOf _\n * @since 3.3.0\n * @category Number\n * @param {number} number The number to check.\n * @param {number} [start=0] The start of the range.\n * @param {number} end The end of the range.\n * @returns {boolean} Returns `true` if `number` is in the range, else `false`.\n * @see _.range, _.rangeRight\n * @example\n *\n * _.inRange(3, 2, 4);\n * // => true\n *\n * _.inRange(4, 8);\n * // => true\n *\n * _.inRange(4, 2);\n * // => false\n *\n * _.inRange(2, 2);\n * // => false\n *\n * _.inRange(1.2, 2);\n * // => true\n *\n * _.inRange(5.2, 4);\n * // => false\n *\n * _.inRange(-3, -2, -6);\n * // => true\n */\n function inRange(number, start, end) {\n start = toFinite(start);\n if (end === undefined) {\n end = start;\n start = 0;\n } else {\n end = toFinite(end);\n }\n number = toNumber(number);\n return baseInRange(number, start, end);\n }\n\n /**\n * Produces a random number between the inclusive `lower` and `upper` bounds.\n * If only one argument is provided a number between `0` and the given number\n * is returned. If `floating` is `true`, or either `lower` or `upper` are\n * floats, a floating-point number is returned instead of an integer.\n *\n * **Note:** JavaScript follows the IEEE-754 standard for resolving\n * floating-point values which can produce unexpected results.\n *\n * @static\n * @memberOf _\n * @since 0.7.0\n * @category Number\n * @param {number} [lower=0] The lower bound.\n * @param {number} [upper=1] The upper bound.\n * @param {boolean} [floating] Specify returning a floating-point number.\n * @returns {number} Returns the random number.\n * @example\n *\n * _.random(0, 5);\n * // => an integer between 0 and 5\n *\n * _.random(5);\n * // => also an integer between 0 and 5\n *\n * _.random(5, true);\n * // => a floating-point number between 0 and 5\n *\n * _.random(1.2, 5.2);\n * // => a floating-point number between 1.2 and 5.2\n */\n function random(lower, upper, floating) {\n if (\n floating &&\n typeof floating != 'boolean' &&\n isIterateeCall(lower, upper, floating)\n ) {\n upper = floating = undefined;\n }\n if (floating === undefined) {\n if (typeof upper == 'boolean') {\n floating = upper;\n upper = undefined;\n } else if (typeof lower == 'boolean') {\n floating = lower;\n lower = undefined;\n }\n }\n if (lower === undefined && upper === undefined) {\n lower = 0;\n upper = 1;\n } else {\n lower = toFinite(lower);\n if (upper === undefined) {\n upper = lower;\n lower = 0;\n } else {\n upper = toFinite(upper);\n }\n }\n if (lower > upper) {\n var temp = lower;\n lower = upper;\n upper = temp;\n }\n if (floating || lower % 1 || upper % 1) {\n var rand = nativeRandom();\n return nativeMin(\n lower +\n rand *\n (upper -\n lower +\n freeParseFloat('1e-' + ((rand + '').length - 1))),\n upper,\n );\n }\n return baseRandom(lower, upper);\n }\n\n /*------------------------------------------------------------------------*/\n\n /**\n * Converts `string` to [camel case](https://en.wikipedia.org/wiki/CamelCase).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the camel cased string.\n * @example\n *\n * _.camelCase('Foo Bar');\n * // => 'fooBar'\n *\n * _.camelCase('--foo-bar--');\n * // => 'fooBar'\n *\n * _.camelCase('__FOO_BAR__');\n * // => 'fooBar'\n */\n var camelCase = createCompounder(function (result, word, index) {\n word = word.toLowerCase();\n return result + (index ? capitalize(word) : word);\n });\n\n /**\n * Converts the first character of `string` to upper case and the remaining\n * to lower case.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to capitalize.\n * @returns {string} Returns the capitalized string.\n * @example\n *\n * _.capitalize('FRED');\n * // => 'Fred'\n */\n function capitalize(string) {\n return upperFirst(toString(string).toLowerCase());\n }\n\n /**\n * Deburrs `string` by converting\n * [Latin-1 Supplement](https://en.wikipedia.org/wiki/Latin-1_Supplement_(Unicode_block)#Character_table)\n * and [Latin Extended-A](https://en.wikipedia.org/wiki/Latin_Extended-A)\n * letters to basic Latin letters and removing\n * [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to deburr.\n * @returns {string} Returns the deburred string.\n * @example\n *\n * _.deburr('déjà vu');\n * // => 'deja vu'\n */\n function deburr(string) {\n string = toString(string);\n return (\n string &&\n string.replace(reLatin, deburrLetter).replace(reComboMark, '')\n );\n }\n\n /**\n * Checks if `string` ends with the given target string.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to inspect.\n * @param {string} [target] The string to search for.\n * @param {number} [position=string.length] The position to search up to.\n * @returns {boolean} Returns `true` if `string` ends with `target`,\n * else `false`.\n * @example\n *\n * _.endsWith('abc', 'c');\n * // => true\n *\n * _.endsWith('abc', 'b');\n * // => false\n *\n * _.endsWith('abc', 'b', 2);\n * // => true\n */\n function endsWith(string, target, position) {\n string = toString(string);\n target = baseToString(target);\n\n var length = string.length;\n position =\n position === undefined\n ? length\n : baseClamp(toInteger(position), 0, length);\n\n var end = position;\n position -= target.length;\n return position >= 0 && string.slice(position, end) == target;\n }\n\n /**\n * Converts the characters \"&\", \"<\", \">\", '\"', and \"'\" in `string` to their\n * corresponding HTML entities.\n *\n * **Note:** No other characters are escaped. To escape additional\n * characters use a third-party library like [_he_](https://mths.be/he).\n *\n * Though the \">\" character is escaped for symmetry, characters like\n * \">\" and \"/\" don't need escaping in HTML and have no special meaning\n * unless they're part of a tag or unquoted attribute value. See\n * [Mathias Bynens's article](https://mathiasbynens.be/notes/ambiguous-ampersands)\n * (under \"semi-related fun fact\") for more details.\n *\n * When working with HTML you should always\n * [quote attribute values](http://wonko.com/post/html-escaping) to reduce\n * XSS vectors.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category String\n * @param {string} [string=''] The string to escape.\n * @returns {string} Returns the escaped string.\n * @example\n *\n * _.escape('fred, barney, & pebbles');\n * // => 'fred, barney, & pebbles'\n */\n function escape(string) {\n string = toString(string);\n return string && reHasUnescapedHtml.test(string)\n ? string.replace(reUnescapedHtml, escapeHtmlChar)\n : string;\n }\n\n /**\n * Escapes the `RegExp` special characters \"^\", \"$\", \"\\\", \".\", \"*\", \"+\",\n * \"?\", \"(\", \")\", \"[\", \"]\", \"{\", \"}\", and \"|\" in `string`.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to escape.\n * @returns {string} Returns the escaped string.\n * @example\n *\n * _.escapeRegExp('[lodash](https://lodash.com/)');\n * // => '\\[lodash\\]\\(https://lodash\\.com/\\)'\n */\n function escapeRegExp(string) {\n string = toString(string);\n return string && reHasRegExpChar.test(string)\n ? string.replace(reRegExpChar, '\\\\$&')\n : string;\n }\n\n /**\n * Converts `string` to\n * [kebab case](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the kebab cased string.\n * @example\n *\n * _.kebabCase('Foo Bar');\n * // => 'foo-bar'\n *\n * _.kebabCase('fooBar');\n * // => 'foo-bar'\n *\n * _.kebabCase('__FOO_BAR__');\n * // => 'foo-bar'\n */\n var kebabCase = createCompounder(function (result, word, index) {\n return result + (index ? '-' : '') + word.toLowerCase();\n });\n\n /**\n * Converts `string`, as space separated words, to lower case.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the lower cased string.\n * @example\n *\n * _.lowerCase('--Foo-Bar--');\n * // => 'foo bar'\n *\n * _.lowerCase('fooBar');\n * // => 'foo bar'\n *\n * _.lowerCase('__FOO_BAR__');\n * // => 'foo bar'\n */\n var lowerCase = createCompounder(function (result, word, index) {\n return result + (index ? ' ' : '') + word.toLowerCase();\n });\n\n /**\n * Converts the first character of `string` to lower case.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the converted string.\n * @example\n *\n * _.lowerFirst('Fred');\n * // => 'fred'\n *\n * _.lowerFirst('FRED');\n * // => 'fRED'\n */\n var lowerFirst = createCaseFirst('toLowerCase');\n\n /**\n * Pads `string` on the left and right sides if it's shorter than `length`.\n * Padding characters are truncated if they can't be evenly divided by `length`.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to pad.\n * @param {number} [length=0] The padding length.\n * @param {string} [chars=' '] The string used as padding.\n * @returns {string} Returns the padded string.\n * @example\n *\n * _.pad('abc', 8);\n * // => ' abc '\n *\n * _.pad('abc', 8, '_-');\n * // => '_-abc_-_'\n *\n * _.pad('abc', 3);\n * // => 'abc'\n */\n function pad(string, length, chars) {\n string = toString(string);\n length = toInteger(length);\n\n var strLength = length ? stringSize(string) : 0;\n if (!length || strLength >= length) {\n return string;\n }\n var mid = (length - strLength) / 2;\n return (\n createPadding(nativeFloor(mid), chars) +\n string +\n createPadding(nativeCeil(mid), chars)\n );\n }\n\n /**\n * Pads `string` on the right side if it's shorter than `length`. Padding\n * characters are truncated if they exceed `length`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category String\n * @param {string} [string=''] The string to pad.\n * @param {number} [length=0] The padding length.\n * @param {string} [chars=' '] The string used as padding.\n * @returns {string} Returns the padded string.\n * @example\n *\n * _.padEnd('abc', 6);\n * // => 'abc '\n *\n * _.padEnd('abc', 6, '_-');\n * // => 'abc_-_'\n *\n * _.padEnd('abc', 3);\n * // => 'abc'\n */\n function padEnd(string, length, chars) {\n string = toString(string);\n length = toInteger(length);\n\n var strLength = length ? stringSize(string) : 0;\n return length && strLength < length\n ? string + createPadding(length - strLength, chars)\n : string;\n }\n\n /**\n * Pads `string` on the left side if it's shorter than `length`. Padding\n * characters are truncated if they exceed `length`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category String\n * @param {string} [string=''] The string to pad.\n * @param {number} [length=0] The padding length.\n * @param {string} [chars=' '] The string used as padding.\n * @returns {string} Returns the padded string.\n * @example\n *\n * _.padStart('abc', 6);\n * // => ' abc'\n *\n * _.padStart('abc', 6, '_-');\n * // => '_-_abc'\n *\n * _.padStart('abc', 3);\n * // => 'abc'\n */\n function padStart(string, length, chars) {\n string = toString(string);\n length = toInteger(length);\n\n var strLength = length ? stringSize(string) : 0;\n return length && strLength < length\n ? createPadding(length - strLength, chars) + string\n : string;\n }\n\n /**\n * Converts `string` to an integer of the specified radix. If `radix` is\n * `undefined` or `0`, a `radix` of `10` is used unless `value` is a\n * hexadecimal, in which case a `radix` of `16` is used.\n *\n * **Note:** This method aligns with the\n * [ES5 implementation](https://es5.github.io/#x15.1.2.2) of `parseInt`.\n *\n * @static\n * @memberOf _\n * @since 1.1.0\n * @category String\n * @param {string} string The string to convert.\n * @param {number} [radix=10] The radix to interpret `value` by.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {number} Returns the converted integer.\n * @example\n *\n * _.parseInt('08');\n * // => 8\n *\n * _.map(['6', '08', '10'], _.parseInt);\n * // => [6, 8, 10]\n */\n function parseInt(string, radix, guard) {\n if (guard || radix == null) {\n radix = 0;\n } else if (radix) {\n radix = +radix;\n }\n return nativeParseInt(\n toString(string).replace(reTrimStart, ''),\n radix || 0,\n );\n }\n\n /**\n * Repeats the given string `n` times.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to repeat.\n * @param {number} [n=1] The number of times to repeat the string.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {string} Returns the repeated string.\n * @example\n *\n * _.repeat('*', 3);\n * // => '***'\n *\n * _.repeat('abc', 2);\n * // => 'abcabc'\n *\n * _.repeat('abc', 0);\n * // => ''\n */\n function repeat(string, n, guard) {\n if (guard ? isIterateeCall(string, n, guard) : n === undefined) {\n n = 1;\n } else {\n n = toInteger(n);\n }\n return baseRepeat(toString(string), n);\n }\n\n /**\n * Replaces matches for `pattern` in `string` with `replacement`.\n *\n * **Note:** This method is based on\n * [`String#replace`](https://mdn.io/String/replace).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category String\n * @param {string} [string=''] The string to modify.\n * @param {RegExp|string} pattern The pattern to replace.\n * @param {Function|string} replacement The match replacement.\n * @returns {string} Returns the modified string.\n * @example\n *\n * _.replace('Hi Fred', 'Fred', 'Barney');\n * // => 'Hi Barney'\n */\n function replace() {\n var args = arguments,\n string = toString(args[0]);\n\n return args.length < 3\n ? string\n : string.replace(args[1], args[2]);\n }\n\n /**\n * Converts `string` to\n * [snake case](https://en.wikipedia.org/wiki/Snake_case).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the snake cased string.\n * @example\n *\n * _.snakeCase('Foo Bar');\n * // => 'foo_bar'\n *\n * _.snakeCase('fooBar');\n * // => 'foo_bar'\n *\n * _.snakeCase('--FOO-BAR--');\n * // => 'foo_bar'\n */\n var snakeCase = createCompounder(function (result, word, index) {\n return result + (index ? '_' : '') + word.toLowerCase();\n });\n\n /**\n * Splits `string` by `separator`.\n *\n * **Note:** This method is based on\n * [`String#split`](https://mdn.io/String/split).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category String\n * @param {string} [string=''] The string to split.\n * @param {RegExp|string} separator The separator pattern to split by.\n * @param {number} [limit] The length to truncate results to.\n * @returns {Array} Returns the string segments.\n * @example\n *\n * _.split('a-b-c', '-', 2);\n * // => ['a', 'b']\n */\n function split(string, separator, limit) {\n if (\n limit &&\n typeof limit != 'number' &&\n isIterateeCall(string, separator, limit)\n ) {\n separator = limit = undefined;\n }\n limit = limit === undefined ? MAX_ARRAY_LENGTH : limit >>> 0;\n if (!limit) {\n return [];\n }\n string = toString(string);\n if (\n string &&\n (typeof separator == 'string' ||\n (separator != null && !isRegExp(separator)))\n ) {\n separator = baseToString(separator);\n if (!separator && hasUnicode(string)) {\n return castSlice(stringToArray(string), 0, limit);\n }\n }\n return string.split(separator, limit);\n }\n\n /**\n * Converts `string` to\n * [start case](https://en.wikipedia.org/wiki/Letter_case#Stylistic_or_specialised_usage).\n *\n * @static\n * @memberOf _\n * @since 3.1.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the start cased string.\n * @example\n *\n * _.startCase('--foo-bar--');\n * // => 'Foo Bar'\n *\n * _.startCase('fooBar');\n * // => 'Foo Bar'\n *\n * _.startCase('__FOO_BAR__');\n * // => 'FOO BAR'\n */\n var startCase = createCompounder(function (result, word, index) {\n return result + (index ? ' ' : '') + upperFirst(word);\n });\n\n /**\n * Checks if `string` starts with the given target string.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to inspect.\n * @param {string} [target] The string to search for.\n * @param {number} [position=0] The position to search from.\n * @returns {boolean} Returns `true` if `string` starts with `target`,\n * else `false`.\n * @example\n *\n * _.startsWith('abc', 'a');\n * // => true\n *\n * _.startsWith('abc', 'b');\n * // => false\n *\n * _.startsWith('abc', 'b', 1);\n * // => true\n */\n function startsWith(string, target, position) {\n string = toString(string);\n position =\n position == null\n ? 0\n : baseClamp(toInteger(position), 0, string.length);\n\n target = baseToString(target);\n return string.slice(position, position + target.length) == target;\n }\n\n /**\n * Creates a compiled template function that can interpolate data properties\n * in \"interpolate\" delimiters, HTML-escape interpolated data properties in\n * \"escape\" delimiters, and execute JavaScript in \"evaluate\" delimiters. Data\n * properties may be accessed as free variables in the template. If a setting\n * object is given, it takes precedence over `_.templateSettings` values.\n *\n * **Note:** In the development build `_.template` utilizes\n * [sourceURLs](http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/#toc-sourceurl)\n * for easier debugging.\n *\n * For more information on precompiling templates see\n * [lodash's custom builds documentation](https://lodash.com/custom-builds).\n *\n * For more information on Chrome extension sandboxes see\n * [Chrome's extensions documentation](https://developer.chrome.com/extensions/sandboxingEval).\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category String\n * @param {string} [string=''] The template string.\n * @param {Object} [options={}] The options object.\n * @param {RegExp} [options.escape=_.templateSettings.escape]\n * The HTML \"escape\" delimiter.\n * @param {RegExp} [options.evaluate=_.templateSettings.evaluate]\n * The \"evaluate\" delimiter.\n * @param {Object} [options.imports=_.templateSettings.imports]\n * An object to import into the template as free variables.\n * @param {RegExp} [options.interpolate=_.templateSettings.interpolate]\n * The \"interpolate\" delimiter.\n * @param {string} [options.sourceURL='lodash.templateSources[n]']\n * The sourceURL of the compiled template.\n * @param {string} [options.variable='obj']\n * The data object variable name.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Function} Returns the compiled template function.\n * @example\n *\n * // Use the \"interpolate\" delimiter to create a compiled template.\n * var compiled = _.template('hello <%= user %>!');\n * compiled({ 'user': 'fred' });\n * // => 'hello fred!'\n *\n * // Use the HTML \"escape\" delimiter to escape data property values.\n * var compiled = _.template('<%- value %>');\n * compiled({ 'value': '\n \n )}\n \n \n
\n \n \n \n );\n}\n" }, { "path": "packages/app/pages/_error.tsx", "content": "/**\n * NOTE: This requires `@sentry/nextjs` version 7.3.0 or higher.\n *\n * NOTE: If using this with `next` version 12.2.0 or lower, uncomment the\n * penultimate line in `CustomErrorComponent`.\n *\n * This page is loaded by Nextjs:\n * - on the server, when data-fetching methods throw or reject\n * - on the client, when `getInitialProps` throws or rejects\n * - on the client, when a React lifecycle method throws or rejects, and it's\n * caught by the built-in Nextjs error boundary\n *\n * See:\n * - https://nextjs.org/docs/basic-features/data-fetching/overview\n * - https://nextjs.org/docs/api-reference/data-fetching/get-initial-props\n * - https://reactjs.org/docs/error-boundaries.html\n */\n\nimport NextErrorComponent from 'next/error';\n\nconst CustomErrorComponent = (props: any) => {\n // If you're using a Nextjs version prior to 12.2.1, uncomment this to\n // compensate for https://github.com/vercel/next.js/issues/8592\n // Sentry.captureUnderscoreErrorException(props);\n\n return ;\n};\n\nCustomErrorComponent.getInitialProps = async (contextData: any) => {\n // This will contain the status code of the response\n return NextErrorComponent.getInitialProps(contextData);\n};\n\nexport default CustomErrorComponent;\n" }, { "path": "packages/app/pages/alerts.tsx", "content": "import AlertsPage from '@/AlertsPage';\n\nexport default AlertsPage;\n" }, { "path": "packages/app/pages/api/[...all].ts", "content": "import { NextApiRequest, NextApiResponse } from 'next';\nimport { createProxyMiddleware, fixRequestBody } from 'http-proxy-middleware';\n\nconst DEFAULT_SERVER_URL = `http://127.0.0.1:${process.env.HYPERDX_API_PORT}`;\n\nexport const config = {\n api: {\n externalResolver: true,\n bodyParser: false,\n },\n};\n\nexport default (req: NextApiRequest, res: NextApiResponse) => {\n const proxy = createProxyMiddleware({\n changeOrigin: true,\n // logger: console, // DEBUG\n pathRewrite: { '^/api': '' },\n target: process.env.SERVER_URL || DEFAULT_SERVER_URL,\n autoRewrite: true,\n // ...(IS_DEV && {\n // logger: console,\n // }),\n });\n return proxy(req, res, error => {\n if (error) {\n console.error(error);\n res.status(500).send('API proxy error');\n return;\n }\n res.status(404).send('Not found');\n });\n};\n" }, { "path": "packages/app/pages/api/config.ts", "content": "import type { NextApiRequest, NextApiResponse } from 'next';\n\nimport {\n HDX_API_KEY,\n HDX_COLLECTOR_URL,\n HDX_EXPORTER_ENABLED,\n HDX_SERVICE_NAME,\n} from '@/config';\nimport type { NextApiConfigResponseData } from '@/types';\n\nexport default function handler(\n req: NextApiRequest,\n res: NextApiResponse,\n) {\n res.status(200).json({\n apiKey: HDX_EXPORTER_ENABLED ? HDX_API_KEY : undefined,\n collectorUrl: HDX_COLLECTOR_URL,\n serviceName: HDX_SERVICE_NAME,\n appVersion: process.env.NEXT_PUBLIC_APP_VERSION,\n });\n}\n" }, { "path": "packages/app/pages/benchmark.tsx", "content": "import BenchmarkPage from '@/BenchmarkPage';\n\nexport default BenchmarkPage;\n" }, { "path": "packages/app/pages/careers.tsx", "content": "import CareersPage from '@/CareersPage';\nexport default CareersPage;\n" }, { "path": "packages/app/pages/chart.tsx", "content": "import ChartPage from '@/DBChartPage';\n\nexport default ChartPage;\n" }, { "path": "packages/app/pages/clickhouse.tsx", "content": "import ClickhousePage from '@/ClickhousePage';\nexport default ClickhousePage;\n" }, { "path": "packages/app/pages/dashboards/[dashboardId].tsx", "content": "import DashboardPage from '@/DBDashboardPage';\n\nexport default DashboardPage;\n" }, { "path": "packages/app/pages/dashboards/import.tsx", "content": "import DBDashboardImportPage from '@/DBDashboardImportPage';\n\nexport default DBDashboardImportPage;\n" }, { "path": "packages/app/pages/dashboards/index.tsx", "content": "import DBDashboardPage from '@/DBDashboardPage';\nexport default DBDashboardPage;\n" }, { "path": "packages/app/pages/index.tsx", "content": "import LandingPage from '@/LandingPage';\nexport default LandingPage;\n" }, { "path": "packages/app/pages/join-team.tsx", "content": "import JoinTeamPage from '@/JoinTeamPage';\n\nexport default JoinTeamPage;\n" }, { "path": "packages/app/pages/kubernetes.tsx", "content": "import KubernetesDashboardPage from '@/KubernetesDashboardPage';\n\nexport default KubernetesDashboardPage;\n" }, { "path": "packages/app/pages/login/index.tsx", "content": "import AuthPage from '@/AuthPage';\n\nexport default function Login() {\n return (\n
\n \n
\n );\n}\n" }, { "path": "packages/app/pages/register.tsx", "content": "import AuthPage from '@/AuthPage';\nexport default function Register() {\n return (\n
\n \n
\n );\n}\n" }, { "path": "packages/app/pages/search/[savedSearchId].tsx", "content": "import SearchPage from '@/DBSearchPage';\n\nexport default SearchPage;\n" }, { "path": "packages/app/pages/search/index.tsx", "content": "import SearchPage from '@/DBSearchPage';\n\nexport default SearchPage;\n" }, { "path": "packages/app/pages/service-map.tsx", "content": "import DBServiceMapPage from '@/DBServiceMapPage';\nexport default DBServiceMapPage;\n" }, { "path": "packages/app/pages/services.tsx", "content": "import ServicesDashboardPage from '@/ServicesDashboardPage';\nexport default ServicesDashboardPage;\n" }, { "path": "packages/app/pages/sessions.tsx", "content": "import SessionsPage from '@/SessionsPage';\n\nexport default SessionsPage;\n" }, { "path": "packages/app/pages/team/index.tsx", "content": "import TeamPage from '@/TeamPage';\nexport default TeamPage;\n" }, { "path": "packages/app/playwright.config.ts", "content": "import { defineConfig, devices } from '@playwright/test';\nimport path from 'path';\n\n// Check if we should use full-stack mode (with backend)\nconst USE_FULLSTACK = process.env.E2E_FULLSTACK === 'true';\n// Check if we should use next dev (hot reload) instead of build + start\nconst USE_DEV = process.env.E2E_USE_DEV === 'true';\nconst AUTH_FILE = path.join(__dirname, 'tests/e2e/.auth/user.json');\n\n// Timeout configuration constants (in milliseconds)\nconst TEST_TIMEOUT_MS = 60 * 1000; // 60 seconds per test\nconst API_SERVER_STARTUP_TIMEOUT_MS = 120 * 1000; // 2 minutes for API to start\nconst APP_SERVER_STARTUP_TIMEOUT_MS = 180 * 1000; // 3 minutes for Next.js build + start\n\n/**\n * @see https://playwright.dev/docs/test-configuration\n */\nexport default defineConfig({\n testDir: './tests/e2e',\n /* Global setup to ensure server is ready */\n globalSetup: USE_FULLSTACK\n ? require.resolve('./tests/e2e/global-setup-fullstack.ts')\n : require.resolve('./tests/e2e/global-setup-local.ts'),\n /* Run tests in files in parallel */\n fullyParallel: true,\n /* Fail the build on CI if you accidentally left test.only in the source code. */\n forbidOnly: !!process.env.CI,\n /* Retry on CI only */\n retries: process.env.CI ? 2 : 1,\n /* Use multiple workers on CI for faster execution */\n workers: process.env.CI ? 2 : undefined,\n /* Reporter to use. See https://playwright.dev/docs/test-reporters */\n reporter: [\n ['html'],\n ['json', { outputFile: 'test-results/results.json' }],\n ...(process.env.CI\n ? [['github'] as const, ['list'] as const]\n : [['list'] as const]),\n ],\n /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */\n use: {\n /* Base URL to use in actions like `await page.goto('/')`. */\n baseURL: USE_FULLSTACK\n ? 'http://localhost:28081'\n : process.env.PLAYWRIGHT_BASE_URL || 'http://localhost:8081',\n /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */\n trace: 'on-first-retry',\n /* Take screenshot on failure */\n screenshot: 'only-on-failure',\n /* Record video on failure */\n video: 'retain-on-failure',\n },\n\n /* Global test timeout - CI needs more time than local */\n timeout: TEST_TIMEOUT_MS,\n\n /* Configure projects for different test environments */\n projects: [\n {\n name: 'chromium',\n use: {\n ...devices['Desktop Chrome'],\n // Use saved authentication state for full-stack mode\n ...(USE_FULLSTACK && {\n storageState: AUTH_FILE,\n }),\n },\n },\n ],\n\n /* Run your local dev server before starting the tests */\n // Note: webServer array syntax requires Playwright v1.32.0+ (current: v1.57.0)\n webServer: USE_FULLSTACK\n ? [\n // Full-stack mode: Start API and App servers (infrastructure started separately)\n {\n // Connections/sources come from env (injected by run-e2e.js from e2e-fixtures.json)\n command: `cd ../api && ${process.env.MONGO_URI ? `MONGO_URI=\"${process.env.MONGO_URI}\"` : ''} DOTENV_CONFIG_PATH=.env.e2e npx ts-node --transpile-only -r tsconfig-paths/register -r dotenv-expand/config -r @hyperdx/node-opentelemetry/build/src/tracing src/index.ts`,\n port: 29000,\n reuseExistingServer: !process.env.CI,\n timeout: API_SERVER_STARTUP_TIMEOUT_MS,\n stdout: 'pipe',\n stderr: 'pipe',\n },\n {\n // Full UI: Alerts + Dashboards. Not local mode; Alerts enabled;\n command: USE_DEV\n ? 'SERVER_URL=http://localhost:29000 PORT=28081 next dev --webpack'\n : 'SERVER_URL=http://localhost:29000 PORT=28081 yarn build && SERVER_URL=http://localhost:29000 PORT=28081 yarn start',\n port: 28081,\n reuseExistingServer: !process.env.CI,\n timeout: APP_SERVER_STARTUP_TIMEOUT_MS,\n stdout: 'pipe',\n stderr: 'pipe',\n },\n ]\n : {\n // Local mode: Frontend only\n command: USE_DEV\n ? 'NEXT_PUBLIC_IS_LOCAL_MODE=true PORT=8081 next dev --webpack'\n : 'NEXT_PUBLIC_IS_LOCAL_MODE=true yarn build && NEXT_PUBLIC_IS_LOCAL_MODE=true PORT=8081 yarn start',\n port: 8081,\n reuseExistingServer: !process.env.CI,\n timeout: APP_SERVER_STARTUP_TIMEOUT_MS,\n stdout: 'pipe',\n stderr: 'pipe',\n },\n});\n" }, { "path": "packages/app/postcss.config.cjs", "content": "module.exports = {\n plugins: {\n 'postcss-preset-mantine': {},\n 'postcss-simple-vars': {\n variables: {\n 'mantine-breakpoint-xs': '36em',\n 'mantine-breakpoint-sm': '48em',\n 'mantine-breakpoint-md': '62em',\n 'mantine-breakpoint-lg': '75em',\n 'mantine-breakpoint-xl': '88em',\n },\n },\n },\n};\n" }, { "path": "packages/app/public/pyodide/pyodide-lock.json", "content": "{\n \"info\": {\n \"abi_version\": \"2024_0\",\n \"arch\": \"wasm32\",\n \"platform\": \"emscripten_3_1_58\",\n \"python\": \"3.12.7\",\n \"version\": \"0.27.2\"\n },\n \"packages\": {\n \"affine\": {\n \"depends\": [],\n \"file_name\": \"affine-2.4.0-py3-none-any.whl\",\n \"imports\": [\"affine\"],\n \"install_dir\": \"site\",\n \"name\": \"affine\",\n \"package_type\": \"package\",\n \"sha256\": \"465f43c53d566d8631c62020147e94c76c6e89bd3cf7255b91e3c6e1376589d8\",\n \"unvendored_tests\": true,\n \"version\": \"2.4.0\"\n },\n \"affine-tests\": {\n \"depends\": [\"affine\"],\n \"file_name\": \"affine-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"affine-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"496ef58c6daf0684e50060026bd9b3b807f03eacf3490dfcd4e610463a660fcd\",\n \"unvendored_tests\": false,\n \"version\": \"2.4.0\"\n },\n \"aiohttp\": {\n \"depends\": [\n \"aiosignal\",\n \"async-timeout\",\n \"attrs\",\n \"charset-normalizer\",\n \"frozenlist\",\n \"multidict\",\n \"yarl\"\n ],\n \"file_name\": \"aiohttp-3.9.5-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"aiohttp\"],\n \"install_dir\": \"site\",\n \"name\": \"aiohttp\",\n \"package_type\": \"package\",\n \"sha256\": \"9187d627eaf387a56f0518fbd804f7c6caa7fc8bf672fa9efdf60ad4370a170b\",\n \"unvendored_tests\": true,\n \"version\": \"3.9.5\"\n },\n \"aiohttp-tests\": {\n \"depends\": [\"aiohttp\"],\n \"file_name\": \"aiohttp-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"aiohttp-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"3f0691239fc606ab18dfa44282257d9dbbc2babd094cde2debdd2767ab7ac0e8\",\n \"unvendored_tests\": false,\n \"version\": \"3.9.5\"\n },\n \"aiosignal\": {\n \"depends\": [\"frozenlist\"],\n \"file_name\": \"aiosignal-1.3.1-py3-none-any.whl\",\n \"imports\": [\"aiosignal\"],\n \"install_dir\": \"site\",\n \"name\": \"aiosignal\",\n \"package_type\": \"package\",\n \"sha256\": \"591e2f6aa2430ad9f511b36332d0c4d481c8b60ff4812673044409f70fc9acfb\",\n \"unvendored_tests\": false,\n \"version\": \"1.3.1\"\n },\n \"altair\": {\n \"depends\": [\n \"typing-extensions\",\n \"jinja2\",\n \"jsonschema\",\n \"packaging\",\n \"narwhals\"\n ],\n \"file_name\": \"altair-5.4.1-py3-none-any.whl\",\n \"imports\": [\"altair\"],\n \"install_dir\": \"site\",\n \"name\": \"altair\",\n \"package_type\": \"package\",\n \"sha256\": \"22b80935bacbbfc514a7ecce044510bc776dd18debdd82f65604c94fae09691d\",\n \"unvendored_tests\": false,\n \"version\": \"5.4.1\"\n },\n \"annotated-types\": {\n \"depends\": [],\n \"file_name\": \"annotated_types-0.6.0-py3-none-any.whl\",\n \"imports\": [\"annotated_types\"],\n \"install_dir\": \"site\",\n \"name\": \"annotated-types\",\n \"package_type\": \"package\",\n \"sha256\": \"7415a962cd82322eacb271516c7c1c0a0d7bcd43b318ca058322b5d27b24517e\",\n \"unvendored_tests\": true,\n \"version\": \"0.6.0\"\n },\n \"annotated-types-tests\": {\n \"depends\": [\"annotated-types\"],\n \"file_name\": \"annotated-types-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"annotated-types-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"ec8dc09ec048f30ff6c915159315188439435136769a3a7202321c09ca971719\",\n \"unvendored_tests\": false,\n \"version\": \"0.6.0\"\n },\n \"apsw\": {\n \"depends\": [],\n \"file_name\": \"apsw-3.47.2.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"apsw\"],\n \"install_dir\": \"site\",\n \"name\": \"apsw\",\n \"package_type\": \"package\",\n \"sha256\": \"ea5d67230168a5f055c52b3b77be071cdf73007bcbd3a3a2b6fd0d99cc627a7d\",\n \"unvendored_tests\": false,\n \"version\": \"3.47.2.0\"\n },\n \"argon2-cffi\": {\n \"depends\": [\"argon2-cffi-bindings\"],\n \"file_name\": \"argon2_cffi-23.1.0-py3-none-any.whl\",\n \"imports\": [\"argon2\"],\n \"install_dir\": \"site\",\n \"name\": \"argon2-cffi\",\n \"package_type\": \"package\",\n \"sha256\": \"934f49e85bceb8beb0c0beff0c80be029887297988d4801dc55fe6691ef89e58\",\n \"unvendored_tests\": false,\n \"version\": \"23.1.0\"\n },\n \"argon2-cffi-bindings\": {\n \"depends\": [\"cffi\"],\n \"file_name\": \"argon2_cffi_bindings-21.2.0-cp312-abi3-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"_argon2_cffi_bindings\"],\n \"install_dir\": \"site\",\n \"name\": \"argon2-cffi-bindings\",\n \"package_type\": \"package\",\n \"sha256\": \"dd94aa3c2b9a630fe86ba52349380ddb9da63622c26bc623ea8431a30e278259\",\n \"unvendored_tests\": false,\n \"version\": \"21.2.0\"\n },\n \"arro3-compute\": {\n \"depends\": [\"arro3-core\"],\n \"file_name\": \"arro3_compute-0.4.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"arro3.compute\"],\n \"install_dir\": \"site\",\n \"name\": \"arro3-compute\",\n \"package_type\": \"package\",\n \"sha256\": \"3d20915b504c7f2cf54a80e03938560bec35fa392a00215b233227a3d7b312ea\",\n \"unvendored_tests\": false,\n \"version\": \"0.4.1\"\n },\n \"arro3-core\": {\n \"depends\": [],\n \"file_name\": \"arro3_core-0.4.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"arro3.core\"],\n \"install_dir\": \"site\",\n \"name\": \"arro3-core\",\n \"package_type\": \"package\",\n \"sha256\": \"3c9770df7027ba8f110d2afbad63f019b7d2d7c0cfafc46e1819b2441ca9d386\",\n \"unvendored_tests\": false,\n \"version\": \"0.4.1\"\n },\n \"arro3-io\": {\n \"depends\": [\"arro3-core\"],\n \"file_name\": \"arro3_io-0.4.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"arro3.io\"],\n \"install_dir\": \"site\",\n \"name\": \"arro3-io\",\n \"package_type\": \"package\",\n \"sha256\": \"da072bcc0b8f8e2d8671e8b3ed19097244331d0db616b073dd5ae11eb565849a\",\n \"unvendored_tests\": false,\n \"version\": \"0.4.1\"\n },\n \"asciitree\": {\n \"depends\": [],\n \"file_name\": \"asciitree-0.3.3-py3-none-any.whl\",\n \"imports\": [\"asciitree\"],\n \"install_dir\": \"site\",\n \"name\": \"asciitree\",\n \"package_type\": \"package\",\n \"sha256\": \"3f509fb58e8b0ed0cb084c36a086b1d7e5b798ed68b27276231ed8f65b428fb1\",\n \"unvendored_tests\": false,\n \"version\": \"0.3.3\"\n },\n \"astropy\": {\n \"depends\": [\n \"packaging\",\n \"numpy\",\n \"pyerfa\",\n \"pyyaml\",\n \"astropy_iers_data\"\n ],\n \"file_name\": \"astropy-7.0.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"astropy\"],\n \"install_dir\": \"site\",\n \"name\": \"astropy\",\n \"package_type\": \"package\",\n \"sha256\": \"5ed3238853f36c71c8b8d73c32cc6c08d0c339f799fa0d72bc74f58d86fe8fd3\",\n \"unvendored_tests\": false,\n \"version\": \"7.0.0\"\n },\n \"astropy-iers-data\": {\n \"depends\": [],\n \"file_name\": \"astropy_iers_data-0.2024.4.22.0.29.50-py3-none-any.whl\",\n \"imports\": [\"astropy_iers_data\"],\n \"install_dir\": \"site\",\n \"name\": \"astropy_iers_data\",\n \"package_type\": \"package\",\n \"sha256\": \"34d885b3f2a2b7d7c98c990712707c1135add7f7a9697632cf89868f251cd013\",\n \"unvendored_tests\": true,\n \"version\": \"0.2024.4.22.0.29.50\"\n },\n \"astropy-iers-data-tests\": {\n \"depends\": [\"astropy_iers_data\"],\n \"file_name\": \"astropy_iers_data-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"astropy_iers_data-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"e227d67965fdba74771df0081354df9519d7c79b9e9a0a81662f94d5b57f775e\",\n \"unvendored_tests\": false,\n \"version\": \"0.2024.4.22.0.29.50\"\n },\n \"asttokens\": {\n \"depends\": [\"six\"],\n \"file_name\": \"asttokens-2.4.1-py2.py3-none-any.whl\",\n \"imports\": [\"asttokens\"],\n \"install_dir\": \"site\",\n \"name\": \"asttokens\",\n \"package_type\": \"package\",\n \"sha256\": \"de1a0afc149b38969fe53a55965367e10fb45b570fc539759f1365e295e8139d\",\n \"unvendored_tests\": false,\n \"version\": \"2.4.1\"\n },\n \"async-timeout\": {\n \"depends\": [],\n \"file_name\": \"async_timeout-4.0.3-py3-none-any.whl\",\n \"imports\": [\"async_timeout\"],\n \"install_dir\": \"site\",\n \"name\": \"async-timeout\",\n \"package_type\": \"package\",\n \"sha256\": \"4702dadd2d1b431a44d1c5090dc045ce63f3d5aeb23bcf1474e57c4c7b32ef7f\",\n \"unvendored_tests\": false,\n \"version\": \"4.0.3\"\n },\n \"atomicwrites\": {\n \"depends\": [],\n \"file_name\": \"atomicwrites-1.4.1-py2.py3-none-any.whl\",\n \"imports\": [\"atomicwrites\"],\n \"install_dir\": \"site\",\n \"name\": \"atomicwrites\",\n \"package_type\": \"package\",\n \"sha256\": \"b042cb4c980f7c1e6eed67f4bfd32d8f15d573a6852285c4bb85f878d8c0a19c\",\n \"unvendored_tests\": false,\n \"version\": \"1.4.1\"\n },\n \"attrs\": {\n \"depends\": [\"six\"],\n \"file_name\": \"attrs-23.2.0-py3-none-any.whl\",\n \"imports\": [\"attr\", \"attrs\"],\n \"install_dir\": \"site\",\n \"name\": \"attrs\",\n \"package_type\": \"package\",\n \"sha256\": \"a23f168e4d416843171974929b5a9d546bd4a6dd9f7632cc8b1a46fa43236fc9\",\n \"unvendored_tests\": false,\n \"version\": \"23.2.0\"\n },\n \"autograd\": {\n \"depends\": [\"numpy\", \"future\"],\n \"file_name\": \"autograd-1.7.0-py3-none-any.whl\",\n \"imports\": [\"autograd\"],\n \"install_dir\": \"site\",\n \"name\": \"autograd\",\n \"package_type\": \"package\",\n \"sha256\": \"c125e6a90889971ffca4b97dff361fa280f9a7225b6da0b6eeb6d5a9d5e6df66\",\n \"unvendored_tests\": true,\n \"version\": \"1.7.0\"\n },\n \"autograd-tests\": {\n \"depends\": [\"autograd\"],\n \"file_name\": \"autograd-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"autograd-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"a19acf64fdcd2fb08bc8b8177efb2b7f78c788a46ccc5693d08843436eaa8822\",\n \"unvendored_tests\": false,\n \"version\": \"1.7.0\"\n },\n \"awkward-cpp\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"awkward_cpp-43-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"awkward_cpp\"],\n \"install_dir\": \"site\",\n \"name\": \"awkward-cpp\",\n \"package_type\": \"package\",\n \"sha256\": \"46fe3991a82b71e3c8a84e0ddf8509e00e7425d9e4acd84e44d8535d155ef451\",\n \"unvendored_tests\": false,\n \"version\": \"43\"\n },\n \"b2d\": {\n \"depends\": [\"numpy\", \"pydantic\", \"setuptools\", \"annotated-types\"],\n \"file_name\": \"b2d-0.7.4-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"b2d\"],\n \"install_dir\": \"site\",\n \"name\": \"b2d\",\n \"package_type\": \"package\",\n \"sha256\": \"c03c088ab3582dc38a3d66253e596cdffbaf7c220aabe45a878307ca409ff1a0\",\n \"unvendored_tests\": false,\n \"version\": \"0.7.4\"\n },\n \"bcrypt\": {\n \"depends\": [],\n \"file_name\": \"bcrypt-4.1.2-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"bcrypt\"],\n \"install_dir\": \"site\",\n \"name\": \"bcrypt\",\n \"package_type\": \"package\",\n \"sha256\": \"021155b46b2c7416e9716ff6281a9ed9fd59340f50850831120a7d8cf0dc13fd\",\n \"unvendored_tests\": false,\n \"version\": \"4.1.2\"\n },\n \"beautifulsoup4\": {\n \"depends\": [\"soupsieve\"],\n \"file_name\": \"beautifulsoup4-4.12.3-py3-none-any.whl\",\n \"imports\": [\"bs4\"],\n \"install_dir\": \"site\",\n \"name\": \"beautifulsoup4\",\n \"package_type\": \"package\",\n \"sha256\": \"756d1f28c28b37e5db4c611c8f3231e16cb511b083de8816ba2343cf27b81d1c\",\n \"unvendored_tests\": true,\n \"version\": \"4.12.3\"\n },\n \"beautifulsoup4-tests\": {\n \"depends\": [\"beautifulsoup4\"],\n \"file_name\": \"beautifulsoup4-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"beautifulsoup4-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"042cba82c4156b55cbcfcdb281ca2557e4532dad31fecbca037945eaf68a928a\",\n \"unvendored_tests\": false,\n \"version\": \"4.12.3\"\n },\n \"biopython\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"biopython-1.84-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"Bio\", \"BioSQL\"],\n \"install_dir\": \"site\",\n \"name\": \"biopython\",\n \"package_type\": \"package\",\n \"sha256\": \"ebe69644476b90deccc189f00810b96d651a2733ddd64931913040d263b33b7b\",\n \"unvendored_tests\": false,\n \"version\": \"1.84\"\n },\n \"bitarray\": {\n \"depends\": [],\n \"file_name\": \"bitarray-2.9.2-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"bitarray\"],\n \"install_dir\": \"site\",\n \"name\": \"bitarray\",\n \"package_type\": \"package\",\n \"sha256\": \"890590bb911972a11685846ee4d60b083f0b803f7e2d36609a41cec2906b2904\",\n \"unvendored_tests\": true,\n \"version\": \"2.9.2\"\n },\n \"bitarray-tests\": {\n \"depends\": [\"bitarray\"],\n \"file_name\": \"bitarray-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"bitarray-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"121659fad7b88bfd884dcb5e585e9e5ce5889229718a567ae60583766f99e1d9\",\n \"unvendored_tests\": false,\n \"version\": \"2.9.2\"\n },\n \"bitstring\": {\n \"depends\": [\"bitarray\"],\n \"file_name\": \"bitstring-4.1.4-py3-none-any.whl\",\n \"imports\": [\"bitstring\"],\n \"install_dir\": \"site\",\n \"name\": \"bitstring\",\n \"package_type\": \"package\",\n \"sha256\": \"8d43c4cfe97e024476d18a440f4aeefb5c2317fe05671666426e0f702fd5f823\",\n \"unvendored_tests\": false,\n \"version\": \"4.1.4\"\n },\n \"bleach\": {\n \"depends\": [\"webencodings\", \"packaging\", \"six\"],\n \"file_name\": \"bleach-6.1.0-py3-none-any.whl\",\n \"imports\": [\"bleach\"],\n \"install_dir\": \"site\",\n \"name\": \"bleach\",\n \"package_type\": \"package\",\n \"sha256\": \"152bcd3e8b3c66f55d359ed8d75285be1a90885038f534db3a90bbcb4bbda3d6\",\n \"unvendored_tests\": false,\n \"version\": \"6.1.0\"\n },\n \"bokeh\": {\n \"depends\": [\n \"contourpy\",\n \"numpy\",\n \"jinja2\",\n \"pandas\",\n \"pillow\",\n \"python-dateutil\",\n \"six\",\n \"typing-extensions\",\n \"pyyaml\",\n \"xyzservices\"\n ],\n \"file_name\": \"bokeh-3.6.0-py3-none-any.whl\",\n \"imports\": [\"bokeh\"],\n \"install_dir\": \"site\",\n \"name\": \"bokeh\",\n \"package_type\": \"package\",\n \"sha256\": \"dc0a1552460d811eb2c693bf8b7fcb8f3ff688cd43ebd7e891058f2babefcea5\",\n \"unvendored_tests\": false,\n \"version\": \"3.6.0\"\n },\n \"boost-histogram\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"boost_histogram-1.5.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"boost_histogram\"],\n \"install_dir\": \"site\",\n \"name\": \"boost-histogram\",\n \"package_type\": \"package\",\n \"sha256\": \"21292559f03dc4dd5d1d3aa1b858ef513acb9177006db9c9e85d91bb11cc930a\",\n \"unvendored_tests\": false,\n \"version\": \"1.5.0\"\n },\n \"brotli\": {\n \"depends\": [],\n \"file_name\": \"Brotli-1.1.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"brotli\"],\n \"install_dir\": \"site\",\n \"name\": \"brotli\",\n \"package_type\": \"package\",\n \"sha256\": \"be94d49e8deb69e77881cc31c9c34d4200a5948e701e3b9c667daf1922f92d3c\",\n \"unvendored_tests\": false,\n \"version\": \"1.1.0\"\n },\n \"buffer-test\": {\n \"depends\": [],\n \"file_name\": \"buffer_test-0.1.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"buffer_test\"],\n \"install_dir\": \"site\",\n \"name\": \"buffer-test\",\n \"package_type\": \"package\",\n \"sha256\": \"05bf589edda8e407e0e35cd76cffd322573906a7b13b40e50f93468a4ad4675f\",\n \"unvendored_tests\": false,\n \"version\": \"0.1.1\"\n },\n \"cachetools\": {\n \"depends\": [],\n \"file_name\": \"cachetools-5.3.3-py3-none-any.whl\",\n \"imports\": [\"cachetools\"],\n \"install_dir\": \"site\",\n \"name\": \"cachetools\",\n \"package_type\": \"package\",\n \"sha256\": \"7ddeccd149789a3ca355079e547c4d4e99a5cd2c1b74653914758507b6add9fc\",\n \"unvendored_tests\": false,\n \"version\": \"5.3.3\"\n },\n \"cartopy\": {\n \"depends\": [\"shapely\", \"pyshp\", \"pyproj\", \"geos\", \"matplotlib\", \"scipy\"],\n \"file_name\": \"Cartopy-0.24.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"cartopy\"],\n \"install_dir\": \"site\",\n \"name\": \"Cartopy\",\n \"package_type\": \"package\",\n \"sha256\": \"6a4d2dd87d95fb42412b30a444bc31e1c0817cf676ad2243e9bb80f2475b8a29\",\n \"unvendored_tests\": true,\n \"version\": \"0.24.1\"\n },\n \"cartopy-tests\": {\n \"depends\": [\"cartopy\"],\n \"file_name\": \"Cartopy-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"Cartopy-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"5512016766a582f520d0b8606f973101fb9364b0557311775a5cb4016b962918\",\n \"unvendored_tests\": false,\n \"version\": \"0.24.1\"\n },\n \"casadi\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"casadi-3.6.7-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"casadi\"],\n \"install_dir\": \"site\",\n \"name\": \"casadi\",\n \"package_type\": \"package\",\n \"sha256\": \"da8b8c643769893a56de55c3735b0bfa123089532755df26645d80287716ae21\",\n \"unvendored_tests\": false,\n \"version\": \"3.6.7\"\n },\n \"cbor-diag\": {\n \"depends\": [],\n \"file_name\": \"cbor_diag-1.0.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"cbor_diag\"],\n \"install_dir\": \"site\",\n \"name\": \"cbor-diag\",\n \"package_type\": \"package\",\n \"sha256\": \"a441a5e0236027af2e69ec4753c63a4aaf13e42c845d823d181e40917ac50b0a\",\n \"unvendored_tests\": false,\n \"version\": \"1.0.1\"\n },\n \"certifi\": {\n \"depends\": [],\n \"file_name\": \"certifi-2024.12.14-py3-none-any.whl\",\n \"imports\": [\"certifi\"],\n \"install_dir\": \"site\",\n \"name\": \"certifi\",\n \"package_type\": \"package\",\n \"sha256\": \"b0fe59943d1d650161259833b9a7ecafba38ce7f99ab41b2473249304f4b215b\",\n \"unvendored_tests\": false,\n \"version\": \"2024.12.14\"\n },\n \"cffi\": {\n \"depends\": [\"pycparser\"],\n \"file_name\": \"cffi-1.17.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"cffi\"],\n \"install_dir\": \"site\",\n \"name\": \"cffi\",\n \"package_type\": \"package\",\n \"sha256\": \"216060a8ba3afa1deb8be9175d75ea1c03f1a60145d1e91095a8b911fd1f10ab\",\n \"unvendored_tests\": false,\n \"version\": \"1.17.1\"\n },\n \"cffi-example\": {\n \"depends\": [\"cffi\"],\n \"file_name\": \"cffi_example-0.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"cffi_example\"],\n \"install_dir\": \"site\",\n \"name\": \"cffi_example\",\n \"package_type\": \"package\",\n \"sha256\": \"94fd0b48768aa1b180c2eece308de2401ba4aa7c77182394a2e269bb15a26d8b\",\n \"unvendored_tests\": false,\n \"version\": \"0.1\"\n },\n \"cftime\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"cftime-1.6.4.post1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"cftime\"],\n \"install_dir\": \"site\",\n \"name\": \"cftime\",\n \"package_type\": \"package\",\n \"sha256\": \"2a53284c738cc5ad8caaad8ed9f18ca3cc0ae1e6547fed7bf42ab403cf5f36df\",\n \"unvendored_tests\": false,\n \"version\": \"1.6.4.post1\"\n },\n \"charset-normalizer\": {\n \"depends\": [],\n \"file_name\": \"charset_normalizer-3.3.2-py3-none-any.whl\",\n \"imports\": [\"charset_normalizer\"],\n \"install_dir\": \"site\",\n \"name\": \"charset-normalizer\",\n \"package_type\": \"package\",\n \"sha256\": \"8acf154714f67b1deb8dae69e825d9fd65e1d55e090cb54cad2df6671eb73b23\",\n \"unvendored_tests\": false,\n \"version\": \"3.3.2\"\n },\n \"clarabel\": {\n \"depends\": [\"numpy\", \"scipy\"],\n \"file_name\": \"clarabel-0.9.0-cp37-abi3-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"clarabel\"],\n \"install_dir\": \"site\",\n \"name\": \"clarabel\",\n \"package_type\": \"package\",\n \"sha256\": \"2321a26bb99e54c229ff74ba611c8b4a502507eae83d2bf389e5ef96d0816c4c\",\n \"unvendored_tests\": false,\n \"version\": \"0.9.0\"\n },\n \"click\": {\n \"depends\": [],\n \"file_name\": \"click-8.1.7-py3-none-any.whl\",\n \"imports\": [\"click\"],\n \"install_dir\": \"site\",\n \"name\": \"click\",\n \"package_type\": \"package\",\n \"sha256\": \"c2b9604d1a4f4aa2d4bc1f3a23b9e86b125256705a8d067981df75f118112626\",\n \"unvendored_tests\": false,\n \"version\": \"8.1.7\"\n },\n \"cligj\": {\n \"depends\": [\"click\"],\n \"file_name\": \"cligj-0.7.2-py3-none-any.whl\",\n \"imports\": [\"cligj\"],\n \"install_dir\": \"site\",\n \"name\": \"cligj\",\n \"package_type\": \"package\",\n \"sha256\": \"23cabb7a6017e89151b02fc81601989abad08af91581dff99efeabae4c46fdd8\",\n \"unvendored_tests\": false,\n \"version\": \"0.7.2\"\n },\n \"clingo\": {\n \"depends\": [\"cffi\"],\n \"file_name\": \"clingo-5.7.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"clingo\"],\n \"install_dir\": \"site\",\n \"name\": \"clingo\",\n \"package_type\": \"package\",\n \"sha256\": \"dd3a149f5d816246ca99ed94ad3ee7b00886d93924bf1e817e34b0383012cbec\",\n \"unvendored_tests\": false,\n \"version\": \"5.7.1\"\n },\n \"cloudpickle\": {\n \"depends\": [],\n \"file_name\": \"cloudpickle-3.0.0-py3-none-any.whl\",\n \"imports\": [\"cloudpickle\"],\n \"install_dir\": \"site\",\n \"name\": \"cloudpickle\",\n \"package_type\": \"package\",\n \"sha256\": \"9b7839b924570fcc02f918f94bc95b4197169b89756c73dd82b5b8eb61667178\",\n \"unvendored_tests\": false,\n \"version\": \"3.0.0\"\n },\n \"cmyt\": {\n \"depends\": [\"colorspacious\", \"matplotlib\", \"more-itertools\", \"numpy\"],\n \"file_name\": \"cmyt-2.0.0-py3-none-any.whl\",\n \"imports\": [\"cmyt\"],\n \"install_dir\": \"site\",\n \"name\": \"cmyt\",\n \"package_type\": \"package\",\n \"sha256\": \"f6563bb0942f138e4a218b9f2fbba367a537b7cd0115f9e93a282525dafbf5fa\",\n \"unvendored_tests\": true,\n \"version\": \"2.0.0\"\n },\n \"cmyt-tests\": {\n \"depends\": [\"cmyt\"],\n \"file_name\": \"cmyt-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"cmyt-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"184c76099c03adff9e4c2c8486481274594fba658f073176640f96d42be8a131\",\n \"unvendored_tests\": false,\n \"version\": \"2.0.0\"\n },\n \"colorspacious\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"colorspacious-1.1.2-py2.py3-none-any.whl\",\n \"imports\": [\"colorspacious\"],\n \"install_dir\": \"site\",\n \"name\": \"colorspacious\",\n \"package_type\": \"package\",\n \"sha256\": \"4f6ea6bc9aaf8cfa31370d56da25af0e37a972b563a05ac8a72ed530d6579d3f\",\n \"unvendored_tests\": false,\n \"version\": \"1.1.2\"\n },\n \"contourpy\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"contourpy-1.3.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"contourpy\"],\n \"install_dir\": \"site\",\n \"name\": \"contourpy\",\n \"package_type\": \"package\",\n \"sha256\": \"76262950782afcb1888a8379ebf657d44f2d761051a610dc11d435903508bc44\",\n \"unvendored_tests\": false,\n \"version\": \"1.3.0\"\n },\n \"coolprop\": {\n \"depends\": [\"numpy\", \"matplotlib\"],\n \"file_name\": \"CoolProp-6.6.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"CoolProp\"],\n \"install_dir\": \"site\",\n \"name\": \"coolprop\",\n \"package_type\": \"package\",\n \"sha256\": \"8c1a069ca09d5320e4db3d754988a9694da601403ccba0b62dbc36a7cfb7dc2d\",\n \"unvendored_tests\": true,\n \"version\": \"6.6.0\"\n },\n \"coolprop-tests\": {\n \"depends\": [\"coolprop\"],\n \"file_name\": \"coolprop-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"coolprop-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"9424d6af3a61671ee799fc0aede136b0f0049c2102797953196e61f7c30649ce\",\n \"unvendored_tests\": false,\n \"version\": \"6.6.0\"\n },\n \"coverage\": {\n \"depends\": [\"sqlite3\"],\n \"file_name\": \"coverage-7.4.4-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"coverage\"],\n \"install_dir\": \"site\",\n \"name\": \"coverage\",\n \"package_type\": \"package\",\n \"sha256\": \"7a85aa0a9ec905ed5e80b7fcd32e60c0e9ea46cb21954a68f286fa649e6a8a44\",\n \"unvendored_tests\": false,\n \"version\": \"7.4.4\"\n },\n \"cpp-exceptions-test\": {\n \"depends\": [],\n \"file_name\": \"cpp-exceptions-test-0.1.zip\",\n \"imports\": [],\n \"install_dir\": \"dynlib\",\n \"name\": \"cpp-exceptions-test\",\n \"package_type\": \"shared_library\",\n \"sha256\": \"f8a3a2ae760488a58d1b7c39472ea2cc055e5263fe696e15f108804355b2a054\",\n \"unvendored_tests\": false,\n \"version\": \"0.1\"\n },\n \"cpp-exceptions-test2\": {\n \"depends\": [],\n \"file_name\": \"cpp_exceptions_test2-1.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"cpp-exceptions-test2\"],\n \"install_dir\": \"site\",\n \"name\": \"cpp-exceptions-test2\",\n \"package_type\": \"package\",\n \"sha256\": \"8cc8c48e7131a8e6c81aea87e7de628898310241a4fc555f70cb44768838697d\",\n \"unvendored_tests\": false,\n \"version\": \"1.0\"\n },\n \"cramjam\": {\n \"depends\": [],\n \"file_name\": \"cramjam-2.8.3-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"cramjam\"],\n \"install_dir\": \"site\",\n \"name\": \"cramjam\",\n \"package_type\": \"package\",\n \"sha256\": \"73216c235a829b0e7146544cfdfc0d105739268d9d5facab464ecba2da302a5f\",\n \"unvendored_tests\": false,\n \"version\": \"2.8.3\"\n },\n \"crc32c\": {\n \"depends\": [],\n \"file_name\": \"crc32c-2.7.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"crc32c\"],\n \"install_dir\": \"site\",\n \"name\": \"crc32c\",\n \"package_type\": \"package\",\n \"sha256\": \"6d01abf50e692a3f7c0318862d2a23fce272c79e8e1b0c15aa232ffe8df51f1e\",\n \"unvendored_tests\": false,\n \"version\": \"2.7.1\"\n },\n \"cryptography\": {\n \"depends\": [\"openssl\", \"six\", \"cffi\"],\n \"file_name\": \"cryptography-42.0.5-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"cryptography\"],\n \"install_dir\": \"site\",\n \"name\": \"cryptography\",\n \"package_type\": \"package\",\n \"sha256\": \"33089d150f53f9a1b8a962f33381a5f6aa0b6169743409cd0e895a5ee594f1f5\",\n \"unvendored_tests\": false,\n \"version\": \"42.0.5\"\n },\n \"css-inline\": {\n \"depends\": [],\n \"file_name\": \"css_inline-0.14.6-cp37-abi3-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"css_inline\"],\n \"install_dir\": \"site\",\n \"name\": \"css-inline\",\n \"package_type\": \"package\",\n \"sha256\": \"8165669ad2e752d684753aaefc38983ebf1b7a21b711ad9e4e0e44c8c6617327\",\n \"unvendored_tests\": false,\n \"version\": \"0.14.6\"\n },\n \"cssselect\": {\n \"depends\": [],\n \"file_name\": \"cssselect-1.2.0-py2.py3-none-any.whl\",\n \"imports\": [\"cssselect\"],\n \"install_dir\": \"site\",\n \"name\": \"cssselect\",\n \"package_type\": \"package\",\n \"sha256\": \"dd8e3574b1918238f98e1cc484efecbb8638736bab56c690a51f84fef77d3f34\",\n \"unvendored_tests\": false,\n \"version\": \"1.2.0\"\n },\n \"cvxpy-base\": {\n \"depends\": [\"numpy\", \"scipy\", \"clarabel\"],\n \"file_name\": \"cvxpy_base-1.5.1-py3-none-any.whl\",\n \"imports\": [\"cvxpy\"],\n \"install_dir\": \"site\",\n \"name\": \"cvxpy-base\",\n \"package_type\": \"package\",\n \"sha256\": \"5fccbfc6e628c163da2da88e6cfa666090da6174706edc59be54db3b7dba7b99\",\n \"unvendored_tests\": true,\n \"version\": \"1.5.1\"\n },\n \"cvxpy-base-tests\": {\n \"depends\": [\"cvxpy-base\"],\n \"file_name\": \"cvxpy-base-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"cvxpy-base-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"f8612395cf47114bfc2ff77de26e62911aa3f773720b63a8c740d4478028beaf\",\n \"unvendored_tests\": false,\n \"version\": \"1.5.1\"\n },\n \"cycler\": {\n \"depends\": [\"six\"],\n \"file_name\": \"cycler-0.12.1-py3-none-any.whl\",\n \"imports\": [\"cycler\"],\n \"install_dir\": \"site\",\n \"name\": \"cycler\",\n \"package_type\": \"package\",\n \"sha256\": \"58e815bd25f79b23d8eacd824207b3f23da1a624f190ab3796ea13c41880ab73\",\n \"unvendored_tests\": false,\n \"version\": \"0.12.1\"\n },\n \"cysignals\": {\n \"depends\": [],\n \"file_name\": \"cysignals-1.12.2-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"cysignals\"],\n \"install_dir\": \"site\",\n \"name\": \"cysignals\",\n \"package_type\": \"package\",\n \"sha256\": \"61dc1faffc1937637efd8c7e938ae054f3a94c77d972ec166b1f0431a9171796\",\n \"unvendored_tests\": false,\n \"version\": \"1.12.2\"\n },\n \"cytoolz\": {\n \"depends\": [\"toolz\"],\n \"file_name\": \"cytoolz-0.12.3-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"cytoolz\"],\n \"install_dir\": \"site\",\n \"name\": \"cytoolz\",\n \"package_type\": \"package\",\n \"sha256\": \"6af79d9cd6f6880c1f73f256d528e2704e00c5ab94b885b38ea6312929ab0848\",\n \"unvendored_tests\": true,\n \"version\": \"0.12.3\"\n },\n \"cytoolz-tests\": {\n \"depends\": [\"cytoolz\"],\n \"file_name\": \"cytoolz-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"cytoolz-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"17046869dfbd3becf2c8114c31b84087deabba5b53b0518e06daebf224b235b1\",\n \"unvendored_tests\": false,\n \"version\": \"0.12.3\"\n },\n \"decorator\": {\n \"depends\": [],\n \"file_name\": \"decorator-5.1.1-py3-none-any.whl\",\n \"imports\": [\"decorator\"],\n \"install_dir\": \"site\",\n \"name\": \"decorator\",\n \"package_type\": \"package\",\n \"sha256\": \"c68b74ca68cc0c533fa1c254a02f4857fcbde1ceb0e332bcf42bb63db6dc0fc5\",\n \"unvendored_tests\": false,\n \"version\": \"5.1.1\"\n },\n \"demes\": {\n \"depends\": [\"attrs\", \"ruamel.yaml\"],\n \"file_name\": \"demes-0.2.3-py3-none-any.whl\",\n \"imports\": [\"demes\"],\n \"install_dir\": \"site\",\n \"name\": \"demes\",\n \"package_type\": \"package\",\n \"sha256\": \"2f542c978ddbadaf6a0466a880b02c0ae4530b152062a1bce35dcb046b1efe42\",\n \"unvendored_tests\": false,\n \"version\": \"0.2.3\"\n },\n \"deprecation\": {\n \"depends\": [\"packaging\"],\n \"file_name\": \"deprecation-2.1.0-py2.py3-none-any.whl\",\n \"imports\": [\"deprecation\"],\n \"install_dir\": \"site\",\n \"name\": \"deprecation\",\n \"package_type\": \"package\",\n \"sha256\": \"3cd88ec0010dbeb29b52258d6d8dcfe1bb5fd7945be7f4a33ad4085e4537000f\",\n \"unvendored_tests\": false,\n \"version\": \"2.1.0\"\n },\n \"distlib\": {\n \"depends\": [],\n \"file_name\": \"distlib-0.3.8-py2.py3-none-any.whl\",\n \"imports\": [\"distlib\"],\n \"install_dir\": \"site\",\n \"name\": \"distlib\",\n \"package_type\": \"package\",\n \"sha256\": \"07c8b4ce9d3a7200e71a2850ef069b6a0a7bd3a492e2468cb731b848dab628bb\",\n \"unvendored_tests\": false,\n \"version\": \"0.3.8\"\n },\n \"docutils\": {\n \"depends\": [],\n \"file_name\": \"docutils-0.21.1-py3-none-any.whl\",\n \"imports\": [\"docutils\"],\n \"install_dir\": \"site\",\n \"name\": \"docutils\",\n \"package_type\": \"package\",\n \"sha256\": \"88ff5931f499256e99533d6eaf746de987c108bd2e25a65d7620bd51027aef33\",\n \"unvendored_tests\": false,\n \"version\": \"0.21.1\"\n },\n \"duckdb\": {\n \"depends\": [],\n \"file_name\": \"duckdb-1.1.2-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"duckdb\"],\n \"install_dir\": \"site\",\n \"name\": \"duckdb\",\n \"package_type\": \"package\",\n \"sha256\": \"ed6d0c122bcd3fce6778f3786895e4e22f823276da31ecc7cf8274039585af05\",\n \"unvendored_tests\": false,\n \"version\": \"1.1.2\"\n },\n \"ewah-bool-utils\": {\n \"depends\": [],\n \"file_name\": \"ewah_bool_utils-1.2.2-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"ewah_bool_utils\"],\n \"install_dir\": \"site\",\n \"name\": \"ewah_bool_utils\",\n \"package_type\": \"package\",\n \"sha256\": \"b8f35bbf6594c197351a7a7dbc3a06d3cfb175d76bbf09ae37b17d86375d8eaa\",\n \"unvendored_tests\": true,\n \"version\": \"1.2.2\"\n },\n \"ewah-bool-utils-tests\": {\n \"depends\": [\"ewah_bool_utils\"],\n \"file_name\": \"ewah_bool_utils-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"ewah_bool_utils-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"9e03f7d6b4527266fa6cec3122665a4dca13c884d37ae9a62426fc8bf8d7a609\",\n \"unvendored_tests\": false,\n \"version\": \"1.2.2\"\n },\n \"exceptiongroup\": {\n \"depends\": [],\n \"file_name\": \"exceptiongroup-1.2.1-py3-none-any.whl\",\n \"imports\": [\"exceptiongroup\"],\n \"install_dir\": \"site\",\n \"name\": \"exceptiongroup\",\n \"package_type\": \"package\",\n \"sha256\": \"bb57553202b5fee77296b3578edb9a9587ae17460f03cce50e6145deeb38ee3e\",\n \"unvendored_tests\": false,\n \"version\": \"1.2.1\"\n },\n \"executing\": {\n \"depends\": [],\n \"file_name\": \"executing-2.0.1-py2.py3-none-any.whl\",\n \"imports\": [\"executing\"],\n \"install_dir\": \"site\",\n \"name\": \"executing\",\n \"package_type\": \"package\",\n \"sha256\": \"1acd3cb0a8559c26c7ca333d25f50930feed74367b15771807e018e4b6c98507\",\n \"unvendored_tests\": false,\n \"version\": \"2.0.1\"\n },\n \"fastparquet\": {\n \"depends\": [\"cramjam\", \"numpy\", \"pandas\", \"fsspec\", \"packaging\"],\n \"file_name\": \"fastparquet-2024.5.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"fastparquet\"],\n \"install_dir\": \"site\",\n \"name\": \"fastparquet\",\n \"package_type\": \"package\",\n \"sha256\": \"bb7bf805331c83e3e5453e0b4e409544e97d88acd687a4c146112bbaf31d0081\",\n \"unvendored_tests\": false,\n \"version\": \"2024.5.0\"\n },\n \"fiona\": {\n \"depends\": [\"attrs\", \"certifi\", \"setuptools\", \"six\", \"click\", \"cligj\"],\n \"file_name\": \"fiona-1.9.5-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"fiona\"],\n \"install_dir\": \"site\",\n \"name\": \"fiona\",\n \"package_type\": \"package\",\n \"sha256\": \"483d6aaab1b5e25fa08b84015fc171f0245a5ca058f646e9c89e621c0cf9d375\",\n \"unvendored_tests\": true,\n \"version\": \"1.9.5\"\n },\n \"fiona-tests\": {\n \"depends\": [\"fiona\"],\n \"file_name\": \"fiona-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"fiona-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"66bbc1421329395e4c4053764d3721f93106d2f1953582f45d17df0cd511a78d\",\n \"unvendored_tests\": false,\n \"version\": \"1.9.5\"\n },\n \"fonttools\": {\n \"depends\": [],\n \"file_name\": \"fonttools-4.51.0-py3-none-any.whl\",\n \"imports\": [\"fontTools\"],\n \"install_dir\": \"site\",\n \"name\": \"fonttools\",\n \"package_type\": \"package\",\n \"sha256\": \"1ca523c75a5926a5527612c7a2303cee671af8f27e04a82eafce0dfc8cdb8e03\",\n \"unvendored_tests\": false,\n \"version\": \"4.51.0\"\n },\n \"fpcast-test\": {\n \"depends\": [],\n \"file_name\": \"fpcast_test-0.1.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"fpcast_test\"],\n \"install_dir\": \"site\",\n \"name\": \"fpcast-test\",\n \"package_type\": \"package\",\n \"sha256\": \"f85fbbf6f2f69946fda6dd59e7433f01d128a35da33d0435e6f220cb5516e5c3\",\n \"unvendored_tests\": false,\n \"version\": \"0.1.1\"\n },\n \"freesasa\": {\n \"depends\": [],\n \"file_name\": \"freesasa-2.2.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"freesasa\"],\n \"install_dir\": \"site\",\n \"name\": \"freesasa\",\n \"package_type\": \"package\",\n \"sha256\": \"ad0d21286e6b8a5d318b614f1d48d8796d38d035f3d0175b9e05cfc1d1979791\",\n \"unvendored_tests\": false,\n \"version\": \"2.2.1\"\n },\n \"frozenlist\": {\n \"depends\": [],\n \"file_name\": \"frozenlist-1.4.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"frozenlist\"],\n \"install_dir\": \"site\",\n \"name\": \"frozenlist\",\n \"package_type\": \"package\",\n \"sha256\": \"b4be6f3f2280322295663cfaa7c4bbdb9c9eb48e00efe3677386bcaaad066af1\",\n \"unvendored_tests\": false,\n \"version\": \"1.4.1\"\n },\n \"fsspec\": {\n \"depends\": [],\n \"file_name\": \"fsspec-2024.3.1-py3-none-any.whl\",\n \"imports\": [\"fsspec\"],\n \"install_dir\": \"site\",\n \"name\": \"fsspec\",\n \"package_type\": \"package\",\n \"sha256\": \"ba9d42bdecf772af2e01f416c471a8dc60dfb28e726cc414ffcd944291819e02\",\n \"unvendored_tests\": true,\n \"version\": \"2024.3.1\"\n },\n \"fsspec-tests\": {\n \"depends\": [\"fsspec\"],\n \"file_name\": \"fsspec-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"fsspec-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"4171ee772a8235aa21e79cf6a6f657b96c94a1cf0a5ff967f924cfcd6261a845\",\n \"unvendored_tests\": false,\n \"version\": \"2024.3.1\"\n },\n \"future\": {\n \"depends\": [],\n \"file_name\": \"future-1.0.0-py3-none-any.whl\",\n \"imports\": [\"future\"],\n \"install_dir\": \"site\",\n \"name\": \"future\",\n \"package_type\": \"package\",\n \"sha256\": \"6c8b0a269573529600423c9c31773d39750bec142fde487522e17541efbef054\",\n \"unvendored_tests\": true,\n \"version\": \"1.0.0\"\n },\n \"future-tests\": {\n \"depends\": [\"future\"],\n \"file_name\": \"future-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"future-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"d5e3fdf179d19a15a34ca58f9009bcf4c1affabb3513c832218d06929e522b0a\",\n \"unvendored_tests\": false,\n \"version\": \"1.0.0\"\n },\n \"galpy\": {\n \"depends\": [\n \"numpy\",\n \"scipy\",\n \"matplotlib\",\n \"astropy\",\n \"future\",\n \"setuptools\"\n ],\n \"file_name\": \"galpy-1.10.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"galpy\"],\n \"install_dir\": \"site\",\n \"name\": \"galpy\",\n \"package_type\": \"package\",\n \"sha256\": \"87e4846e0541de0496f75306dfbf09793d1fa78e5c66dcfd3583a95d64955360\",\n \"unvendored_tests\": false,\n \"version\": \"1.10.1\"\n },\n \"gdal\": {\n \"depends\": [\"geos\"],\n \"file_name\": \"gdal-3.8.3.zip\",\n \"imports\": [],\n \"install_dir\": \"dynlib\",\n \"name\": \"gdal\",\n \"package_type\": \"shared_library\",\n \"sha256\": \"0f60e3622732fe52face32551dcb07f78fa5f5545845c070348e3b7a30894ce3\",\n \"unvendored_tests\": false,\n \"version\": \"3.8.3\"\n },\n \"gensim\": {\n \"depends\": [\"numpy\", \"scipy\", \"six\", \"smart-open\", \"wrapt\"],\n \"file_name\": \"gensim-4.3.3-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"gensim\"],\n \"install_dir\": \"site\",\n \"name\": \"gensim\",\n \"package_type\": \"package\",\n \"sha256\": \"6527a685053691942ac2f756e342b46c6c1f3a314c7e9835c59e4e684e0ba033\",\n \"unvendored_tests\": true,\n \"version\": \"4.3.3\"\n },\n \"gensim-tests\": {\n \"depends\": [\"gensim\"],\n \"file_name\": \"gensim-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"gensim-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"ad81fec029788dde8181ea2629022887d88639e9e477c536fe410ce30919bf47\",\n \"unvendored_tests\": false,\n \"version\": \"4.3.3\"\n },\n \"geopandas\": {\n \"depends\": [\"shapely\", \"fiona\", \"pyproj\", \"packaging\", \"pandas\"],\n \"file_name\": \"geopandas-1.0.1-py3-none-any.whl\",\n \"imports\": [\"geopandas\"],\n \"install_dir\": \"site\",\n \"name\": \"geopandas\",\n \"package_type\": \"package\",\n \"sha256\": \"5070b10daf8bc871a3115240545d2ccdf6542f060c5c1e3cc06777306c60caf8\",\n \"unvendored_tests\": true,\n \"version\": \"1.0.1\"\n },\n \"geopandas-tests\": {\n \"depends\": [\"geopandas\"],\n \"file_name\": \"geopandas-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"geopandas-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"9cfe2d522725bc68fdb3c0ff35336c7af7b56f504d7cf6ff4ae130842df878c0\",\n \"unvendored_tests\": false,\n \"version\": \"1.0.1\"\n },\n \"geos\": {\n \"depends\": [],\n \"file_name\": \"geos-3.12.1.zip\",\n \"imports\": [],\n \"install_dir\": \"dynlib\",\n \"name\": \"geos\",\n \"package_type\": \"shared_library\",\n \"sha256\": \"8d5603389e9a988e77739cf15b7a932713587426ebfab14e414422dc5d577f28\",\n \"unvendored_tests\": false,\n \"version\": \"3.12.1\"\n },\n \"gmpy2\": {\n \"depends\": [],\n \"file_name\": \"gmpy2-2.1.5-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"gmpy2\"],\n \"install_dir\": \"site\",\n \"name\": \"gmpy2\",\n \"package_type\": \"package\",\n \"sha256\": \"065f6d2c701e5d37f19ab35323d8e5989f8d89beee026d9f9fb2e3c684bbf297\",\n \"unvendored_tests\": false,\n \"version\": \"2.1.5\"\n },\n \"gsw\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"gsw-3.6.19-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"gsw\"],\n \"install_dir\": \"site\",\n \"name\": \"gsw\",\n \"package_type\": \"package\",\n \"sha256\": \"08c96c9ca360da19498da2003389c2a4d059dfd501ff104f54a72f5b77a7c271\",\n \"unvendored_tests\": true,\n \"version\": \"3.6.19\"\n },\n \"gsw-tests\": {\n \"depends\": [\"gsw\"],\n \"file_name\": \"gsw-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"gsw-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"83f1adae6b11219fd10621c4daee27679f9cffaa11ee7c8fec47a463a02c832d\",\n \"unvendored_tests\": false,\n \"version\": \"3.6.19\"\n },\n \"h5py\": {\n \"depends\": [\"numpy\", \"pkgconfig\"],\n \"file_name\": \"h5py-3.12.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"h5py\"],\n \"install_dir\": \"site\",\n \"name\": \"h5py\",\n \"package_type\": \"package\",\n \"sha256\": \"6564701c3a86d489c9cca00431f8afd12adbc6c1b3d605f9d325e962f1034e97\",\n \"unvendored_tests\": true,\n \"version\": \"3.12.1\"\n },\n \"h5py-tests\": {\n \"depends\": [\"h5py\"],\n \"file_name\": \"h5py-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"h5py-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"737f040abb67dbe91f4873420858a73db91a91086d67090e74a93d1f0c82ae18\",\n \"unvendored_tests\": false,\n \"version\": \"3.12.1\"\n },\n \"hashlib\": {\n \"depends\": [\"openssl\"],\n \"file_name\": \"hashlib-1.0.0-py2.py3-none-any.whl\",\n \"imports\": [\"_hashlib\"],\n \"install_dir\": \"site\",\n \"name\": \"hashlib\",\n \"package_type\": \"cpython_module\",\n \"sha256\": \"56bd2b2a0cd81066a70446d4244fb8070d71523b8b686493b7d12be0ba6225ff\",\n \"unvendored_tests\": false,\n \"version\": \"1.0.0\"\n },\n \"html5lib\": {\n \"depends\": [\"webencodings\", \"six\"],\n \"file_name\": \"html5lib-1.1-py2.py3-none-any.whl\",\n \"imports\": [\"html5lib\"],\n \"install_dir\": \"site\",\n \"name\": \"html5lib\",\n \"package_type\": \"package\",\n \"sha256\": \"d64aa803514282af904f2f0e402d8f836859bde7329502ded9afff938c238a49\",\n \"unvendored_tests\": false,\n \"version\": \"1.1\"\n },\n \"httpx\": {\n \"depends\": [],\n \"file_name\": \"httpx-0.28.1-py3-none-any.whl\",\n \"imports\": [\"httpx\"],\n \"install_dir\": \"site\",\n \"name\": \"httpx\",\n \"package_type\": \"package\",\n \"sha256\": \"0b3a5f31b3fd1638dc6c35cc9bb79e29e8a7bfdeedfdf4520a72b9a0247ca56d\",\n \"unvendored_tests\": false,\n \"version\": \"0.28.1\"\n },\n \"idna\": {\n \"depends\": [],\n \"file_name\": \"idna-3.7-py3-none-any.whl\",\n \"imports\": [\"idna\"],\n \"install_dir\": \"site\",\n \"name\": \"idna\",\n \"package_type\": \"package\",\n \"sha256\": \"a4e8a581607ddf344012a9ab04c7e110a220e3cbf9453eed8b0d1d946f5fd3a1\",\n \"unvendored_tests\": false,\n \"version\": \"3.7\"\n },\n \"igraph\": {\n \"depends\": [\"texttable\"],\n \"file_name\": \"igraph-0.11.4-cp39-abi3-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"igraph\"],\n \"install_dir\": \"site\",\n \"name\": \"igraph\",\n \"package_type\": \"package\",\n \"sha256\": \"5c8520d43a3379734f93525e8ac0a8093754489d0a5f222638feb1f676a71415\",\n \"unvendored_tests\": false,\n \"version\": \"0.11.4\"\n },\n \"imageio\": {\n \"depends\": [\"numpy\", \"pillow\"],\n \"file_name\": \"imageio-2.36.0-py3-none-any.whl\",\n \"imports\": [\"imageio\"],\n \"install_dir\": \"site\",\n \"name\": \"imageio\",\n \"package_type\": \"package\",\n \"sha256\": \"ebe09cbf06b1fa33f101e736cb739f104d2dab2922a60bc8926eb12007188fa3\",\n \"unvendored_tests\": false,\n \"version\": \"2.36.0\"\n },\n \"iminuit\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"iminuit-2.30.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"iminuit\"],\n \"install_dir\": \"site\",\n \"name\": \"iminuit\",\n \"package_type\": \"package\",\n \"sha256\": \"3e5593eafa4e8a4ae2271d1194a9b7e1a38e021a901f21881757b9e55b2ceeb9\",\n \"unvendored_tests\": false,\n \"version\": \"2.30.1\"\n },\n \"iniconfig\": {\n \"depends\": [],\n \"file_name\": \"iniconfig-2.0.0-py3-none-any.whl\",\n \"imports\": [\"iniconfig\"],\n \"install_dir\": \"site\",\n \"name\": \"iniconfig\",\n \"package_type\": \"package\",\n \"sha256\": \"40a30f804117cca70c5af3a2c9b92cc273a8b8d092224f1f99f170cca406e4d0\",\n \"unvendored_tests\": false,\n \"version\": \"2.0.0\"\n },\n \"ipython\": {\n \"depends\": [\n \"asttokens\",\n \"decorator\",\n \"executing\",\n \"matplotlib-inline\",\n \"prompt_toolkit\",\n \"pure-eval\",\n \"pygments\",\n \"six\",\n \"stack-data\",\n \"traitlets\",\n \"sqlite3\",\n \"wcwidth\"\n ],\n \"file_name\": \"ipython-8.23.0-py3-none-any.whl\",\n \"imports\": [\"IPython\"],\n \"install_dir\": \"site\",\n \"name\": \"ipython\",\n \"package_type\": \"package\",\n \"sha256\": \"bdae049aa0d0e6eebbe4c8e90f882e8499809e457c0c3485c0cae4d9528875c5\",\n \"unvendored_tests\": true,\n \"version\": \"8.23.0\"\n },\n \"ipython-tests\": {\n \"depends\": [\"ipython\"],\n \"file_name\": \"ipython-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"ipython-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"2154ff0c7a3100929e5df5f505a9d2e3a806ea2acbb6128f3c02dbd7416c35b6\",\n \"unvendored_tests\": false,\n \"version\": \"8.23.0\"\n },\n \"jedi\": {\n \"depends\": [\"parso\"],\n \"file_name\": \"jedi-0.19.1-py2.py3-none-any.whl\",\n \"imports\": [\"jedi\"],\n \"install_dir\": \"site\",\n \"name\": \"jedi\",\n \"package_type\": \"package\",\n \"sha256\": \"ce49bd5a4b070f684e297a5141478864928aa00819a96d83a5ccb2642fbcccb4\",\n \"unvendored_tests\": true,\n \"version\": \"0.19.1\"\n },\n \"jedi-tests\": {\n \"depends\": [\"jedi\"],\n \"file_name\": \"jedi-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"jedi-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"4bd995260dec4d6d1ad3c478cfc61fb93e6c2d7553d930ac67f92ff67b9e9c8d\",\n \"unvendored_tests\": false,\n \"version\": \"0.19.1\"\n },\n \"jinja2\": {\n \"depends\": [\"markupsafe\"],\n \"file_name\": \"Jinja2-3.1.3-py3-none-any.whl\",\n \"imports\": [\"jinja2\"],\n \"install_dir\": \"site\",\n \"name\": \"Jinja2\",\n \"package_type\": \"package\",\n \"sha256\": \"ae75cf520f1fee73c9315c6c1472fdaf0f312b328efc06d37e2eadb71d2ce363\",\n \"unvendored_tests\": false,\n \"version\": \"3.1.3\"\n },\n \"joblib\": {\n \"depends\": [],\n \"file_name\": \"joblib-1.4.0-py3-none-any.whl\",\n \"imports\": [\"joblib\"],\n \"install_dir\": \"site\",\n \"name\": \"joblib\",\n \"package_type\": \"package\",\n \"sha256\": \"782163eb9956ba264df3c5305037c7a247b8609606c50cb69c620b6a434448fc\",\n \"unvendored_tests\": true,\n \"version\": \"1.4.0\"\n },\n \"joblib-tests\": {\n \"depends\": [\"joblib\"],\n \"file_name\": \"joblib-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"joblib-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"49d77db01a38831d20f7739cbe2c1210efa1d2b53436ecc9a2cf717dbcaf8678\",\n \"unvendored_tests\": false,\n \"version\": \"1.4.0\"\n },\n \"jsonschema\": {\n \"depends\": [\n \"attrs\",\n \"pyrsistent\",\n \"referencing\",\n \"jsonschema_specifications\"\n ],\n \"file_name\": \"jsonschema-4.21.1-py3-none-any.whl\",\n \"imports\": [\"jsonschema\"],\n \"install_dir\": \"site\",\n \"name\": \"jsonschema\",\n \"package_type\": \"package\",\n \"sha256\": \"119305091e05dd548496debb4b13474049790bbff15450b41eea4c44d09a7141\",\n \"unvendored_tests\": true,\n \"version\": \"4.21.1\"\n },\n \"jsonschema-specifications\": {\n \"depends\": [],\n \"file_name\": \"jsonschema_specifications-2023.12.1-py3-none-any.whl\",\n \"imports\": [\"jsonschema_specifications\"],\n \"install_dir\": \"site\",\n \"name\": \"jsonschema_specifications\",\n \"package_type\": \"package\",\n \"sha256\": \"b4a840c945a4af3580c086935b1f0ada771752a72044d86a86175f6bfb88d32d\",\n \"unvendored_tests\": true,\n \"version\": \"2023.12.1\"\n },\n \"jsonschema-specifications-tests\": {\n \"depends\": [\"jsonschema_specifications\"],\n \"file_name\": \"jsonschema_specifications-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"jsonschema_specifications-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"e3e6ab5f2e28845c3db7a03359c9a0bf4563a6db346680097ae5405018007b40\",\n \"unvendored_tests\": false,\n \"version\": \"2023.12.1\"\n },\n \"jsonschema-tests\": {\n \"depends\": [\"jsonschema\"],\n \"file_name\": \"jsonschema-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"jsonschema-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"4c8a944949c8da3a1fb421a7c2a3d953c3c0663d692ecd47b61d99aa98d1215b\",\n \"unvendored_tests\": false,\n \"version\": \"4.21.1\"\n },\n \"kiwisolver\": {\n \"depends\": [],\n \"file_name\": \"kiwisolver-1.4.5-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"kiwisolver\"],\n \"install_dir\": \"site\",\n \"name\": \"kiwisolver\",\n \"package_type\": \"package\",\n \"sha256\": \"10b13eb725b7ac38cf9a5f51caa266a92e24f5d7c79b74eed7dafd901fae16c6\",\n \"unvendored_tests\": false,\n \"version\": \"1.4.5\"\n },\n \"lakers-python\": {\n \"depends\": [],\n \"file_name\": \"lakers_python-0.4.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"lakers\"],\n \"install_dir\": \"site\",\n \"name\": \"lakers-python\",\n \"package_type\": \"package\",\n \"sha256\": \"250d34c774f6f39efd6319282b301d99d9bdbb65058cf3145b8927f10b29c9ca\",\n \"unvendored_tests\": false,\n \"version\": \"0.4.1\"\n },\n \"lazy-loader\": {\n \"depends\": [],\n \"file_name\": \"lazy_loader-0.4-py3-none-any.whl\",\n \"imports\": [\"lazy_loader\"],\n \"install_dir\": \"site\",\n \"name\": \"lazy_loader\",\n \"package_type\": \"package\",\n \"sha256\": \"a4a5ff4a8bf5d35047b8bc4b4c3ca0e1a8e90af39249978c8fbe28668b0dfa05\",\n \"unvendored_tests\": true,\n \"version\": \"0.4\"\n },\n \"lazy-loader-tests\": {\n \"depends\": [\"lazy_loader\"],\n \"file_name\": \"lazy_loader-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"lazy_loader-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"b2668f916aa3c31668cdeb6d27fbaf30543dc4c636732baac60f883b78a74584\",\n \"unvendored_tests\": false,\n \"version\": \"0.4\"\n },\n \"lazy-object-proxy\": {\n \"depends\": [],\n \"file_name\": \"lazy_object_proxy-1.10.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"lazy_object_proxy\"],\n \"install_dir\": \"site\",\n \"name\": \"lazy-object-proxy\",\n \"package_type\": \"package\",\n \"sha256\": \"78dcb0ce6602ee8de86a62b73766c66a399e9fa3c9db1b5904b1e1f8083753ee\",\n \"unvendored_tests\": false,\n \"version\": \"1.10.0\"\n },\n \"libcst\": {\n \"depends\": [\"pyyaml\"],\n \"file_name\": \"libcst-1.4.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"libcst\"],\n \"install_dir\": \"site\",\n \"name\": \"libcst\",\n \"package_type\": \"package\",\n \"sha256\": \"54e026f0a3f61c8ad2dacfe3aef52d8425a024000ed7182f36c1280628c11727\",\n \"unvendored_tests\": true,\n \"version\": \"1.4.0\"\n },\n \"libcst-tests\": {\n \"depends\": [\"libcst\"],\n \"file_name\": \"libcst-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"libcst-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"22e7f5decac3ca3470dd06554072b040e0d3ec8e492f8ff5c0e68dc505f9318d\",\n \"unvendored_tests\": false,\n \"version\": \"1.4.0\"\n },\n \"libhdf5\": {\n \"depends\": [],\n \"file_name\": \"libhdf5-1.12.1.zip\",\n \"imports\": [],\n \"install_dir\": \"dynlib\",\n \"name\": \"libhdf5\",\n \"package_type\": \"shared_library\",\n \"sha256\": \"24cbf8033aedcf9efe7e1b6b03db25f9cec96fd7821409cf217dd4b79bf3ef28\",\n \"unvendored_tests\": false,\n \"version\": \"1.12.1\"\n },\n \"libheif\": {\n \"depends\": [],\n \"file_name\": \"libheif-1.12.0.zip\",\n \"imports\": [],\n \"install_dir\": \"dynlib\",\n \"name\": \"libheif\",\n \"package_type\": \"shared_library\",\n \"sha256\": \"f2c3df4c176645bb221153e303593036483b8d931b1e77ac4cbe4eccd8752ff9\",\n \"unvendored_tests\": false,\n \"version\": \"1.12.0\"\n },\n \"libmagic\": {\n \"depends\": [],\n \"file_name\": \"libmagic-5.42.zip\",\n \"imports\": [],\n \"install_dir\": \"dynlib\",\n \"name\": \"libmagic\",\n \"package_type\": \"shared_library\",\n \"sha256\": \"2fbf616d73667dc09cc9b2066ff8f0a61c6dc7a9390a7b6d90dee93d09cb8a6c\",\n \"unvendored_tests\": false,\n \"version\": \"5.42\"\n },\n \"lightgbm\": {\n \"depends\": [\"numpy\", \"scipy\", \"scikit-learn\"],\n \"file_name\": \"lightgbm-4.5.0-py3-none-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"lightgbm\"],\n \"install_dir\": \"site\",\n \"name\": \"lightgbm\",\n \"package_type\": \"package\",\n \"sha256\": \"eea6e9d783c4d49cbb2b35b09e27c429d5fd35ae914781637164092c225203de\",\n \"unvendored_tests\": false,\n \"version\": \"4.5.0\"\n },\n \"logbook\": {\n \"depends\": [\"ssl\"],\n \"file_name\": \"Logbook-1.7.0.post0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"logbook\"],\n \"install_dir\": \"site\",\n \"name\": \"logbook\",\n \"package_type\": \"package\",\n \"sha256\": \"da8dbfcba0d54bf8d381c94b39c2447bc8c60dd91025b952a62aa664df22a7b2\",\n \"unvendored_tests\": false,\n \"version\": \"1.7.0.post0\"\n },\n \"lxml\": {\n \"depends\": [],\n \"file_name\": \"lxml-5.2.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"lxml\"],\n \"install_dir\": \"site\",\n \"name\": \"lxml\",\n \"package_type\": \"package\",\n \"sha256\": \"2fd139897daa910923b79a42e7e7496dd36a1ca5806b2d12e42ca41baf6a27d7\",\n \"unvendored_tests\": false,\n \"version\": \"5.2.1\"\n },\n \"lzma\": {\n \"depends\": [],\n \"file_name\": \"lzma-1.0.0-py2.py3-none-any.whl\",\n \"imports\": [\"lzma\", \"_lzma\"],\n \"install_dir\": \"site\",\n \"name\": \"lzma\",\n \"package_type\": \"cpython_module\",\n \"sha256\": \"5eeaa17db4a33d90e71d2a76c0aad47dbb302c128c99b454a9badc26c0cf253d\",\n \"unvendored_tests\": false,\n \"version\": \"1.0.0\"\n },\n \"markupsafe\": {\n \"depends\": [],\n \"file_name\": \"MarkupSafe-2.1.5-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"markupsafe\"],\n \"install_dir\": \"site\",\n \"name\": \"MarkupSafe\",\n \"package_type\": \"package\",\n \"sha256\": \"d7e66ed044fd7ec0e33cf9f2ec6ecc0590ee09863fa61cca27ba2824858bb795\",\n \"unvendored_tests\": false,\n \"version\": \"2.1.5\"\n },\n \"matplotlib\": {\n \"depends\": [\n \"contourpy\",\n \"cycler\",\n \"fonttools\",\n \"kiwisolver\",\n \"numpy\",\n \"packaging\",\n \"pillow\",\n \"pyparsing\",\n \"python-dateutil\",\n \"pytz\",\n \"matplotlib-pyodide\"\n ],\n \"file_name\": \"matplotlib-3.8.4-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pylab\", \"mpl_toolkits\", \"matplotlib\"],\n \"install_dir\": \"site\",\n \"name\": \"matplotlib\",\n \"package_type\": \"package\",\n \"sha256\": \"dad6745f930a0f438e3b7b668a7e4a587cbd36cbd2d248aa7428923350c39747\",\n \"unvendored_tests\": true,\n \"version\": \"3.8.4\"\n },\n \"matplotlib-inline\": {\n \"depends\": [\"traitlets\"],\n \"file_name\": \"matplotlib_inline-0.1.7-py3-none-any.whl\",\n \"imports\": [\"matplotlib-inline\"],\n \"install_dir\": \"site\",\n \"name\": \"matplotlib-inline\",\n \"package_type\": \"package\",\n \"sha256\": \"c483913cbccb75cf40f6f5b1b156769a20955e03f1dad7066ade88a151a02bb2\",\n \"unvendored_tests\": false,\n \"version\": \"0.1.7\"\n },\n \"matplotlib-pyodide\": {\n \"depends\": [],\n \"file_name\": \"matplotlib_pyodide-0.2.3-py3-none-any.whl\",\n \"imports\": [\"matplotlib_pyodide\"],\n \"install_dir\": \"site\",\n \"name\": \"matplotlib-pyodide\",\n \"package_type\": \"package\",\n \"sha256\": \"717b48079d00b397208d98d0d62fdc7688ccc517294a735b949bc5f62fe1f620\",\n \"unvendored_tests\": false,\n \"version\": \"0.2.3\"\n },\n \"matplotlib-tests\": {\n \"depends\": [\"matplotlib\"],\n \"file_name\": \"matplotlib-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"matplotlib-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"8c7edf3395a896619116811ddd240f590a4335f8c9aa6e8cb84f3899e12d058a\",\n \"unvendored_tests\": false,\n \"version\": \"3.8.4\"\n },\n \"memory-allocator\": {\n \"depends\": [],\n \"file_name\": \"memory_allocator-0.1.4-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"memory_allocator\"],\n \"install_dir\": \"site\",\n \"name\": \"memory-allocator\",\n \"package_type\": \"package\",\n \"sha256\": \"513bd31cb04adc4b6e5c0b85f0c08bbc5b17a13fb63d1039849afc56a565e67d\",\n \"unvendored_tests\": false,\n \"version\": \"0.1.4\"\n },\n \"micropip\": {\n \"depends\": [\"packaging\"],\n \"file_name\": \"micropip-0.8.0-py3-none-any.whl\",\n \"imports\": [\"micropip\"],\n \"install_dir\": \"site\",\n \"name\": \"micropip\",\n \"package_type\": \"package\",\n \"sha256\": \"f06926694dba95e19768a2be65770c953ab350b8b622314b308c3b39f7ebebfa\",\n \"unvendored_tests\": false,\n \"version\": \"0.8.0\"\n },\n \"mmh3\": {\n \"depends\": [],\n \"file_name\": \"mmh3-4.1.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"mmh3\"],\n \"install_dir\": \"site\",\n \"name\": \"mmh3\",\n \"package_type\": \"package\",\n \"sha256\": \"48ad7d2a1d626b3313dd944e05284096f5878f6cd7465c490c02940515d8953a\",\n \"unvendored_tests\": false,\n \"version\": \"4.1.0\"\n },\n \"mne\": {\n \"depends\": [\n \"numpy\",\n \"scipy\",\n \"setuptools\",\n \"decorator\",\n \"lazy_loader\",\n \"packaging\"\n ],\n \"file_name\": \"mne-1.8.0-py3-none-any.whl\",\n \"imports\": [\"mne\"],\n \"install_dir\": \"site\",\n \"name\": \"mne\",\n \"package_type\": \"package\",\n \"sha256\": \"5a19b172b364c9bc7928916a2941883f4947928cf07b0aff203d3ec0db4ff5f8\",\n \"unvendored_tests\": true,\n \"version\": \"1.8.0\"\n },\n \"mne-tests\": {\n \"depends\": [\"mne\"],\n \"file_name\": \"mne-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"mne-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"1f679c5107105f54f99f62c03f03a9ab94ff800632a7cda6ebc405b48735b00a\",\n \"unvendored_tests\": false,\n \"version\": \"1.8.0\"\n },\n \"more-itertools\": {\n \"depends\": [],\n \"file_name\": \"more_itertools-10.2.0-py3-none-any.whl\",\n \"imports\": [\"more_itertools\"],\n \"install_dir\": \"site\",\n \"name\": \"more-itertools\",\n \"package_type\": \"package\",\n \"sha256\": \"1552e0fb82ee29a6fe1f0d466f3322ebec1b6bcab95343ace684b04875fa3d56\",\n \"unvendored_tests\": false,\n \"version\": \"10.2.0\"\n },\n \"mpmath\": {\n \"depends\": [],\n \"file_name\": \"mpmath-1.3.0-py3-none-any.whl\",\n \"imports\": [\"mpmath\"],\n \"install_dir\": \"site\",\n \"name\": \"mpmath\",\n \"package_type\": \"package\",\n \"sha256\": \"19b572d1dbc8c93b7778b09e9a67d3df064cb34ddb06b73afa122d57a50e0d97\",\n \"unvendored_tests\": true,\n \"version\": \"1.3.0\"\n },\n \"mpmath-tests\": {\n \"depends\": [\"mpmath\"],\n \"file_name\": \"mpmath-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"mpmath-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"ad81663fdc1c42197da6ea731c49b240e2969b8fd19d472b31f63c964747ac56\",\n \"unvendored_tests\": false,\n \"version\": \"1.3.0\"\n },\n \"msgpack\": {\n \"depends\": [],\n \"file_name\": \"msgpack-1.1.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"msgpack\"],\n \"install_dir\": \"site\",\n \"name\": \"msgpack\",\n \"package_type\": \"package\",\n \"sha256\": \"e368256596bb7f34c26a78efd9ca789405d81b505a89c75d47d5d56e7f6d7b51\",\n \"unvendored_tests\": false,\n \"version\": \"1.1.0\"\n },\n \"msgspec\": {\n \"depends\": [],\n \"file_name\": \"msgspec-0.18.6-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"msgspec\"],\n \"install_dir\": \"site\",\n \"name\": \"msgspec\",\n \"package_type\": \"package\",\n \"sha256\": \"2cb9e65f695731ef68c0fcb731562c0fd485e6f796544bac12e002e9e2f1877f\",\n \"unvendored_tests\": false,\n \"version\": \"0.18.6\"\n },\n \"msprime\": {\n \"depends\": [\"numpy\", \"newick\", \"tskit\", \"demes\", \"rpds-py\"],\n \"file_name\": \"msprime-1.3.3-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"msprime\"],\n \"install_dir\": \"site\",\n \"name\": \"msprime\",\n \"package_type\": \"package\",\n \"sha256\": \"97c3a77a0812fd1ae4a3045d28b2fffaefbcb5103ab1cb6efeaaf62908c1909b\",\n \"unvendored_tests\": false,\n \"version\": \"1.3.3\"\n },\n \"multidict\": {\n \"depends\": [],\n \"file_name\": \"multidict-6.0.5-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"multidict\"],\n \"install_dir\": \"site\",\n \"name\": \"multidict\",\n \"package_type\": \"package\",\n \"sha256\": \"653ab1479ceb6e77b2058a1bff23d7878a2e5c15a71fa2fff4ff75d863a838fa\",\n \"unvendored_tests\": false,\n \"version\": \"6.0.5\"\n },\n \"munch\": {\n \"depends\": [\"setuptools\", \"six\"],\n \"file_name\": \"munch-4.0.0-py2.py3-none-any.whl\",\n \"imports\": [\"munch\"],\n \"install_dir\": \"site\",\n \"name\": \"munch\",\n \"package_type\": \"package\",\n \"sha256\": \"93c00e5314cceff02923cdb363fbeaae6bb5c803c9cf3c0186b5af0f39be45a0\",\n \"unvendored_tests\": false,\n \"version\": \"4.0.0\"\n },\n \"mypy\": {\n \"depends\": [],\n \"file_name\": \"mypy-1.9.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"mypyc\", \"mypy\"],\n \"install_dir\": \"site\",\n \"name\": \"mypy\",\n \"package_type\": \"package\",\n \"sha256\": \"1aa26ec6a677ebfdf4fa14369ff006fd70c3a5721fae973f0a676e3babfd574d\",\n \"unvendored_tests\": true,\n \"version\": \"1.9.0\"\n },\n \"mypy-tests\": {\n \"depends\": [\"mypy\"],\n \"file_name\": \"mypy-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"mypy-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"3c181c521922e58f1efb5c4561ff6eb44d0be191f508f367bab6e9f7af4f7f8e\",\n \"unvendored_tests\": false,\n \"version\": \"1.9.0\"\n },\n \"narwhals\": {\n \"depends\": [],\n \"file_name\": \"narwhals-1.10.0-py3-none-any.whl\",\n \"imports\": [\"narwhals\"],\n \"install_dir\": \"site\",\n \"name\": \"narwhals\",\n \"package_type\": \"package\",\n \"sha256\": \"4de02d24c43a16fd0ef5bf572cfed11ec204ea6e6dabcb01eb0edd53ba37745f\",\n \"unvendored_tests\": false,\n \"version\": \"1.10.0\"\n },\n \"netcdf4\": {\n \"depends\": [\"numpy\", \"packaging\", \"h5py\", \"cftime\", \"certifi\"],\n \"file_name\": \"netCDF4-1.7.2-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"netCDF4\"],\n \"install_dir\": \"site\",\n \"name\": \"netcdf4\",\n \"package_type\": \"package\",\n \"sha256\": \"8206ca4dcfb3de3fc02c92d9df706d479c2cc92620ad445b1b758f3274e26c0f\",\n \"unvendored_tests\": false,\n \"version\": \"1.7.2\"\n },\n \"networkx\": {\n \"depends\": [\"decorator\", \"setuptools\", \"matplotlib\", \"numpy\"],\n \"file_name\": \"networkx-3.4.2-py3-none-any.whl\",\n \"imports\": [\"networkx\"],\n \"install_dir\": \"site\",\n \"name\": \"networkx\",\n \"package_type\": \"package\",\n \"sha256\": \"0c5ea1642e2333657881311f8ff64c48f320f0b8571365ad9f0749dc432736dd\",\n \"unvendored_tests\": true,\n \"version\": \"3.4.2\"\n },\n \"networkx-tests\": {\n \"depends\": [\"networkx\"],\n \"file_name\": \"networkx-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"networkx-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"c7b80324251d65faaaeb01d2eae8591a8330a5fd11a3367dd76a81b649be5d3b\",\n \"unvendored_tests\": false,\n \"version\": \"3.4.2\"\n },\n \"newick\": {\n \"depends\": [],\n \"file_name\": \"newick-1.9.0-py2.py3-none-any.whl\",\n \"imports\": [\"newick\"],\n \"install_dir\": \"site\",\n \"name\": \"newick\",\n \"package_type\": \"package\",\n \"sha256\": \"58e1c4acbf8171097f45c78be7f7ba2a204aab160c32bb568dab210e5f98cc43\",\n \"unvendored_tests\": false,\n \"version\": \"1.9.0\"\n },\n \"nh3\": {\n \"depends\": [],\n \"file_name\": \"nh3-0.2.17-cp37-abi3-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"nh3\"],\n \"install_dir\": \"site\",\n \"name\": \"nh3\",\n \"package_type\": \"package\",\n \"sha256\": \"40dadbc3292d7ba27de6f84ccfe43f030518c73e6a11718202845dd018f0687c\",\n \"unvendored_tests\": false,\n \"version\": \"0.2.17\"\n },\n \"nlopt\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"nlopt-2.9.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"nlopt\"],\n \"install_dir\": \"site\",\n \"name\": \"nlopt\",\n \"package_type\": \"package\",\n \"sha256\": \"16013aabe655c9aca757ec78292cb5e56b65c480eee34f40a4c49147ae51de58\",\n \"unvendored_tests\": false,\n \"version\": \"2.9.1\"\n },\n \"nltk\": {\n \"depends\": [\"regex\", \"sqlite3\"],\n \"file_name\": \"nltk-3.8.1-py3-none-any.whl\",\n \"imports\": [\"nltk\"],\n \"install_dir\": \"site\",\n \"name\": \"nltk\",\n \"package_type\": \"package\",\n \"sha256\": \"2515bdf9c2df686939ec25de7b2825dc6d04cfa278e88c298976f99f09e0529d\",\n \"unvendored_tests\": true,\n \"version\": \"3.8.1\"\n },\n \"nltk-tests\": {\n \"depends\": [\"nltk\"],\n \"file_name\": \"nltk-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"nltk-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"79ace12d4d92880437f4e01b66d0dc80490047050d512a6721a416ff3d5c0adf\",\n \"unvendored_tests\": false,\n \"version\": \"3.8.1\"\n },\n \"numcodecs\": {\n \"depends\": [\"numpy\", \"msgpack\"],\n \"file_name\": \"numcodecs-0.13.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"numcodecs\"],\n \"install_dir\": \"site\",\n \"name\": \"numcodecs\",\n \"package_type\": \"package\",\n \"sha256\": \"8d46ca2c9ddad750b05e602cd98e3688de461bb4615f298689e42d762eb80042\",\n \"unvendored_tests\": true,\n \"version\": \"0.13.1\"\n },\n \"numcodecs-tests\": {\n \"depends\": [\"numcodecs\"],\n \"file_name\": \"numcodecs-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"numcodecs-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"62acd6f7bbb86d101556bbf12a10c8440d134d4107d61853cddc5d8d8e3e82fe\",\n \"unvendored_tests\": false,\n \"version\": \"0.13.1\"\n },\n \"numpy\": {\n \"depends\": [],\n \"file_name\": \"numpy-2.0.2-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"numpy\"],\n \"install_dir\": \"site\",\n \"name\": \"numpy\",\n \"package_type\": \"package\",\n \"sha256\": \"ebfa5de0256e98fcd4ece4546e054dea50b73ecf735ec836237fd45bcc5eab1f\",\n \"unvendored_tests\": true,\n \"version\": \"2.0.2\"\n },\n \"numpy-tests\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"numpy-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"numpy-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"c4566361660da308746235508c81b0268645c06b14076fc601067457d71d00d7\",\n \"unvendored_tests\": false,\n \"version\": \"2.0.2\"\n },\n \"openblas\": {\n \"depends\": [],\n \"file_name\": \"openblas-0.3.26.zip\",\n \"imports\": [],\n \"install_dir\": \"dynlib\",\n \"name\": \"openblas\",\n \"package_type\": \"shared_library\",\n \"sha256\": \"c2e05180ecb30ca3863babe466030ab0a7a3af3a87aa77baebc5e4a6a2ed1e07\",\n \"unvendored_tests\": false,\n \"version\": \"0.3.26\"\n },\n \"opencv-python\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"opencv_python-4.10.0.84-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"cv2\"],\n \"install_dir\": \"site\",\n \"name\": \"opencv-python\",\n \"package_type\": \"package\",\n \"sha256\": \"36a4f88783141380ef2799ab67f963063825a4357bcb0097bb02a82e7981ba90\",\n \"unvendored_tests\": false,\n \"version\": \"4.10.0.84\"\n },\n \"openssl\": {\n \"depends\": [],\n \"file_name\": \"openssl-1.1.1w.zip\",\n \"imports\": [],\n \"install_dir\": \"dynlib\",\n \"name\": \"openssl\",\n \"package_type\": \"shared_library\",\n \"sha256\": \"7e796ef6d3ca7ed6f1af820fc7061033a034e986cddca38fc487e6ef9a4ac915\",\n \"unvendored_tests\": false,\n \"version\": \"1.1.1w\"\n },\n \"optlang\": {\n \"depends\": [\"sympy\", \"six\", \"swiglpk\"],\n \"file_name\": \"optlang-1.8.1-py2.py3-none-any.whl\",\n \"imports\": [\"optlang\"],\n \"install_dir\": \"site\",\n \"name\": \"optlang\",\n \"package_type\": \"package\",\n \"sha256\": \"fb2465d1bd566702d1df8e4e3d5d7acf7d379b86166dcbda948ecc7c52d2900a\",\n \"unvendored_tests\": true,\n \"version\": \"1.8.1\"\n },\n \"optlang-tests\": {\n \"depends\": [\"optlang\"],\n \"file_name\": \"optlang-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"optlang-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"a7aaf360662a3dacaebb9b78e7bfbb30dfc3d6443b34d1dd0166e19c3e852a27\",\n \"unvendored_tests\": false,\n \"version\": \"1.8.1\"\n },\n \"orjson\": {\n \"depends\": [],\n \"file_name\": \"orjson-3.10.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"orjson\"],\n \"install_dir\": \"site\",\n \"name\": \"orjson\",\n \"package_type\": \"package\",\n \"sha256\": \"bc805b2a443af7e9c22312aa1f640af022b4a5c8176372aad20ca9a34acf02d2\",\n \"unvendored_tests\": false,\n \"version\": \"3.10.1\"\n },\n \"packaging\": {\n \"depends\": [],\n \"file_name\": \"packaging-24.2-py3-none-any.whl\",\n \"imports\": [\"packaging\"],\n \"install_dir\": \"site\",\n \"name\": \"packaging\",\n \"package_type\": \"package\",\n \"sha256\": \"55c1c81063e172dd2d9d24321dd56b3d539bbc4d4583c24870bd4b7b350ec84c\",\n \"unvendored_tests\": false,\n \"version\": \"24.2\"\n },\n \"pandas\": {\n \"depends\": [\"numpy\", \"python-dateutil\", \"pytz\"],\n \"file_name\": \"pandas-2.2.3-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pandas\"],\n \"install_dir\": \"site\",\n \"name\": \"pandas\",\n \"package_type\": \"package\",\n \"sha256\": \"a81cb10f8621fe36f7d1717b7903015f910ba5efdd431c4ff22c14f365fd9eed\",\n \"unvendored_tests\": true,\n \"version\": \"2.2.3\"\n },\n \"pandas-tests\": {\n \"depends\": [\"pandas\"],\n \"file_name\": \"pandas-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"pandas-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"1607a809b3f2add8309062c8ce17a887031d0a471b6d5001f9df49931482d398\",\n \"unvendored_tests\": false,\n \"version\": \"2.2.3\"\n },\n \"parso\": {\n \"depends\": [],\n \"file_name\": \"parso-0.8.4-py2.py3-none-any.whl\",\n \"imports\": [\"parso\"],\n \"install_dir\": \"site\",\n \"name\": \"parso\",\n \"package_type\": \"package\",\n \"sha256\": \"ebd86987f4eafe53ba5aceb599ecfb565c782a480bd60526edbdde956147b72f\",\n \"unvendored_tests\": false,\n \"version\": \"0.8.4\"\n },\n \"patsy\": {\n \"depends\": [\"numpy\", \"six\"],\n \"file_name\": \"patsy-0.5.6-py2.py3-none-any.whl\",\n \"imports\": [\"patsy\"],\n \"install_dir\": \"site\",\n \"name\": \"patsy\",\n \"package_type\": \"package\",\n \"sha256\": \"da388687c54681e4bf59200e23d142c7c767a4d050ce23e076f2c07516b818c2\",\n \"unvendored_tests\": true,\n \"version\": \"0.5.6\"\n },\n \"patsy-tests\": {\n \"depends\": [\"patsy\"],\n \"file_name\": \"patsy-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"patsy-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"6a00d81372f26cbc4573afc51a1c8e7ec4a53b2e14e6038a2a94820aee825304\",\n \"unvendored_tests\": false,\n \"version\": \"0.5.6\"\n },\n \"peewee\": {\n \"depends\": [\"sqlite3\", \"cffi\"],\n \"file_name\": \"peewee-3.17.3-py3-none-any.whl\",\n \"imports\": [\"peewee\"],\n \"install_dir\": \"site\",\n \"name\": \"peewee\",\n \"package_type\": \"package\",\n \"sha256\": \"d4899e35da6a0099ae7f45749f964f475b112858182e094652c0168b06f0e029\",\n \"unvendored_tests\": true,\n \"version\": \"3.17.3\"\n },\n \"peewee-tests\": {\n \"depends\": [\"peewee\"],\n \"file_name\": \"peewee-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"peewee-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"9fa7e4ae3dff114e991cf87ad7b680fd15d0800354d07b3030ed4a1c7c8314d1\",\n \"unvendored_tests\": false,\n \"version\": \"3.17.3\"\n },\n \"pi-heif\": {\n \"depends\": [\"cffi\", \"pillow\", \"libheif\"],\n \"file_name\": \"pi_heif-0.21.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pi_heif\"],\n \"install_dir\": \"site\",\n \"name\": \"pi-heif\",\n \"package_type\": \"package\",\n \"sha256\": \"f630516711a729b94773a74d5acf23672a399c46614c78e196f2b1c8c05b9887\",\n \"unvendored_tests\": false,\n \"version\": \"0.21.0\"\n },\n \"pillow\": {\n \"depends\": [],\n \"file_name\": \"pillow-10.2.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"PIL\"],\n \"install_dir\": \"site\",\n \"name\": \"Pillow\",\n \"package_type\": \"package\",\n \"sha256\": \"5dea298a10d557ef903d13e6522dd7e8696c187706bb477e1afdedc2a1d84d0a\",\n \"unvendored_tests\": false,\n \"version\": \"10.2.0\"\n },\n \"pillow-heif\": {\n \"depends\": [\"cffi\", \"pillow\", \"libheif\"],\n \"file_name\": \"pillow_heif-0.20.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pillow_heif\"],\n \"install_dir\": \"site\",\n \"name\": \"pillow-heif\",\n \"package_type\": \"package\",\n \"sha256\": \"ab406bc2a4853d169a8ee956261a0c5d7bf2dfce5ad6fe9bcc78f57f3eb6b804\",\n \"unvendored_tests\": false,\n \"version\": \"0.20.0\"\n },\n \"pkgconfig\": {\n \"depends\": [],\n \"file_name\": \"pkgconfig-1.5.5-py3-none-any.whl\",\n \"imports\": [\"pkgconfig\"],\n \"install_dir\": \"site\",\n \"name\": \"pkgconfig\",\n \"package_type\": \"package\",\n \"sha256\": \"e513ed6409b8dff53acd9888dee7f161d2dd9ebaaca412eb80910f1a8476c3c9\",\n \"unvendored_tests\": false,\n \"version\": \"1.5.5\"\n },\n \"pluggy\": {\n \"depends\": [],\n \"file_name\": \"pluggy-1.5.0-py3-none-any.whl\",\n \"imports\": [\"pluggy\"],\n \"install_dir\": \"site\",\n \"name\": \"pluggy\",\n \"package_type\": \"package\",\n \"sha256\": \"3e856326ad6af071e91798766a25c9ce7ed6b5be61f927a28e05e6045b031031\",\n \"unvendored_tests\": false,\n \"version\": \"1.5.0\"\n },\n \"polars\": {\n \"depends\": [],\n \"file_name\": \"polars-1.18.0-cp39-abi3-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"polars\"],\n \"install_dir\": \"site\",\n \"name\": \"polars\",\n \"package_type\": \"package\",\n \"sha256\": \"c05b49698b48975ed40fc73f6387fb692a778481745ed1a2f70060d1ca04959e\",\n \"unvendored_tests\": false,\n \"version\": \"1.18.0\"\n },\n \"pplpy\": {\n \"depends\": [\"gmpy2\", \"cysignals\"],\n \"file_name\": \"pplpy-0.8.10-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"ppl\"],\n \"install_dir\": \"site\",\n \"name\": \"pplpy\",\n \"package_type\": \"package\",\n \"sha256\": \"50d1545682670ad663ffb8d40811f0cf43293d059b855942d98af736aecc711f\",\n \"unvendored_tests\": false,\n \"version\": \"0.8.10\"\n },\n \"primecountpy\": {\n \"depends\": [\"cysignals\"],\n \"file_name\": \"primecountpy-0.1.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"primecountpy\"],\n \"install_dir\": \"site\",\n \"name\": \"primecountpy\",\n \"package_type\": \"package\",\n \"sha256\": \"841a9d574e4fe407ab5c655c1ef98eb5b01fc7aae823d36d4d1f80f059f749b5\",\n \"unvendored_tests\": false,\n \"version\": \"0.1.0\"\n },\n \"prompt-toolkit\": {\n \"depends\": [],\n \"file_name\": \"prompt_toolkit-3.0.43-py3-none-any.whl\",\n \"imports\": [\"prompt_toolkit\"],\n \"install_dir\": \"site\",\n \"name\": \"prompt_toolkit\",\n \"package_type\": \"package\",\n \"sha256\": \"f9861a288bcf2693d4700900b0cc0196498511d40a84471dad72e27f0fd7079e\",\n \"unvendored_tests\": false,\n \"version\": \"3.0.43\"\n },\n \"protobuf\": {\n \"depends\": [],\n \"file_name\": \"protobuf-5.29.2-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"google\"],\n \"install_dir\": \"site\",\n \"name\": \"protobuf\",\n \"package_type\": \"package\",\n \"sha256\": \"f064b15292d577b80ea07efb9b48f4ed21cfa85b34c1b9f829b3512e2e945bf2\",\n \"unvendored_tests\": false,\n \"version\": \"5.29.2\"\n },\n \"pure-eval\": {\n \"depends\": [],\n \"file_name\": \"pure_eval-0.2.3-py3-none-any.whl\",\n \"imports\": [\"pure_eval\"],\n \"install_dir\": \"site\",\n \"name\": \"pure-eval\",\n \"package_type\": \"package\",\n \"sha256\": \"9a16b6b8a2927f31b8ac784b1a8eb7889fa9f0c6c7eaf53f38f5d866dde4d728\",\n \"unvendored_tests\": false,\n \"version\": \"0.2.3\"\n },\n \"py\": {\n \"depends\": [],\n \"file_name\": \"py-1.11.0-py2.py3-none-any.whl\",\n \"imports\": [\"py\"],\n \"install_dir\": \"site\",\n \"name\": \"py\",\n \"package_type\": \"package\",\n \"sha256\": \"c9c1c3373e9a3de4ec3ee71715f1e269e990e95a1a07b80f0c1f530562e4f095\",\n \"unvendored_tests\": false,\n \"version\": \"1.11.0\"\n },\n \"pyarrow\": {\n \"depends\": [\"numpy\", \"pandas\", \"pyodide-unix-timezones\"],\n \"file_name\": \"pyarrow-18.1.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pyarrow\"],\n \"install_dir\": \"site\",\n \"name\": \"pyarrow\",\n \"package_type\": \"package\",\n \"sha256\": \"8d25593325ca98ee5fc48dee9c719cd3e64a781eacc41efe7942fce12cd9587b\",\n \"unvendored_tests\": false,\n \"version\": \"18.1.0\"\n },\n \"pyclipper\": {\n \"depends\": [],\n \"file_name\": \"pyclipper-1.3.0.post5-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pyclipper\"],\n \"install_dir\": \"site\",\n \"name\": \"pyclipper\",\n \"package_type\": \"package\",\n \"sha256\": \"f6c1b37275552c754fc13dfc830739a2a9f96e0fdcbd2f9869d093c0bd47f3c5\",\n \"unvendored_tests\": false,\n \"version\": \"1.3.0.post5\"\n },\n \"pycparser\": {\n \"depends\": [],\n \"file_name\": \"pycparser-2.22-py3-none-any.whl\",\n \"imports\": [\"pycparser\"],\n \"install_dir\": \"site\",\n \"name\": \"pycparser\",\n \"package_type\": \"package\",\n \"sha256\": \"602252754447d8e4e54f824681bb813d534c32d9e297a2fff6a4e22db1f65663\",\n \"unvendored_tests\": false,\n \"version\": \"2.22\"\n },\n \"pycryptodome\": {\n \"depends\": [],\n \"file_name\": \"pycryptodome-3.20.0-cp35-abi3-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"Crypto\"],\n \"install_dir\": \"site\",\n \"name\": \"pycryptodome\",\n \"package_type\": \"package\",\n \"sha256\": \"b8029b48e667b16e9ebdfc769bc33213f79842f91b45806bef5a005388cb3981\",\n \"unvendored_tests\": true,\n \"version\": \"3.20.0\"\n },\n \"pycryptodome-tests\": {\n \"depends\": [\"pycryptodome\"],\n \"file_name\": \"pycryptodome-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"pycryptodome-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"535d5ef5deefec0e2620abc6df45492d2152cb76b49f768fa199e16dafafc70a\",\n \"unvendored_tests\": false,\n \"version\": \"3.20.0\"\n },\n \"pydantic\": {\n \"depends\": [\"typing-extensions\", \"pydantic_core\", \"annotated-types\"],\n \"file_name\": \"pydantic-2.10.5-py3-none-any.whl\",\n \"imports\": [\"pydantic\"],\n \"install_dir\": \"site\",\n \"name\": \"pydantic\",\n \"package_type\": \"package\",\n \"sha256\": \"6f927c0165c8b384a0edabf0ed61338aa7fa9e3851ad118f8005be232a558b96\",\n \"unvendored_tests\": false,\n \"version\": \"2.10.5\"\n },\n \"pydantic-core\": {\n \"depends\": [],\n \"file_name\": \"pydantic_core-2.27.2-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pydantic_core\"],\n \"install_dir\": \"site\",\n \"name\": \"pydantic_core\",\n \"package_type\": \"package\",\n \"sha256\": \"63d5d054fb86f8bf5dd8724aa453c1c96dadae633904b867d50dbc83d00f1931\",\n \"unvendored_tests\": false,\n \"version\": \"2.27.2\"\n },\n \"pydecimal\": {\n \"depends\": [],\n \"file_name\": \"pydecimal-1.0.0-py2.py3-none-any.whl\",\n \"imports\": [\"_pydecimal\"],\n \"install_dir\": \"site\",\n \"name\": \"pydecimal\",\n \"package_type\": \"cpython_module\",\n \"sha256\": \"4a2793b3336fbe7768b538256a850830541638936859d526b7112b4f06332209\",\n \"unvendored_tests\": false,\n \"version\": \"1.0.0\"\n },\n \"pydoc-data\": {\n \"depends\": [],\n \"file_name\": \"pydoc_data-1.0.0-py2.py3-none-any.whl\",\n \"imports\": [\"pydoc_data\"],\n \"install_dir\": \"site\",\n \"name\": \"pydoc_data\",\n \"package_type\": \"cpython_module\",\n \"sha256\": \"7a92fadf411389acbebfc2e88fd00581c67372aaf375409e82459b7c1f83a54a\",\n \"unvendored_tests\": false,\n \"version\": \"1.0.0\"\n },\n \"pyerfa\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"pyerfa-2.0.1.4-cp39-abi3-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"erfa\"],\n \"install_dir\": \"site\",\n \"name\": \"pyerfa\",\n \"package_type\": \"package\",\n \"sha256\": \"2d7cd0ea3b2c3433b0aac74dd952e9d41d225c861a0151997f9eac789b3037e2\",\n \"unvendored_tests\": true,\n \"version\": \"2.0.1.4\"\n },\n \"pyerfa-tests\": {\n \"depends\": [\"pyerfa\"],\n \"file_name\": \"pyerfa-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"pyerfa-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"b9353c9577fd040eb25b0d686a75dc76a5fbf3df94132afde014c24e605a1e9c\",\n \"unvendored_tests\": false,\n \"version\": \"2.0.1.4\"\n },\n \"pygame-ce\": {\n \"depends\": [],\n \"file_name\": \"pygame_ce-2.4.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pygame\"],\n \"install_dir\": \"site\",\n \"name\": \"pygame-ce\",\n \"package_type\": \"package\",\n \"sha256\": \"038b90f060a6ee68b205378ed9f9ac1dc54f207aeb54f21f73bd4dcf50b541ac\",\n \"unvendored_tests\": true,\n \"version\": \"2.4.1\"\n },\n \"pygame-ce-tests\": {\n \"depends\": [\"pygame-ce\"],\n \"file_name\": \"pygame-ce-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"pygame-ce-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"35c1a69571adc2bf312fd3362fce5497906ae251220f8bd9ecf37cc9888d39dc\",\n \"unvendored_tests\": false,\n \"version\": \"2.4.1\"\n },\n \"pygments\": {\n \"depends\": [],\n \"file_name\": \"pygments-2.17.2-py3-none-any.whl\",\n \"imports\": [\"pygments\"],\n \"install_dir\": \"site\",\n \"name\": \"Pygments\",\n \"package_type\": \"package\",\n \"sha256\": \"ac04150325512ecf59de0ea182abf8879a47e641e523bbe2016ea71202048cd5\",\n \"unvendored_tests\": false,\n \"version\": \"2.17.2\"\n },\n \"pyheif\": {\n \"depends\": [\"cffi\"],\n \"file_name\": \"pyheif-0.8.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pyheif\"],\n \"install_dir\": \"site\",\n \"name\": \"pyheif\",\n \"package_type\": \"package\",\n \"sha256\": \"7e27401baa3f01601454d0608c34c6c6ae4cebcbcc1bc9a7b169e37770087e64\",\n \"unvendored_tests\": false,\n \"version\": \"0.8.0\"\n },\n \"pyiceberg\": {\n \"depends\": [\n \"click\",\n \"fsspec\",\n \"mmh3\",\n \"pydantic\",\n \"pyparsing\",\n \"requests\",\n \"rich\",\n \"sortedcontainers\",\n \"sqlalchemy\",\n \"strictyaml\"\n ],\n \"file_name\": \"pyiceberg-0.6.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pyiceberg\"],\n \"install_dir\": \"site\",\n \"name\": \"pyiceberg\",\n \"package_type\": \"package\",\n \"sha256\": \"03e99f375fcd932b9e7a851fe8d312b6ad9014582e46cd131f07877170c1ccc2\",\n \"unvendored_tests\": false,\n \"version\": \"0.6.0\"\n },\n \"pyinstrument\": {\n \"depends\": [],\n \"file_name\": \"pyinstrument-4.4.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pyinstrument\"],\n \"install_dir\": \"site\",\n \"name\": \"pyinstrument\",\n \"package_type\": \"package\",\n \"sha256\": \"e0397ed84f95dbabc8ac8053d3c686b66f5d4bad917a7739da01bbd04f58a46c\",\n \"unvendored_tests\": false,\n \"version\": \"4.4.0\"\n },\n \"pynacl\": {\n \"depends\": [\"cffi\"],\n \"file_name\": \"PyNaCl-1.5.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"nacl\"],\n \"install_dir\": \"site\",\n \"name\": \"pynacl\",\n \"package_type\": \"package\",\n \"sha256\": \"e65889a351da44eab63d231db671f8da7a919e833dec93d1bbb290e20562ac52\",\n \"unvendored_tests\": false,\n \"version\": \"1.5.0\"\n },\n \"pyodide-http\": {\n \"depends\": [],\n \"file_name\": \"pyodide_http-0.2.1-py3-none-any.whl\",\n \"imports\": [\"pyodide_http\"],\n \"install_dir\": \"site\",\n \"name\": \"pyodide-http\",\n \"package_type\": \"package\",\n \"sha256\": \"b4ed81d127887054de050cdfb635f123bbe20a118704a499202146c861dcc4f3\",\n \"unvendored_tests\": false,\n \"version\": \"0.2.1\"\n },\n \"pyodide-unix-timezones\": {\n \"depends\": [],\n \"file_name\": \"pyodide_unix_timezones-1.0.0-py3-none-any.whl\",\n \"imports\": [\"unix_timezones\"],\n \"install_dir\": \"site\",\n \"name\": \"pyodide-unix-timezones\",\n \"package_type\": \"package\",\n \"sha256\": \"b469425f1cc451c8b80198a571a4a4743395a354e94bff66d82e913b22e72b3f\",\n \"unvendored_tests\": false,\n \"version\": \"1.0.0\"\n },\n \"pyparsing\": {\n \"depends\": [],\n \"file_name\": \"pyparsing-3.1.2-py3-none-any.whl\",\n \"imports\": [\"pyparsing\"],\n \"install_dir\": \"site\",\n \"name\": \"pyparsing\",\n \"package_type\": \"package\",\n \"sha256\": \"1bfcec2f29dc86b12d23b4c7284af1004c1f3b5886fcfe38f2dd8ae8bc1983d5\",\n \"unvendored_tests\": false,\n \"version\": \"3.1.2\"\n },\n \"pyproj\": {\n \"depends\": [\"certifi\", \"sqlite3\"],\n \"file_name\": \"pyproj-3.6.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pyproj\"],\n \"install_dir\": \"site\",\n \"name\": \"pyproj\",\n \"package_type\": \"package\",\n \"sha256\": \"11cae0abcb121ae8a51adf762028ea5552faa3c7dc8b33aff6ba0dfd11ac46c6\",\n \"unvendored_tests\": false,\n \"version\": \"3.6.1\"\n },\n \"pyrsistent\": {\n \"depends\": [],\n \"file_name\": \"pyrsistent-0.20.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"_pyrsistent_version\", \"pyrsistent\"],\n \"install_dir\": \"site\",\n \"name\": \"pyrsistent\",\n \"package_type\": \"package\",\n \"sha256\": \"a8c1ffcbbc2d2cb0e874ab125228436d1feab02a25b19fa55ca9c906fa684062\",\n \"unvendored_tests\": false,\n \"version\": \"0.20.0\"\n },\n \"pysam\": {\n \"depends\": [],\n \"file_name\": \"pysam-0.22.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pysam\"],\n \"install_dir\": \"site\",\n \"name\": \"pysam\",\n \"package_type\": \"package\",\n \"sha256\": \"d15f06f3cdab7bee55d99d08177a573cce401b8b336c8eaaa9fc185e80d6d395\",\n \"unvendored_tests\": false,\n \"version\": \"0.22.0\"\n },\n \"pyshp\": {\n \"depends\": [],\n \"file_name\": \"pyshp-2.3.1-py2.py3-none-any.whl\",\n \"imports\": [\"shapefile\"],\n \"install_dir\": \"site\",\n \"name\": \"pyshp\",\n \"package_type\": \"package\",\n \"sha256\": \"9301f57f1eafbf379dda5cf521c9442c320e3743f86d8b5958cbca2d5b1b493c\",\n \"unvendored_tests\": false,\n \"version\": \"2.3.1\"\n },\n \"pytest\": {\n \"depends\": [\n \"atomicwrites\",\n \"attrs\",\n \"more-itertools\",\n \"pluggy\",\n \"py\",\n \"setuptools\",\n \"six\",\n \"iniconfig\",\n \"exceptiongroup\"\n ],\n \"file_name\": \"pytest-8.1.1-py3-none-any.whl\",\n \"imports\": [\"_pytest\", \"pytest\"],\n \"install_dir\": \"site\",\n \"name\": \"pytest\",\n \"package_type\": \"package\",\n \"sha256\": \"85b317e413a6ccdb7beb312971411d6cc22f7a92ca8447b5bba971b4137f17e2\",\n \"unvendored_tests\": false,\n \"version\": \"8.1.1\"\n },\n \"pytest-asyncio\": {\n \"depends\": [\"pytest\"],\n \"file_name\": \"pytest_asyncio-0.23.7-py3-none-any.whl\",\n \"imports\": [\"pytest_asyncio\"],\n \"install_dir\": \"site\",\n \"name\": \"pytest-asyncio\",\n \"package_type\": \"package\",\n \"sha256\": \"8ee6a71569aa37a0910db072174c9acd13d5997c1098f280e94ed4574a0cc190\",\n \"unvendored_tests\": false,\n \"version\": \"0.23.7\"\n },\n \"pytest-benchmark\": {\n \"depends\": [],\n \"file_name\": \"pytest_benchmark-4.0.0-py3-none-any.whl\",\n \"imports\": [\"pytest_benchmark\"],\n \"install_dir\": \"site\",\n \"name\": \"pytest-benchmark\",\n \"package_type\": \"package\",\n \"sha256\": \"74d99849a15a9c74047981dfa15433600a45a1059ee00ee2b80542b10dbda10c\",\n \"unvendored_tests\": false,\n \"version\": \"4.0.0\"\n },\n \"python-dateutil\": {\n \"depends\": [\"six\"],\n \"file_name\": \"python_dateutil-2.9.0.post0-py2.py3-none-any.whl\",\n \"imports\": [\"dateutil\"],\n \"install_dir\": \"site\",\n \"name\": \"python-dateutil\",\n \"package_type\": \"package\",\n \"sha256\": \"797b31f9ae8a3290efe40c9569dd9c6ddf55ab4121b2e6637442eb4dda5b7061\",\n \"unvendored_tests\": false,\n \"version\": \"2.9.0.post0\"\n },\n \"python-flint\": {\n \"depends\": [],\n \"file_name\": \"python_flint-0.6.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"flint\"],\n \"install_dir\": \"site\",\n \"name\": \"python-flint\",\n \"package_type\": \"package\",\n \"sha256\": \"f9bf7f05a974343833d957471e62ecb309c9096166a8d6db76ddbc14be334f68\",\n \"unvendored_tests\": false,\n \"version\": \"0.6.0\"\n },\n \"python-magic\": {\n \"depends\": [\"libmagic\"],\n \"file_name\": \"python_magic-0.4.27-py2.py3-none-any.whl\",\n \"imports\": [\"magic\"],\n \"install_dir\": \"site\",\n \"name\": \"python-magic\",\n \"package_type\": \"package\",\n \"sha256\": \"f49e15d5c579811d9a467b3def0589a023cf9e9ec96e751277b6314a1770a899\",\n \"unvendored_tests\": false,\n \"version\": \"0.4.27\"\n },\n \"python-sat\": {\n \"depends\": [\"six\"],\n \"file_name\": \"python_sat-1.8.dev13-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pysat\"],\n \"install_dir\": \"site\",\n \"name\": \"python-sat\",\n \"package_type\": \"package\",\n \"sha256\": \"70e0ba336620930b3a1e35cc255b1390b7555d0c7fd8eb5aac03d88fd27482c0\",\n \"unvendored_tests\": false,\n \"version\": \"1.8.dev13\"\n },\n \"python-solvespace\": {\n \"depends\": [],\n \"file_name\": \"python_solvespace-3.0.8-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"python_solvespace\"],\n \"install_dir\": \"site\",\n \"name\": \"python-solvespace\",\n \"package_type\": \"package\",\n \"sha256\": \"97e47b1dcfd4cf81779c3471d44c95ff12fb649386dd67fa20d025ff3574d027\",\n \"unvendored_tests\": false,\n \"version\": \"3.0.8\"\n },\n \"pytz\": {\n \"depends\": [],\n \"file_name\": \"pytz-2024.1-py2.py3-none-any.whl\",\n \"imports\": [\"pytz\"],\n \"install_dir\": \"site\",\n \"name\": \"pytz\",\n \"package_type\": \"package\",\n \"sha256\": \"4d9fcdd0d31fed7ec88db3c09394c6d52611be122370aa3a5c20026aa4741d62\",\n \"unvendored_tests\": false,\n \"version\": \"2024.1\"\n },\n \"pywavelets\": {\n \"depends\": [\"numpy\", \"matplotlib\", \"scipy\"],\n \"file_name\": \"pywavelets-1.7.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pywt\"],\n \"install_dir\": \"site\",\n \"name\": \"pywavelets\",\n \"package_type\": \"package\",\n \"sha256\": \"b8c9af00a05dfeb51007aad1e8b3b951b9875a3a2ee280ad09bbd41d82110c03\",\n \"unvendored_tests\": true,\n \"version\": \"1.7.0\"\n },\n \"pywavelets-tests\": {\n \"depends\": [\"pywavelets\"],\n \"file_name\": \"pywavelets-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"pywavelets-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"c3db6bcc05f7fd4812ca15dfdca660f10ea8032baeb30636a00941f16c4d8b7d\",\n \"unvendored_tests\": false,\n \"version\": \"1.7.0\"\n },\n \"pyxel\": {\n \"depends\": [],\n \"file_name\": \"pyxel-1.9.10-cp37-abi3-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pyxel\"],\n \"install_dir\": \"site\",\n \"name\": \"pyxel\",\n \"package_type\": \"package\",\n \"sha256\": \"b68a1c2224968b7543e1b5234c02c4cc745d65f77f4de9b3a6fb3da29bb5e566\",\n \"unvendored_tests\": false,\n \"version\": \"1.9.10\"\n },\n \"pyxirr\": {\n \"depends\": [],\n \"file_name\": \"pyxirr-0.10.6-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"pyxirr\"],\n \"install_dir\": \"site\",\n \"name\": \"pyxirr\",\n \"package_type\": \"package\",\n \"sha256\": \"524d903b66a70ea1a73c06f4b482d581d4144053a21af1878925dcda35dd32bc\",\n \"unvendored_tests\": false,\n \"version\": \"0.10.6\"\n },\n \"pyyaml\": {\n \"depends\": [],\n \"file_name\": \"PyYAML-6.0.2-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"_yaml\", \"yaml\"],\n \"install_dir\": \"site\",\n \"name\": \"pyyaml\",\n \"package_type\": \"package\",\n \"sha256\": \"4f6d4fd462caf96fdce9171287b143dd1e68c88648ede044a531dd35d9c3ca78\",\n \"unvendored_tests\": false,\n \"version\": \"6.0.2\"\n },\n \"rasterio\": {\n \"depends\": [\n \"numpy\",\n \"affine\",\n \"gdal\",\n \"attrs\",\n \"certifi\",\n \"click\",\n \"cligj\"\n ],\n \"file_name\": \"rasterio-1.4.2-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"rasterio\"],\n \"install_dir\": \"site\",\n \"name\": \"rasterio\",\n \"package_type\": \"package\",\n \"sha256\": \"bfa3e9a5f3447c10c9a9ac74a3b95a2de228a8bc0df504caaef38021ef294695\",\n \"unvendored_tests\": false,\n \"version\": \"1.4.2\"\n },\n \"rateslib\": {\n \"depends\": [\"numpy\", \"pandas\", \"matplotlib\"],\n \"file_name\": \"rateslib-1.6.0-cp39-abi3-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"rateslib\"],\n \"install_dir\": \"site\",\n \"name\": \"rateslib\",\n \"package_type\": \"package\",\n \"sha256\": \"e8991ec93ce310cca7f923774e3712a2a021ca6f40e15e29ce3c7d44f1639287\",\n \"unvendored_tests\": false,\n \"version\": \"1.6.0\"\n },\n \"rebound\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"rebound-4.4.3-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"rebound\"],\n \"install_dir\": \"site\",\n \"name\": \"rebound\",\n \"package_type\": \"package\",\n \"sha256\": \"e8a97a34d4cd7aff7a1c3867a17d3590c7f3a8be31803ca24a0ca5a987e84632\",\n \"unvendored_tests\": false,\n \"version\": \"4.4.3\"\n },\n \"reboundx\": {\n \"depends\": [\"rebound\", \"numpy\"],\n \"file_name\": \"reboundx-4.3.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"reboundx\"],\n \"install_dir\": \"site\",\n \"name\": \"reboundx\",\n \"package_type\": \"package\",\n \"sha256\": \"c87b5d60b259e67893d28f92fb364c9a7e0d578b22c07191ee844aef207840d7\",\n \"unvendored_tests\": false,\n \"version\": \"4.3.0\"\n },\n \"referencing\": {\n \"depends\": [\"attrs\", \"rpds-py\"],\n \"file_name\": \"referencing-0.34.0-py3-none-any.whl\",\n \"imports\": [\"referencing\"],\n \"install_dir\": \"site\",\n \"name\": \"referencing\",\n \"package_type\": \"package\",\n \"sha256\": \"85a54b89cffad1552bb4c7f5c2cb5a69e8476cb1f331fe7b816bcf61361cd421\",\n \"unvendored_tests\": true,\n \"version\": \"0.34.0\"\n },\n \"referencing-tests\": {\n \"depends\": [\"referencing\"],\n \"file_name\": \"referencing-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"referencing-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"4613870a7f02e4b9b9f46fce0941317d000c56356a2bf7d6233043350f70a2f7\",\n \"unvendored_tests\": false,\n \"version\": \"0.34.0\"\n },\n \"regex\": {\n \"depends\": [],\n \"file_name\": \"regex-2024.9.11-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"regex\"],\n \"install_dir\": \"site\",\n \"name\": \"regex\",\n \"package_type\": \"package\",\n \"sha256\": \"360f8c42bb23821206a3aaa154705fce204c73cbf84adfe1f15296bce2fca306\",\n \"unvendored_tests\": true,\n \"version\": \"2024.9.11\"\n },\n \"regex-tests\": {\n \"depends\": [\"regex\"],\n \"file_name\": \"regex-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"regex-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"585927f9a991d9ea07ee29fb3b3b24e02d6a287d32ba3c2568ddc25ab7e16dc5\",\n \"unvendored_tests\": false,\n \"version\": \"2024.9.11\"\n },\n \"requests\": {\n \"depends\": [\"charset-normalizer\", \"idna\", \"urllib3\", \"certifi\"],\n \"file_name\": \"requests-2.31.0-py3-none-any.whl\",\n \"imports\": [\"requests\"],\n \"install_dir\": \"site\",\n \"name\": \"requests\",\n \"package_type\": \"package\",\n \"sha256\": \"989ea9ee570dbac26269e964d3d73a1b7792ded0a7d1124fede2d2d05859dedd\",\n \"unvendored_tests\": false,\n \"version\": \"2.31.0\"\n },\n \"retrying\": {\n \"depends\": [\"six\"],\n \"file_name\": \"retrying-1.3.4-py3-none-any.whl\",\n \"imports\": [\"retrying\"],\n \"install_dir\": \"site\",\n \"name\": \"retrying\",\n \"package_type\": \"package\",\n \"sha256\": \"556d56c59a3a0fda6779008eee80b96aea5702c9a89dadaa2a412910f6c6c06f\",\n \"unvendored_tests\": false,\n \"version\": \"1.3.4\"\n },\n \"rich\": {\n \"depends\": [],\n \"file_name\": \"rich-13.7.1-py3-none-any.whl\",\n \"imports\": [\"rich\"],\n \"install_dir\": \"site\",\n \"name\": \"rich\",\n \"package_type\": \"package\",\n \"sha256\": \"15538d6bed0d8eedf057bc426fe6671ec2383ac20de021935a11ddee2f3d32ea\",\n \"unvendored_tests\": false,\n \"version\": \"13.7.1\"\n },\n \"river\": {\n \"depends\": [\"numpy\", \"pandas\", \"scipy\"],\n \"file_name\": \"river-0.22.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"river\"],\n \"install_dir\": \"site\",\n \"name\": \"river\",\n \"package_type\": \"package\",\n \"sha256\": \"e60b97729df668034042c05cbbbe01d69c35edba6bbf14d4015aac77ae99ad26\",\n \"unvendored_tests\": true,\n \"version\": \"0.22.0\"\n },\n \"river-tests\": {\n \"depends\": [\"river\"],\n \"file_name\": \"river-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"river-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"c06a63bd9d84295df81c556f456af97f1eda1159880f90b385a6e081716f9ccc\",\n \"unvendored_tests\": false,\n \"version\": \"0.22.0\"\n },\n \"robotraconteur\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"RobotRaconteur-1.2.2-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"RobotRaconteur\"],\n \"install_dir\": \"site\",\n \"name\": \"RobotRaconteur\",\n \"package_type\": \"package\",\n \"sha256\": \"9aec7f65a3fed58c82c5cfbc6bff46cc5bf8fa1b79481ccd4ea7cb476f08b328\",\n \"unvendored_tests\": false,\n \"version\": \"1.2.2\"\n },\n \"rpds-py\": {\n \"depends\": [],\n \"file_name\": \"rpds_py-0.18.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"rpds\"],\n \"install_dir\": \"site\",\n \"name\": \"rpds-py\",\n \"package_type\": \"package\",\n \"sha256\": \"a3f26d0f7a2eb06781e2d2c6cc4c13bca3a66d667601620c679c6978e661a07f\",\n \"unvendored_tests\": false,\n \"version\": \"0.18.0\"\n },\n \"ruamel-yaml\": {\n \"depends\": [],\n \"file_name\": \"ruamel.yaml-0.18.6-py3-none-any.whl\",\n \"imports\": [\"ruamel\"],\n \"install_dir\": \"site\",\n \"name\": \"ruamel.yaml\",\n \"package_type\": \"package\",\n \"sha256\": \"df384cdd24f45ba88606eb44649ec7fc0d73307e28c791c19c9b92b9e6b1a75a\",\n \"unvendored_tests\": false,\n \"version\": \"0.18.6\"\n },\n \"rust-abi-test\": {\n \"depends\": [],\n \"file_name\": \"rust_abi_test-1.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"rust-abi-test\"],\n \"install_dir\": \"site\",\n \"name\": \"rust-abi-test\",\n \"package_type\": \"package\",\n \"sha256\": \"dbb1b8c3c878b2d8c5a85444e2b0be2c87c0ae4463186fd20fc30c46283773cd\",\n \"unvendored_tests\": false,\n \"version\": \"1.0\"\n },\n \"rust-panic-test\": {\n \"depends\": [],\n \"file_name\": \"rust_panic_test-1.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"rust-panic-test\"],\n \"install_dir\": \"site\",\n \"name\": \"rust-panic-test\",\n \"package_type\": \"package\",\n \"sha256\": \"7a491b50df2a813efbb3e95f03c52ab8f4ebde95e252a48e92b6279666051f2d\",\n \"unvendored_tests\": false,\n \"version\": \"1.0\"\n },\n \"scikit-image\": {\n \"depends\": [\n \"packaging\",\n \"numpy\",\n \"scipy\",\n \"networkx\",\n \"pillow\",\n \"imageio\",\n \"pywavelets\",\n \"lazy_loader\"\n ],\n \"file_name\": \"scikit_image-0.25.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"skimage\"],\n \"install_dir\": \"site\",\n \"name\": \"scikit-image\",\n \"package_type\": \"package\",\n \"sha256\": \"54171d692a5e01eec859ff6a59f997bf5d055f1a0660d35d1d90ce38ed03ad2d\",\n \"unvendored_tests\": true,\n \"version\": \"0.25.0\"\n },\n \"scikit-image-tests\": {\n \"depends\": [\"scikit-image\"],\n \"file_name\": \"scikit-image-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"scikit-image-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"4dc121ef29225f77f83d82babcc3714010bcc447c9c88045bfbd09d230b35cd4\",\n \"unvendored_tests\": false,\n \"version\": \"0.25.0\"\n },\n \"scikit-learn\": {\n \"depends\": [\"scipy\", \"joblib\", \"threadpoolctl\"],\n \"file_name\": \"scikit_learn-1.6.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"sklearn\"],\n \"install_dir\": \"site\",\n \"name\": \"scikit-learn\",\n \"package_type\": \"package\",\n \"sha256\": \"366a683e6ee7b79f0755761489c7396b11db3086f07f5078f9b74ab4c6d3ddb8\",\n \"unvendored_tests\": true,\n \"version\": \"1.6.1\"\n },\n \"scikit-learn-tests\": {\n \"depends\": [\"scikit-learn\"],\n \"file_name\": \"scikit-learn-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"scikit-learn-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"43f9b6c8dceba857b18349dee0323749eae4b402cd332d2dd1d192aafee89f5b\",\n \"unvendored_tests\": false,\n \"version\": \"1.6.1\"\n },\n \"scipy\": {\n \"depends\": [\"numpy\", \"openblas\"],\n \"file_name\": \"scipy-1.14.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"scipy\"],\n \"install_dir\": \"site\",\n \"name\": \"scipy\",\n \"package_type\": \"package\",\n \"sha256\": \"eebec257caf28c3cc969b05878327a285437af1a44eec92fc6312cc0ed638499\",\n \"unvendored_tests\": true,\n \"version\": \"1.14.1\"\n },\n \"scipy-tests\": {\n \"depends\": [\"scipy\"],\n \"file_name\": \"scipy-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"scipy-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"6f11b4e99496ec949b8cbc0da438d26be722a7623f23338506437a344ec0b209\",\n \"unvendored_tests\": false,\n \"version\": \"1.14.1\"\n },\n \"screed\": {\n \"depends\": [],\n \"file_name\": \"screed-1.1.3-py2.py3-none-any.whl\",\n \"imports\": [\"bigtests\", \"screed\"],\n \"install_dir\": \"site\",\n \"name\": \"screed\",\n \"package_type\": \"package\",\n \"sha256\": \"c19d20a26988701e7a861444ee21b2d50079c92d96c966969e73f677873fe069\",\n \"unvendored_tests\": true,\n \"version\": \"1.1.3\"\n },\n \"screed-tests\": {\n \"depends\": [\"screed\"],\n \"file_name\": \"screed-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"screed-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"46fb0a3f325489f9f6133136cb4eb3ea7370576e1b1b5d1cd0cdbb9519cc6168\",\n \"unvendored_tests\": false,\n \"version\": \"1.1.3\"\n },\n \"setuptools\": {\n \"depends\": [\"pyparsing\"],\n \"file_name\": \"setuptools-69.5.1-py3-none-any.whl\",\n \"imports\": [\"_distutils_hack\", \"pkg_resources\", \"setuptools\"],\n \"install_dir\": \"site\",\n \"name\": \"setuptools\",\n \"package_type\": \"package\",\n \"sha256\": \"55db9a495173f61154429e94d917ec869c870fd6e8899eb3cc3a6fe9b9a045ec\",\n \"unvendored_tests\": false,\n \"version\": \"69.5.1\"\n },\n \"shapely\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"shapely-2.0.6-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"shapely\"],\n \"install_dir\": \"site\",\n \"name\": \"shapely\",\n \"package_type\": \"package\",\n \"sha256\": \"369a877a70309114933c0b05a0921ce39cdb1bbce0d6ec6bc1f87cddb215eca3\",\n \"unvendored_tests\": true,\n \"version\": \"2.0.6\"\n },\n \"shapely-tests\": {\n \"depends\": [\"shapely\"],\n \"file_name\": \"shapely-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"shapely-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"cd1bd5c16ea99d2d0ba36d955172e72e745197af1fefb25e68762741b8c52c9f\",\n \"unvendored_tests\": false,\n \"version\": \"2.0.6\"\n },\n \"sharedlib-test\": {\n \"depends\": [],\n \"file_name\": \"sharedlib-test-1.0.zip\",\n \"imports\": [],\n \"install_dir\": \"dynlib\",\n \"name\": \"sharedlib-test\",\n \"package_type\": \"shared_library\",\n \"sha256\": \"f376932bff89a4fafda8b428ce09147ad66788e63d71ead2c8df2db6e72e895b\",\n \"unvendored_tests\": false,\n \"version\": \"1.0\"\n },\n \"sharedlib-test-py\": {\n \"depends\": [\"sharedlib-test\"],\n \"file_name\": \"sharedlib_test_py-1.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"sharedlib_test\"],\n \"install_dir\": \"site\",\n \"name\": \"sharedlib-test-py\",\n \"package_type\": \"package\",\n \"sha256\": \"8b90ce5ed558817d4fa5fa4f6035eeb0e5b821c220e72bfc05186878ac4bb6a3\",\n \"unvendored_tests\": false,\n \"version\": \"1.0\"\n },\n \"simplejson\": {\n \"depends\": [],\n \"file_name\": \"simplejson-3.19.2-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"simplejson\"],\n \"install_dir\": \"site\",\n \"name\": \"simplejson\",\n \"package_type\": \"package\",\n \"sha256\": \"0491048f30a890b40c5fa07ef072039d7514ca2c39f3310c773c698def4e81e8\",\n \"unvendored_tests\": true,\n \"version\": \"3.19.2\"\n },\n \"simplejson-tests\": {\n \"depends\": [\"simplejson\"],\n \"file_name\": \"simplejson-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"simplejson-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"13d61686ff97f4d856cb9990c1eafc0f41e1a47b305d92818c264bf0590e5934\",\n \"unvendored_tests\": false,\n \"version\": \"3.19.2\"\n },\n \"sisl\": {\n \"depends\": [\n \"pyparsing\",\n \"numpy\",\n \"scipy\",\n \"tqdm\",\n \"xarray\",\n \"pandas\",\n \"matplotlib\"\n ],\n \"file_name\": \"sisl-0.15.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"sisl_toolbox\", \"sisl\"],\n \"install_dir\": \"site\",\n \"name\": \"sisl\",\n \"package_type\": \"package\",\n \"sha256\": \"cb3e398db1fb3ce4fe71d4dce36a995eb5830450bcc09cfbdf5fa9cbd6f5a6c5\",\n \"unvendored_tests\": true,\n \"version\": \"0.15.1\"\n },\n \"sisl-tests\": {\n \"depends\": [\"sisl\"],\n \"file_name\": \"sisl-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"sisl-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"2f1ac8e121e6f4d52d6d45df395c0a7e399de162ec438b57a5671f0a5dfe5da7\",\n \"unvendored_tests\": false,\n \"version\": \"0.15.1\"\n },\n \"six\": {\n \"depends\": [],\n \"file_name\": \"six-1.16.0-py2.py3-none-any.whl\",\n \"imports\": [\"six\"],\n \"install_dir\": \"site\",\n \"name\": \"six\",\n \"package_type\": \"package\",\n \"sha256\": \"9a9c3ac3a9305de225a2c8001171387acca73aa0a5c355a2ad49a8adbc6170db\",\n \"unvendored_tests\": false,\n \"version\": \"1.16.0\"\n },\n \"smart-open\": {\n \"depends\": [\"wrapt\"],\n \"file_name\": \"smart_open-7.0.4-py3-none-any.whl\",\n \"imports\": [\"smart_open\"],\n \"install_dir\": \"site\",\n \"name\": \"smart-open\",\n \"package_type\": \"package\",\n \"sha256\": \"b5548ac9419a50ff7ab0502884f69c521a3d730842c6667de2aa513592815764\",\n \"unvendored_tests\": false,\n \"version\": \"7.0.4\"\n },\n \"sortedcontainers\": {\n \"depends\": [],\n \"file_name\": \"sortedcontainers-2.4.0-py2.py3-none-any.whl\",\n \"imports\": [\"sortedcontainers\"],\n \"install_dir\": \"site\",\n \"name\": \"sortedcontainers\",\n \"package_type\": \"package\",\n \"sha256\": \"d40ce50e406b2c84e95b69d31fb13a9ecccc8dd83468f63da8e0d9484ae0942d\",\n \"unvendored_tests\": false,\n \"version\": \"2.4.0\"\n },\n \"soupsieve\": {\n \"depends\": [],\n \"file_name\": \"soupsieve-2.5-py3-none-any.whl\",\n \"imports\": [\"soupsieve\"],\n \"install_dir\": \"site\",\n \"name\": \"soupsieve\",\n \"package_type\": \"package\",\n \"sha256\": \"e97cfa16d2a6cc246659bc085ca3749ac6c6107fd68b54bbcea843786beccf5d\",\n \"unvendored_tests\": false,\n \"version\": \"2.5\"\n },\n \"sourmash\": {\n \"depends\": [\n \"screed\",\n \"cffi\",\n \"deprecation\",\n \"cachetools\",\n \"numpy\",\n \"matplotlib\",\n \"scipy\",\n \"sqlite3\",\n \"bitstring\"\n ],\n \"file_name\": \"sourmash-4.8.11-py3-none-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"sourmash\"],\n \"install_dir\": \"site\",\n \"name\": \"sourmash\",\n \"package_type\": \"package\",\n \"sha256\": \"10f589da5c91e2fabef9bb5efe6cb325b231aea2a18388290df10e09e8efe82b\",\n \"unvendored_tests\": false,\n \"version\": \"4.8.11\"\n },\n \"soxr\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"soxr-0.5.0.post1-cp312-abi3-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"soxr\"],\n \"install_dir\": \"site\",\n \"name\": \"soxr\",\n \"package_type\": \"package\",\n \"sha256\": \"a7ec50bbbe0425350b505de05ab1ba9f3718ac5f8d50a0f9026b99d098dcc6c2\",\n \"unvendored_tests\": false,\n \"version\": \"0.5.0.post1\"\n },\n \"sparseqr\": {\n \"depends\": [\"pycparser\", \"cffi\", \"numpy\", \"scipy\", \"suitesparse\"],\n \"file_name\": \"sparseqr-1.2-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"sparseqr\"],\n \"install_dir\": \"site\",\n \"name\": \"sparseqr\",\n \"package_type\": \"package\",\n \"sha256\": \"99d7e6b87ba695691020d27ea24cf8abd827f7aa94ce7939a47979191067e6c8\",\n \"unvendored_tests\": false,\n \"version\": \"1.2\"\n },\n \"sqlalchemy\": {\n \"depends\": [\"sqlite3\", \"typing-extensions\"],\n \"file_name\": \"SQLAlchemy-2.0.29-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"sqlalchemy\"],\n \"install_dir\": \"site\",\n \"name\": \"sqlalchemy\",\n \"package_type\": \"package\",\n \"sha256\": \"612b1a9126ec9ed32cf6a3bec5ba819bcf22129391ad36282c91968fa206f1ed\",\n \"unvendored_tests\": true,\n \"version\": \"2.0.29\"\n },\n \"sqlalchemy-tests\": {\n \"depends\": [\"sqlalchemy\"],\n \"file_name\": \"sqlalchemy-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"sqlalchemy-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"22bc36d17fe77a36a82b47e683c40a85e76e43520973b81f9abb251229879025\",\n \"unvendored_tests\": false,\n \"version\": \"2.0.29\"\n },\n \"sqlite3\": {\n \"depends\": [],\n \"file_name\": \"sqlite3-1.0.0-py2.py3-none-any.whl\",\n \"imports\": [\"sqlite3\", \"_sqlite3\"],\n \"install_dir\": \"site\",\n \"name\": \"sqlite3\",\n \"package_type\": \"cpython_module\",\n \"sha256\": \"23c51f8913c23ea67eb7c86ad80db7d26ce98f22e1ed48909d80be4452e9b20e\",\n \"unvendored_tests\": false,\n \"version\": \"1.0.0\"\n },\n \"ssl\": {\n \"depends\": [\"openssl\"],\n \"file_name\": \"ssl-1.0.0-py2.py3-none-any.whl\",\n \"imports\": [\"ssl\", \"_ssl\"],\n \"install_dir\": \"site\",\n \"name\": \"ssl\",\n \"package_type\": \"cpython_module\",\n \"sha256\": \"cd62925e0170c80ea371c125dbc512a43c8018ddbf58ee9c71987f64700dbaf7\",\n \"unvendored_tests\": false,\n \"version\": \"1.0.0\"\n },\n \"stack-data\": {\n \"depends\": [\"executing\", \"asttokens\", \"pure-eval\"],\n \"file_name\": \"stack_data-0.6.3-py3-none-any.whl\",\n \"imports\": [\"stack_data\"],\n \"install_dir\": \"site\",\n \"name\": \"stack-data\",\n \"package_type\": \"package\",\n \"sha256\": \"35c37da13e17cfaea4d2bef2b1fc92da298ac1e93483759e89d63eeca11e2d0c\",\n \"unvendored_tests\": false,\n \"version\": \"0.6.3\"\n },\n \"statsmodels\": {\n \"depends\": [\"numpy\", \"scipy\", \"pandas\", \"patsy\", \"packaging\"],\n \"file_name\": \"statsmodels-0.14.4-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"statsmodels\"],\n \"install_dir\": \"site\",\n \"name\": \"statsmodels\",\n \"package_type\": \"package\",\n \"sha256\": \"bee8738734db2d59b7170a887d55815540d09b033be93b62c0fbf8177ac41254\",\n \"unvendored_tests\": false,\n \"version\": \"0.14.4\"\n },\n \"strictyaml\": {\n \"depends\": [\"python-dateutil\"],\n \"file_name\": \"strictyaml-1.7.3-py3-none-any.whl\",\n \"imports\": [\"strictyaml\"],\n \"install_dir\": \"site\",\n \"name\": \"strictyaml\",\n \"package_type\": \"package\",\n \"sha256\": \"9950bd6669a0a3485bd3cad60c6cf7c385a449465b3869f54a09633b64963fdf\",\n \"unvendored_tests\": false,\n \"version\": \"1.7.3\"\n },\n \"suitesparse\": {\n \"depends\": [\"openblas\"],\n \"file_name\": \"suitesparse-5.11.0.zip\",\n \"imports\": [],\n \"install_dir\": \"dynlib\",\n \"name\": \"suitesparse\",\n \"package_type\": \"shared_library\",\n \"sha256\": \"b49ce96e75146487e5ba801d75b50279f26811818b4fad628893dda9456da595\",\n \"unvendored_tests\": false,\n \"version\": \"5.11.0\"\n },\n \"svgwrite\": {\n \"depends\": [],\n \"file_name\": \"svgwrite-1.4.3-py3-none-any.whl\",\n \"imports\": [\"svgwrite\"],\n \"install_dir\": \"site\",\n \"name\": \"svgwrite\",\n \"package_type\": \"package\",\n \"sha256\": \"ef5033956416944252eb7de0559845b3c9ecbe296519c9a8ecd1f20ce311bc3f\",\n \"unvendored_tests\": false,\n \"version\": \"1.4.3\"\n },\n \"swiglpk\": {\n \"depends\": [],\n \"file_name\": \"swiglpk-5.0.10-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"swiglpk\"],\n \"install_dir\": \"site\",\n \"name\": \"swiglpk\",\n \"package_type\": \"package\",\n \"sha256\": \"84c624d8f2509a1b858eeb422b1be1d09b9f52e0c1deb3c6b0c91e0006ed51f2\",\n \"unvendored_tests\": false,\n \"version\": \"5.0.10\"\n },\n \"sympy\": {\n \"depends\": [\"mpmath\"],\n \"file_name\": \"sympy-1.13.3-py3-none-any.whl\",\n \"imports\": [\"isympy\", \"sympy\"],\n \"install_dir\": \"site\",\n \"name\": \"sympy\",\n \"package_type\": \"package\",\n \"sha256\": \"31f9d8cf9e00efa868c9f30c7cafe644b347a48b01ce8fa492938986cf60deb1\",\n \"unvendored_tests\": true,\n \"version\": \"1.13.3\"\n },\n \"sympy-tests\": {\n \"depends\": [\"sympy\"],\n \"file_name\": \"sympy-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"sympy-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"91793b52f4b017a8b16998b5b535f119b05992d4f4d7be9414013e517768c5a8\",\n \"unvendored_tests\": false,\n \"version\": \"1.13.3\"\n },\n \"tblib\": {\n \"depends\": [],\n \"file_name\": \"tblib-3.0.0-py3-none-any.whl\",\n \"imports\": [\"tblib\"],\n \"install_dir\": \"site\",\n \"name\": \"tblib\",\n \"package_type\": \"package\",\n \"sha256\": \"d4401b1694ad5ff6c9913aa5314d566d443e91d4a469e4da2464e7d9d6dea92c\",\n \"unvendored_tests\": false,\n \"version\": \"3.0.0\"\n },\n \"termcolor\": {\n \"depends\": [],\n \"file_name\": \"termcolor-2.4.0-py3-none-any.whl\",\n \"imports\": [\"termcolor\"],\n \"install_dir\": \"site\",\n \"name\": \"termcolor\",\n \"package_type\": \"package\",\n \"sha256\": \"188eb32ba80db2f541ac0e520b113b6b0eb90e15a15a188af99abfe829458456\",\n \"unvendored_tests\": false,\n \"version\": \"2.4.0\"\n },\n \"test\": {\n \"depends\": [],\n \"file_name\": \"test-1.0.0-py2.py3-none-any.whl\",\n \"imports\": [\"test\"],\n \"install_dir\": \"site\",\n \"name\": \"test\",\n \"package_type\": \"cpython_module\",\n \"sha256\": \"d235bf78d343f00e089b59777f5484437c946010d9c08a71cbc9b9fd1a988f54\",\n \"unvendored_tests\": false,\n \"version\": \"1.0.0\"\n },\n \"texttable\": {\n \"depends\": [],\n \"file_name\": \"texttable-1.7.0-py2.py3-none-any.whl\",\n \"imports\": [\"texttable\"],\n \"install_dir\": \"site\",\n \"name\": \"texttable\",\n \"package_type\": \"package\",\n \"sha256\": \"21b971f159c8c8316f7eb8f4be94cc96d0e13c7d8e7361d5a720c979f78a42fb\",\n \"unvendored_tests\": false,\n \"version\": \"1.7.0\"\n },\n \"threadpoolctl\": {\n \"depends\": [],\n \"file_name\": \"threadpoolctl-3.5.0-py3-none-any.whl\",\n \"imports\": [\"threadpoolctl\"],\n \"install_dir\": \"site\",\n \"name\": \"threadpoolctl\",\n \"package_type\": \"package\",\n \"sha256\": \"85ba420ffa213e855bee04b2fabed30c9abdb6253b3698f2c40e1f9e320803d5\",\n \"unvendored_tests\": false,\n \"version\": \"3.5.0\"\n },\n \"tiktoken\": {\n \"depends\": [\"regex\", \"requests\"],\n \"file_name\": \"tiktoken-0.8.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"tiktoken\", \"tiktoken_ext\"],\n \"install_dir\": \"site\",\n \"name\": \"tiktoken\",\n \"package_type\": \"package\",\n \"sha256\": \"9822dbab8a69df5651c2a60f369f58cd5df21af0be1bd8d5da45f972b9fb1c41\",\n \"unvendored_tests\": false,\n \"version\": \"0.8.0\"\n },\n \"tomli\": {\n \"depends\": [],\n \"file_name\": \"tomli-2.0.1-py3-none-any.whl\",\n \"imports\": [\"tomli\"],\n \"install_dir\": \"site\",\n \"name\": \"tomli\",\n \"package_type\": \"package\",\n \"sha256\": \"6c8a227cbf699db514e7f9c6ba798c7a036993d7e3ba90295a8580d0403042c4\",\n \"unvendored_tests\": false,\n \"version\": \"2.0.1\"\n },\n \"tomli-w\": {\n \"depends\": [],\n \"file_name\": \"tomli_w-1.0.0-py3-none-any.whl\",\n \"imports\": [\"tomli_w\"],\n \"install_dir\": \"site\",\n \"name\": \"tomli-w\",\n \"package_type\": \"package\",\n \"sha256\": \"6e5bda93cda389fdf85f047447c66207441194c50d3e2b307061c99c885ba6ac\",\n \"unvendored_tests\": false,\n \"version\": \"1.0.0\"\n },\n \"toolz\": {\n \"depends\": [],\n \"file_name\": \"toolz-0.12.1-py3-none-any.whl\",\n \"imports\": [\"tlz\", \"toolz\"],\n \"install_dir\": \"site\",\n \"name\": \"toolz\",\n \"package_type\": \"package\",\n \"sha256\": \"fd37c03705cae0ce883ed9c8ebf86ce4a4314bcaa78e859673e157aac72c3140\",\n \"unvendored_tests\": true,\n \"version\": \"0.12.1\"\n },\n \"toolz-tests\": {\n \"depends\": [\"toolz\"],\n \"file_name\": \"toolz-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"toolz-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"10dbb463b56bf32e6978e710d589ca4dea0ea75f15dc7050728a0a50d1d5dc61\",\n \"unvendored_tests\": false,\n \"version\": \"0.12.1\"\n },\n \"tqdm\": {\n \"depends\": [],\n \"file_name\": \"tqdm-4.66.2-py3-none-any.whl\",\n \"imports\": [\"tqdm\"],\n \"install_dir\": \"site\",\n \"name\": \"tqdm\",\n \"package_type\": \"package\",\n \"sha256\": \"a44957de6b0d510b380670e81376be8625619b2d2eb10e34daf6168cab5c06c5\",\n \"unvendored_tests\": false,\n \"version\": \"4.66.2\"\n },\n \"traitlets\": {\n \"depends\": [],\n \"file_name\": \"traitlets-5.14.3-py3-none-any.whl\",\n \"imports\": [\"traitlets\"],\n \"install_dir\": \"site\",\n \"name\": \"traitlets\",\n \"package_type\": \"package\",\n \"sha256\": \"95882d9bf2b8f18c37af4a8061bf83d2fdc7ffec71b70d752e68cda2a8b67f75\",\n \"unvendored_tests\": true,\n \"version\": \"5.14.3\"\n },\n \"traitlets-tests\": {\n \"depends\": [\"traitlets\"],\n \"file_name\": \"traitlets-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"traitlets-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"10f443b3b34b6f3aa6e1e54c302862a3f0c32a184a23ecb182fe8210cfe4a2e0\",\n \"unvendored_tests\": false,\n \"version\": \"5.14.3\"\n },\n \"traits\": {\n \"depends\": [],\n \"file_name\": \"traits-6.4.3-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"traits\"],\n \"install_dir\": \"site\",\n \"name\": \"traits\",\n \"package_type\": \"package\",\n \"sha256\": \"acb44eb4e8e37d18c38cad3b1b7be3ec578caedee5fae790c325f5836f01ee13\",\n \"unvendored_tests\": true,\n \"version\": \"6.4.3\"\n },\n \"traits-tests\": {\n \"depends\": [\"traits\"],\n \"file_name\": \"traits-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"traits-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"6f3fcebfd58245b3b3297e3e91a11f54cf0d75cefd37ed76eb023d5baf7efc3d\",\n \"unvendored_tests\": false,\n \"version\": \"6.4.3\"\n },\n \"tree-sitter\": {\n \"depends\": [],\n \"file_name\": \"tree_sitter-0.23.2-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"tree_sitter\"],\n \"install_dir\": \"site\",\n \"name\": \"tree-sitter\",\n \"package_type\": \"package\",\n \"sha256\": \"9ab83952dfec79c6b6d6c0eedda65b8573cc71394ab43286d7a8e750c991d3b0\",\n \"unvendored_tests\": false,\n \"version\": \"0.23.2\"\n },\n \"tree-sitter-go\": {\n \"depends\": [\"tree-sitter\"],\n \"file_name\": \"tree_sitter_go-0.23.3-cp39-abi3-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"tree_sitter_go\"],\n \"install_dir\": \"site\",\n \"name\": \"tree-sitter-go\",\n \"package_type\": \"package\",\n \"sha256\": \"01c100fa55add2c85d95d4808eb90b4845048dc60354541e0511e80bf604a75d\",\n \"unvendored_tests\": false,\n \"version\": \"0.23.3\"\n },\n \"tree-sitter-java\": {\n \"depends\": [\"tree-sitter\"],\n \"file_name\": \"tree_sitter_java-0.23.4-cp39-abi3-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"tree_sitter_java\"],\n \"install_dir\": \"site\",\n \"name\": \"tree-sitter-java\",\n \"package_type\": \"package\",\n \"sha256\": \"ead1b39ab00321bdc2b18f234d3a79b38c6ec628b48bbcb1bc1b0447e49d1bcc\",\n \"unvendored_tests\": false,\n \"version\": \"0.23.4\"\n },\n \"tree-sitter-python\": {\n \"depends\": [\"tree-sitter\"],\n \"file_name\": \"tree_sitter_python-0.23.4-cp39-abi3-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"tree_sitter_python\"],\n \"install_dir\": \"site\",\n \"name\": \"tree-sitter-python\",\n \"package_type\": \"package\",\n \"sha256\": \"d08ec0bac125c8545fdd90606556622bb23074f322039d1376b035e25e626b48\",\n \"unvendored_tests\": false,\n \"version\": \"0.23.4\"\n },\n \"tskit\": {\n \"depends\": [\"numpy\", \"svgwrite\", \"jsonschema\", \"rpds-py\"],\n \"file_name\": \"tskit-0.6.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"tskit\"],\n \"install_dir\": \"site\",\n \"name\": \"tskit\",\n \"package_type\": \"package\",\n \"sha256\": \"efaf091cd918de1aad68817ce739f3ae280c71b6e14226c9d738dc50b4846e62\",\n \"unvendored_tests\": false,\n \"version\": \"0.6.0\"\n },\n \"typing-extensions\": {\n \"depends\": [],\n \"file_name\": \"typing_extensions-4.11.0-py3-none-any.whl\",\n \"imports\": [\"typing_extensions\"],\n \"install_dir\": \"site\",\n \"name\": \"typing-extensions\",\n \"package_type\": \"package\",\n \"sha256\": \"0de4dc28ee755d5ee6b946e8df60360d68ccb772a076c04277677646467425a9\",\n \"unvendored_tests\": false,\n \"version\": \"4.11.0\"\n },\n \"tzdata\": {\n \"depends\": [],\n \"file_name\": \"tzdata-2024.1-py2.py3-none-any.whl\",\n \"imports\": [\"tzdata\"],\n \"install_dir\": \"site\",\n \"name\": \"tzdata\",\n \"package_type\": \"package\",\n \"sha256\": \"7aeeaaea345f1c810ff7ef2688b37975f918e757c818f8e7f351618caecd56bf\",\n \"unvendored_tests\": false,\n \"version\": \"2024.1\"\n },\n \"uncertainties\": {\n \"depends\": [\"future\"],\n \"file_name\": \"uncertainties-3.1.7-py2.py3-none-any.whl\",\n \"imports\": [\"uncertainties\"],\n \"install_dir\": \"site\",\n \"name\": \"uncertainties\",\n \"package_type\": \"package\",\n \"sha256\": \"889e943b32290ac443f260299f2815a89782647f744bd3b07e44e601b98f8457\",\n \"unvendored_tests\": true,\n \"version\": \"3.1.7\"\n },\n \"uncertainties-tests\": {\n \"depends\": [\"uncertainties\"],\n \"file_name\": \"uncertainties-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"uncertainties-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"ceb22e53c2a0a918441561ac54c9db63da459746888fc682bb8cebc20e31525f\",\n \"unvendored_tests\": false,\n \"version\": \"3.1.7\"\n },\n \"unyt\": {\n \"depends\": [\"numpy\", \"packaging\", \"sympy\"],\n \"file_name\": \"unyt-3.0.3-py3-none-any.whl\",\n \"imports\": [\"unyt\"],\n \"install_dir\": \"site\",\n \"name\": \"unyt\",\n \"package_type\": \"package\",\n \"sha256\": \"45b906f5a31731886adb0b98f4e70689a729aa437de6c43fb0ca2d71a9ff82a0\",\n \"unvendored_tests\": true,\n \"version\": \"3.0.3\"\n },\n \"unyt-tests\": {\n \"depends\": [\"unyt\"],\n \"file_name\": \"unyt-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"unyt-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"1842e022ce93f0493e581ce6bfe59d1b6be8b43d42bc95cd2a8dcf3e0f72a87a\",\n \"unvendored_tests\": false,\n \"version\": \"3.0.3\"\n },\n \"urllib3\": {\n \"depends\": [],\n \"file_name\": \"urllib3-2.2.3-py3-none-any.whl\",\n \"imports\": [\"urllib3\"],\n \"install_dir\": \"site\",\n \"name\": \"urllib3\",\n \"package_type\": \"package\",\n \"sha256\": \"819458954209ef4ea434df1b04408982a4426b061e110a30e760677b80732864\",\n \"unvendored_tests\": false,\n \"version\": \"2.2.3\"\n },\n \"vega-datasets\": {\n \"depends\": [\"pandas\"],\n \"file_name\": \"vega_datasets-0.9.0-py3-none-any.whl\",\n \"imports\": [\"vega_datasets\"],\n \"install_dir\": \"site\",\n \"name\": \"vega-datasets\",\n \"package_type\": \"package\",\n \"sha256\": \"6a46728c41def99f4c43b7965bd39306aeb1f50cb49bbe269eb80e436f2f5006\",\n \"unvendored_tests\": true,\n \"version\": \"0.9.0\"\n },\n \"vega-datasets-tests\": {\n \"depends\": [\"vega-datasets\"],\n \"file_name\": \"vega-datasets-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"vega-datasets-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"40acee61cba9915a4e4e1351a8cb0d660efc53cfab8d381784476db74f5c2620\",\n \"unvendored_tests\": false,\n \"version\": \"0.9.0\"\n },\n \"wcwidth\": {\n \"depends\": [],\n \"file_name\": \"wcwidth-0.2.13-py2.py3-none-any.whl\",\n \"imports\": [\"wcwidth\"],\n \"install_dir\": \"site\",\n \"name\": \"wcwidth\",\n \"package_type\": \"package\",\n \"sha256\": \"98f986298d7878d98e7a039e7dc81be26eab99c6ebe2bf9215bc735f87dd245c\",\n \"unvendored_tests\": false,\n \"version\": \"0.2.13\"\n },\n \"webencodings\": {\n \"depends\": [],\n \"file_name\": \"webencodings-0.5.1-py2.py3-none-any.whl\",\n \"imports\": [\"webencodings\"],\n \"install_dir\": \"site\",\n \"name\": \"webencodings\",\n \"package_type\": \"package\",\n \"sha256\": \"4ddec4a758fd69b6faaae0e0e60cd6f807fa49d706c417eb6777f147743545f7\",\n \"unvendored_tests\": false,\n \"version\": \"0.5.1\"\n },\n \"wordcloud\": {\n \"depends\": [\"matplotlib\"],\n \"file_name\": \"wordcloud-1.9.3-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"wordcloud\"],\n \"install_dir\": \"site\",\n \"name\": \"wordcloud\",\n \"package_type\": \"package\",\n \"sha256\": \"fd7b3a0612bd8a05c11e3db1656523afcb3323e1c7df37b656096f94bc298c21\",\n \"unvendored_tests\": false,\n \"version\": \"1.9.3\"\n },\n \"wrapt\": {\n \"depends\": [],\n \"file_name\": \"wrapt-1.16.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"wrapt\"],\n \"install_dir\": \"site\",\n \"name\": \"wrapt\",\n \"package_type\": \"package\",\n \"sha256\": \"13a9aa1c04c1a492a11e841ffb37050a27d5ab1651b4692cf068b8b5678cadd3\",\n \"unvendored_tests\": false,\n \"version\": \"1.16.0\"\n },\n \"xarray\": {\n \"depends\": [\"numpy\", \"packaging\", \"pandas\"],\n \"file_name\": \"xarray-2024.11.0-py3-none-any.whl\",\n \"imports\": [\"xarray\"],\n \"install_dir\": \"site\",\n \"name\": \"xarray\",\n \"package_type\": \"package\",\n \"sha256\": \"82381bccda787f00be93c156008f9c1f57c16348a99d014f004a541e756a6c92\",\n \"unvendored_tests\": true,\n \"version\": \"2024.11.0\"\n },\n \"xarray-tests\": {\n \"depends\": [\"xarray\"],\n \"file_name\": \"xarray-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"xarray-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"ca06ab952e066d8a46f60855287a1bfb1b6c8b812b989a97ba512361a5df0612\",\n \"unvendored_tests\": false,\n \"version\": \"2024.11.0\"\n },\n \"xgboost\": {\n \"depends\": [\"numpy\", \"scipy\", \"setuptools\"],\n \"file_name\": \"xgboost-2.1.2-py3-none-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"xgboost\"],\n \"install_dir\": \"site\",\n \"name\": \"xgboost\",\n \"package_type\": \"package\",\n \"sha256\": \"bde8e338a824d7853b59f36f252697609fb59f51da7af14c3e5b89e4b825d428\",\n \"unvendored_tests\": false,\n \"version\": \"2.1.2\"\n },\n \"xlrd\": {\n \"depends\": [],\n \"file_name\": \"xlrd-2.0.1-py2.py3-none-any.whl\",\n \"imports\": [\"xlrd\"],\n \"install_dir\": \"site\",\n \"name\": \"xlrd\",\n \"package_type\": \"package\",\n \"sha256\": \"a74ca5c34708d1242c5bf1298089d82f8b5832ba22bcadb851bb44be5075970c\",\n \"unvendored_tests\": false,\n \"version\": \"2.0.1\"\n },\n \"xxhash\": {\n \"depends\": [],\n \"file_name\": \"xxhash-3.4.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"xxhash\"],\n \"install_dir\": \"site\",\n \"name\": \"xxhash\",\n \"package_type\": \"package\",\n \"sha256\": \"6f099081ddf9ef8cba3ddbbd71b9400d52410334cae34210df58586642842bad\",\n \"unvendored_tests\": false,\n \"version\": \"3.4.1\"\n },\n \"xyzservices\": {\n \"depends\": [],\n \"file_name\": \"xyzservices-2024.4.0-py3-none-any.whl\",\n \"imports\": [\"xyzservices\"],\n \"install_dir\": \"site\",\n \"name\": \"xyzservices\",\n \"package_type\": \"package\",\n \"sha256\": \"6845729ba7b006123b2d58fb7acc7c87eaaecf340c53fd10dce3a5230da6a106\",\n \"unvendored_tests\": true,\n \"version\": \"2024.4.0\"\n },\n \"xyzservices-tests\": {\n \"depends\": [\"xyzservices\"],\n \"file_name\": \"xyzservices-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"xyzservices-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"66575df0f66976f0135e836852c77d2f6b95ab04a1e92a19961691d08207e341\",\n \"unvendored_tests\": false,\n \"version\": \"2024.4.0\"\n },\n \"yarl\": {\n \"depends\": [\"multidict\", \"idna\"],\n \"file_name\": \"yarl-1.9.4-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"yarl\"],\n \"install_dir\": \"site\",\n \"name\": \"yarl\",\n \"package_type\": \"package\",\n \"sha256\": \"2381e151bd93da29c42303a822e5fc577eccc3b2c60075d44d1e0953b2553fea\",\n \"unvendored_tests\": false,\n \"version\": \"1.9.4\"\n },\n \"yt\": {\n \"depends\": [\n \"ewah_bool_utils\",\n \"numpy\",\n \"matplotlib\",\n \"sympy\",\n \"setuptools\",\n \"packaging\",\n \"unyt\",\n \"cmyt\",\n \"colorspacious\",\n \"tqdm\",\n \"tomli\",\n \"tomli-w\"\n ],\n \"file_name\": \"yt-4.3.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"yt\"],\n \"install_dir\": \"site\",\n \"name\": \"yt\",\n \"package_type\": \"package\",\n \"sha256\": \"ad7069a877ef72118b82681084c5001492f10be78cedee1b876851ad3312db25\",\n \"unvendored_tests\": false,\n \"version\": \"4.3.1\"\n },\n \"zarr\": {\n \"depends\": [\"numpy\", \"asciitree\", \"numcodecs\"],\n \"file_name\": \"zarr-2.18.3-py3-none-any.whl\",\n \"imports\": [\"zarr\"],\n \"install_dir\": \"site\",\n \"name\": \"zarr\",\n \"package_type\": \"package\",\n \"sha256\": \"a8894ff4c8540817366b640ccdf9d0f3d02e4bc1a8afb227800d5073cebe0e30\",\n \"unvendored_tests\": true,\n \"version\": \"2.18.3\"\n },\n \"zarr-tests\": {\n \"depends\": [\"zarr\"],\n \"file_name\": \"zarr-tests.tar\",\n \"imports\": [],\n \"install_dir\": \"site\",\n \"name\": \"zarr-tests\",\n \"package_type\": \"package\",\n \"sha256\": \"43d24bd575733c9d8fa5357fdc982b0b0bf37cbfd5ae20df3bddab2529183f7e\",\n \"unvendored_tests\": false,\n \"version\": \"2.18.3\"\n },\n \"zengl\": {\n \"depends\": [],\n \"file_name\": \"zengl-2.7.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"zengl\", \"_zengl\"],\n \"install_dir\": \"site\",\n \"name\": \"zengl\",\n \"package_type\": \"package\",\n \"sha256\": \"019ddb30f04997051f01afa2ba247cbecdc87dc3bbce67dadff2ad2dbc1436e8\",\n \"unvendored_tests\": false,\n \"version\": \"2.7.1\"\n },\n \"zfpy\": {\n \"depends\": [\"numpy\"],\n \"file_name\": \"zfpy-1.0.1-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"zfpy\"],\n \"install_dir\": \"site\",\n \"name\": \"zfpy\",\n \"package_type\": \"package\",\n \"sha256\": \"e85444e2511fdffec84de66045192dc20e6b171bbf0d5bd521556bf05140f05c\",\n \"unvendored_tests\": false,\n \"version\": \"1.0.1\"\n },\n \"zstandard\": {\n \"depends\": [\"cffi\"],\n \"file_name\": \"zstandard-0.22.0-cp312-cp312-pyodide_2024_0_wasm32.whl\",\n \"imports\": [\"zstandard\"],\n \"install_dir\": \"site\",\n \"name\": \"zstandard\",\n \"package_type\": \"package\",\n \"sha256\": \"b945d822695f786ff81e15c905f255b450fce7102f30a54daa5c30a79c520497\",\n \"unvendored_tests\": false,\n \"version\": \"0.22.0\"\n }\n }\n}\n" }, { "path": "packages/app/public/pyodide/pyodide.asm.js", "content": "\"use strict\";\n\nvar _createPyodideModule = (() => {\n var _scriptName = typeof document != 'undefined' ? document.currentScript?.src : undefined;\n if (typeof __filename != 'undefined') _scriptName ||= __filename;\n return (\nfunction(moduleArg = {}) {\n var moduleRtn;\n\nvar Module=Object.assign({},moduleArg);var readyPromiseResolve,readyPromiseReject;var readyPromise=new Promise((resolve,reject)=>{readyPromiseResolve=resolve;readyPromiseReject=reject});var ENVIRONMENT_IS_WEB=typeof window==\"object\";var ENVIRONMENT_IS_WORKER=typeof importScripts==\"function\";var ENVIRONMENT_IS_NODE=typeof process==\"object\"&&typeof process.versions==\"object\"&&typeof process.versions.node==\"string\";var ENVIRONMENT_IS_SHELL=!ENVIRONMENT_IS_WEB&&!ENVIRONMENT_IS_NODE&&!ENVIRONMENT_IS_WORKER;if(ENVIRONMENT_IS_NODE){}var moduleOverrides=Object.assign({},Module);var arguments_=[];var thisProgram=\"./this.program\";var quit_=(status,toThrow)=>{throw toThrow};var scriptDirectory=\"\";function locateFile(path){if(Module[\"locateFile\"]){return Module[\"locateFile\"](path,scriptDirectory)}return scriptDirectory+path}var read_,readAsync,readBinary;if(ENVIRONMENT_IS_NODE){var fs=require(\"fs\");var nodePath=require(\"path\");if(ENVIRONMENT_IS_WORKER){scriptDirectory=nodePath.dirname(scriptDirectory)+\"/\"}else{scriptDirectory=__dirname+\"/\"}read_=(filename,binary)=>{filename=isFileURI(filename)?new URL(filename):nodePath.normalize(filename);return fs.readFileSync(filename,binary?undefined:\"utf8\")};readBinary=filename=>{var ret=read_(filename,true);if(!ret.buffer){ret=new Uint8Array(ret)}return ret};readAsync=(filename,onload,onerror,binary=true)=>{filename=isFileURI(filename)?new URL(filename):nodePath.normalize(filename);fs.readFile(filename,binary?undefined:\"utf8\",(err,data)=>{if(err)onerror(err);else onload(binary?data.buffer:data)})};if(!Module[\"thisProgram\"]&&process.argv.length>1){thisProgram=process.argv[1].replace(/\\\\/g,\"/\")}arguments_=process.argv.slice(2);quit_=(status,toThrow)=>{process.exitCode=status;throw toThrow}}else if(ENVIRONMENT_IS_WEB||ENVIRONMENT_IS_WORKER){if(ENVIRONMENT_IS_WORKER){scriptDirectory=self.location.href}else if(typeof document!=\"undefined\"&&document.currentScript){scriptDirectory=document.currentScript.src}if(_scriptName){scriptDirectory=_scriptName}if(scriptDirectory.startsWith(\"blob:\")){scriptDirectory=\"\"}else{scriptDirectory=scriptDirectory.substr(0,scriptDirectory.replace(/[?#].*/,\"\").lastIndexOf(\"/\")+1)}{read_=url=>{var xhr=new XMLHttpRequest;xhr.open(\"GET\",url,false);xhr.send(null);return xhr.responseText};if(ENVIRONMENT_IS_WORKER){readBinary=url=>{var xhr=new XMLHttpRequest;xhr.open(\"GET\",url,false);xhr.responseType=\"arraybuffer\";xhr.send(null);return new Uint8Array(xhr.response)}}readAsync=(url,onload,onerror)=>{var xhr=new XMLHttpRequest;xhr.open(\"GET\",url,true);xhr.responseType=\"arraybuffer\";xhr.onload=()=>{if(xhr.status==200||xhr.status==0&&xhr.response){onload(xhr.response);return}onerror()};xhr.onerror=onerror;xhr.send(null)}}}else{}var out=Module[\"print\"]||console.log.bind(console);var err=Module[\"printErr\"]||console.error.bind(console);Object.assign(Module,moduleOverrides);moduleOverrides=null;if(Module[\"arguments\"])arguments_=Module[\"arguments\"];if(Module[\"thisProgram\"])thisProgram=Module[\"thisProgram\"];if(Module[\"quit\"])quit_=Module[\"quit\"];if(!Module.wrapException){Module.wrapException=e=>e}var dynamicLibraries=Module[\"dynamicLibraries\"]||[];var wasmBinary;if(Module[\"wasmBinary\"])wasmBinary=Module[\"wasmBinary\"];function intArrayFromBase64(s){if(typeof ENVIRONMENT_IS_NODE!=\"undefined\"&&ENVIRONMENT_IS_NODE){var buf=Buffer.from(s,\"base64\");return new Uint8Array(buf.buffer,buf.byteOffset,buf.length)}var decoded=atob(s);var bytes=new Uint8Array(decoded.length);for(var i=0;ifilename.startsWith(dataURIPrefix);var isFileURI=filename=>filename.startsWith(\"file://\");var wasmBinaryFile;wasmBinaryFile=\"pyodide.asm.wasm\";if(!isDataURI(wasmBinaryFile)){wasmBinaryFile=locateFile(wasmBinaryFile)}function getBinarySync(file){if(file==wasmBinaryFile&&wasmBinary){return new Uint8Array(wasmBinary)}if(readBinary){return readBinary(file)}throw\"both async and sync fetching of the wasm failed\"}function getBinaryPromise(binaryFile){if(!wasmBinary&&(ENVIRONMENT_IS_WEB||ENVIRONMENT_IS_WORKER)){if(typeof fetch==\"function\"&&!isFileURI(binaryFile)){return fetch(binaryFile,{credentials:\"same-origin\"}).then(response=>{if(!response[\"ok\"]){throw`failed to load wasm binary file at '${binaryFile}'`}return response[\"arrayBuffer\"]()}).catch(()=>getBinarySync(binaryFile))}else if(readAsync){return new Promise((resolve,reject)=>{readAsync(binaryFile,response=>resolve(new Uint8Array(response)),reject)})}}return Promise.resolve().then(()=>getBinarySync(binaryFile))}function instantiateArrayBuffer(binaryFile,imports,receiver){return getBinaryPromise(binaryFile).then(binary=>WebAssembly.instantiate(binary,imports)).then(receiver,reason=>{err(`failed to asynchronously prepare wasm: ${reason}`);abort(reason)})}function instantiateAsync(binary,binaryFile,imports,callback){if(!binary&&typeof WebAssembly.instantiateStreaming==\"function\"&&!isDataURI(binaryFile)&&!isFileURI(binaryFile)&&!ENVIRONMENT_IS_NODE&&typeof fetch==\"function\"){return fetch(binaryFile,{credentials:\"same-origin\"}).then(response=>{var result=WebAssembly.instantiateStreaming(response,imports);return result.then(callback,function(reason){err(`wasm streaming compile failed: ${reason}`);err(\"falling back to ArrayBuffer instantiation\");return instantiateArrayBuffer(binaryFile,imports,callback)})})}return instantiateArrayBuffer(binaryFile,imports,callback)}function getWasmImports(){return{\"env\":wasmImports,\"wasi_snapshot_preview1\":wasmImports,\"GOT.mem\":new Proxy(wasmImports,GOTHandler),\"GOT.func\":new Proxy(wasmImports,GOTHandler)}}function createWasm(){var info=getWasmImports();if(Module.adjustWasmImports){Module.adjustWasmImports(info)}function receiveInstance(instance,module){wasmExports=instance.exports;wasmExports=relocateExports(wasmExports,1024);var metadata=getDylinkMetadata(module);if(metadata.neededDynlibs){dynamicLibraries=metadata.neededDynlibs.concat(dynamicLibraries)}mergeLibSymbols(wasmExports,\"main\");LDSO.init();loadDylibs();wasmExports=applySignatureConversions(wasmExports);addOnInit(wasmExports[\"__wasm_call_ctors\"]);__RELOC_FUNCS__.push(wasmExports[\"__wasm_apply_data_relocs\"]);removeRunDependency(\"wasm-instantiate\");return wasmExports}addRunDependency(\"wasm-instantiate\");function receiveInstantiationResult(result){receiveInstance(result[\"instance\"],result[\"module\"])}if(Module[\"instantiateWasm\"]){try{return Module[\"instantiateWasm\"](info,receiveInstance)}catch(e){err(`Module.instantiateWasm callback failed with error: ${e}`);readyPromiseReject(e)}}instantiateAsync(wasmBinary,wasmBinaryFile,info,receiveInstantiationResult).catch(readyPromiseReject);return{}}var ASM_CONSTS={4579647:()=>{throw new Error(\"intentionally triggered fatal error!\")},4579704:()=>{wasmImports[\"open64\"]=wasmImports[\"open\"]},4579753:()=>jspiSupported};function console_error(msg){let jsmsg=UTF8ToString(msg);console.error(jsmsg)}function console_error_obj(obj){console.error(obj)}function new_error(type,msg,err){return new API.PythonError(UTF8ToString(type),msg,err)}new_error.sig=\"eiei\";function fail_test(){API.fail_test=true}fail_test.sig=\"v\";function capture_stderr(){API.capture_stderr()}capture_stderr.sig=\"v\";function restore_stderr(){return API.restore_stderr()}restore_stderr.sig=\"e\";function raw_call_js(func){func()}raw_call_js.sig=\"ve\";function hiwire_invalid_ref(type,ref){API.fail_test=!!1;if(type===1&&!ref){if(_PyErr_Occurred()){const e=_wrap_exception();console.error(\"Pyodide internal error: Argument to hiwire_get is falsy. This was \"+\"probably because the Python error indicator was set when get_value was \"+\"called. The Python error that caused this was:\",e);throw e}else{const msg=\"Pyodide internal error: Argument to hiwire_get is falsy (but error \"+\"indicator is not set).\";console.error(msg);throw new Error(msg)}}const typestr={[1]:\"get\",[2]:\"incref\",[3]:\"decref\"}[type];const msg=`hiwire_${typestr} on invalid reference ${ref}. This is most likely due `+\"to use after free. It may also be due to memory corruption.\";console.error(msg);throw new Error(msg)}hiwire_invalid_ref.sig=\"vii\";function set_pyodide_module(mod){API._pyodide=mod}set_pyodide_module.sig=\"ve\";function js2python_immutable_js(value){try{let result=Module.js2python_convertImmutable(value);if(result!==undefined){return result}return 0}catch(e){Module.handle_js_error(e);return 0}errNoRet()}js2python_immutable_js.sig=\"ie\";function js2python_js(value){try{let result=Module.js2python_convertImmutable(value);if(result!==undefined){return result}return _JsProxy_create(value)}catch(e){Module.handle_js_error(e);return 0}errNoRet()}js2python_js.sig=\"ie\";function js2python_convert(v,depth,defaultConverter){try{return Module.js2python_convert(v,{depth:depth,defaultConverter:defaultConverter})}catch(e){Module.handle_js_error(e);return 0}errNoRet()}js2python_convert.sig=\"ieie\";function isReservedWord(word){if(!Module.pythonReservedWords){Module.pythonReservedWords=new Set([\"False\",\"await\",\"else\",\"import\",\"pass\",\"None\",\"break\",\"except\",\"in\",\"raise\",\"True\",\"class\",\"finally\",\"is\",\"return\",\"and\",\"continue\",\"for\",\"lambda\",\"try\",\"as\",\"def\",\"from\",\"nonlocal\",\"while\",\"assert\",\"del\",\"global\",\"not\",\"with\",\"async\",\"elif\",\"if\",\"or\",\"yield\"])}return Module.pythonReservedWords.has(word)}function normalizeReservedWords(word){const noTrailing_=word.replace(/_*$/,\"\");if(!isReservedWord(noTrailing_)){return word}if(noTrailing_!==word){return word.slice(0,-1)}return word}function JsProxy_GetAttr_js(jsobj,ptrkey){try{const jskey=normalizeReservedWords(UTF8ToString(ptrkey));const result=jsobj[jskey];if(result===undefined&&!(jskey in jsobj)){return null}return nullToUndefined(result)}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsProxy_GetAttr_js.sig=\"eei\";function JsProxy_SetAttr_js(jsobj,ptrkey,jsval){try{let jskey=normalizeReservedWords(UTF8ToString(ptrkey));jsobj[jskey]=jsval}catch(e){Module.handle_js_error(e);return-1}return 0}JsProxy_SetAttr_js.sig=\"ieie\";function JsProxy_DelAttr_js(jsobj,ptrkey){try{let jskey=normalizeReservedWords(UTF8ToString(ptrkey));delete jsobj[jskey]}catch(e){Module.handle_js_error(e);return-1}return 0}JsProxy_DelAttr_js.sig=\"iei\";function JsProxy_GetIter_js(obj){try{return obj[Symbol.iterator]()}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsProxy_GetIter_js.sig=\"ee\";function handle_next_result_js(res,done,msg){try{let errmsg;if(typeof res!==\"object\"){errmsg=`Result should have type \"object\" not \"${typeof res}\"`}else if(typeof res.done===\"undefined\"){if(typeof res.then===\"function\"){errmsg=`Result was a promise, use anext() / asend() / athrow() instead.`}else{errmsg=`Result has no \"done\" field.`}}if(errmsg){HEAPU32[(msg>>2)+0>>>0]=stringToNewUTF8(errmsg);HEAPU32[(done>>2)+0>>>0]=-1}HEAPU32[(done>>2)+0>>>0]=res.done;return res.value}catch(e){Module.handle_js_error(e);return-1}return 0}handle_next_result_js.sig=\"eeii\";function JsException_new_helper(name_ptr,message_ptr,stack_ptr){try{let name=UTF8ToString(name_ptr);let message=UTF8ToString(message_ptr);let stack=UTF8ToString(stack_ptr);return API.deserializeError(name,message,stack)}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsException_new_helper.sig=\"eiii\";function JsProxy_GetAsyncIter_js(obj){try{return obj[Symbol.asyncIterator]()}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsProxy_GetAsyncIter_js.sig=\"ee\";function _agen_handle_result_js(p,msg,set_result,set_exception,closing){try{let errmsg;if(typeof p!==\"object\"){errmsg=`Result of anext() should be object not ${typeof p}`}else if(typeof p.then!==\"function\"){if(typeof p.done===\"boolean\"){errmsg=`Result of anext() was not a promise, use next() instead.`}else{errmsg=`Result of anext() was not a promise.`}}if(errmsg){HEAPU32[(msg>>2)+0>>>0]=stringToNewUTF8(errmsg);return-1}_Py_IncRef(set_result);_Py_IncRef(set_exception);p.then(({done:done,value:value})=>{__agen_handle_result_js_c(set_result,set_exception,done,value,closing)},err=>{__agen_handle_result_js_c(set_result,set_exception,-1,err,closing)}).finally(()=>{_Py_DecRef(set_result);_Py_DecRef(set_exception)});return 0}catch(e){Module.handle_js_error(e);return-1}return 0}_agen_handle_result_js.sig=\"ieiiii\";function get_length_helper(val){try{let result;if(typeof val.size===\"number\"){result=val.size}else if(typeof val.length===\"number\"){result=val.length}else{return-2}if(result<0){return-3}if(result>2147483647){return-4}return result}catch(e){Module.handle_js_error(e);return-1}return 0}get_length_helper.sig=\"ie\";function get_length_string(val){try{let result;if(typeof val.size===\"number\"){result=val.size}else if(typeof val.length===\"number\"){result=val.length}return stringToNewUTF8(\" \"+result.toString())}catch(e){Module.handle_js_error(e);return 0}errNoRet()}get_length_string.sig=\"ie\";function destroy_jsarray_entries(array){for(let v of array){try{if(typeof v.destroy===\"function\"){v.destroy()}}catch(e){console.warn(\"Weird error:\",e)}}}destroy_jsarray_entries.sig=\"ve\";function JsArray_repeat_js(o,count){try{return Array.from({length:count},()=>o).flat()}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsArray_repeat_js.sig=\"eei\";function JsArray_inplace_repeat_js(o,count){try{o.splice(0,o.length,...Array.from({length:count},()=>o).flat())}catch(e){Module.handle_js_error(e);return-1}return 0}JsArray_inplace_repeat_js.sig=\"iei\";function JsArray_reversed_iterator(array){return new ReversedIterator(array)}class ReversedIterator{constructor(array){this._array=array;this._i=array.length-1}__length_hint__(){return this._array.length}[Symbol.toStringTag](){return\"ReverseIterator\"}next(){const i=this._i;const a=this._array;const done=i<0;const value=done?undefined:a[i];this._i--;return{done:done,value:value}}}JsArray_reversed_iterator.sig=\"ee\";function JsArray_index_js(o,v,start,stop){try{for(let i=start;i{let c=s.charCodeAt(0);return c<48||c>57}).map(word=>isReservedWord(word.replace(/_*$/,\"\"))?word+\"_\":word))}while(jsobj=Object.getPrototypeOf(jsobj));return result}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsProxy_Dir_js.sig=\"ee\";function JsProxy_Bool_js(val){try{if(!val){return!!0}if(val.size===0){if(/HTML[A-Za-z]*Element/.test(getTypeTag(val))){return!!1}return!!0}if(val.length===0&&JsvArray_Check(val)){return!!0}if(val.byteLength===0){return!!0}return!!1}catch(e){return!!0}}JsProxy_Bool_js.sig=\"ie\";function JsObjMap_GetIter_js(obj){try{return Module.iterObject(obj)}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsObjMap_GetIter_js.sig=\"ee\";function JsObjMap_length_js(obj){try{let length=0;for(let _ of Module.iterObject(obj)){length++}return length}catch(e){Module.handle_js_error(e);return-1}return 0}JsObjMap_length_js.sig=\"ie\";function JsObjMap_subscript_js(obj,key){try{if(!Object.prototype.hasOwnProperty.call(obj,key)){return null}return obj[key]}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsObjMap_subscript_js.sig=\"eee\";function JsObjMap_ass_subscript_js(obj,key,value){try{if(value===null){if(!Object.prototype.hasOwnProperty.call(obj,key)){return-1}delete obj[key]}else{obj[key]=value}return 0}catch(e){Module.handle_js_error(e);return-1}return 0}JsObjMap_ass_subscript_js.sig=\"ieee\";function JsObjMap_contains_js(obj,key){try{return Object.prototype.hasOwnProperty.call(obj,key)}catch(e){Module.handle_js_error(e);return-1}return 0}JsObjMap_contains_js.sig=\"iee\";function JsBuffer_DecodeString_js(buffer,encoding){try{let encoding_js;if(encoding){encoding_js=UTF8ToString(encoding)}const decoder=new TextDecoder(encoding_js,{fatal:!!1,ignoreBOM:!!1});let res;try{res=decoder.decode(buffer)}catch(e){if(e instanceof TypeError){return null}throw e}return res}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsBuffer_DecodeString_js.sig=\"eei\";function JsBuffer_get_info(jsobj,byteLength_ptr,format_ptr,size_ptr,checked_ptr){const[format_utf8,size,checked]=Module.get_buffer_datatype(jsobj);HEAPU32[(byteLength_ptr>>2)+0>>>0]=jsobj.byteLength;HEAPU32[(format_ptr>>2)+0>>>0]=format_utf8;HEAPU32[(size_ptr>>2)+0>>>0]=size;HEAPU8[checked_ptr+0>>>0]=checked}JsBuffer_get_info.sig=\"veiiii\";function JsDoubleProxy_unwrap_helper(id){try{return Module.PyProxy_getPtr(id)}catch(e){Module.handle_js_error(e);return 0}errNoRet()}JsDoubleProxy_unwrap_helper.sig=\"ie\";function JsProxy_compute_typeflags(obj,is_py_json){try{let type_flags=0;if(API.isPyProxy(obj)&&!pyproxyIsAlive(obj)){return 0}const typeTag=getTypeTag(obj);function safeBool(cb){try{return cb()}catch(e){return!!0}}const isBufferView=safeBool(()=>ArrayBuffer.isView(obj));const isArray=safeBool(()=>Array.isArray(obj));const constructorName=safeBool(()=>obj.constructor.name)||\"\";if(typeof obj===\"function\"){type_flags|=1<<9}if(hasMethod(obj,\"then\")){type_flags|=1<<7}if(hasMethod(obj,Symbol.iterator)){type_flags|=1<<0}if(hasMethod(obj,Symbol.asyncIterator)){type_flags|=1<<15}if(hasMethod(obj,\"next\")&&(hasMethod(obj,Symbol.iterator)||!hasMethod(obj,Symbol.asyncIterator))){type_flags|=1<<1}if(hasMethod(obj,\"next\")&&(!hasMethod(obj,Symbol.iterator)||hasMethod(obj,Symbol.asyncIterator))){type_flags|=1<<18}if(hasProperty(obj,\"size\")||hasProperty(obj,\"length\")&&typeof obj!==\"function\"){type_flags|=1<<2}if(hasMethod(obj,\"get\")){type_flags|=1<<3}if(hasMethod(obj,\"set\")){type_flags|=1<<4}if(hasMethod(obj,\"has\")){type_flags|=1<<5}if(hasMethod(obj,\"includes\")){type_flags|=1<<6}if((isBufferView||typeTag===\"[object ArrayBuffer]\")&&!(type_flags&1<<9)){type_flags|=1<<8}if(API.isPyProxy(obj)){type_flags|=1<<13}if(isArray){type_flags|=1<<10}if(typeTag===\"[object HTMLCollection]\"||typeTag===\"[object NodeList]\"){type_flags|=1<<11}if(isBufferView&&typeTag!==\"[object DataView]\"){type_flags|=1<<12}if(typeTag===\"[object Generator]\"){type_flags|=1<<16}if(typeTag===\"[object AsyncGenerator]\"){type_flags|=1<<17}if(hasProperty(obj,\"name\")&&hasProperty(obj,\"message\")&&(hasProperty(obj,\"stack\")||constructorName===\"DOMException\")&&!(type_flags&(1<<9|1<<8))){type_flags|=1<<19}if(is_py_json&&type_flags&(1<<10|1<<11|1<<1)){type_flags|=1<<21}if(is_py_json&&!(type_flags&(1<<10|1<<12|1<<11|1<<8|1<<13|1<<1|1<<9|1<<19))){type_flags|=1<<20}return type_flags}catch(e){Module.handle_js_error(e);return-1}return 0}JsProxy_compute_typeflags.sig=\"iei\";function is_comlink_proxy(obj){try{return!!(API.Comlink&&value[API.Comlink.createEndpoint])}catch(e){return!!0}}is_comlink_proxy.sig=\"ie\";function can_run_sync_js(){return!!validSuspender.value}can_run_sync_js.sig=\"i\";function my_dict_converter(){return Object.fromEntries}my_dict_converter.sig=\"e\";function get_async_js_call_done_callback(proxies){try{return function(result){let msg=\"This borrowed proxy was automatically destroyed \"+\"at the end of an asynchronous function call. Try \"+\"using create_proxy or create_once_callable.\";for(let px of proxies){Module.pyproxy_destroy(px,msg,!!0)}if(API.isPyProxy(result)){Module.pyproxy_destroy(result,msg,!!0)}}}catch(e){Module.handle_js_error(e);return null}errNoRet()}get_async_js_call_done_callback.sig=\"ee\";function wrap_generator(gen,proxies){try{proxies=new Set(proxies);const msg=\"This borrowed proxy was automatically destroyed \"+\"when a generator completed execution. Try \"+\"using create_proxy or create_once_callable.\";function cleanup(){proxies.forEach(px=>Module.pyproxy_destroy(px,msg))}function wrap(funcname){return function(val){if(API.isPyProxy(val)){val=val.copy();proxies.add(val)}let res;try{res=gen[funcname](val)}catch(e){cleanup();throw e}if(res.done){proxies.delete(res.value);cleanup()}return res}}return{get[Symbol.toStringTag](){return\"Generator\"},[Symbol.iterator](){return this},next:wrap(\"next\"),throw:wrap(\"throw\"),return:wrap(\"return\")}}catch(e){Module.handle_js_error(e);return null}errNoRet()}wrap_generator.sig=\"eee\";function wrap_async_generator(gen,proxies){try{proxies=new Set(proxies);const msg=\"This borrowed proxy was automatically destroyed \"+\"when an asynchronous generator completed execution. Try \"+\"using create_proxy or create_once_callable.\";function cleanup(){proxies.forEach(px=>Module.pyproxy_destroy(px,msg))}function wrap(funcname){return async function(val){if(API.isPyProxy(val)){val=val.copy();proxies.add(val)}let res;try{res=await gen[funcname](val)}catch(e){cleanup();throw e}if(res.done){proxies.delete(res.value);cleanup()}return res}}return{get[Symbol.toStringTag](){return\"AsyncGenerator\"},[Symbol.asyncIterator](){return this},next:wrap(\"next\"),throw:wrap(\"throw\"),return:wrap(\"return\")}}catch(e){Module.handle_js_error(e);return null}errNoRet()}wrap_async_generator.sig=\"eee\";function throw_no_gil(){throw new API.NoGilError(\"Attempted to use PyProxy when Python GIL not held\")}throw_no_gil.sig=\"v\";function pyproxy_Check(val){return API.isPyProxy(val)}pyproxy_Check.sig=\"ie\";function pyproxy_AsPyObject(val){if(!API.isPyProxy(val)||!pyproxyIsAlive(val)){return 0}return Module.PyProxy_getPtr(val)}pyproxy_AsPyObject.sig=\"ie\";function destroy_proxies(proxies,msg_ptr){let msg=undefined;if(msg_ptr){msg=_JsvString_FromId(msg_ptr)}for(let px of proxies){Module.pyproxy_destroy(px,msg,false)}}destroy_proxies.sig=\"vei\";function gc_register_proxies(proxies){for(let px of proxies){Module.gc_register_proxy(Module.PyProxy_getAttrs(px).shared)}}gc_register_proxies.sig=\"ve\";function destroy_proxy(px,msg_ptr){const{shared:shared,props:props}=Module.PyProxy_getAttrsQuiet(px);if(!shared.ptr){return}if(props.roundtrip){return}let msg=undefined;if(msg_ptr){msg=_JsvString_FromId(msg_ptr)}Module.pyproxy_destroy(px,msg,false)}destroy_proxy.sig=\"vei\";function proxy_cache_get(proxyCache,descr){const proxy=proxyCache.get(descr);if(!proxy){return null}if(pyproxyIsAlive(proxy)){return proxy}else{proxyCache.delete(descr);return null}}proxy_cache_get.sig=\"eei\";function proxy_cache_set(proxyCache,descr,proxy){proxyCache.set(descr,proxy)}proxy_cache_set.sig=\"veie\";function _pyproxyGen_make_result(done,value){return{done:!!done,value:value}}_pyproxyGen_make_result.sig=\"eie\";function array_to_js(array,len){return Array.from(HEAP32.subarray(array/4>>>0,array/4+len>>>0))}array_to_js.sig=\"eii\";function _pyproxy_get_buffer_result(start_ptr,smallest_ptr,largest_ptr,readonly,format,itemsize,shape,strides,view,c_contiguous,f_contiguous,sentinel){format=UTF8ToString(format);return{start_ptr:start_ptr,smallest_ptr:smallest_ptr,largest_ptr:largest_ptr,readonly:readonly,format:format,itemsize:itemsize,shape:shape,strides:strides,view:view,c_contiguous:c_contiguous,f_contiguous:f_contiguous}}_pyproxy_get_buffer_result.sig=\"eiiiiiieeiiii\";function pyproxy_new_ex(ptrobj,capture_this,roundtrip,gcRegister,jsonAdaptor){try{return Module.pyproxy_new(ptrobj,{props:{captureThis:!!capture_this,roundtrip:!!roundtrip},gcRegister:gcRegister,jsonAdaptor:jsonAdaptor})}catch(e){Module.handle_js_error(e);return null}errNoRet()}pyproxy_new_ex.sig=\"eiiiii\";function pyproxy_new(ptrobj){try{return Module.pyproxy_new(ptrobj)}catch(e){Module.handle_js_error(e);return null}errNoRet()}pyproxy_new.sig=\"ei\";function create_once_callable(obj,may_syncify){try{_Py_IncRef(obj);let alreadyCalled=!!0;function wrapper(...args){if(alreadyCalled){throw new Error(\"OnceProxy can only be called once\")}try{if(may_syncify){return Module.callPyObjectMaybePromising(obj,args)}else{return Module.callPyObject(obj,args)}}finally{wrapper.destroy()}}wrapper.destroy=function(){if(alreadyCalled){throw new Error(\"OnceProxy has already been destroyed\")}alreadyCalled=!!1;Module.finalizationRegistry.unregister(wrapper);_Py_DecRef(obj)};Module.finalizationRegistry.register(wrapper,[obj,undefined],wrapper);return wrapper}catch(e){Module.handle_js_error(e);return null}errNoRet()}create_once_callable.sig=\"eii\";function create_promise_handles(handle_result,handle_exception,done_callback,js2py_converter){try{if(handle_result){_Py_IncRef(handle_result)}if(handle_exception){_Py_IncRef(handle_exception)}if(js2py_converter){_Py_IncRef(js2py_converter)}if(!done_callback){done_callback=x=>{}}let used=!!0;function checkUsed(){if(used){throw new Error(\"One of the promise handles has already been called.\")}}function destroy(){checkUsed();used=!!1;if(handle_result){_Py_DecRef(handle_result)}if(handle_exception){_Py_DecRef(handle_exception)}if(js2py_converter){_Py_DecRef(js2py_converter)}}function onFulfilled(res){checkUsed();try{if(handle_result){return _create_promise_handles_result_helper(handle_result,js2py_converter,res)}}finally{done_callback(res);destroy()}}function onRejected(err){checkUsed();try{if(handle_exception){return Module.callPyObjectMaybePromising(handle_exception,[err])}}finally{done_callback(undefined);destroy()}}onFulfilled.destroy=destroy;onRejected.destroy=destroy;return[onFulfilled,onRejected]}catch(e){Module.handle_js_error(e);return null}errNoRet()}create_promise_handles.sig=\"eiiei\";function _python2js_buffer_inner(buf,itemsize,ndim,format,shape,strides,suboffsets){try{let converter=Module.get_converter(format,itemsize);return Module._python2js_buffer_recursive(buf,0,{ndim:ndim,format:format,itemsize:itemsize,shape:shape,strides:strides,suboffsets:suboffsets,converter:converter})}catch(e){Module.handle_js_error(e);return null}errNoRet()}_python2js_buffer_inner.sig=\"eiiiiiii\";function jslib_init_js(){try{HEAP32[_Jsr_undefined/4>>>0]=_hiwire_intern(undefined);HEAP32[_Jsr_true/4>>>0]=_hiwire_intern(true);HEAP32[_Jsr_false/4>>>0]=_hiwire_intern(false);HEAP32[_Jsr_novalue/4>>>0]=_hiwire_intern({noValueMarker:1});Module.novalue=_hiwire_get(HEAP32[_Jsr_novalue/4>>>0]);Hiwire.num_keys=_hiwire_num_refs;return 0}catch(e){Module.handle_js_error(e);return-1}return 0}jslib_init_js.sig=\"i\";function JsvNoValue_Check(v){return v===Module.novalue}JsvNoValue_Check.sig=\"ie\";function JsvNum_fromInt(x){return x}JsvNum_fromInt.sig=\"ei\";function JsvNum_fromDouble(val){return val}JsvNum_fromDouble.sig=\"ed\";function JsvNum_fromDigits(digits,ndigits){let result=BigInt(0);for(let i=0;i>2)+i>>>0])<>2)+ndigits-1>>>0]&2147483648)<=arr.length){return null}return arr.splice(idx,1)[0]}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvArray_Delete.sig=\"eei\";function JsvArray_Push(arr,obj){return arr.push(obj)}JsvArray_Push.sig=\"iee\";function JsvArray_Extend(arr,vals){arr.push(...vals)}JsvArray_Extend.sig=\"vee\";function JsvArray_Insert(arr,idx,value){try{arr.splice(idx,0,value)}catch(e){Module.handle_js_error(e);return-1}return 0}JsvArray_Insert.sig=\"ieie\";function JsvArray_ShallowCopy(arr){try{return\"slice\"in arr?arr.slice():Array.from(arr)}catch(e){Module.handle_js_error(e);return-1}return 0}JsvArray_ShallowCopy.sig=\"ee\";function JsvArray_slice(obj,length,start,stop,step){try{let result;if(step===1){result=obj.slice(start,stop)}else{result=Array.from({length:length},(_,i)=>obj[start+i*step])}return result}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvArray_slice.sig=\"eeiiii\";function JsvArray_slice_assign(obj,slicelength,start,stop,step,values_length,values){try{let jsvalues=[];for(let i=0;i>2)+i>>>0]);if(ref===null){return-1}jsvalues.push(ref)}if(step===1){obj.splice(start,slicelength,...jsvalues)}else{if(values!==0){for(let i=0;i=0;i--){obj.splice(start+i*step,1)}}}}catch(e){Module.handle_js_error(e);return-1}return 0}JsvArray_slice_assign.sig=\"ieiiiiii\";function JsvObject_New(){return{}}JsvObject_New.sig=\"e\";function JsvObject_SetAttr(obj,attr,value){try{obj[attr]=value}catch(e){Module.handle_js_error(e);return-1}return 0}JsvObject_SetAttr.sig=\"ieee\";function JsvObject_Entries(obj){try{return Object.entries(obj)}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvObject_Entries.sig=\"ee\";function JsvObject_Keys(obj){try{return Object.keys(obj)}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvObject_Keys.sig=\"ee\";function JsvObject_Values(obj){try{return Object.values(obj)}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvObject_Values.sig=\"ee\";function JsvObject_toString(obj){try{if(hasMethod(obj,\"toString\")){return obj.toString()}return Object.prototype.toString.call(obj)}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvObject_toString.sig=\"ee\";function JsvObject_CallMethod(obj,meth,args){try{return nullToUndefined(obj[meth](...args))}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvObject_CallMethod.sig=\"eeee\";function JsvObject_CallMethod_NoArgs(obj,meth){try{return nullToUndefined(obj[meth]())}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvObject_CallMethod_NoArgs.sig=\"eee\";function JsvObject_CallMethod_OneArg(obj,meth,arg){try{return nullToUndefined(obj[meth](arg))}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvObject_CallMethod_OneArg.sig=\"eeee\";function JsvObject_CallMethod_TwoArgs(obj,meth,arg1,arg2){try{return nullToUndefined(obj[meth](arg1,arg2))}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvObject_CallMethod_TwoArgs.sig=\"eeeee\";function JsvFunction_Check(obj){try{return typeof obj===\"function\"}catch(e){return false}}JsvFunction_Check.sig=\"ie\";function JsvFunction_CallBound(func,this_,args){try{return nullToUndefined(func.apply(this_,args))}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvFunction_CallBound.sig=\"eeee\";function JsvFunction_Call_OneArg(func,arg){try{return nullToUndefined(func.apply(null,[arg]))}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvFunction_Call_OneArg.sig=\"eee\";function JsvFunction_Construct(func,args){try{return nullToUndefined(Reflect.construct(func,args))}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvFunction_Construct.sig=\"eee\";function JsvPromise_Check(obj){try{return isPromise(obj)}catch(e){return false}}JsvPromise_Check.sig=\"ie\";function JsvPromise_Resolve(obj){try{return Promise.resolve(obj)}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvPromise_Resolve.sig=\"ee\";function jslib_init_buffers_js(){try{const dtypes_str=Array.from(\"bBhHiIqQfd\").join(String.fromCharCode(0));const dtypes_ptr=stringToNewUTF8(dtypes_str);const dtypes_map=Object.fromEntries(Object.entries(dtypes_str).map(([idx,val])=>[val,dtypes_ptr+ +idx]));const buffer_datatype_map=new Map([[\"Int8Array\",[dtypes_map[\"b\"],1,true]],[\"Uint8Array\",[dtypes_map[\"B\"],1,true]],[\"Uint8ClampedArray\",[dtypes_map[\"B\"],1,true]],[\"Int16Array\",[dtypes_map[\"h\"],2,true]],[\"Uint16Array\",[dtypes_map[\"H\"],2,true]],[\"Int32Array\",[dtypes_map[\"i\"],4,true]],[\"Uint32Array\",[dtypes_map[\"I\"],4,true]],[\"Float32Array\",[dtypes_map[\"f\"],4,true]],[\"Float64Array\",[dtypes_map[\"d\"],8,true]],[\"BigInt64Array\",[dtypes_map[\"q\"],8,true]],[\"BigUint64Array\",[dtypes_map[\"Q\"],8,true]],[\"DataView\",[dtypes_map[\"B\"],1,false]],[\"ArrayBuffer\",[dtypes_map[\"B\"],1,false]]]);Module.get_buffer_datatype=function(jsobj){return buffer_datatype_map.get(jsobj.constructor.name)||[0,0,false]}}catch(e){Module.handle_js_error(e);return-1}return 0}jslib_init_buffers_js.sig=\"i\";function JsvBuffer_assignToPtr(buf,ptr){try{Module.HEAPU8.set(bufferAsUint8Array(buf),ptr)}catch(e){Module.handle_js_error(e);return-1}return 0}JsvBuffer_assignToPtr.sig=\"iei\";function JsvBuffer_assignFromPtr(buf,ptr){try{bufferAsUint8Array(buf).set(Module.HEAPU8.subarray(ptr,ptr+buf.byteLength))}catch(e){Module.handle_js_error(e);return-1}return 0}JsvBuffer_assignFromPtr.sig=\"iei\";function JsvBuffer_readFromFile(buf,fd){try{let uint8_buf=bufferAsUint8Array(buf);let stream=Module.FS.streams[fd];Module.FS.read(stream,uint8_buf,0,uint8_buf.byteLength)}catch(e){Module.handle_js_error(e);return-1}return 0}JsvBuffer_readFromFile.sig=\"iei\";function JsvBuffer_writeToFile(buf,fd){try{let uint8_buf=bufferAsUint8Array(buf);let stream=Module.FS.streams[fd];Module.FS.write(stream,uint8_buf,0,uint8_buf.byteLength)}catch(e){Module.handle_js_error(e);return-1}return 0}JsvBuffer_writeToFile.sig=\"iei\";function JsvBuffer_intoFile(buf,fd){try{let uint8_buf=bufferAsUint8Array(buf);let stream=Module.FS.streams[fd];Module.FS.write(stream,uint8_buf,0,uint8_buf.byteLength,undefined,true)}catch(e){Module.handle_js_error(e);return-1}return 0}JsvBuffer_intoFile.sig=\"iei\";function JsvGenerator_Check(obj){try{return getTypeTag(obj)===\"[object Generator]\"}catch(e){return false}}JsvGenerator_Check.sig=\"ie\";function JsvAsyncGenerator_Check(obj){try{return getTypeTag(obj)===\"[object AsyncGenerator]\"}catch(e){return false}}JsvAsyncGenerator_Check.sig=\"ie\";function JsvError_Throw(e){throw e}JsvError_Throw.sig=\"ve\";function Jsv_less_than(a,b){try{return!!(ab)}catch(e){return false}}Jsv_greater_than.sig=\"iee\";function Jsv_greater_than_equal(a,b){try{return!!(a>=b)}catch(e){return false}}Jsv_greater_than_equal.sig=\"iee\";function JsvMap_New(){try{return new Map}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvMap_New.sig=\"e\";function JsvLiteralMap_New(){try{return new API.LiteralMap}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvLiteralMap_New.sig=\"e\";function JsvMap_Set(map,key,val){try{map.set(key,val)}catch(e){Module.handle_js_error(e);return-1}return 0}JsvMap_Set.sig=\"ieee\";function JsvSet_New(){try{return new Set}catch(e){Module.handle_js_error(e);return null}errNoRet()}JsvSet_New.sig=\"e\";function JsvSet_Add(set,val){try{set.add(val)}catch(e){Module.handle_js_error(e);return-1}return 0}JsvSet_Add.sig=\"iee\";function _python2js_addto_postprocess_list(list,parent,key,value){list.push([parent,key,value])}_python2js_addto_postprocess_list.sig=\"veeei\";function _python2js_handle_postprocess_list(list,cache){for(const[parent,key,ptr]of list){let val=cache.get(ptr);if(parent.constructor.name===\"LiteralMap\"){parent.set(key,val)}else{parent[key]=val}}}_python2js_handle_postprocess_list.sig=\"vee\";function _python2js_ucs1(ptr,len){try{let jsstr=\"\";for(let i=0;i>>0])}return jsstr}catch(e){Module.handle_js_error(e);return null}errNoRet()}_python2js_ucs1.sig=\"eii\";function _python2js_ucs2(ptr,len){try{let jsstr=\"\";for(let i=0;i>1)+i>>>0])}return jsstr}catch(e){Module.handle_js_error(e);return null}errNoRet()}_python2js_ucs2.sig=\"eii\";function _python2js_ucs4(ptr,len){try{let jsstr=\"\";for(let i=0;i>2)+i>>>0])}return jsstr}catch(e){Module.handle_js_error(e);return null}errNoRet()}_python2js_ucs4.sig=\"eii\";function _python2js_add_to_cache(cache,pyparent,jsparent){try{cache.set(pyparent,jsparent)}catch(e){Module.handle_js_error(e);return-1}return 0}_python2js_add_to_cache.sig=\"ieie\";function _python2js_cache_lookup(cache,pyparent){return cache.get(pyparent)||null}_python2js_cache_lookup.sig=\"eei\";function _JsArray_PushEntry_helper(array,key,value){try{array.push([key,value])}catch(e){Module.handle_js_error(e);return-1}return 0}_JsArray_PushEntry_helper.sig=\"ieee\";function _JsArray_PostProcess_helper(jscontext,array){try{return jscontext.dict_converter(array)}catch(e){Module.handle_js_error(e);return null}errNoRet()}_JsArray_PostProcess_helper.sig=\"eee\";function python2js__default_converter_js(jscontext,object){try{let proxy=Module.pyproxy_new(object);let result=jscontext.default_converter(proxy,jscontext.converter,jscontext.cacheConversion);proxy.destroy();return result}catch(e){Module.handle_js_error(e);return null}errNoRet()}python2js__default_converter_js.sig=\"eei\";function python2js_custom__create_jscontext(context,cache,dict_converter,default_converter){try{let jscontext={};if(dict_converter){jscontext.dict_converter=dict_converter}if(default_converter){jscontext.default_converter=default_converter;jscontext.cacheConversion=function(input,output){if(!API.isPyProxy(input)){throw new TypeError(\"The first argument to cacheConversion must be a PyProxy.\")}let input_ptr=Module.PyProxy_getPtr(input);cache.set(input_ptr,output)};jscontext.converter=function(x){if(!API.isPyProxy(x)){return x}let ptr=Module.PyProxy_getPtr(x);return __python2js(context,ptr)}}return jscontext}catch(e){Module.handle_js_error(e);return null}errNoRet()}python2js_custom__create_jscontext.sig=\"eieee\";function destroy_proxies_js(proxies_id){try{for(const proxy of proxies_id){proxy.destroy()}}catch(e){Module.handle_js_error(e);return-1}return 0}destroy_proxies_js.sig=\"ie\";function pyodide_js_init(){\"use strict\";(()=>{var Kr=Object.create;var mt=Object.defineProperty;var Jr=Object.getOwnPropertyDescriptor;var Vr=Object.getOwnPropertyNames;var qr=Object.getPrototypeOf,Yr=Object.prototype.hasOwnProperty;var i=(t,e)=>mt(t,\"name\",{value:e,configurable:!0}),S=(t=>typeof require<\"u\"?require:typeof Proxy<\"u\"?new Proxy(t,{get:(e,r)=>(typeof require<\"u\"?require:e)[r]}):t)(function(t){if(typeof require<\"u\")return require.apply(this,arguments);throw new Error('Dynamic require of \"'+t+'\" is not supported')});var Qr=(t,e,r,n)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let o of Vr(e))!Yr.call(t,o)&&o!==r&&mt(t,o,{get:()=>e[o],enumerable:!(n=Jr(e,o))||n.enumerable});return t};var D=(t,e,r)=>(r=t!=null?Kr(qr(t)):{},Qr(e||!t||!t.__esModule?mt(r,\"default\",{value:t,enumerable:!0}):r,t));var Ht=(t,e,r)=>{if(!e.has(t))throw TypeError(\"Cannot \"+r)};var _=(t,e,r)=>(Ht(t,e,\"read from private field\"),r?r.call(t):e.get(t)),N=(t,e,r)=>{if(e.has(t))throw TypeError(\"Cannot add the same private member more than once\");e instanceof WeakSet?e.add(t):e.set(t,r)},M=(t,e,r,n)=>(Ht(t,e,\"write to private field\"),n?n.call(t,r):e.set(t,r),r);function Xr(t){return!isNaN(parseFloat(t))&&isFinite(t)}i(Xr,\"_isNumber\");function j(t){return t.charAt(0).toUpperCase()+t.substring(1)}i(j,\"_capitalize\");function ht(t){return function(){return this[t]}}i(ht,\"_getter\");var W=[\"isConstructor\",\"isEval\",\"isNative\",\"isToplevel\"],z=[\"columnNumber\",\"lineNumber\"],G=[\"fileName\",\"functionName\",\"source\"],Zr=[\"args\"],en=[\"evalOrigin\"],Re=W.concat(z,G,Zr,en);function I(t){if(t)for(var e=0;e-1&&(a=a.replace(/eval code/g,\"eval\").replace(/(\\(eval at [^()]*)|(,.*$)/g,\"\"));var s=a.replace(/^\\s+/,\"\").replace(/\\(eval code/g,\"(\").replace(/^.*?\\s+/,\"\"),l=s.match(/ (\\(.+\\)$)/);s=l?s.replace(l[0],\"\"):s;var c=this.extractLocation(l?l[1]:s),u=l&&s||void 0,d=[\"eval\",\"\"].indexOf(c[0])>-1?void 0:c[0];return new $e({functionName:u,fileName:d,lineNumber:c[1],columnNumber:c[2],source:a})},this)},\"ErrorStackParser$$parseV8OrIE\"),parseFFOrSafari:i(function(n){var o=n.stack.split(`\\n`).filter(function(a){return!a.match(e)},this);return o.map(function(a){if(a.indexOf(\" > eval\")>-1&&(a=a.replace(/ line (\\d+)(?: > eval line \\d+)* > eval:\\d+:\\d+/g,\":$1\")),a.indexOf(\"@\")===-1&&a.indexOf(\":\")===-1)return new $e({functionName:a});var s=/((.*\".+\"[^@]*)?[^@]*)(?:@)/,l=a.match(s),c=l&&l[1]?l[1]:void 0,u=this.extractLocation(a.replace(s,\"\"));return new $e({functionName:c,fileName:u[0],lineNumber:u[1],columnNumber:u[2],source:a})},this)},\"ErrorStackParser$$parseFFOrSafari\")}}i(tn,\"ErrorStackParser\");var rn=new tn;var bt=rn;function Gt(t){if(typeof t==\"string\")t=new Error(t);else if(t&&typeof t==\"object\"&&t.name===\"ExitStatus\"){let e=t.status;t=new K(t.message),t.status=e}else if(typeof t!=\"object\"||t===null||typeof t.stack!=\"string\"||typeof t.message!=\"string\"){let e=API.getTypeTag(t),r=`A value of type ${typeof t} with tag ${e} was thrown as an error!`;try{r+=`\\nString interpolation of the thrown value gives \"\"\"${t}\"\"\".`}catch{r+=`\\nString interpolation of the thrown value fails.`}try{r+=`\\nThe thrown value's toString method returns \"\"\"${t.toString()}\"\"\".`}catch{r+=`\\nThe thrown value's toString method fails.`}t=new Error(r)}return t}i(Gt,\"ensureCaughtObjectIsError\");var te=class extends Error{constructor(r,n,o){n||(n=`The exception is an object of type ${r} at address ${o} which does not inherit from std::exception`);super(n);this.ty=r}};i(te,\"CppException\");Object.defineProperty(te.prototype,\"name\",{get(){return`${this.constructor.name} ${this.ty}`}});var nn=WebAssembly.Exception||function(){},Kt=i(t=>t instanceof nn,\"isWasmException\");function Jt(t){if(Kt(t))if(t.is(Module.jsWrapperTag))t=t.getArg(Module.jsWrapperTag,0);else return t;let[e,r]=Module.getExceptionMessage(t);return new te(e,r,t)}i(Jt,\"convertCppException\");Tests.convertCppException=Jt;var Wt=!1;API.fatal_error=function(t){if(t&&t.pyodide_fatal_error)return;if(Wt){console.error(\"Recursive call to fatal_error. Inner error was:\"),console.error(t);return}if(t instanceof J)throw t;typeof t==\"number\"||Kt(t)?t=Jt(t):t=Gt(t),t.pyodide_fatal_error=!0,Wt=!0;let e=t instanceof K;e||(console.error(\"Pyodide has suffered a fatal error. Please report this to the Pyodide maintainers.\"),console.error(\"The cause of the fatal error was:\"),API.inTestHoist?(console.error(t.toString()),console.error(t.stack)):console.error(t));try{e||_dump_traceback();let n=`Pyodide already ${e?\"exited\":\"fatally failed\"} and can no longer be used.`;for(let o of Reflect.ownKeys(API.public_api))typeof o==\"string\"&&o.startsWith(\"_\")||o===\"version\"||Object.defineProperty(API.public_api,o,{enumerable:!0,configurable:!0,get:()=>{throw new Error(n)}});API.on_fatal&&API.on_fatal(t)}catch(r){console.error(\"Another error occurred while handling the fatal error:\"),console.error(r)}throw t};API.maybe_fatal_error=function(t){API._skip_unwind_fatal_error&&t===\"unwind\"||API.fatal_error(t)};var Pt=[];API.capture_stderr=function(){Pt=[],FS.createDevice(\"/dev\",\"capture_stderr\",null,t=>Pt.push(t)),FS.closeStream(2),FS.open(\"/dev/capture_stderr\",1)};API.restore_stderr=function(){return FS.closeStream(2),FS.unlink(\"/dev/capture_stderr\"),FS.open(\"/dev/stderr\",1),(new TextDecoder).decode(new Uint8Array(Pt))};API.fatal_loading_error=function(...t){let e=t.join(\" \");if(_PyErr_Occurred()){API.capture_stderr(),_PyErr_Print();let r=API.restore_stderr();e+=`\\n`+r}throw new re(e)};function vt(t){if(!t)return!1;let e=t.fileName||\"\";if(e.includes(\"wasm-function\"))return!0;if(!e.includes(\"pyodide.asm.js\"))return!1;let r=t.functionName||\"\";return r.startsWith(\"Object.\")&&(r=r.slice(7)),API.public_api&&r in API.public_api&&r!==\"PythonError\"?(t.functionName=r,!1):!0}i(vt,\"isPyodideFrame\");function zt(t){return vt(t)&&t.functionName===\"new_error\"}i(zt,\"isErrorStart\");Module.handle_js_error=function(t){if(t&&t.pyodide_fatal_error)throw t;if(t instanceof E)return;let e=!1;t instanceof T&&(e=_restore_sys_last_exception(t.__error_address));let r,n;try{r=bt.parse(t)}catch{n=!0}if(n&&(t=Gt(t)),!e){let o=_JsProxy_create(t);_set_error(o),_Py_DecRef(o)}if(!n){if(zt(r[0])||zt(r[1]))for(;vt(r[0]);)r.shift();for(let o of r){if(vt(o))break;let a=stringToNewUTF8(o.functionName||\"???\"),s=stringToNewUTF8(o.fileName||\"???.js\");__PyTraceback_Add(a,s,o.lineNumber),_free(a),_free(s)}}};var T=class extends Error{constructor(r,n,o){let a=Error.stackTraceLimit;Error.stackTraceLimit=1/0;super(n);Error.stackTraceLimit=a,this.type=r,this.__error_address=o}};i(T,\"PythonError\");API.PythonError=T;var E=class extends Error{constructor(){super(\"If you are seeing this message, an internal Pyodide error has occurred. Please report it to the Pyodide maintainers.\")}};i(E,\"_PropagatePythonError\");function on(t){Object.defineProperty(t.prototype,\"name\",{value:t.name})}i(on,\"setName\");var re=class extends Error{};i(re,\"FatalPyodideError\");var K=class extends Error{};i(K,\"Exit\");var J=class extends Error{};i(J,\"NoGilError\");[E,re,K,T,J].forEach(on);API.NoGilError=J;API.errorConstructors=new Map([EvalError,RangeError,ReferenceError,SyntaxError,TypeError,URIError,globalThis.DOMException,globalThis.AssertionError,globalThis.SystemError].filter(t=>t).map(t=>[t.constructor.name,t]));API.deserializeError=function(t,e,r){let n=API.errorConstructors.get(t)||Error,o=new n(e);return API.errorConstructors.has(t)||(o.name=t),o.message=e,o.stack=r,o};function an(t){let e=0,r=0;for(let a of t){r++;let s=a.codePointAt(0);e=s>e?s:e}let n=_PyUnicode_New(r,e);if(n===0)throw new E;let o=_PyUnicode_Data(n);if(e>65535)for(let a of t)HEAPU32[o/4>>>0]=a.codePointAt(0),o+=4;else if(e>255)for(let a of t)HEAPU16[o/2>>>0]=a.codePointAt(0),o+=2;else for(let a of t)HEAPU8[o>>>0]=a.codePointAt(0),o+=1;return n}i(an,\"js2python_string\");function sn(t){let e=t,r=0;for(t<0&&(t=-t),t<<=BigInt(1);t;)r++,t>>=BigInt(32);let n=stackSave(),o=stackAlloc(r*4);t=e;for(let s=0;s>2)+s>>>0]=Number(t&BigInt(4294967295)),t>>=BigInt(32);let a=__PyLong_FromByteArray(o,r*4,!0,!0);return stackRestore(n),a}i(sn,\"js2python_bigint\");function ne(t){let e=ln(t);if(e===0)throw new E;return e}i(ne,\"js2python_convertImmutable\");Module.js2python_convertImmutable=ne;function ln(t){let e=typeof t;if(e===\"string\")return an(t);if(e===\"number\")return Number.isSafeInteger(t)?_PyLong_FromDouble(t):_PyFloat_FromDouble(t);if(e===\"bigint\")return sn(t);if(t==null)return __js2python_none();if(t===!0)return __js2python_true();if(t===!1)return __js2python_false();if(API.isPyProxy(t)){let{props:r,shared:n}=Module.PyProxy_getAttrs(t);return r.roundtrip?_JsProxy_create(t):__js2python_pyproxy(n.ptr)}}i(ln,\"js2python_convertImmutableInner\");function cn(t,e){let r=_PyList_New(t.length);if(r===0)return 0;let n=0;try{e.cache.set(t,r);for(let o=0;oModule.pyproxy_new(Le(o,n)),cacheConversion(o,a){if(API.isPyProxy(a))n.cache.set(o,Module.PyProxy_getPtr(a));else throw new Error(\"Second argument should be a PyProxy!\")}};return Le(t,n)}i(yn,\"js2python_convert\");Module.js2python_convert=yn;Module.processBufferFormatString=function(t,e=\"\"){if(t.length>2)throw new Error(`Expected format string to have length <= 2, got '${t}'.`+e);let r=t.slice(-1),n=t.slice(0,-1),o;switch(n){case\"!\":case\">\":o=!0;break;case\"<\":case\"@\":case\"=\":case\"\":o=!1;break;default:throw new Error(`Unrecognized alignment character ${n}.`+e)}let a;switch(r){case\"b\":a=Int8Array;break;case\"s\":case\"p\":case\"c\":case\"B\":case\"?\":a=Uint8Array;break;case\"h\":a=Int16Array;break;case\"H\":a=Uint16Array;break;case\"i\":case\"l\":case\"n\":a=Int32Array;break;case\"I\":case\"L\":case\"N\":case\"P\":a=Uint32Array;break;case\"q\":if(globalThis.BigInt64Array===void 0)throw new Error(\"BigInt64Array is not supported on this browser.\"+e);a=BigInt64Array;break;case\"Q\":if(globalThis.BigUint64Array===void 0)throw new Error(\"BigUint64Array is not supported on this browser.\"+e);a=BigUint64Array;break;case\"f\":a=Float32Array;break;case\"d\":a=Float64Array;break;case\"e\":throw new Error(\"Javascript has no Float16 support.\");default:throw new Error(`Unrecognized format character '${r}'.`+e)}return[a,o]};Module.python2js_buffer_1d_contiguous=function(t,e,r){let n=e*r;return HEAP8.slice(t,t+n).buffer};Module.python2js_buffer_1d_noncontiguous=function(t,e,r,n,o){let a=o*n,s=new Uint8Array(a);for(let l=0;l=0&&(c=HEAPU32[(c>>2)+0>>>0]+r),s.set(HEAP8.subarray(c>>>0,c+o>>>0),l*o)}return s.buffer};Module._python2js_buffer_recursive=function(t,e,r){let{shape:n,strides:o,ndim:a,converter:s,itemsize:l,suboffsets:c}=r,u=HEAPU32[(n>>2)+e>>>0],d=HEAP32[(o>>2)+e>>>0],f=-1;if(a===0)return s(Module.python2js_buffer_1d_contiguous(t,l,1));if(c!==0&&(f=HEAP32[(c>>2)+e>>>0]),e===a-1){let p;return d===l&&f<0?p=Module.python2js_buffer_1d_contiguous(t,d,u):p=Module.python2js_buffer_1d_noncontiguous(t,d,f,u,l),s(p)}let y=[];for(let p=0;p=0&&(curptr=HEAPU32[(curptr>>2)+0>>>0]+f),y.push(Module._python2js_buffer_recursive(v,e+1,r))}return y};Module.get_converter=function(t,e){let r=UTF8ToString(t),[n,o]=Module.processBufferFormatString(r);switch(r.slice(-1)){case\"s\":let u=new TextDecoder(\"utf8\",{ignoreBOM:!0});return d=>u.decode(d);case\"?\":return d=>Array.from(new Uint8Array(d),f=>!!f)}if(!o)return u=>new n(u);let s,l;switch(e){case 2:s=\"getUint16\",l=\"setUint16\";break;case 4:s=\"getUint32\",l=\"setUint32\";break;case 8:s=\"getFloat64\",l=\"setFloat64\";break;default:throw new Error(`Unexpected size ${e}`)}function c(u){let d=new DataView(u),f=d[s].bind(d),y=d[l].bind(d);for(let p=0;pnew n(c(u))};function pn(t){try{return t instanceof m}catch{return!1}}i(pn,\"isPyProxy\");API.isPyProxy=pn;globalThis.FinalizationRegistry?Module.finalizationRegistry=new FinalizationRegistry(({ptr:t,cache:e})=>{e&&(e.leaked=!0,nr(e));try{_check_gil();let r=validSuspender.value;validSuspender.value=!1,_Py_DecRef(t),validSuspender.value=r}catch(r){API.fatal_error(r)}}):Module.finalizationRegistry={register(){},unregister(){}};var xt=new Map;Module.pyproxy_alloc_map=xt;var St,At;Module.enable_pyproxy_allocation_tracing=function(){St=i(function(t){xt.set(t,Error().stack)},\"trace_pyproxy_alloc\"),At=i(function(t){xt.delete(t)},\"trace_pyproxy_dealloc\")};Module.disable_pyproxy_allocation_tracing=function(){St=i(function(t){},\"trace_pyproxy_alloc\"),At=i(function(t){},\"trace_pyproxy_dealloc\")};Module.disable_pyproxy_allocation_tracing();var er=Symbol(\"pyproxy.attrs\");function fn(t,e){_check_gil();let r=validSuspender.value;validSuspender.value=!1;try{return _pyproxy_getflags(t,e)}finally{validSuspender.value=r}}i(fn,\"pyproxy_getflags\");function xe(t,{flags:e,cache:r,props:n,shared:o,gcRegister:a,jsonAdaptor:s}={}){a===void 0&&(a=!0);let l=e!==void 0?e:fn(t,!!s);l===-1&&_pythonexc2js();let c=l&8192,u=l&32768,d=Module.getPyProxyClass(l),f;l&256?(f=i(function(){},\"target\"),Object.setPrototypeOf(f,d.prototype),delete f.length,delete f.name,f.prototype=void 0):f=Object.create(d.prototype);let y=!!o;o||(r||(r={map:new Map,json_adaptor_map:new Map,refcnt:0}),r.refcnt++,o={ptr:t,cache:r,flags:l,promise:void 0,destroyed_msg:void 0,gcRegistered:!1},_Py_IncRef(t)),n=Object.assign({isBound:!1,captureThis:!1,boundArgs:[],roundtrip:!1},n);let p;u?p=wt:c?p=Sn:p=B;let v=new Proxy(f,p);!y&&a&&tr(o),y||St(v);let w={shared:o,props:n};return f[er]=w,v}i(xe,\"pyproxy_new\");Module.pyproxy_new=xe;function tr(t){let e=Object.assign({},t);t.gcRegistered=!0,Module.finalizationRegistry.register(t,e,t)}i(tr,\"gc_register_proxy\");Module.gc_register_proxy=tr;function Ze(t){return t[er]}i(Ze,\"_getAttrsQuiet\");Module.PyProxy_getAttrsQuiet=Ze;function F(t){let e=Ze(t);if(!e.shared.ptr)throw new Error(e.shared.destroyed_msg);return e}i(F,\"_getAttrs\");Module.PyProxy_getAttrs=F;function g(t){return F(t).shared.ptr}i(g,\"_getPtr\");function P(t){return Object.getPrototypeOf(t).$$flags}i(P,\"_getFlags\");function rr(t){return!!(P(t)&98304)}i(rr,\"isJsonAdaptor\");function Yt(t,e,r){let{captureThis:n,boundArgs:o,boundThis:a,isBound:s}=F(t).props;return n?s?[a].concat(o,r):[e].concat(r):s?o.concat(r):r}i(Yt,\"_adjustArgs\");var Qt=new Map;Module.getPyProxyClass=function(t){let e=[[1,je],[2,H],[4,R],[8,V],[16,He],[32,ze],[2048,Ge],[512,We],[1024,Ke],[4096,Je],[64,Ye],[128,Qe],[256,be],[8192,Ve],[16384,qe]],r=Qt.get(t);if(r)return r;let n={};for(let[l,c]of e)t&l&&Object.assign(n,Object.getOwnPropertyDescriptors(c.prototype));(t&8192||t&2)&&Object.assign(n,Object.getOwnPropertyDescriptors(Be.prototype)),n.constructor=Object.getOwnPropertyDescriptor(m.prototype,\"constructor\"),Object.assign(n,Object.getOwnPropertyDescriptors({$$flags:t}));let o=t&256?ar:or,a=Object.create(o,n);function s(){}return i(s,\"NewPyProxyClass\"),s.prototype=a,Qt.set(t,s),s};Module.PyProxy_getPtr=g;var Xt=\"This borrowed attribute proxy was automatically destroyed in the process of destroying the proxy it was borrowed from. Try using the 'copy' method.\";function nr(t){if(t&&(t.refcnt--,!t.leaked&&t.refcnt===0)){for(let e of t.map.values())Module.pyproxy_destroy(e,Xt,!0);for(let e of t.json_adaptor_map.values())Module.pyproxy_destroy(e,Xt,!0)}}i(nr,\"pyproxy_decref_cache\");function _n(t,e){if(e=e||\"Object has already been destroyed\",API.debug_ffi){let r=t.type,n;try{n=t.toString()}catch(o){if(o.pyodide_fatal_error)throw o}e+=`\\nThe object was of type \"${r}\" and `,n?e+=`had repr \"${n}\"`:e+=\"an error was raised when trying to generate its repr\"}else e+=\"\\nFor more information about the cause of this error, use `pyodide.setDebug(true)`\";return e}i(_n,\"generateDestroyedMessage\");Module.pyproxy_destroy=function(t,e,r){let{shared:n,props:o}=Ze(t);if(!n.ptr||!r&&o.roundtrip)return;n.destroyed_msg=_n(t,e);let a=n.ptr;n.ptr=0,n.gcRegistered&&Module.finalizationRegistry.unregister(n),nr(n.cache);try{_check_gil();let s=validSuspender.value;validSuspender.value=!1,_Py_DecRef(a),At(t),validSuspender.value=s}catch(s){API.fatal_error(s)}};function Xe(t,e,r){let n=e.length,o=Object.keys(r),a=Object.values(r),s=o.length;e.push(...a);let l;try{_check_gil();let c=validSuspender.value;validSuspender.value=!1,l=__pyproxy_apply(t,e,n,o,s),validSuspender.value=c}catch(c){API.maybe_fatal_error(c);return}if(l===null&&_pythonexc2js(),l&&l.type===\"coroutine\"&&l._ensure_future){_check_gil();let c=validSuspender.value;validSuspender.value=!1;let u=__iscoroutinefunction(t);validSuspender.value=c,u&&l._ensure_future()}return l}i(Xe,\"callPyObjectKwargs\");async function Ue(t,e,r){if(!Module.jspiSupported)throw new Error(\"WebAssembly stack switching not supported in this JavaScript runtime\");let n=e.length,o=Object.keys(r),a=Object.values(r),s=o.length;e.push(...a);let l=stackSave(),c=stackAlloc(4),u;try{_check_gil();let d=validSuspender.value;validSuspender.value=!1,u=await Module.promisingApply(t,e,n,o,s,c),validSuspender.value=d}catch(d){API.fatal_error(d)}if(u===null){_PyErr_SetRaisedException(HEAPU32[c/4>>>0]);try{_pythonexc2js()}finally{stackRestore(l)}}if(u&&u.type===\"coroutine\"&&u._ensure_future){_check_gil();let d=validSuspender.value;validSuspender.value=!1;let f=__iscoroutinefunction(t);validSuspender.value=d,f&&u._ensure_future()}return u}i(Ue,\"callPyObjectKwargsPromising\");Module.callPyObjectMaybePromising=async function(t,e){return Module.jspiSupported?await Ue(t,e,{}):Xe(t,e,{})};Module.callPyObject=function(t,e){return Xe(t,e,{})};var m=class{static[Symbol.hasInstance](e){return[m,ir].some(r=>Function.prototype[Symbol.hasInstance].call(r,e))}constructor(){throw new TypeError(\"PyProxy is not a constructor\")}get[Symbol.toStringTag](){return\"PyProxy\"}get type(){let e=g(this);return __pyproxy_type(e)}toString(){let e=g(this),r;try{_check_gil();let n=validSuspender.value;validSuspender.value=!1,r=__pyproxy_repr(e),validSuspender.value=n}catch(n){API.fatal_error(n)}return r===null&&_pythonexc2js(),r}destroy(e={}){e=Object.assign({message:\"\",destroyRoundtrip:!0},e);let{message:r,destroyRoundtrip:n}=e;Module.pyproxy_destroy(this,r,n)}copy(){let e=F(this);return xe(e.shared.ptr,{flags:P(this),cache:e.shared.cache,props:e.props})}toJs({depth:e=-1,pyproxies:r=void 0,create_pyproxies:n=!0,dict_converter:o=void 0,default_converter:a=void 0}={}){let s=g(this),l,c;n?r?c=r:c=[]:c=null;try{_check_gil();let u=validSuspender.value;validSuspender.value=!1,l=_python2js_custom(s,e,c,o||null,a||null),validSuspender.value=u}catch(u){API.fatal_error(u)}return l===null&&_pythonexc2js(),l}};i(m,\"PyProxy\");var or=m.prototype;Tests.Function=Function;var ar=Object.create(Function.prototype,Object.getOwnPropertyDescriptors(or));function ir(){}i(ir,\"PyProxyFunction\");ir.prototype=ar;var oe=class extends m{static[Symbol.hasInstance](e){return API.isPyProxy(e)&&!!(P(e)&1)}};i(oe,\"PyProxyWithLength\");var je=class{get length(){let e=g(this),r;try{_check_gil();let n=validSuspender.value;validSuspender.value=!1,r=_PyObject_Size(e),validSuspender.value=n}catch(n){API.fatal_error(n)}return r===-1&&_pythonexc2js(),r}};i(je,\"PyLengthMethods\");var ae=class extends m{static[Symbol.hasInstance](e){return API.isPyProxy(e)&&!!(P(e)&2)}};i(ae,\"PyProxyWithGet\");var Be=class{asJsJson(){let{shared:e,props:r}=F(this),n=P(this);return n&8192?n|=65536:n|=32768,xe(e.ptr,{shared:e,flags:n,props:r})}};i(Be,\"PyAsJsonAdaptorMethods\");var H=class{get(e){let{shared:r}=F(this),n;try{_check_gil();let o=validSuspender.value;validSuspender.value=!1,n=__pyproxy_getitem(r.ptr,e,r.cache.json_adaptor_map,rr(this)),validSuspender.value=o}catch(o){API.fatal_error(o)}if(n===null)if(_PyErr_Occurred())_pythonexc2js();else return;return n}asJsJson(){throw new Error(\"Should not happen\")}};i(H,\"PyGetItemMethods\");var ie=class extends m{static[Symbol.hasInstance](e){return API.isPyProxy(e)&&!!(P(e)&4)}};i(ie,\"PyProxyWithSet\");var R=class{set(e,r){let n=g(this),o;try{_check_gil();let a=validSuspender.value;validSuspender.value=!1,o=__pyproxy_setitem(n,e,r),validSuspender.value=a}catch(a){API.fatal_error(a)}o===-1&&_pythonexc2js()}delete(e){let r=g(this),n;try{_check_gil();let o=validSuspender.value;validSuspender.value=!1,n=__pyproxy_delitem(r,e),validSuspender.value=o}catch(o){API.fatal_error(o)}n===-1&&_pythonexc2js()}};i(R,\"PySetItemMethods\");var se=class extends m{static[Symbol.hasInstance](e){return API.isPyProxy(e)&&!!(P(e)&8)}};i(se,\"PyProxyWithHas\");var V=class{has(e){let r=g(this),n;try{_check_gil();let o=validSuspender.value;validSuspender.value=!1,n=__pyproxy_contains(r,e),validSuspender.value=o}catch(o){API.fatal_error(o)}return n===-1&&_pythonexc2js(),n===1}};i(V,\"PyContainsMethods\");function*gn(t,e,r,n){let o=[];try{for(;;){_check_gil();let a=validSuspender.value;validSuspender.value=!1;let s=__pyproxy_iter_next(t,r,n);if(validSuspender.value=a,s===null)break;yield s,!n&&API.isPyProxy(s)&&o.push(s)}}catch(a){API.fatal_error(a)}finally{Module.finalizationRegistry.unregister(e),_Py_DecRef(t)}try{o.forEach(a=>Module.pyproxy_destroy(a,\"This borrowed proxy was automatically destroyed when an iterator was exhausted.\"))}catch{}_PyErr_Occurred()&&_pythonexc2js()}i(gn,\"iter_helper\");var le=class extends m{static[Symbol.hasInstance](e){return API.isPyProxy(e)&&!!(P(e)&48)}};i(le,\"PyIterable\");var He=class{[Symbol.iterator](){let{shared:e}=F(this),r={},n;try{_check_gil();let a=validSuspender.value;validSuspender.value=!1,n=_PyObject_GetIter(e.ptr),validSuspender.value=a}catch(a){API.fatal_error(a)}n===0&&_pythonexc2js();let o=gn(n,r,e.cache.json_adaptor_map,rr(this));return Module.finalizationRegistry.register(o,[n,void 0],r),o}};i(He,\"PyIterableMethods\");async function*mn(t,e){try{for(;;){let r;try{_check_gil();let n=validSuspender.value;if(validSuspender.value=!1,r=__pyproxy_aiter_next(t),validSuspender.value=n,r===null)break}catch(n){API.fatal_error(n)}try{yield await r}catch(n){if(n&&typeof n==\"object\"&&n.type===\"StopAsyncIteration\")return;throw n}finally{r.destroy()}}}finally{Module.finalizationRegistry.unregister(e),_Py_DecRef(t)}_PyErr_Occurred()&&_pythonexc2js()}i(mn,\"aiter_helper\");var ce=class extends m{static[Symbol.hasInstance](e){return API.isPyProxy(e)&&!!(P(e)&1536)}};i(ce,\"PyAsyncIterable\");var We=class{[Symbol.asyncIterator](){let e=g(this),r={},n;try{_check_gil();let a=validSuspender.value;validSuspender.value=!1,n=_PyObject_GetAIter(e),validSuspender.value=a}catch(a){API.fatal_error(a)}n===0&&_pythonexc2js();let o=mn(n,r);return Module.finalizationRegistry.register(o,[n,void 0],r),o}};i(We,\"PyAsyncIterableMethods\");var ue=class extends m{static[Symbol.hasInstance](e){return API.isPyProxy(e)&&!!(P(e)&32)}};i(ue,\"PyIterator\");var ze=class{[Symbol.iterator](){return this}next(e=void 0){let r,n;try{_check_gil();let o=validSuspender.value;validSuspender.value=!1,r=__pyproxyGen_Send(g(this),e),validSuspender.value=o}catch(o){API.fatal_error(o)}return r===null&&_pythonexc2js(),r}};i(ze,\"PyIteratorMethods\");var de=class extends m{static[Symbol.hasInstance](e){return API.isPyProxy(e)&&!!(P(e)&2048)}};i(de,\"PyGenerator\");var Ge=class{throw(e){let r;try{_check_gil();let n=validSuspender.value;validSuspender.value=!1,r=__pyproxyGen_throw(g(this),e),validSuspender.value=n}catch(n){API.fatal_error(n)}return r===null&&_pythonexc2js(),r}return(e){let r;try{_check_gil();let n=validSuspender.value;validSuspender.value=!1,r=__pyproxyGen_return(g(this),e),validSuspender.value=n}catch(n){API.fatal_error(n)}return r===null&&_pythonexc2js(),r}};i(Ge,\"PyGeneratorMethods\");var ye=class extends m{static[Symbol.hasInstance](e){return API.isPyProxy(e)&&!!(P(e)&1024)}};i(ye,\"PyAsyncIterator\");var Ke=class{[Symbol.asyncIterator](){return this}async next(e=void 0){let r;try{_check_gil();let o=validSuspender.value;validSuspender.value=!1,r=__pyproxyGen_asend(g(this),e),validSuspender.value=o}catch(o){API.fatal_error(o)}r===null&&_pythonexc2js();let n;try{n=await r}catch(o){if(o&&typeof o==\"object\"&&o.type===\"StopAsyncIteration\")return{done:!0,value:n};throw o}finally{r.destroy()}return{done:!1,value:n}}};i(Ke,\"PyAsyncIteratorMethods\");var pe=class extends m{static[Symbol.hasInstance](e){return API.isPyProxy(e)&&!!(P(e)&4096)}};i(pe,\"PyAsyncGenerator\");var Je=class{async throw(e){let r;try{_check_gil();let o=validSuspender.value;validSuspender.value=!1,r=__pyproxyGen_athrow(g(this),e),validSuspender.value=o}catch(o){API.fatal_error(o)}r===null&&_pythonexc2js();let n;try{n=await r}catch(o){if(o&&typeof o==\"object\"){if(o.type===\"StopAsyncIteration\")return{done:!0,value:n};if(o.type===\"GeneratorExit\")return{done:!0,value:n}}throw o}finally{r.destroy()}return{done:!1,value:n}}async return(e){let r;try{_check_gil();let o=validSuspender.value;validSuspender.value=!1,r=__pyproxyGen_areturn(g(this)),validSuspender.value=o}catch(o){API.fatal_error(o)}r===null&&_pythonexc2js();let n;try{n=await r}catch(o){if(o&&typeof o==\"object\"){if(o.type===\"StopAsyncIteration\")return{done:!0,value:n};if(o.type===\"GeneratorExit\")return{done:!0,value:e}}throw o}finally{r.destroy()}return{done:!1,value:n}}};i(Je,\"PyAsyncGeneratorMethods\");var fe=class extends m{static[Symbol.hasInstance](e){return API.isPyProxy(e)&&!!(P(e)&8192)}};i(fe,\"PySequence\");function hn(t,e){let r=t.toString(),n=e.toString();return r===n?0:r{this.insert(n,r)}),this.length}copyWithin(...e){return Array.prototype.copyWithin.apply(this,e),this}fill(...e){return Array.prototype.fill.apply(this,e),this}};i(qe,\"PyMutableSequenceMethods\");function bn(t,e){let r=g(t),n;try{_check_gil();let o=validSuspender.value;validSuspender.value=!1,n=__pyproxy_hasattr(r,e),validSuspender.value=o}catch(o){API.fatal_error(o)}return n===-1&&_pythonexc2js(),n!==0}i(bn,\"python_hasattr\");function Pn(t,e){let{shared:r}=F(t),n=r.cache.map,o;try{_check_gil();let a=validSuspender.value;validSuspender.value=!1,o=__pyproxy_getattr(r.ptr,e,n),validSuspender.value=a}catch(a){API.fatal_error(a)}if(o===null){_PyErr_Occurred()&&_pythonexc2js();return}return o}i(Pn,\"python_getattr\");function vn(t,e,r){let n=g(t),o;try{_check_gil();let a=validSuspender.value;validSuspender.value=!1,o=__pyproxy_setattr(n,e,r),validSuspender.value=a}catch(a){API.fatal_error(a)}o===-1&&_pythonexc2js()}i(vn,\"python_setattr\");function xn(t,e){let r=g(t),n;try{_check_gil();let o=validSuspender.value;validSuspender.value=!1,n=__pyproxy_delattr(r,e),validSuspender.value=o}catch(o){API.fatal_error(o)}n===-1&&_pythonexc2js()}i(xn,\"python_delattr\");function wn(t,e,r,n){let o=g(t),a;try{_check_gil();let s=validSuspender.value;validSuspender.value=!1,a=__pyproxy_slice_assign(o,e,r,n),validSuspender.value=s}catch(s){API.fatal_error(s)}return a===null&&_pythonexc2js(),a}i(wn,\"python_slice_assign\");function Zt(t,e){let r=g(t),n;try{_check_gil();let o=validSuspender.value;validSuspender.value=!1,n=__pyproxy_pop(r,e),validSuspender.value=o}catch(o){API.fatal_error(o)}return n===null&&_pythonexc2js(),n}i(Zt,\"python_pop\");function Ce(t,e,r){return t instanceof Function?e in t&&![\"name\",\"length\",\"caller\",\"arguments\",r?\"prototype\":void 0].includes(e):e in t}i(Ce,\"filteredHasKey\");var B={isExtensible(){return!0},has(t,e){return Ce(t,e,!1)?!0:typeof e==\"symbol\"?!1:(e.startsWith(\"$\")&&(e=e.slice(1)),bn(t,e))},get(t,e){return typeof e==\"symbol\"||Ce(t,e,!0)?Reflect.get(t,e):(e.startsWith(\"$\")&&(e=e.slice(1)),Pn(t,e))},set(t,e,r){let n=Object.getOwnPropertyDescriptor(t,e);return n&&!n.writable&&!n.set?!1:typeof e==\"symbol\"||Ce(t,e,!0)?Reflect.set(t,e,r):(e.startsWith(\"$\")&&(e=e.slice(1)),vn(t,e,r),!0)},deleteProperty(t,e){let r=Object.getOwnPropertyDescriptor(t,e);return r&&!r.configurable?!1:typeof e==\"symbol\"||Ce(t,e,!0)?Reflect.deleteProperty(t,e):(e.startsWith(\"$\")&&(e=e.slice(1)),xn(t,e),!0)},ownKeys(t){let e=g(t),r;try{_check_gil();let n=validSuspender.value;validSuspender.value=!1,r=__pyproxy_ownKeys(e),validSuspender.value=n}catch(n){API.fatal_error(n)}return r===null&&_pythonexc2js(),r.push(...Reflect.ownKeys(t)),r},apply(t,e,r){return t.apply(e,r)}};function ge(t){return t&&typeof t==\"object\"&&t.constructor&&t.constructor.name===\"PythonError\"}i(ge,\"isPythonError\");var Sn={isExtensible(){return!0},has(t,e){return typeof e==\"string\"&&/^[0-9]+$/.test(e)?Number(e)n.toString())),e.push(\"length\"),e}},wt={isExtensible(){return!0},has(t,e){return!!(V.prototype.has.call(t,e)||(typeof e==\"string\"&&/^[0-9]+$/.test(e)&&(e=Number(e)),V.prototype.has.call(t,e)))},get(t,e){let r;return[\"copy\",\"constructor\",\"$$flags\",\"toString\",\"destroy\"].includes(e)||typeof e==\"symbol\"?Reflect.get(...arguments):(typeof e==\"string\"&&(r=H.prototype.get.call(t,e)),r||(typeof e==\"string\"&&/^[0-9]+$/.test(e)&&(e=Number(e),r=H.prototype.get.call(t,e)),r)?r:Reflect.get(...arguments))},set(t,e,r){if(typeof e==\"string\"){/^[0-9]+$/.test(e)&&(e=Number(e));try{return R.prototype.set.call(t,e,r),!0}catch(n){if(ge(n))return!1;throw n}}return!1},deleteProperty(t,e){if(typeof e==\"string\"&&/^[0-9]+$/.test(e))try{return R.prototype.delete.call(t,Number(e)),!0}catch(r){if(ge(r))return!1;throw r}return!1},getOwnPropertyDescriptor(t,e){return wt.has(t,e)?{configurable:!0,enumerable:!0,value:wt.get(t,e),writable:!0}:void 0},ownKeys(t){let e;e=B.get(t,\"keys\")();let r=Array.from(e);return e.destroy(),r}},me=class extends m{static[Symbol.hasInstance](e){return API.isPyProxy(e)&&!!(P(e)&64)}};i(me,\"PyAwaitable\");var Ye=class{_ensure_future(){let{shared:e}=Ze(this);if(e.promise)return e.promise;let r=e.ptr;r||F(this);let n,o,a=new Promise((l,c)=>{n=l,o=c}),s;try{_check_gil();let l=validSuspender.value;validSuspender.value=!1,s=__pyproxy_ensure_future(r,n,o),validSuspender.value=l}catch(l){API.fatal_error(l)}return s===-1&&_pythonexc2js(),e.promise=a,this.destroy(),a}then(e,r){return this._ensure_future().then(e,r)}catch(e){return this._ensure_future().catch(e)}finally(e){return this._ensure_future().finally(e)}};i(Ye,\"PyAwaitableMethods\");var he=class extends m{static[Symbol.hasInstance](e){return API.isPyProxy(e)&&!!(P(e)&256)}};i(he,\"PyCallable\");var be=class{apply(e,r){return r=function(...n){return n}.apply(void 0,r),r=Yt(this,e,r),Module.callPyObject(g(this),r)}call(e,...r){return r=Yt(this,e,r),Module.callPyObject(g(this),r)}callWithOptions({relaxed:e,kwargs:r,promising:n},...o){let a={};if(r){if(o.length===0)throw new TypeError(\"callWithOptions with 'kwargs: true' requires at least one argument (the key word argument object)\");if(a=o.pop(),a.constructor!==void 0&&a.constructor.name!==\"Object\")throw new TypeError(\"kwargs argument is not an object\")}let s=e?API.pyodide_code.relaxed_call:this;return e&&o.unshift(this),(n?Ue:Xe)(g(s),o,a)}callKwargs(...e){if(e.length===0)throw new TypeError(\"callKwargs requires at least one argument (the key word argument object)\");let r=e.pop();if(r.constructor!==void 0&&r.constructor.name!==\"Object\")throw new TypeError(\"kwargs argument is not an object\");return Xe(g(this),e,r)}callRelaxed(...e){return API.pyodide_code.relaxed_call(this,...e)}callKwargsRelaxed(...e){return API.pyodide_code.relaxed_call.callKwargs(this,...e)}callPromising(...e){return Ue(g(this),e,{})}callPromisingKwargs(...e){if(e.length===0)throw new TypeError(\"callKwargs requires at least one argument (the key word argument object)\");let r=e.pop();if(r.constructor!==void 0&&r.constructor.name!==\"Object\")throw new TypeError(\"kwargs argument is not an object\");return Ue(g(this),e,r)}bind(e,...r){let{shared:n,props:o}=F(this),{boundArgs:a,boundThis:s,isBound:l}=o,c=e;l&&(c=s);let u=a.concat(r);return o=Object.assign({},o,{boundArgs:u,isBound:!0,boundThis:c}),xe(n.ptr,{shared:n,flags:P(this),props:o})}captureThis(){let{props:e,shared:r}=F(this);return e=Object.assign({},e,{captureThis:!0}),xe(r.ptr,{shared:r,flags:P(this),props:e})}};i(be,\"PyCallableMethods\");be.prototype.prototype=Function.prototype;var An=new Map([[\"i8\",Int8Array],[\"u8\",Uint8Array],[\"u8clamped\",Uint8ClampedArray],[\"i16\",Int16Array],[\"u16\",Uint16Array],[\"i32\",Int32Array],[\"u32\",Uint32Array],[\"i32\",Int32Array],[\"u32\",Uint32Array],[\"i64\",globalThis.BigInt64Array],[\"u64\",globalThis.BigUint64Array],[\"f32\",Float32Array],[\"f64\",Float64Array],[\"dataview\",DataView]]),Pe=class extends m{static[Symbol.hasInstance](e){return API.isPyProxy(e)&&!!(P(e)&128)}};i(Pe,\"PyBuffer\");var Qe=class{getBuffer(e){let r;if(e&&(r=An.get(e),r===void 0))throw new Error(`Unknown type ${e}`);let n=g(this),o;try{_check_gil();let O=validSuspender.value;validSuspender.value=!1,o=__pyproxy_get_buffer(n),validSuspender.value=O}catch(O){API.fatal_error(O)}o===null&&_pythonexc2js();let{start_ptr:a,smallest_ptr:s,largest_ptr:l,readonly:c,format:u,itemsize:d,shape:f,strides:y,view:p,c_contiguous:v,f_contiguous:w}=o,_t=!1;try{let O=!1;r===void 0&&([r,O]=Module.processBufferFormatString(u,\" In this case, you can pass an explicit type argument.\"));let $=parseInt(r.name.replace(/[^0-9]/g,\"\"))/8||1;if(O&&$>1)throw new Error(\"JavaScript has no native support for big endian buffers. In this case, you can pass an explicit type argument. For instance, `getBuffer('dataview')` will return a `DataView`which has native support for reading big endian data. Alternatively, toJs will automatically convert the buffer to little endian.\");let Te=l-s;if(Te!==0&&(a%$!==0||s%$!==0||l%$!==0))throw new Error(`Buffer does not have valid alignment for a ${r.name}`);let Wr=Te/$,zr=(a-s)/$,gt;Te===0?gt=new r:gt=new r(HEAPU32.buffer,s,Wr);for(let Gr of y.keys())y[Gr]/=$;return _t=!0,Object.create(q.prototype,Object.getOwnPropertyDescriptors({offset:zr,readonly:c,format:u,itemsize:d,ndim:f.length,nbytes:Te,shape:f,strides:y,data:gt,c_contiguous:v,f_contiguous:w,_view_ptr:p,_released:!1}))}finally{if(!_t)try{_check_gil();let O=validSuspender.value;validSuspender.value=!1,_PyBuffer_Release(p),_PyMem_Free(p),validSuspender.value=O}catch(O){API.fatal_error(O)}}}};i(Qe,\"PyBufferMethods\");var ve=class extends m{static[Symbol.hasInstance](e){return API.isPyProxy(e)&&e.type===\"dict\"}};i(ve,\"PyDict\");var q=class{constructor(){throw new TypeError(\"PyBufferView is not a constructor\")}release(){if(!this._released){try{_check_gil();let e=validSuspender.value;validSuspender.value=!1,_PyBuffer_Release(this._view_ptr),_PyMem_Free(this._view_ptr),validSuspender.value=e}catch(e){API.fatal_error(e)}this._released=!0,this.data=null}}};i(q,\"PyBufferView\");var sr={PyProxy:m,PyProxyWithLength:oe,PyProxyWithGet:ae,PyProxyWithSet:ie,PyProxyWithHas:se,PyDict:ve,PyIterable:le,PyAsyncIterable:ce,PyIterator:ue,PyAsyncIterator:ye,PyGenerator:de,PyAsyncGenerator:pe,PyAwaitable:me,PyCallable:he,PyBuffer:Pe,PyBufferView:q,PythonError:T,PySequence:fe,PyMutableSequence:_e};function lr(t){t.id!==\"canvas\"&&console.warn(\"If you are using canvas element for SDL library, it should have id 'canvas' to work properly.\"),Module.canvas=t}i(lr,\"setCanvas2D\");function cr(){return Module.canvas}i(cr,\"getCanvas2D\");function In(t){lr(t)}i(In,\"setCanvas3D\");function kn(){return cr()}i(kn,\"getCanvas3D\");var ur={setCanvas2D:lr,getCanvas2D:cr,setCanvas3D:In,getCanvas3D:kn};var h=typeof process==\"object\"&&typeof process.versions==\"object\"&&typeof process.versions.node==\"string\"&&!process.browser,It=h&&typeof module<\"u\"&&typeof module.exports<\"u\"&&typeof S<\"u\"&&typeof __dirname<\"u\",dr=h&&!It,En=typeof globalThis.Bun<\"u\",yr=typeof Deno<\"u\",kt=!h&&!yr,Y=kt&&typeof window==\"object\"&&typeof document==\"object\"&&typeof document.createElement==\"function\"&&\"sessionStorage\"in window&&typeof importScripts!=\"function\",we=kt&&typeof importScripts==\"function\"&&typeof self==\"object\",Et=typeof navigator==\"object\"&&typeof navigator.userAgent==\"string\"&&navigator.userAgent.indexOf(\"Chrome\")==-1&&navigator.userAgent.indexOf(\"Safari\")>-1;function pr(){return{IN_NODE:h,IN_NODE_COMMONJS:It,IN_NODE_ESM:dr,IN_BUN:En,IN_DENO:yr,IN_BROWSER:kt,IN_BROWSER_MAIN_THREAD:Y,IN_BROWSER_WEB_WORKER:we,IN_SAFARI:Et}}i(pr,\"detectEnvironment\");function Ft(){let t=i(()=>{},\"_resolve\"),e=i(()=>{},\"_reject\"),r=new Promise((n,o)=>{t=n,e=o});return r.resolve=t,r.reject=e,r}i(Ft,\"createResolvable\");function et(){let t=Promise.resolve();async function e(){let r=t,n;return t=new Promise(o=>n=o),await r,n}return i(e,\"acquireLock\"),e}i(et,\"createLock\");var Fn=/[-_.]+/g;function fr(t){return t.replace(Fn,\"-\").toLowerCase()}i(fr,\"canonicalizePackageName\");var On=/^.*?([^\\/]*)\\.whl$/;function _r(t){let e=On.exec(t);if(e){let r=e[1].toLowerCase().split(\"-\");return{name:r[0],version:r[1],fileName:r.join(\"-\")+\".whl\"}}}i(_r,\"uriToPackageData\");function gr(t){return btoa(t.match(/\\w{2}/g).map(function(e){return String.fromCharCode(parseInt(e,16))}).join(\"\"))}i(gr,\"base16ToBase64\");var mr,Nt,hr,tt,Q;async function br(){if(!h||(mr=(await import(\"node:url\")).default,tt=await import(\"node:fs\"),Q=await import(\"node:fs/promises\"),hr=(await import(\"node:vm\")).default,Nt=await import(\"node:path\"),Pr=Nt.sep,typeof S<\"u\"))return;let t=tt,e=await import(\"node:crypto\"),r=await import(\"ws\"),n=await import(\"node:child_process\"),o={fs:t,crypto:e,ws:r,child_process:n};globalThis.require=function(a){return o[a]}}i(br,\"initNodeModules\");function Nn(t,e){return Nt.resolve(e||\".\",t)}i(Nn,\"node_resolvePath\");function Mn(t,e){return e===void 0&&(e=location),new URL(t,e).toString()}i(Mn,\"browser_resolvePath\");var rt;h?rt=Nn:rt=Mn;var Pr;h||(Pr=\"/\");function Dn(t,e){return t.startsWith(\"file://\")&&(t=t.slice(7)),t.includes(\"://\")?{response:fetch(t)}:{binary:Q.readFile(t).then(r=>new Uint8Array(r.buffer,r.byteOffset,r.byteLength))}}i(Dn,\"node_getBinaryResponse\");function Tn(t,e){let r=new URL(t,location);return{response:fetch(r,e?{integrity:e}:{})}}i(Tn,\"browser_getBinaryResponse\");var Mt;h?Mt=Dn:Mt=Tn;async function Se(t,e){let{response:r,binary:n}=Mt(t,e);if(n)return n;let o=await r;if(!o.ok)throw new Error(`Failed to load '${t}': request failed.`);return new Uint8Array(await o.arrayBuffer())}i(Se,\"loadBinaryFile\");var Ot;if(Y)Ot=i(async t=>await import(t),\"loadScript\");else if(we)Ot=i(async t=>{try{globalThis.importScripts(t)}catch(e){if(e instanceof TypeError)await import(t);else throw e}},\"loadScript\");else if(h)Ot=Rn;else throw new Error(\"Cannot determine runtime environment\");async function Rn(t){t.startsWith(\"file://\")&&(t=t.slice(7)),t.includes(\"://\")?hr.runInThisContext(await(await fetch(t)).text()):await import(mr.pathToFileURL(t).href)}i(Rn,\"nodeLoadScript\");async function vr(t){if(h)try{await Q.stat(t)}catch{await Q.mkdir(t,{recursive:!0})}}i(vr,\"ensureDirNode\");var Z,b,X=class{constructor(e,r){N(this,Z,void 0);N(this,b,void 0);this._lock=et();M(this,Z,e),M(this,b,r)}*getSubDirs(e){let r=_(this,b).FS.readdir(e);for(let n of r){if(n===\".\"||n===\"..\")continue;let o=_(this,b).PATH.join2(e,n),a=_(this,b).FS.lookupPath(o);if(a.node===null)continue;let s=a.node.mode;_(this,b).FS.isDir(s)&&(yield o,yield*this.getSubDirs(o))}}createDynlibFS(e,r){let n=e.substring(0,e.lastIndexOf(\"/\")),o=r||[];o=o.concat(_(this,Z).defaultLdLibraryPath,[n]);let a=i(c=>{if(_(this,b).PATH.isAbs(c))return c;for(let u of o){let d=_(this,b).PATH.join2(u,c);if(_(this,b).FS.findObject(d)!==null)return d}for(let u of this.getSubDirs(n)){let d=_(this,b).PATH.join2(u,c);if(_(this,b).FS.findObject(d)!==null)return d}return c},\"resolvePath\");return{findObject:(c,u)=>_(this,b).FS.findObject(a(c),u),readFile:i(c=>_(this,b).FS.readFile(a(c)),\"readFile\")}}async loadDynlib(e,r,n){let o=await this._lock(),a=this.createDynlibFS(e,n),s=r?null:{};try{if(await _(this,b).loadDynamicLibrary(e,{loadAsync:!0,nodelete:!0,allowUndefined:!0,global:r,fs:a},s),_(this,b).PATH.isAbs(e)){let l=_(this,b).PATH.basename(e);_(this,b).LDSO.loadedLibsByName[l]||(_(this,b).LDSO.loadedLibsByName[l]=_(this,b).LDSO.loadedLibsByName[e])}}catch(l){if(l&&l.message&&l.message.includes(\"need to see wasm magic number\")){console.warn(`Failed to load dynlib ${e}. We probably just tried to load a linux .so file or something.`);return}throw l}finally{o()}}async loadDynlibsFromPackage(e,r){let n=`${_(this,Z).sitepackages}/${e.file_name.split(\"-\")[0]}.libs`;for(let o of r)await this.loadDynlib(o,!1,[n])}};i(X,\"DynlibLoader\"),Z=new WeakMap,b=new WeakMap;if(typeof API<\"u\"&&typeof Module<\"u\"){let t=new X(API,Module);API.loadDynlib=t.loadDynlib.bind(t),API.loadDynlibsFromPackage=t.loadDynlibsFromPackage.bind(t)}var Ae,Ie,ee=class{constructor(e,r){N(this,Ae,void 0);N(this,Ie,void 0);M(this,Ae,e),M(this,Ie,new X(e,r))}async install(e,r,n,o,a){let s=_(this,Ae).package_loader.unpack_buffer.callKwargs({buffer:e,filename:r,extract_dir:n,installer:o,source:a,calculate_dynlibs:!0});await _(this,Ie).loadDynlibsFromPackage({file_name:r},s)}};i(ee,\"Installer\"),Ae=new WeakMap,Ie=new WeakMap;var xr;if(typeof API<\"u\"&&typeof Module<\"u\"){let t=new ee(API,Module);xr=t.install.bind(t),API.install=xr}async function $n(t){await br();let e=await t;if(!e.packages)throw new Error(\"Loaded pyodide lock file does not contain the expected key 'packages'.\");if(e.info.version!==API.version)throw new Error(`Lock file version doesn't match Pyodide version.\\n lockfile version: ${e.info.version}\\n pyodide version: ${API.version}`);API.lockfile_info=e.info,API.lockfile_packages=e.packages,API.lockfile_unvendored_stdlibs_and_test=[],API.repodata_info=e.info,API.repodata_packages=e.packages,API._import_name_to_package_name=new Map;for(let o of Object.keys(API.lockfile_packages)){let a=API.lockfile_packages[o];for(let s of a.imports)API._import_name_to_package_name.set(s,o);a.package_type===\"cpython_module\"&&API.lockfile_unvendored_stdlibs_and_test.push(o)}API.lockfile_unvendored_stdlibs=API.lockfile_unvendored_stdlibs_and_test.filter(o=>o!==\"test\");let r=API.config.packages;API.config.fullStdLib&&(r=[...r,...API.lockfile_unvendored_stdlibs]),await Oe(r,{messageCallback(){}}),await API.bootstrapFinalizedPromise,API._pyodide._importhook.register_module_not_found_hook(API._import_name_to_package_name,API.lockfile_unvendored_stdlibs_and_test),API.package_loader.init_loaded_packages()}i($n,\"initializePackageIndex\");var Ln=\"default channel\",Cn=\"pyodide.loadPackage\",A,Ee,Fe,nt=class{constructor(e,r){N(this,A,void 0);N(this,Ee,void 0);N(this,Fe,void 0);this.cdnURL=\"\";this.loadedPackages={};this._lock=et();this.stdout=console.log;this.stderr=console.error;this.defaultChannel=Ln;M(this,A,e),M(this,Ee,r),M(this,Fe,new ee(e,r))}async loadPackage(e,r={checkIntegrity:!0}){let n=new Set,{messageCallback:o,errorCallback:a}=r,s=jn(e),l=this.recursiveDependencies(s,a);for(let[f,{name:y,normalizedName:p,channel:v}]of l){let w=this.getLoadedPackageChannel(y);w&&(l.delete(p),w===v||v===this.defaultChannel?this.logStdout(`${y} already loaded from ${w}`,o):this.logStderr(`URI mismatch, attempting to load package ${y} from ${v} while it is already loaded from ${w}. To override a dependency, load the custom package first.`,a))}if(l.size===0)return this.logStdout(\"No new packages to load\",o),[];let c=Array.from(l.values(),({name:f})=>f).sort().join(\", \"),u=new Map,d=await this._lock();try{this.logStdout(`Loading ${c}`,o);for(let[f,y]of l){if(this.getLoadedPackageChannel(y.name)){l.delete(y.normalizedName);continue}y.installPromise=this.downloadAndInstall(y,l,n,u,r.checkIntegrity)}if(await Promise.all(Array.from(l.values()).map(({installPromise:f})=>f)),_(this,Ee).reportUndefinedSymbols(),n.size>0){let f=Array.from(n,y=>y.name).sort().join(\", \");this.logStdout(`Loaded ${f}`,o)}if(u.size>0){let f=Array.from(u.keys()).sort().join(\", \");this.logStdout(`Failed to load ${f}`,o);for(let[y,p]of u)this.logStderr(`The following error occurred while loading ${y}:`,a),this.logStderr(p.message,a)}return _(this,A).importlib.invalidate_caches(),Array.from(n,Un)}finally{d()}}addPackageToLoad(e,r){let n=fr(e);if(r.has(n))return;let o=_(this,A).lockfile_packages[n];if(!o)throw new Error(`No known package with name '${e}'`);if(r.set(n,{name:o.name,normalizedName:n,channel:this.defaultChannel,depends:o.depends,installPromise:void 0,done:Ft(),packageData:o}),!this.getLoadedPackageChannel(o.name))for(let a of o.depends)this.addPackageToLoad(a,r)}recursiveDependencies(e,r){let n=new Map;for(let o of e){let a=_r(o);if(a===void 0){this.addPackageToLoad(o,n);continue}let{name:s,version:l,fileName:c}=a,u=o;if(n.has(s)&&n.get(s).channel!==u){this.logStderr(`Loading same package ${s} from ${u} and ${n.get(s).channel}`,r);continue}n.set(s,{name:s,normalizedName:s,channel:u,depends:[],installPromise:void 0,done:Ft(),packageData:{name:s,version:l,file_name:c,install_dir:\"site\",sha256:\"\",package_type:\"package\",imports:[],depends:[]}})}return n}async downloadPackage(e,r=!0){let n=h?_(this,A).config.packageCacheDir:_(this,A).config.indexURL;await vr(n);let o,a,s;if(e.channel===this.defaultChannel){if(!(e.normalizedName in _(this,A).lockfile_packages))throw new Error(`Internal error: no entry for package named ${name}`);let c=_(this,A).lockfile_packages[e.normalizedName];o=c.file_name,a=rt(o,n),s=\"sha256-\"+gr(c.sha256)}else a=e.channel,s=void 0;r||(s=void 0);try{return await Se(a,s)}catch(c){if(!h||e.channel!==this.defaultChannel)throw c}console.log(`Didn't find package ${o} locally, attempting to load from ${this.cdnURL}`);let l=await Se(this.cdnURL+o);return console.log(`Package ${o} loaded from ${this.cdnURL}, caching the wheel in node_modules for future use.`),await Q.writeFile(a,l),l}async installPackage(e,r){let n=_(this,A).lockfile_packages[e.normalizedName];n||(n=e.packageData);let o=n.file_name,a=_(this,A).package_loader.get_install_dir(n.install_dir);await _(this,Fe).install(r,o,a,Cn,e.channel===this.defaultChannel?\"pyodide\":e.channel)}async downloadAndInstall(e,r,n,o,a=!0){if(ke[e.name]===void 0)try{let s=await this.downloadPackage(e,a),l=e.depends.map(c=>r.has(c)?r.get(c).done:Promise.resolve());await _(this,A).bootstrapFinalizedPromise,await Promise.all(l),await this.installPackage(e,s),n.add(e.packageData),ke[e.name]=e.channel}catch(s){o.set(e.name,s)}finally{e.done.resolve()}}setCdnUrl(e){this.cdnURL=e}getLoadedPackageChannel(e){let r=this.loadedPackages[e];return r===void 0?null:r}logStdout(e,r){r?r(e):this.stdout(e)}logStderr(e,r){r?r(e):this.stderr(e)}};i(nt,\"PackageManager\"),A=new WeakMap,Ee=new WeakMap,Fe=new WeakMap;function Un({name:t,version:e,file_name:r,package_type:n}){return{name:t,version:e,fileName:r,packageType:n}}i(Un,\"filterPackageData\");function jn(t){return typeof t.toJs==\"function\"&&(t=t.toJs()),Array.isArray(t)||(t=[t]),t}i(jn,\"toStringArray\");var Oe,ke;if(typeof API<\"u\"&&typeof Module<\"u\"){let t=new nt(API,Module);Oe=t.loadPackage.bind(t),ke=t.loadedPackages,API.recursiveDependencies=t.recursiveDependencies.bind(t),API.setCdnUrl=t.setCdnUrl.bind(t),API.lockFilePromise&&(API.packageIndexReady=$n(API.lockFilePromise))}var wr=\"0.27.2\";var Rt=h?S(\"node:fs\"):void 0,kr=h?S(\"node:tty\"):void 0;function Er(t){try{Rt.fsyncSync(t)}catch(e){if(e&&e.code===\"EINVAL\")return;throw e}}i(Er,\"nodeFsync\");var Fr=!1,ct={},k={};function Tt(t){ct[k.stdin]=t}i(Tt,\"_setStdinOps\");function Bn(t){ct[k.stdout]=t}i(Bn,\"_setStdoutOps\");function Hn(t){ct[k.stderr]=t}i(Hn,\"_setStderrOps\");function Wn(t){return t&&typeof t==\"object\"&&\"errno\"in t}i(Wn,\"isErrnoError\");var zn=new Int32Array(new WebAssembly.Memory({shared:!0,initial:1,maximum:1}).buffer);function Gn(t){try{return Atomics.wait(zn,0,0,t),!0}catch{return!1}}i(Gn,\"syncSleep\");function Kn(t){for(;;)try{return t()}catch(e){if(e&&e.code===\"EAGAIN\"&&Gn(100))continue;throw e}}i(Kn,\"handleEAGAIN\");function Sr(t,e,r){let n;try{n=Kn(e)}catch(o){throw o&&o.code&&Module.ERRNO_CODES[o.code]?new FS.ErrnoError(Module.ERRNO_CODES[o.code]):Wn(o)?o:(console.error(\"Error thrown in read:\"),console.error(o),new FS.ErrnoError(29))}if(n===void 0)throw console.warn(`${r} returned undefined; a correct implementation must return a number`),new FS.ErrnoError(29);return n!==0&&(t.node.timestamp=Date.now()),n}i(Sr,\"readWriteHelper\");var Ar=i((t,e,r)=>API.typedArrayAsUint8Array(t).subarray(e,e+r),\"prepareBuffer\"),Dt={open:function(t){let e=ct[t.node.rdev];if(!e)throw new FS.ErrnoError(43);t.devops=e,t.tty=t.devops.isatty,t.seekable=!1},close:function(t){t.stream_ops.fsync(t)},fsync:function(t){let e=t.devops;e.fsync&&e.fsync()},read:function(t,e,r,n,o){return e=Ar(e,r,n),Sr(t,()=>t.devops.read(e),\"read\")},write:function(t,e,r,n,o){return e=Ar(e,r,n),Sr(t,()=>t.devops.write(e),\"write\")}};function ut(){Fr&&(FS.closeStream(0),FS.closeStream(1),FS.closeStream(2),FS.open(\"/dev/stdin\",0),FS.open(\"/dev/stdout\",1),FS.open(\"/dev/stderr\",1))}i(ut,\"refreshStreams\");API.initializeStreams=function(t,e,r){let n=FS.createDevice.major++;k.stdin=FS.makedev(n,0),k.stdout=FS.makedev(n,1),k.stderr=FS.makedev(n,2),FS.registerDevice(k.stdin,Dt),FS.registerDevice(k.stdout,Dt),FS.registerDevice(k.stderr,Dt),FS.unlink(\"/dev/stdin\"),FS.unlink(\"/dev/stdout\"),FS.unlink(\"/dev/stderr\"),FS.mkdev(\"/dev/stdin\",k.stdin),FS.mkdev(\"/dev/stdout\",k.stdout),FS.mkdev(\"/dev/stderr\",k.stderr),Me({stdin:t}),$t({batched:e}),Lt({batched:r}),Fr=!0,ut()};function Jn(){Me(h?new at(process.stdin.fd):{stdin:()=>prompt()})}i(Jn,\"setDefaultStdin\");function Vn(){Tt(new ot),ut()}i(Vn,\"setStdinError\");function Me(t={}){let{stdin:e,error:r,isatty:n,autoEOF:o,read:a}=t,s=+!!e+ +!!r+ +!!a;if(s>1)throw new TypeError(\"At most one of stdin, read, and error must be provided.\");if(!e&&o!==void 0)throw new TypeError(\"The 'autoEOF' option can only be used with the 'stdin' option\");if(s===0){Jn();return}r&&Vn(),e&&(o=o===void 0?!0:o,Tt(new it(e.bind(t),!!n,o))),a&&Tt(t),ut()}i(Me,\"setStdin\");function Or(t,e,r){let{raw:n,isatty:o,batched:a,write:s}=t,l=+!!n+ +!!a+ +!!s;if(l===0&&(t=r(),({raw:n,isatty:o,batched:a,write:s}=t)),l>1)throw new TypeError(\"At most one of 'raw', 'batched', and 'write' must be passed\");if(!n&&!s&&o)throw new TypeError(\"Cannot set 'isatty' to true unless 'raw' or 'write' is provided\");n&&e(new st(n.bind(t),!!o)),a&&e(new lt(a.bind(t))),s&&e(t),ut()}i(Or,\"_setStdwrite\");function qn(){return h?new Ne(process.stdout.fd):{batched:t=>console.log(t)}}i(qn,\"_getStdoutDefaults\");function Yn(){return h?new Ne(process.stderr.fd):{batched:t=>console.warn(t)}}i(Yn,\"_getStderrDefaults\");function $t(t={}){Or(t,Bn,qn)}i($t,\"setStdout\");function Lt(t={}){Or(t,Hn,Yn)}i(Lt,\"setStderr\");var Qn=new TextEncoder,Ir=new TextDecoder,ot=class{read(e){throw new FS.ErrnoError(29)}};i(ot,\"ErrorReader\");var at=class{constructor(e){this.fd=e,this.isatty=kr.isatty(e)}read(e){try{return Rt.readSync(this.fd,e)}catch(r){if(r.toString().includes(\"EOF\"))return 0;throw r}}fsync(){Er(this.fd)}};i(at,\"NodeReader\");var it=class{constructor(e,r,n){this.infunc=e,this.isatty=r,this.autoEOF=n,this.index=0,this.saved=void 0,this.insertEOF=!1}_getInput(){if(this.saved)return this.saved;let e=this.infunc();if(typeof e==\"number\")return e;if(e!=null){if(ArrayBuffer.isView(e)){if(e.BYTES_PER_ELEMENT!==1)throw console.warn(`Expected BYTES_PER_ELEMENT to be 1, infunc gave ${e.constructor}`),new FS.ErrnoError(29);return e}if(typeof e==\"string\")return e.endsWith(`\\n`)||(e+=`\\n`),e;if(Object.prototype.toString.call(e)===\"[object ArrayBuffer]\")return new Uint8Array(e);throw console.warn(\"Expected result to be undefined, null, string, array buffer, or array buffer view\"),new FS.ErrnoError(29)}}read(e){if(this.insertEOF)return this.insertEOF=!1,0;let r=0;for(;;){let n=this._getInput();if(typeof n==\"number\"){e[0]=n,e=e.subarray(1),r++;continue}let o;if(n&&n.length>0)if(typeof n==\"string\"){let{read:a,written:s}=Qn.encodeInto(n,e);this.saved=n.slice(a),r+=s,o=e[s-1],e=e.subarray(s)}else{let a;n.length>e.length?(e.set(n.subarray(0,e.length)),this.saved=n.subarray(e.length),a=e.length):(e.set(n),this.saved=void 0,a=n.length),r+=a,o=e[a-1],e=e.subarray(a)}if(!(n&&n.length>0)||this.autoEOF||e.length===0)return this.insertEOF=r>0&&this.autoEOF&&o!==10,r}}fsync(){}};i(it,\"LegacyReader\");var st=class{constructor(e,r){this.out=e,this.isatty=r}write(e){for(let r of e)this.out(r);return e.length}};i(st,\"CharacterCodeWriter\");var lt=class{constructor(e){this.isatty=!1;this.out=e,this.output=[]}write(e){for(let r of e)r===10?(this.out(Ir.decode(new Uint8Array(this.output))),this.output=[]):r!==0&&this.output.push(r);return e.length}fsync(){this.output&&this.output.length>0&&(this.out(Ir.decode(new Uint8Array(this.output))),this.output=[])}};i(lt,\"StringWriter\");var Ne=class{constructor(e){this.fd=e,this.isatty=kr.isatty(e)}write(e){return Rt.writeSync(this.fd,e)}fsync(){Er(this.fd)}};i(Ne,\"NodeWriter\");var Ut=\"sched$\"+Math.random().toString(36).slice(2)+\"$\",jt={},Ct=0;function Xn(){if(!Y)return;let t=i(e=>{if(typeof e.data==\"string\"&&e.data.indexOf(Ut)===0){let r=+e.data.slice(Ut.length),n=jt[r];if(!n)return;try{n()}finally{delete jt[r]}}},\"onGlobalMessage\");globalThis.addEventListener(\"message\",t,!1)}i(Xn,\"installPostMessageHandler\");Xn();function Zn(t){if(h)setImmediate(t);else if(Y&&typeof globalThis.postMessage==\"function\")jt[Ct]=t,globalThis.postMessage(Ut+Ct,\"*\"),Ct++;else if(we&&!Et&&typeof MessageChannel==\"function\"){let e=new MessageChannel;e.port1.onmessage=()=>t(),e.port2.postMessage(\"\")}else setTimeout(t,0)}i(Zn,\"scheduleCallbackImmediate\");function dt(t,e=0){e<=2?Zn(t):setTimeout(t,e)}i(dt,\"scheduleCallback\");var{get:eo,getOwnPropertyDescriptor:to,ownKeys:ro}=Reflect,no=i(t=>({value:t,enumerable:!0,writable:!0,configurable:!0}),\"getPropertyDescriptor\"),Mr=Symbol(),Nr=\"prototype\",oo={deleteProperty:(t,e)=>t.has(e)?t.delete(e):delete t[e],get(t,e,r){if(e===Mr)return t;let n=t[e];return typeof n==\"function\"&&e!==\"constructor\"&&(n=n.bind(t)),n||(n=t.get(e)),n},getOwnPropertyDescriptor(t,e){if(t.has(e))return no(t.get(e));if(e in t)return to(t,e)},has:(t,e)=>t.has(e)||e in t,ownKeys:t=>[...t.keys(),...ro(t)].filter(e=>[\"string\",\"symbol\"].includes(typeof e)),set:(t,e,r)=>(t.set(e,r),!0)},ao=new Proxy(i(class extends Map{constructor(...e){return new Proxy(super(...e),oo)}},\"LiteralMap\"),{get(t,e,...r){return e!==Nr&&e in t[Nr]?(n,...o)=>{let a=n[Mr],s=a[e];return typeof s==\"function\"&&(s=s.apply(a,o)),s===a?n:s}:eo(t,e,...r)}}),Dr=ao;var yt=new FinalizationRegistry(t=>void t());function io(t){let e=new AbortController;for(let l of t)if(l.aborted)return e.abort(l.reason),e.signal;let r=new WeakRef(e),n=[],o=t.length;t.forEach(l=>{let c=new WeakRef(l);function u(){r.deref()?.abort(c.deref()?.reason)}i(u,\"abort\"),l.addEventListener(\"abort\",u),n.push([c,u]),yt.register(l,()=>!--o&&a(),l)});function a(){n.forEach(([l,c])=>{let u=l.deref();u&&(u.removeEventListener(\"abort\",c),yt.unregister(u));let d=r.deref();d&&(yt.unregister(d.signal),delete d.signal.__controller)})}i(a,\"clear\");let{signal:s}=e;return yt.register(s,a,s),s.addEventListener(\"abort\",a),s.__controller=e,s}i(io,\"abortSignalAny\");var Tr=io;function $r(){return[null,Bt,API.config.jsglobals,API.public_api,API,dt,API,{}]}i($r,\"getExpectedKeys\");var Lr=Symbol(\"getAccessorList\");function pt(t,e=[]){return new Proxy(t,{get(r,n,o){if(n===Lr)return e;let a=Reflect.get(...arguments),s=Reflect.getOwnPropertyDescriptor(r,n);return s&&s.writable===!1&&!s.configurable||s&&s.set&&!s.get||![\"object\",\"function\"].includes(typeof a)?a:pt(a,[...e,n])},getPrototypeOf(){return pt(Reflect.getPrototypeOf(...arguments),[...e,\"[getProtoTypeOf]\"])}})}i(pt,\"makeGlobalsProxy\");var Cr=1886286592,ft=4+4+4+4+32;function so(t,e){if(e.length!==8)throw new Error(\"Expected 256 bit buffer\");for(let r=0;r<32;r++)e[r]=parseInt(t.slice(r*8,(r+1)*8),16)}i(so,\"encodeBuildId\");function lo(t){if(t.length!==8)throw new Error(\"Expected 256 bit buffer\");return Array.from(t,e=>e.toString(16).padStart(8,\"0\")).join(\"\")}i(lo,\"decodeBuildId\");var De=5;API.makeSnapshot=function(t){if(!API.config._makeSnapshot)throw new Error(\"makeSnapshot only works if you passed the makeSnapshot option to loadPyodide\");let e=[],r=$r();for(let y=0;yRr(a,o)),e.hiwireKeys.forEach((o,a)=>{let s;if(!o)s=o;else if(\"path\"in o)s=o.path.reduce((l,c)=>l[c],t)||null;else{if(!r)throw new Error(\"You must pass an appropriate deserializer as _snapshotDeserializer\");s=r(o.serialized)}Rr(n.length+a,s)}),e.immortalKeys.forEach(o=>Module.__hiwire_immortal_add(o))}i(jr,\"syncUpSnapshotLoad2\");API.loadBinaryFile=Se;API.rawRun=i(function(e){let r=Module.stringToNewUTF8(e);Module.API.capture_stderr();let n=_PyRun_SimpleString(r);_free(r);let o=Module.API.restore_stderr().trim();return[n,o]},\"rawRun\");API.runPythonInternal=function(t){return API._pyodide._base.eval_code(t,API.runPythonInternal_dict)};API.setPyProxyToStringMethod=function(t){Module.HEAP8[Module._compat_to_string_repr]=+t};API.saveState=()=>API.pyodide_py._state.save_state();API.restoreState=t=>API.pyodide_py._state.restore_state(t);API.scheduleCallback=dt;API.detectEnvironment=pr;AbortSignal.any?API.abortSignalAny=AbortSignal.any:API.abortSignalAny=Tr;API.LiteralMap=Dr;function Br(t){Module.FS.mkdirTree(t);let{node:e}=Module.FS.lookupPath(t,{follow_mount:!1});if(FS.isMountpoint(e))throw new Error(`path '${t}' is already a file system mount point`);if(!FS.isDir(e.mode))throw new Error(`path '${t}' points to a file not a directory`);for(let r in e.contents)throw new Error(`directory '${t}' is not empty`)}i(Br,\"ensureMountPathExists\");var x=class{static async loadPackagesFromImports(e,r={checkIntegrity:!0}){let n=API.pyodide_code.find_imports(e),o;try{o=n.toJs()}finally{n.destroy()}if(o.length===0)return[];let a=API._import_name_to_package_name,s=new Set;for(let l of o)a.has(l)&&s.add(a.get(l));return s.size?await Oe(Array.from(s),r):[]}static runPython(e,r={}){return r.globals||(r.globals=API.globals),API.pyodide_code.eval_code.callKwargs(e,r)}static async runPythonAsync(e,r={}){return r.globals||(r.globals=API.globals),await API.pyodide_code.eval_code_async.callKwargs(e,r)}static registerJsModule(e,r){API.pyodide_ffi.register_js_module(e,r)}static unregisterJsModule(e){API.pyodide_ffi.unregister_js_module(e)}static toPy(e,{depth:r,defaultConverter:n}={depth:-1}){switch(typeof e){case\"string\":case\"number\":case\"boolean\":case\"bigint\":case\"undefined\":return e}if(!e||API.isPyProxy(e))return e;let o=0,a=0;try{o=Module.js2python_convert(e,{depth:r,defaultConverter:n})}catch(s){throw s instanceof Module._PropagatePythonError&&_pythonexc2js(),s}try{if(_JsProxy_Check(o))return e;a=_python2js(o),a===null&&_pythonexc2js()}finally{_Py_DecRef(o)}return a}static pyimport(e){return API.pyodide_base.pyimport_impl(e)}static unpackArchive(e,r,n={}){if(!ArrayBuffer.isView(e)&&API.getTypeTag(e)!==\"[object ArrayBuffer]\")throw new TypeError(\"Expected argument 'buffer' to be an ArrayBuffer or an ArrayBuffer view\");API.typedArrayAsUint8Array(e);let o=n.extractDir;API.package_loader.unpack_buffer.callKwargs({buffer:e,format:r,extract_dir:o,installer:\"pyodide.unpackArchive\"})}static async mountNativeFS(e,r){if(r.constructor.name!==\"FileSystemDirectoryHandle\")throw new TypeError(\"Expected argument 'fileSystemHandle' to be a FileSystemDirectoryHandle\");return Br(e),Module.FS.mount(Module.FS.filesystems.NATIVEFS_ASYNC,{fileSystemHandle:r},e),await new Promise((n,o)=>Module.FS.syncfs(!0,n)),{syncfs:async()=>new Promise((n,o)=>Module.FS.syncfs(!1,n))}}static mountNodeFS(e,r){if(!h)throw new Error(\"mountNodeFS only works in Node\");Br(e);let n;try{n=tt.lstatSync(r)}catch{throw new Error(`hostPath '${r}' does not exist`)}if(!n.isDirectory())throw new Error(`hostPath '${r}' is not a directory`);Module.FS.mount(Module.FS.filesystems.NODEFS,{root:r},e)}static registerComlink(e){API._Comlink=e}static setInterruptBuffer(e){Module.HEAP8[Module._Py_EMSCRIPTEN_SIGNAL_HANDLING]=+!!e,Module.Py_EmscriptenSignalBuffer=e}static checkInterrupt(){if(_PyGILState_Check()){__PyErr_CheckSignals()&&_pythonexc2js();return}else{let e=Module.Py_EmscriptenSignalBuffer;if(e&&e[0]===2)throw new Module.FS.ErrnoError(27)}}static setDebug(e){let r=!!API.debug_ffi;return API.debug_ffi=e,r}static makeMemorySnapshot({serializer:e}={}){if(!API.config._makeSnapshot)throw new Error(\"Can only use pyodide.makeMemorySnapshot if the _makeSnapshot option is passed to loadPyodide\");return API.makeSnapshot(e)}};i(x,\"PyodideAPI\"),x.version=wr,x.loadPackage=Oe,x.loadedPackages=ke,x.ffi=sr,x.setStdin=Me,x.setStdout=$t,x.setStderr=Lt,x.globals={},x.FS={},x.PATH={},x.canvas=ur,x.ERRNO_CODES={},x.pyodide_py={};function co(){let t=Object.getOwnPropertyDescriptors(x);delete t.prototype;let e=Object.create({},t);return API.public_api=e,e.FS=Module.FS,e.PATH=Module.PATH,e.ERRNO_CODES=Module.ERRNO_CODES,e._module=Module,e._api=API,e}i(co,\"makePublicAPI\");function uo(t,e){return new Proxy(t,{get(r,n){return n===\"get\"?o=>{let a=r.get(o);return a===void 0&&(a=e.get(o)),a}:n===\"has\"?o=>r.has(o)||e.has(o):Reflect.get(r,n)}})}i(uo,\"wrapPythonGlobals\");var Hr;API.bootstrapFinalizedPromise=new Promise(t=>Hr=t);function Bt(t){\"__all__\"in t||Object.defineProperty(t,\"__all__\",{get:()=>API.public_api.toPy(Object.getOwnPropertyNames(t).filter(e=>e!==\"__all__\")),enumerable:!1,configurable:!0})}i(Bt,\"jsFinderHook\");API.finalizeBootstrap=function(t,e){t&&Ur();let[r,n]=API.rawRun(\"import _pyodide_core\");r&&API.fatal_loading_error(`Failed to import _pyodide_core\\n`,n),API.runPythonInternal_dict=API._pyodide._base.eval_code(\"{}\"),API.importlib=API.runPythonInternal(\"import importlib; importlib\");let o=API.importlib.import_module;API.sys=o(\"sys\"),API.os=o(\"os\");let a=API.runPythonInternal(\"import __main__; __main__.__dict__\"),s=API.runPythonInternal(\"import builtins; builtins.__dict__\");API.globals=uo(a,s);let l=API._pyodide._importhook,c=co();API.config._makeSnapshot&&(API.config.jsglobals=pt(API.config.jsglobals));let u=API.config.jsglobals;return t?jr(u,t,e):(l.register_js_finder.callKwargs({hook:Bt}),l.register_js_module(\"js\",u),l.register_js_module(\"pyodide_js\",c)),API.pyodide_py=o(\"pyodide\"),API.pyodide_code=o(\"pyodide.code\"),API.pyodide_ffi=o(\"pyodide.ffi\"),API.package_loader=o(\"pyodide._package_loader\"),API.pyodide_base=o(\"_pyodide._base\"),API.sitepackages=API.package_loader.SITE_PACKAGES.__str__(),API.dsodir=API.package_loader.DSO_DIR.__str__(),API.defaultLdLibraryPath=[API.dsodir,API.sitepackages],API.os.environ.__setitem__(\"LD_LIBRARY_PATH\",API.defaultLdLibraryPath.join(\":\")),c.pyodide_py=API.pyodide_py,c.globals=API.globals,Hr(),c}})()}var StackSwitching=(()=>{var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:true})};var __copyProps=(to,from,except,desc)=>{if(from&&typeof from===\"object\"||typeof from===\"function\"){for(let key of __getOwnPropNames(from))if(!__hasOwnProp.call(to,key)&&key!==except)__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable})}return to};var __toCommonJS=mod=>__copyProps(__defProp({},\"__esModule\",{value:true}),mod);var stack_switching_exports={};__export(stack_switching_exports,{StackState:()=>StackState,createPromising:()=>createPromising,jsWrapperTag:()=>jsWrapperTag,jspiSupported:()=>jspiSupported,newJspiSupported:()=>newJspiSupported,oldJspiSupported:()=>oldJspiSupported,promisingApply:()=>promisingApply,suspenderGlobal:()=>suspenderGlobal,validSuspender:()=>validSuspender});var WASM_PRELUDE=[0,97,115,109,1,0,0,0];function insertSectionPrefix(sectionCode,sectionBody){var section=[sectionCode];uleb128Encode(sectionBody.length,section);section.push(...sectionBody);return section}var typeCodes={i32:127,i64:126,f32:125,f64:124,externref:111,void:64};var constCodes={i32:65,i64:66,f32:67,f64:68};function emscriptenSigToWasm(sig){const lookup={i:\"i32\",j:\"i64\",f:\"f32\",d:\"f64\",e:\"externref\",v:\"\"};const parameters=sig.split(\"\").map(x=>lookup[x]);const result=parameters.shift();const results=result?[result]:[];return{parameters:parameters,results:results}}var TypeSection=class{constructor(){this._numTypes=0;this._section=[0]}addEmscripten(sig){return this.addWasm(emscriptenSigToWasm(sig))}addWasm({parameters:parameters,results:results}){this._section.push(96);uleb128Encode(parameters.length,this._section);for(let p of parameters){this._section.push(typeCodes[p])}uleb128Encode(results.length,this._section);for(let p of results){this._section.push(typeCodes[p])}return this._numTypes++}generate(){this._section[0]=this._numTypes;return insertSectionPrefix(1,this._section)}};function encodeStr(s){const buf=(new TextEncoder).encode(s);return[buf.length,...buf]}var ImportSection=class{constructor(){this._numImports=0;this.numGlobals=0;this.numFuncs=0;this._section=[0]}_addName(name){this._section.push(...ImportSection._module);this._section.push(...encodeStr(name))}addFunction(name,sig){this._addName(name);this._section.push(ImportSection.descr.func,sig);this._numImports++;return this.numFuncs++}addTable(name){this._addName(name);this._section.push(ImportSection.descr.table,112,0,0);this._numImports++}addGlobal(name,type){this._addName(name);this._section.push(ImportSection.descr.global,typeCodes[type],1);this._numImports++;return this.numGlobals++}addTag(name,sig){this._addName(name);this._section.push(ImportSection.descr.tag,0,sig);this._numImports++}generate(){this._section[0]=this._numImports;return insertSectionPrefix(2,this._section)}};ImportSection._module=encodeStr(\"e\");ImportSection.descr={func:0,table:1,mem:2,global:3,tag:4};var CodeSection=class{constructor(...locals){this._section=[];this.add(locals.length);for(let l of locals){this.add(1,typeCodes[l])}}add(...args){this._section.push(...args)}local_get(idx){this.add(32,idx)}local_set(idx){this.add(33,idx)}local_tee(idx){this.add(34,idx)}global_get(idx){this.add(35,idx)}global_set(idx){this.add(36,idx)}call(func){this.add(16,func)}call_indirect(func){this.add(17,func,0)}const(type,...val){this.add(constCodes[type],...val)}end(){this.add(11)}generate(){this.end();return insertSectionPrefix(10,insertSectionPrefix(1,this._section))}};var WasmModule=class{constructor(){this._sections=[WASM_PRELUDE]}addSection(section){this._sections.push(section.generate())}addSectionBody(sectionCode,sectionBody){this._sections.push(insertSectionPrefix(sectionCode,sectionBody))}addImportSection(imports){this.addSection(imports);this._numImportFuncs=imports.numFuncs}setExportType(type){const functionSection=[1,type];this.addSectionBody(3,functionSection);const exportSection=[1,...encodeStr(\"o\"),0,this._numImportFuncs];this.addSectionBody(7,exportSection)}generate(){const bytes=new Uint8Array(this._sections.flat());return new WebAssembly.Module(bytes)}};function createInvokeModule(sig){const mod=new WasmModule;const types=new TypeSection;const invoke_sig=emscriptenSigToWasm(sig);const export_sig=structuredClone(invoke_sig);export_sig.parameters.unshift(\"i32\");const invoke_tidx=types.addWasm(invoke_sig);const export_tidx=types.addWasm(export_sig);const try_tidx=typeCodes[invoke_sig.results[0]||\"void\"];const tag_tidx=types.addEmscripten(\"ve\");const save_tidx=types.addEmscripten(\"i\");const restore_tidx=types.addEmscripten(\"vi\");const setThrew_tidx=types.addEmscripten(\"vii\");mod.addSection(types);const imports=new ImportSection;imports.addTable(\"t\");imports.addTag(\"tag\",tag_tidx);const save_stack_func=imports.addFunction(\"s\",save_tidx);const restore_stack_func=imports.addFunction(\"r\",restore_tidx);const set_threw_func=imports.addFunction(\"q\",setThrew_tidx);mod.addImportSection(imports);mod.setExportType(export_tidx);const code=new CodeSection([\"i32\"]);const stackLocal=export_sig.parameters.length;code.call(save_stack_func);code.local_set(stackLocal);code.add(6,try_tidx);for(let i=1;inew WebAssembly.Exception(jsWrapperTag,[e]);function createInvoke(sig){if(!jsWrapperTag){return createInvokeFunction(sig)}const module=createInvokeModule(sig);const instance=new WebAssembly.Instance(module,{e:{t:wasmTable,s:()=>stackSave(),r:x=>stackRestore(x),q:(x,y)=>_setThrew(x,y),tag:jsWrapperTag}});return instance.exports[\"o\"]}function adjustWasmImports(wasmImports){const i=\"invoke_\";for(let name of Object.keys(wasmImports.env)){if(!name.startsWith(i)){continue}wasmImports.env[name]=createInvoke(name.slice(i.length))}}var suspenderGlobal={value:null};var validSuspender={value:false};var promisingApplyHandler;function promisingApply(...args){validSuspender.value=true;Module.stackStop=stackSave();Module.origCframe=_get_cframe();return promisingApplyHandler(...args)}function createPromising(wasm_func){if(Module.newJspiSupported){const promisingFunc=WebAssembly.promising(wasm_func);async function wrapper(...args){const orig=validSuspender.value;validSuspender.value=true;try{return await promisingFunc(null,...args)}finally{validSuspender.value=orig}}return wrapper}const{parameters:parameters}=wasmFunctionType(wasm_func);parameters.shift();return new WebAssembly.Function({parameters:parameters,results:[\"externref\"]},wasm_func,{promising:\"first\"})}function initSuspenders(){promisingApplyHandler=createPromising(wasmExports._pyproxy_apply_promising)}var stackStates=[];var StackState=class{constructor(){this.start=stackSave();this.stop=Module.stackStop;this._copy=new Uint8Array(0);if(this.start!==this.stop){stackStates.push(this)}}restore(){let total=0;while(stackStates.length>0&&stackStates[stackStates.length-1].stop>>0,this.start+sz2>>>0);const c=new Uint8Array(sz2);c.set(this._copy);c.set(new_segment,sz1);this._copy=c;return sz2}_save(){return this._save_up_to(this.stop)}};var canConstructWasm=true;try{new WebAssembly.Module(new Uint8Array([0,97,115,109,1,0,0,0]))}catch(e){canConstructWasm=false}var newJspiSupported=canConstructWasm&&\"Suspending\"in WebAssembly;var oldJspiSupported=canConstructWasm&&\"Suspender\"in WebAssembly;var jspiSupported=newJspiSupported||oldJspiSupported;Module.newJspiSupported=newJspiSupported;Module.oldJspiSupported=oldJspiSupported;Module.jspiSupported=jspiSupported;if(jspiSupported){Module.preRun.push(initSuspenders);Module.adjustWasmImports=adjustWasmImports;Module.wrapException=wrapException;Module.createInvoke=createInvoke}return __toCommonJS(stack_switching_exports)})();const{StackState:StackState,createPromising:createPromising,jsWrapperTag:jsWrapperTag,jspiSupported:jspiSupported,newJspiSupported:newJspiSupported,oldJspiSupported:oldJspiSupported,promisingApply:promisingApply,suspenderGlobal:suspenderGlobal,validSuspender:validSuspender}=StackSwitching;Object.assign(Module,StackSwitching);const API=Module.API;const Hiwire={};const Tests={};API.tests=Tests;API.version=\"0.27.2\";Module.hiwire=Hiwire;function getTypeTag(x){try{return Object.prototype.toString.call(x)}catch(e){return\"\"}}API.getTypeTag=getTypeTag;function hasProperty(obj,prop){try{while(obj){if(Object.getOwnPropertyDescriptor(obj,prop)){return true}obj=Object.getPrototypeOf(obj)}}catch(e){}return false}function hasMethod(obj,prop){try{return typeof obj[prop]===\"function\"}catch(e){return false}}const pyproxyIsAlive=px=>!!Module.PyProxy_getAttrsQuiet(px).shared.ptr;API.pyproxyIsAlive=pyproxyIsAlive;const errNoRet=()=>{throw new Error(\"Assertion error: control reached end of function without return\")};Module.reportUndefinedSymbols=()=>{};const nullToUndefined=x=>x===null?undefined:x;function isPromise(obj){try{return!!obj&&typeof obj.then===\"function\"}catch(e){return false}}API.isPromise=isPromise;function bufferAsUint8Array(arg){if(ArrayBuffer.isView(arg)){return new Uint8Array(arg.buffer,arg.byteOffset,arg.byteLength)}else{return new Uint8Array(arg)}}API.typedArrayAsUint8Array=bufferAsUint8Array;Module.iterObject=function*(object){for(let k in object){if(Object.prototype.hasOwnProperty.call(object,k)){yield k}}};function wasmFunctionType(wasm_func){if(!WebAssembly.Function){throw new Error(\"No type reflection\")}if(WebAssembly.Function.type){return WebAssembly.Function.type(wasm_func)}return wasm_func.type()}pyodide_js_init();pyodide_js_init.sig=\"v\";function set_suspender(suspender){suspenderGlobal.value=suspender}set_suspender.sig=\"ve\";function get_suspender(){return suspenderGlobal.value}get_suspender.sig=\"e\";function syncifyHandler(x,y){return null}async function inner(x,y){try{return nullToUndefined(await(x??y))}catch(e){if(e&&e.pyodide_fatal_error){throw e}Module.syncify_error=e;return null}}if(newJspiSupported){syncifyHandler=new WebAssembly.Suspending(inner)}else if(oldJspiSupported){syncifyHandler=new WebAssembly.Function({parameters:[\"externref\",\"externref\"],results:[\"externref\"]},inner,{suspending:\"first\"})}syncifyHandler.sig=\"eee\";function JsvPromise_Syncify_handleError(){if(!Module.syncify_error){return}Module.handle_js_error(Module.syncify_error);delete Module.syncify_error}JsvPromise_Syncify_handleError.sig=\"v\";function saveState(){if(!validSuspender.value){return null}const stackState=new StackState;const threadState=_captureThreadState();const origCframe=Module.origCframe;_restore_cframe(origCframe);return{threadState:threadState,stackState:stackState,suspender:suspenderGlobal.value,origCframe:origCframe}}saveState.sig=\"e\";function restoreState(state){state.stackState.restore();Module.origCframe=state.origCframe;_restoreThreadState(state.threadState);suspenderGlobal.value=state.suspender;validSuspender.value=true}restoreState.sig=\"ve\";function _PyImport_InitFunc_TrampolineCall(func){return wasmTable.get(func)()}_PyImport_InitFunc_TrampolineCall.sig=\"ii\";function _Py_emscripten_runtime(){var info;if(typeof navigator==\"object\"){info=navigator.userAgent}else if(typeof process==\"object\"){info=\"Node.js \".concat(process.version)}else{info=\"UNKNOWN\"}var len=lengthBytesUTF8(info)+1;var res=_malloc(len);if(res)stringToUTF8(info,res,len);return res}_Py_emscripten_runtime.sig=\"i\";function _Py_CheckEmscriptenSignals_Helper(){if(!Module.Py_EmscriptenSignalBuffer){return 0}try{let result=Module.Py_EmscriptenSignalBuffer[0];Module.Py_EmscriptenSignalBuffer[0]=0;return result}catch(e){return 0}}_Py_CheckEmscriptenSignals_Helper.sig=\"i\";function _PyEM_GetCountArgsPtr(){return Module._PyEM_CountArgsPtr}addOnPreRun(()=>{const code=new Uint8Array([0,97,115,109,1,0,0,0,1,27,5,96,0,1,127,96,1,127,1,127,96,2,127,127,1,127,96,3,127,127,127,1,127,96,1,127,0,2,9,1,1,101,1,116,1,112,0,0,3,2,1,1,7,5,1,1,102,0,0,10,68,1,66,1,1,112,32,0,37,0,34,1,251,20,3,2,4,69,13,0,65,3,15,11,32,1,251,20,2,2,4,69,13,0,65,2,15,11,32,1,251,20,1,2,4,69,13,0,65,1,15,11,32,1,251,20,0,2,4,69,13,0,65,0,15,11,65,127,11]);let ptr=0;try{const mod=new WebAssembly.Module(code);const inst=new WebAssembly.Instance(mod,{e:{t:wasmTable}});ptr=addFunction(inst.exports.f)}catch(e){}Module._PyEM_CountArgsPtr=ptr;const offset=HEAP32[__PyEM_EMSCRIPTEN_COUNT_ARGS_OFFSET/4>>>0];HEAP32[(__PyRuntime+offset)/4>>>0]=ptr});_PyEM_GetCountArgsPtr.sig=\"i\";function _PyEM_TrampolineCall_JS(func,arg1,arg2,arg3){return wasmTable.get(func)(arg1,arg2,arg3)}_PyEM_TrampolineCall_JS.sig=\"iiiii\";function unbox_small_structs(type_ptr){var type_id=HEAPU16[(type_ptr+6>>1)+0>>>0];while(type_id===13){var elements=HEAPU32[(type_ptr+8>>2)+0>>>0];var first_element=HEAPU32[(elements>>2)+0>>>0];if(first_element===0){type_id=0;break}else if(HEAPU32[(elements>>2)+1>>>0]===0){type_ptr=first_element;type_id=HEAPU16[(first_element+6>>1)+0>>>0]}else{break}}return[type_ptr,type_id]}function ffi_call_js(cif,fn,rvalue,avalue){var abi=HEAPU32[(cif>>2)+0>>>0];var nargs=HEAPU32[(cif>>2)+1>>>0];var nfixedargs=HEAPU32[(cif>>2)+6>>>0];var arg_types_ptr=HEAPU32[(cif>>2)+2>>>0];var rtype_unboxed=unbox_small_structs(HEAPU32[(cif>>2)+3>>>0]);var rtype_ptr=rtype_unboxed[0];var rtype_id=rtype_unboxed[1];var orig_stack_ptr=stackSave();var cur_stack_ptr=orig_stack_ptr;var args=[];var ret_by_arg=false;if(rtype_id===15){throw new Error(\"complex ret marshalling nyi\")}if(rtype_id<0||rtype_id>15){throw new Error(\"Unexpected rtype \"+rtype_id)}if(rtype_id===4||rtype_id===13){args.push(rvalue);ret_by_arg=true}for(var i=0;i>2)+i>>>0];var arg_unboxed=unbox_small_structs(HEAPU32[(arg_types_ptr>>2)+i>>>0]);var arg_type_ptr=arg_unboxed[0];var arg_type_id=arg_unboxed[1];switch(arg_type_id){case 1:case 10:case 9:case 14:args.push(HEAPU32[(arg_ptr>>2)+0>>>0]);break;case 2:args.push(HEAPF32[(arg_ptr>>2)+0>>>0]);break;case 3:args.push(HEAPF64[(arg_ptr>>3)+0>>>0]);break;case 5:args.push(HEAPU8[arg_ptr+0>>>0]);break;case 6:args.push(HEAP8[arg_ptr+0>>>0]);break;case 7:args.push(HEAPU16[(arg_ptr>>1)+0>>>0]);break;case 8:args.push(HEAP16[(arg_ptr>>1)+0>>>0]);break;case 11:case 12:args.push(HEAPU64[(arg_ptr>>3)+0]);break;case 4:args.push(HEAPU64[(arg_ptr>>3)+0]);args.push(HEAPU64[(arg_ptr>>3)+1]);break;case 13:var size=HEAPU32[(arg_type_ptr>>2)+0>>>0];var align=HEAPU16[(arg_type_ptr+4>>1)+0>>>0];cur_stack_ptr-=size,cur_stack_ptr&=~(align-1);HEAP8.subarray(cur_stack_ptr>>>0,cur_stack_ptr+size>>>0).set(HEAP8.subarray(arg_ptr>>>0,arg_ptr+size>>>0));args.push(cur_stack_ptr);break;case 15:throw new Error(\"complex marshalling nyi\");default:throw new Error(\"Unexpected type \"+arg_type_id)}}if(nfixedargs!=nargs){var struct_arg_info=[];for(var i=nargs-1;i>=nfixedargs;i--){var arg_ptr=HEAPU32[(avalue>>2)+i>>>0];var arg_unboxed=unbox_small_structs(HEAPU32[(arg_types_ptr>>2)+i>>>0]);var arg_type_ptr=arg_unboxed[0];var arg_type_id=arg_unboxed[1];switch(arg_type_id){case 5:case 6:cur_stack_ptr-=1,cur_stack_ptr&=~(1-1);HEAPU8[cur_stack_ptr+0>>>0]=HEAPU8[arg_ptr+0>>>0];break;case 7:case 8:cur_stack_ptr-=2,cur_stack_ptr&=~(2-1);HEAPU16[(cur_stack_ptr>>1)+0>>>0]=HEAPU16[(arg_ptr>>1)+0>>>0];break;case 1:case 9:case 10:case 14:case 2:cur_stack_ptr-=4,cur_stack_ptr&=~(4-1);HEAPU32[(cur_stack_ptr>>2)+0>>>0]=HEAPU32[(arg_ptr>>2)+0>>>0];break;case 3:case 11:case 12:cur_stack_ptr-=8,cur_stack_ptr&=~(8-1);HEAPU32[(cur_stack_ptr>>2)+0>>>0]=HEAPU32[(arg_ptr>>2)+0>>>0];HEAPU32[(cur_stack_ptr>>2)+1>>>0]=HEAPU32[(arg_ptr>>2)+1>>>0];break;case 4:cur_stack_ptr-=16,cur_stack_ptr&=~(8-1);HEAPU32[(cur_stack_ptr>>2)+0>>>0]=HEAPU32[(arg_ptr>>2)+0>>>0];HEAPU32[(cur_stack_ptr>>2)+1>>>0]=HEAPU32[(arg_ptr>>2)+1>>>0];HEAPU32[(cur_stack_ptr>>2)+2>>>0]=HEAPU32[(arg_ptr>>2)+2>>>0];HEAPU32[(cur_stack_ptr>>2)+3>>>0]=HEAPU32[(arg_ptr>>2)+3>>>0];break;case 13:cur_stack_ptr-=4,cur_stack_ptr&=~(4-1);struct_arg_info.push([cur_stack_ptr,arg_ptr,HEAPU32[(arg_type_ptr>>2)+0>>>0],HEAPU16[(arg_type_ptr+4>>1)+0>>>0]]);break;case 15:throw new Error(\"complex arg marshalling nyi\");default:throw new Error(\"Unexpected argtype \"+arg_type_id)}}args.push(cur_stack_ptr);for(var i=0;i>>0,cur_stack_ptr+size>>>0).set(HEAP8.subarray(arg_ptr>>>0,arg_ptr+size>>>0));HEAPU32[(arg_target>>2)+0>>>0]=cur_stack_ptr}}stackRestore(cur_stack_ptr);stackAlloc(0);var result=(0,getWasmTableEntry(fn).apply(null,args));stackRestore(orig_stack_ptr);if(ret_by_arg){return}switch(rtype_id){case 0:break;case 1:case 9:case 10:case 14:HEAPU32[(rvalue>>2)+0>>>0]=result;break;case 2:HEAPF32[(rvalue>>2)+0>>>0]=result;break;case 3:HEAPF64[(rvalue>>3)+0>>>0]=result;break;case 5:case 6:HEAPU8[rvalue+0>>>0]=result;break;case 7:case 8:HEAPU16[(rvalue>>1)+0>>>0]=result;break;case 11:case 12:HEAPU64[(rvalue>>3)+0]=result;break;case 15:throw new Error(\"complex ret marshalling nyi\");default:throw new Error(\"Unexpected rtype \"+rtype_id)}}ffi_call_js.sig=\"viiii\";function ffi_closure_alloc_js(size,code){var closure=_malloc(size);var index=getEmptyTableSlot();HEAPU32[(code>>2)+0>>>0]=index;HEAPU32[(closure>>2)+0>>>0]=index;return closure}ffi_closure_alloc_js.sig=\"iii\";function ffi_closure_free_js(closure){var index=HEAPU32[(closure>>2)+0>>>0];freeTableIndexes.push(index);_free(closure)}ffi_closure_free_js.sig=\"vi\";function ffi_prep_closure_loc_js(closure,cif,fun,user_data,codeloc){var abi=HEAPU32[(cif>>2)+0>>>0];var nargs=HEAPU32[(cif>>2)+1>>>0];var nfixedargs=HEAPU32[(cif>>2)+6>>>0];var arg_types_ptr=HEAPU32[(cif>>2)+2>>>0];var rtype_unboxed=unbox_small_structs(HEAPU32[(cif>>2)+3>>>0]);var rtype_ptr=rtype_unboxed[0];var rtype_id=rtype_unboxed[1];var sig;var ret_by_arg=false;switch(rtype_id){case 0:sig=\"v\";break;case 13:case 4:sig=\"vi\";ret_by_arg=true;break;case 1:case 5:case 6:case 7:case 8:case 9:case 10:case 14:sig=\"i\";break;case 2:sig=\"f\";break;case 3:sig=\"d\";break;case 11:case 12:sig=\"j\";break;case 15:throw new Error(\"complex ret marshalling nyi\");default:throw new Error(\"Unexpected rtype \"+rtype_id)}var unboxed_arg_type_id_list=[];var unboxed_arg_type_info_list=[];for(var i=0;i>2)+i>>>0]);var arg_type_ptr=arg_unboxed[0];var arg_type_id=arg_unboxed[1];unboxed_arg_type_id_list.push(arg_type_id);unboxed_arg_type_info_list.push([HEAPU32[(arg_type_ptr>>2)+0>>>0],HEAPU16[(arg_type_ptr+4>>1)+0>>>0]])}for(var i=0;i>2)+carg_idx>>>0]=cur_ptr;HEAPU8[cur_ptr+0>>>0]=cur_arg;break;case 7:case 8:cur_ptr-=2,cur_ptr&=~(4-1);HEAPU32[(args_ptr>>2)+carg_idx>>>0]=cur_ptr;HEAPU16[(cur_ptr>>1)+0>>>0]=cur_arg;break;case 1:case 9:case 10:case 14:cur_ptr-=4,cur_ptr&=~(4-1);HEAPU32[(args_ptr>>2)+carg_idx>>>0]=cur_ptr;HEAPU32[(cur_ptr>>2)+0>>>0]=cur_arg;break;case 13:cur_ptr-=arg_size,cur_ptr&=~(arg_align-1);HEAP8.subarray(cur_ptr>>>0,cur_ptr+arg_size>>>0).set(HEAP8.subarray(cur_arg>>>0,cur_arg+arg_size>>>0));HEAPU32[(args_ptr>>2)+carg_idx>>>0]=cur_ptr;break;case 2:cur_ptr-=4,cur_ptr&=~(4-1);HEAPU32[(args_ptr>>2)+carg_idx>>>0]=cur_ptr;HEAPF32[(cur_ptr>>2)+0>>>0]=cur_arg;break;case 3:cur_ptr-=8,cur_ptr&=~(8-1);HEAPU32[(args_ptr>>2)+carg_idx>>>0]=cur_ptr;HEAPF64[(cur_ptr>>3)+0>>>0]=cur_arg;break;case 11:case 12:cur_ptr-=8,cur_ptr&=~(8-1);HEAPU32[(args_ptr>>2)+carg_idx>>>0]=cur_ptr;HEAPU64[(cur_ptr>>3)+0]=cur_arg;break;case 4:cur_ptr-=16,cur_ptr&=~(8-1);HEAPU32[(args_ptr>>2)+carg_idx>>>0]=cur_ptr;HEAPU64[(cur_ptr>>3)+0]=cur_arg;cur_arg=args[jsarg_idx++];HEAPU64[(cur_ptr>>3)+1]=cur_arg;break}}var varargs=args[args.length-1];for(;carg_idx>2)+0>>>0];cur_ptr-=arg_size,cur_ptr&=~(arg_align-1);HEAP8.subarray(cur_ptr>>>0,cur_ptr+arg_size>>>0).set(HEAP8.subarray(struct_ptr>>>0,struct_ptr+arg_size>>>0));HEAPU32[(args_ptr>>2)+carg_idx>>>0]=cur_ptr}else{HEAPU32[(args_ptr>>2)+carg_idx>>>0]=varargs}varargs+=4}stackRestore(cur_ptr);stackAlloc(0);0;getWasmTableEntry(HEAPU32[(closure>>2)+2>>>0])(HEAPU32[(closure>>2)+1>>>0],ret_ptr,args_ptr,HEAPU32[(closure>>2)+3>>>0]);stackRestore(orig_stack_ptr);if(!ret_by_arg){switch(sig[0]){case\"i\":return HEAPU32[(ret_ptr>>2)+0>>>0];case\"j\":return HEAPU64[(ret_ptr>>3)+0];case\"d\":return HEAPF64[(ret_ptr>>3)+0>>>0];case\"f\":return HEAPF32[(ret_ptr>>2)+0>>>0]}}}try{var wasm_trampoline=convertJsFunctionToWasm(trampoline,sig)}catch(e){return 1}setWasmTableEntry(codeloc,wasm_trampoline);HEAPU32[(closure>>2)+1>>>0]=cif;HEAPU32[(closure>>2)+2>>>0]=fun;HEAPU32[(closure>>2)+3>>>0]=user_data;return 0}ffi_prep_closure_loc_js.sig=\"iiiiii\";function __hiwire_deduplicate_new(){return new Map}__hiwire_deduplicate_new.sig=\"e\";function __hiwire_deduplicate_get(map,value){return map.get(value)}__hiwire_deduplicate_get.sig=\"iee\";function __hiwire_deduplicate_set(map,value,ref){map.set(value,ref)}__hiwire_deduplicate_set.sig=\"veei\";function __hiwire_deduplicate_delete(map,value){map.delete(value)}__hiwire_deduplicate_delete.sig=\"vee\";function ExitStatus(status){this.name=\"ExitStatus\";this.message=`Program terminated with exit(${status})`;this.status=status}Module[\"ExitStatus\"]=ExitStatus;var GOT={};Module[\"GOT\"]=GOT;var currentModuleWeakSymbols=new Set([]);Module[\"currentModuleWeakSymbols\"]=currentModuleWeakSymbols;var GOTHandler={get(obj,symName){var rtn=GOT[symName];if(!rtn){rtn=GOT[symName]=new WebAssembly.Global({\"value\":\"i32\",\"mutable\":true})}if(!currentModuleWeakSymbols.has(symName)){rtn.required=true}return rtn}};Module[\"GOTHandler\"]=GOTHandler;var callRuntimeCallbacks=callbacks=>{while(callbacks.length>0){callbacks.shift()(Module)}};Module[\"callRuntimeCallbacks\"]=callRuntimeCallbacks;var decrementExceptionRefcount=ptr=>___cxa_decrement_exception_refcount(ptr);Module[\"decrementExceptionRefcount\"]=decrementExceptionRefcount;var UTF8Decoder=typeof TextDecoder!=\"undefined\"?new TextDecoder(\"utf8\"):undefined;Module[\"UTF8Decoder\"]=UTF8Decoder;var UTF8ArrayToString=(heapOrArray,idx,maxBytesToRead)=>{idx>>>=0;var endIdx=idx+maxBytesToRead;var endPtr=idx;while(heapOrArray[endPtr]&&!(endPtr>=endIdx))++endPtr;if(endPtr-idx>16&&heapOrArray.buffer&&UTF8Decoder){return UTF8Decoder.decode(heapOrArray.subarray(idx,endPtr))}var str=\"\";while(idx>10,56320|ch&1023)}}return str};Module[\"UTF8ArrayToString\"]=UTF8ArrayToString;var getDylinkMetadata=binary=>{var offset=0;var end=0;function getU8(){return binary[offset++]}function getLEB(){var ret=0;var mul=1;while(1){var byte=binary[offset++];ret+=(byte&127)*mul;mul*=128;if(!(byte&128))break}return ret}function getString(){var len=getLEB();offset+=len;return UTF8ArrayToString(binary,offset-len,len)}function failIf(condition,message){if(condition)throw new Error(message)}var name=\"dylink.0\";if(binary instanceof WebAssembly.Module){var dylinkSection=WebAssembly.Module.customSections(binary,name);if(dylinkSection.length===0){name=\"dylink\";dylinkSection=WebAssembly.Module.customSections(binary,name)}failIf(dylinkSection.length===0,\"need dylink section\");binary=new Uint8Array(dylinkSection[0]);end=binary.length}else{var int32View=new Uint32Array(new Uint8Array(binary.subarray(0,24)).buffer);var magicNumberFound=int32View[0]==1836278016;failIf(!magicNumberFound,\"need to see wasm magic number\");failIf(binary[8]!==0,\"need the dylink section to be first\");offset=9;var section_size=getLEB();end=offset+section_size;name=getString()}var customSection={neededDynlibs:[],tlsExports:new Set,weakImports:new Set};if(name==\"dylink\"){customSection.memorySize=getLEB();customSection.memoryAlign=getLEB();customSection.tableSize=getLEB();customSection.tableAlign=getLEB();var neededDynlibsCount=getLEB();for(var i=0;i_emscripten_stack_get_current();Module[\"stackSave\"]=stackSave;var stackRestore=val=>__emscripten_stack_restore(val);Module[\"stackRestore\"]=stackRestore;var stackAlloc=sz=>__emscripten_stack_alloc(sz);Module[\"stackAlloc\"]=stackAlloc;var UTF8ToString=(ptr,maxBytesToRead)=>{ptr>>>=0;return ptr?UTF8ArrayToString(HEAPU8,ptr,maxBytesToRead):\"\"};Module[\"UTF8ToString\"]=UTF8ToString;var getExceptionMessageCommon=ptr=>{var sp=stackSave();var type_addr_addr=stackAlloc(4);var message_addr_addr=stackAlloc(4);___get_exception_message(ptr,type_addr_addr,message_addr_addr);var type_addr=HEAPU32[type_addr_addr>>>2>>>0];var message_addr=HEAPU32[message_addr_addr>>>2>>>0];var type=UTF8ToString(type_addr);_free(type_addr);var message;if(message_addr){message=UTF8ToString(message_addr);_free(message_addr)}stackRestore(sp);return[type,message]};Module[\"getExceptionMessageCommon\"]=getExceptionMessageCommon;var getExceptionMessage=ptr=>getExceptionMessageCommon(ptr);Module[\"getExceptionMessage\"]=getExceptionMessage;function getValue(ptr,type=\"i8\"){if(type.endsWith(\"*\"))type=\"*\";switch(type){case\"i1\":return HEAP8[ptr>>>0];case\"i8\":return HEAP8[ptr>>>0];case\"i16\":return HEAP16[ptr>>>1>>>0];case\"i32\":return HEAP32[ptr>>>2>>>0];case\"i64\":return HEAP64[ptr>>>3];case\"float\":return HEAPF32[ptr>>>2>>>0];case\"double\":return HEAPF64[ptr>>>3>>>0];case\"*\":return HEAPU32[ptr>>>2>>>0];default:abort(`invalid type for getValue: ${type}`)}}Module[\"getValue\"]=getValue;var incrementExceptionRefcount=ptr=>___cxa_increment_exception_refcount(ptr);Module[\"incrementExceptionRefcount\"]=incrementExceptionRefcount;var newDSO=(name,handle,syms)=>{var dso={refcount:Infinity,name:name,exports:syms,global:true};LDSO.loadedLibsByName[name]=dso;if(handle!=undefined){LDSO.loadedLibsByHandle[handle]=dso}return dso};Module[\"newDSO\"]=newDSO;var LDSO={loadedLibsByName:{},loadedLibsByHandle:{},init(){newDSO(\"__main__\",0,wasmImports)}};Module[\"LDSO\"]=LDSO;var ___heap_base=9881584;Module[\"___heap_base\"]=___heap_base;var zeroMemory=(address,size)=>{HEAPU8.fill(0,address,address+size);return address};Module[\"zeroMemory\"]=zeroMemory;var alignMemory=(size,alignment)=>Math.ceil(size/alignment)*alignment;Module[\"alignMemory\"]=alignMemory;var getMemory=size=>{if(runtimeInitialized){return zeroMemory(_malloc(size),size)}var ret=___heap_base;var end=ret+alignMemory(size,16);___heap_base=end;GOT[\"__heap_base\"].value=end;return ret};Module[\"getMemory\"]=getMemory;var isInternalSym=symName=>[\"__cpp_exception\",\"__c_longjmp\",\"__wasm_apply_data_relocs\",\"__dso_handle\",\"__tls_size\",\"__tls_align\",\"__set_stack_limits\",\"_emscripten_tls_init\",\"__wasm_init_tls\",\"__wasm_call_ctors\",\"__start_em_asm\",\"__stop_em_asm\",\"__start_em_js\",\"__stop_em_js\"].includes(symName)||symName.startsWith(\"__em_js__\");Module[\"isInternalSym\"]=isInternalSym;var uleb128Encode=(n,target)=>{if(n<128){target.push(n)}else{target.push(n%128|128,n>>7)}};Module[\"uleb128Encode\"]=uleb128Encode;var sigToWasmTypes=sig=>{var typeNames={\"i\":\"i32\",\"j\":\"i64\",\"f\":\"f32\",\"d\":\"f64\",\"e\":\"externref\",\"p\":\"i32\"};var type={parameters:[],results:sig[0]==\"v\"?[]:[typeNames[sig[0]]]};for(var i=1;i{var sigRet=sig.slice(0,1);var sigParam=sig.slice(1);var typeCodes={\"i\":127,\"p\":127,\"j\":126,\"f\":125,\"d\":124,\"e\":111};target.push(96);uleb128Encode(sigParam.length,target);for(var i=0;i{if(typeof WebAssembly.Function==\"function\"){return new WebAssembly.Function(sigToWasmTypes(sig),func)}var typeSectionBody=[1];generateFuncType(sig,typeSectionBody);var bytes=[0,97,115,109,1,0,0,0,1];uleb128Encode(typeSectionBody.length,bytes);bytes.push(...typeSectionBody);bytes.push(2,7,1,1,101,1,102,0,0,7,5,1,1,102,0,0);var module=new WebAssembly.Module(new Uint8Array(bytes));var instance=new WebAssembly.Instance(module,{\"e\":{\"f\":func}});var wrappedFunc=instance.exports[\"f\"];return wrappedFunc};Module[\"convertJsFunctionToWasm\"]=convertJsFunctionToWasm;var wasmTableMirror=[];Module[\"wasmTableMirror\"]=wasmTableMirror;var wasmTable=new WebAssembly.Table({\"initial\":6648,\"element\":\"anyfunc\"});Module[\"wasmTable\"]=wasmTable;var getWasmTableEntry=funcPtr=>{var func=wasmTableMirror[funcPtr];if(!func){if(funcPtr>=wasmTableMirror.length)wasmTableMirror.length=funcPtr+1;wasmTableMirror[funcPtr]=func=wasmTable.get(funcPtr)}return func};Module[\"getWasmTableEntry\"]=getWasmTableEntry;var updateTableMap=(offset,count)=>{if(functionsInTableMap){for(var i=offset;i{if(!functionsInTableMap){functionsInTableMap=new WeakMap;updateTableMap(0,wasmTable.length)}return functionsInTableMap.get(func)||0};Module[\"getFunctionAddress\"]=getFunctionAddress;var freeTableIndexes=[];Module[\"freeTableIndexes\"]=freeTableIndexes;var getEmptyTableSlot=()=>{if(freeTableIndexes.length){return freeTableIndexes.pop()}try{wasmTable.grow(1)}catch(err){if(!(err instanceof RangeError)){throw err}throw\"Unable to grow wasm table. Set ALLOW_TABLE_GROWTH.\"}return wasmTable.length-1};Module[\"getEmptyTableSlot\"]=getEmptyTableSlot;var setWasmTableEntry=(idx,func)=>{wasmTable.set(idx,func);wasmTableMirror[idx]=wasmTable.get(idx)};Module[\"setWasmTableEntry\"]=setWasmTableEntry;var addFunction=(func,sig)=>{var rtn=getFunctionAddress(func);if(rtn){return rtn}var ret=getEmptyTableSlot();try{setWasmTableEntry(ret,func)}catch(err){if(!(err instanceof TypeError)){throw err}var wrapped=convertJsFunctionToWasm(func,sig);setWasmTableEntry(ret,wrapped)}functionsInTableMap.set(func,ret);return ret};Module[\"addFunction\"]=addFunction;var updateGOT=(exports,replace)=>{for(var symName in exports){if(isInternalSym(symName)){continue}var value=exports[symName];GOT[symName]||=new WebAssembly.Global({\"value\":\"i32\",\"mutable\":true});if(replace||GOT[symName].value==0){if(typeof value==\"function\"){GOT[symName].value=addFunction(value)}else if(typeof value==\"number\"){GOT[symName].value=value}else{err(`unhandled export type for '${symName}': ${typeof value}`)}}}};Module[\"updateGOT\"]=updateGOT;var relocateExports=(exports,memoryBase,replace)=>{var relocated={};for(var e in exports){var value=exports[e];if(typeof value==\"object\"){value=value.value}if(typeof value==\"number\"){value+=memoryBase}relocated[e]=value}updateGOT(relocated,replace);return relocated};Module[\"relocateExports\"]=relocateExports;var isSymbolDefined=symName=>{var existing=wasmImports[symName];if(!existing||existing.stub){return false}return true};Module[\"isSymbolDefined\"]=isSymbolDefined;var dynCall=(sig,ptr,args=[])=>{var rtn=getWasmTableEntry(ptr)(...args);return sig[0]==\"p\"?rtn>>>0:rtn};Module[\"dynCall\"]=dynCall;var createInvokeFunction=sig=>function(){var sp=stackSave();try{return dynCall(sig,arguments[0],Array.prototype.slice.call(arguments,1))}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0);if(sig[0]==\"j\")return 0n}};Module[\"createInvokeFunction\"]=createInvokeFunction;var resolveGlobalSymbol=(symName,direct=false)=>{var sym;if(isSymbolDefined(symName)){sym=wasmImports[symName]}else if(symName.startsWith(\"invoke_\")){sym=wasmImports[symName]=Module.createInvoke(symName.split(\"_\")[1])}else if(symName.startsWith(\"__cxa_find_matching_catch_\")){sym=wasmImports[symName]=function(){var args=Array.from(arguments);var rtn=findMatchingCatch(args);return rtn}}return{sym:sym,name:symName}};Module[\"resolveGlobalSymbol\"]=resolveGlobalSymbol;var loadWebAssemblyModule=(binary,flags,libName,localScope,handle)=>{var metadata=getDylinkMetadata(binary);currentModuleWeakSymbols=metadata.weakImports;function loadModule(){var firstLoad=!handle||!HEAP8[handle+8>>>0];if(firstLoad){var memAlign=Math.pow(2,metadata.memoryAlign);var memoryBase=metadata.memorySize?alignMemory(getMemory(metadata.memorySize+memAlign),memAlign):0;var tableBase=metadata.tableSize?wasmTable.length:0;if(handle){HEAP8[handle+8>>>0]=1;HEAPU32[handle+12>>>2>>>0]=memoryBase;HEAP32[handle+16>>>2>>>0]=metadata.memorySize;HEAPU32[handle+20>>>2>>>0]=tableBase;HEAP32[handle+24>>>2>>>0]=metadata.tableSize}}else{memoryBase=HEAPU32[handle+12>>>2>>>0];tableBase=HEAPU32[handle+20>>>2>>>0]}var tableGrowthNeeded=tableBase+metadata.tableSize-wasmTable.length;if(tableGrowthNeeded>0){wasmTable.grow(tableGrowthNeeded)}var moduleExports;function resolveSymbol(sym){var resolved=resolveGlobalSymbol(sym).sym;if(!resolved&&localScope){resolved=localScope[sym]}if(!resolved){resolved=moduleExports[sym]}return resolved}var proxyHandler={get(stubs,prop){switch(prop){case\"__memory_base\":return memoryBase;case\"__table_base\":return tableBase}if(prop in wasmImports&&!wasmImports[prop].stub){return wasmImports[prop]}if(!(prop in stubs)){var resolved;stubs[prop]=(...args)=>{resolved||=resolveSymbol(prop);if(!resolved){throw new Error(`Dynamic linking error: cannot resolve symbol ${prop}`)}return resolved(...args)}}return stubs[prop]}};var proxy=new Proxy({},proxyHandler);var info={\"GOT.mem\":new Proxy({},GOTHandler),\"GOT.func\":new Proxy({},GOTHandler),\"env\":proxy,\"wasi_snapshot_preview1\":proxy};function postInstantiation(module,instance){updateTableMap(tableBase,metadata.tableSize);moduleExports=relocateExports(instance.exports,memoryBase);if(!flags.allowUndefined){reportUndefinedSymbols()}function addEmAsm(addr,body){var args=[];var arity=0;for(;arity<16;arity++){if(body.indexOf(\"$\"+arity)!=-1){args.push(\"$\"+arity)}else{break}}args=args.join(\",\");var func=`(${args}) => { ${body} };`;ASM_CONSTS[start]=eval(func)}if(\"__start_em_asm\"in moduleExports){var start=moduleExports[\"__start_em_asm\"];var stop=moduleExports[\"__stop_em_asm\"];while(start ${body};`;moduleExports[name]=eval(func)}for(var name in moduleExports){if(name.startsWith(\"__em_js__\")){var start=moduleExports[name];var jsString=UTF8ToString(start);var parts=jsString.split(\"<::>\");addEmJs(name.replace(\"__em_js__\",\"\"),parts[0],parts[1]);delete moduleExports[name]}}var applyRelocs=moduleExports[\"__wasm_apply_data_relocs\"];if(applyRelocs){if(runtimeInitialized){applyRelocs()}else{__RELOC_FUNCS__.push(applyRelocs)}}var init=moduleExports[\"__wasm_call_ctors\"];if(init){if(runtimeInitialized){init()}else{__ATINIT__.push(init)}}return moduleExports}if(flags.loadAsync){if(binary instanceof WebAssembly.Module){var instance=new WebAssembly.Instance(binary,info);return Promise.resolve(postInstantiation(binary,instance))}return WebAssembly.instantiate(binary,info).then(result=>postInstantiation(result.module,result.instance))}var module=binary instanceof WebAssembly.Module?binary:new WebAssembly.Module(binary);var instance=new WebAssembly.Instance(module,info);return postInstantiation(module,instance)}if(flags.loadAsync){return metadata.neededDynlibs.reduce((chain,dynNeeded)=>chain.then(()=>loadDynamicLibrary(dynNeeded,flags,localScope)),Promise.resolve()).then(loadModule)}metadata.neededDynlibs.forEach(needed=>loadDynamicLibrary(needed,flags,localScope));return loadModule()};Module[\"loadWebAssemblyModule\"]=loadWebAssemblyModule;var mergeLibSymbols=(exports,libName)=>{for(var[sym,exp]of Object.entries(exports)){const setImport=target=>{if(!isSymbolDefined(target)){wasmImports[target]=exp}};setImport(sym);const main_alias=\"__main_argc_argv\";if(sym==\"main\"){setImport(main_alias)}if(sym==main_alias){setImport(\"main\")}if(sym.startsWith(\"dynCall_\")&&!Module.hasOwnProperty(sym)){Module[sym]=exp}}};Module[\"mergeLibSymbols\"]=mergeLibSymbols;var asyncLoad=(url,onload,onerror,noRunDep)=>{var dep=!noRunDep?getUniqueRunDependency(`al ${url}`):\"\";readAsync(url,arrayBuffer=>{onload(new Uint8Array(arrayBuffer));if(dep)removeRunDependency(dep)},event=>{if(onerror){onerror()}else{throw`Loading data file \"${url}\" failed.`}});if(dep)addRunDependency(dep)};Module[\"asyncLoad\"]=asyncLoad;var preloadPlugins=Module[\"preloadPlugins\"]||[];Module[\"preloadPlugins\"]=preloadPlugins;var registerWasmPlugin=()=>{var wasmPlugin={\"promiseChainEnd\":Promise.resolve(),\"canHandle\":name=>!Module.noWasmDecoding&&name.endsWith(\".so\"),\"handle\":(byteArray,name,onload,onerror)=>{wasmPlugin[\"promiseChainEnd\"]=wasmPlugin[\"promiseChainEnd\"].then(()=>loadWebAssemblyModule(byteArray,{loadAsync:true,nodelete:true},name,{})).then(exports=>{preloadedWasm[name]=exports;onload(byteArray)},error=>{err(`failed to instantiate wasm: ${name}: ${error}`);onerror()})}};preloadPlugins.push(wasmPlugin)};Module[\"registerWasmPlugin\"]=registerWasmPlugin;var preloadedWasm={};Module[\"preloadedWasm\"]=preloadedWasm;function loadDynamicLibrary(libName,flags={global:true,nodelete:true},localScope,handle){var dso=LDSO.loadedLibsByName[libName];if(dso){if(!flags.global){if(localScope){Object.assign(localScope,dso.exports)}}else if(!dso.global){dso.global=true;mergeLibSymbols(dso.exports,libName)}if(flags.nodelete&&dso.refcount!==Infinity){dso.refcount=Infinity}dso.refcount++;if(handle){LDSO.loadedLibsByHandle[handle]=dso}return flags.loadAsync?Promise.resolve(true):true}dso=newDSO(libName,handle,\"loading\");dso.refcount=flags.nodelete?Infinity:1;dso.global=flags.global;function loadLibData(){var libData;if(handle){var data=HEAPU32[handle+28>>>2>>>0];var dataSize=HEAPU32[handle+32>>>2>>>0];if(data&&dataSize){libData=HEAP8.slice(data,data+dataSize)}}if(!libData&&flags.fs&&flags.fs.findObject(libName)){libData=flags.fs.readFile(libName,{encoding:\"binary\"});if(!(libData instanceof Uint8Array)){libData=new Uint8Array(libData)}}if(libData){return flags.loadAsync?Promise.resolve(libData):libData}var libFile=locateFile(libName);if(flags.loadAsync){return new Promise(function(resolve,reject){asyncLoad(libFile,resolve,reject)})}if(!readBinary){throw new Error(`${libFile}: file not found, and synchronous loading of external files is not available`)}return readBinary(libFile)}function getExports(){var preloaded=preloadedWasm[libName];if(preloaded){return flags.loadAsync?Promise.resolve(preloaded):preloaded}if(flags.loadAsync){return loadLibData().then(libData=>loadWebAssemblyModule(libData,flags,libName,localScope,handle))}return loadWebAssemblyModule(loadLibData(),flags,libName,localScope,handle)}function moduleLoaded(exports){if(dso.global){mergeLibSymbols(exports,libName)}else if(localScope){Object.assign(localScope,exports)}dso.exports=exports}if(flags.loadAsync){return getExports().then(exports=>{moduleLoaded(exports);return true})}moduleLoaded(getExports());return true}Module[\"loadDynamicLibrary\"]=loadDynamicLibrary;var reportUndefinedSymbols=()=>{for(var[symName,entry]of Object.entries(GOT)){if(entry.value==0){var value=resolveGlobalSymbol(symName,true).sym;if(!value&&!entry.required){continue}if(typeof value==\"function\"){entry.value=addFunction(value,value.sig)}else if(typeof value==\"number\"){entry.value=value}else{throw new Error(`bad export type for '${symName}': ${typeof value}`)}}}};Module[\"reportUndefinedSymbols\"]=reportUndefinedSymbols;var loadDylibs=()=>{if(!dynamicLibraries.length){reportUndefinedSymbols();return}addRunDependency(\"loadDylibs\");dynamicLibraries.reduce((chain,lib)=>chain.then(()=>loadDynamicLibrary(lib,{loadAsync:true,global:true,nodelete:true,allowUndefined:true})),Promise.resolve()).then(()=>{reportUndefinedSymbols();removeRunDependency(\"loadDylibs\")})};Module[\"loadDylibs\"]=loadDylibs;var noExitRuntime=Module[\"noExitRuntime\"]||true;Module[\"noExitRuntime\"]=noExitRuntime;function setValue(ptr,value,type=\"i8\"){if(type.endsWith(\"*\"))type=\"*\";switch(type){case\"i1\":HEAP8[ptr>>>0]=value;break;case\"i8\":HEAP8[ptr>>>0]=value;break;case\"i16\":HEAP16[ptr>>>1>>>0]=value;break;case\"i32\":HEAP32[ptr>>>2>>>0]=value;break;case\"i64\":HEAP64[ptr>>>3]=BigInt(value);break;case\"float\":HEAPF32[ptr>>>2>>>0]=value;break;case\"double\":HEAPF64[ptr>>>3>>>0]=value;break;case\"*\":HEAPU32[ptr>>>2>>>0]=value;break;default:abort(`invalid type for setValue: ${type}`)}}Module[\"setValue\"]=setValue;var MAX_INT53=9007199254740992;Module[\"MAX_INT53\"]=MAX_INT53;var MIN_INT53=-9007199254740992;Module[\"MIN_INT53\"]=MIN_INT53;var bigintToI53Checked=num=>numMAX_INT53?NaN:Number(num);Module[\"bigintToI53Checked\"]=bigintToI53Checked;function ___assert_fail(condition,filename,line,func){condition>>>=0;filename>>>=0;func>>>=0;abort(`Assertion failed: ${UTF8ToString(condition)}, at: `+[filename?UTF8ToString(filename):\"unknown filename\",line,func?UTF8ToString(func):\"unknown function\"])}Module[\"___assert_fail\"]=___assert_fail;___assert_fail.sig=\"vppip\";function ___call_sighandler(fp,sig){fp>>>=0;return getWasmTableEntry(fp)(sig)}Module[\"___call_sighandler\"]=___call_sighandler;___call_sighandler.sig=\"vpi\";var exceptionCaught=[];Module[\"exceptionCaught\"]=exceptionCaught;var uncaughtExceptionCount=0;Module[\"uncaughtExceptionCount\"]=uncaughtExceptionCount;function ___cxa_begin_catch(ptr){ptr>>>=0;var info=new ExceptionInfo(ptr);if(!info.get_caught()){info.set_caught(true);uncaughtExceptionCount--}info.set_rethrown(false);exceptionCaught.push(info);___cxa_increment_exception_refcount(info.excPtr);return info.get_exception_ptr()}Module[\"___cxa_begin_catch\"]=___cxa_begin_catch;___cxa_begin_catch.sig=\"pp\";function ___cxa_current_primary_exception(){if(!exceptionCaught.length){return 0}var info=exceptionCaught[exceptionCaught.length-1];___cxa_increment_exception_refcount(info.excPtr);return info.excPtr}Module[\"___cxa_current_primary_exception\"]=___cxa_current_primary_exception;___cxa_current_primary_exception.sig=\"p\";var exceptionLast=0;Module[\"exceptionLast\"]=exceptionLast;var ___cxa_end_catch=()=>{_setThrew(0,0);var info=exceptionCaught.pop();___cxa_decrement_exception_refcount(info.excPtr);exceptionLast=0};Module[\"___cxa_end_catch\"]=___cxa_end_catch;___cxa_end_catch.sig=\"v\";class ExceptionInfo{constructor(excPtr){this.excPtr=excPtr;this.ptr=excPtr-24}set_type(type){HEAPU32[this.ptr+4>>>2>>>0]=type}get_type(){return HEAPU32[this.ptr+4>>>2>>>0]}set_destructor(destructor){HEAPU32[this.ptr+8>>>2>>>0]=destructor}get_destructor(){return HEAPU32[this.ptr+8>>>2>>>0]}set_caught(caught){caught=caught?1:0;HEAP8[this.ptr+12>>>0]=caught}get_caught(){return HEAP8[this.ptr+12>>>0]!=0}set_rethrown(rethrown){rethrown=rethrown?1:0;HEAP8[this.ptr+13>>>0]=rethrown}get_rethrown(){return HEAP8[this.ptr+13>>>0]!=0}init(type,destructor){this.set_adjusted_ptr(0);this.set_type(type);this.set_destructor(destructor)}set_adjusted_ptr(adjustedPtr){HEAPU32[this.ptr+16>>>2>>>0]=adjustedPtr}get_adjusted_ptr(){return HEAPU32[this.ptr+16>>>2>>>0]}get_exception_ptr(){var isPointer=___cxa_is_pointer_type(this.get_type());if(isPointer){return HEAPU32[this.excPtr>>>2>>>0]}var adjusted=this.get_adjusted_ptr();if(adjusted!==0)return adjusted;return this.excPtr}}Module[\"ExceptionInfo\"]=ExceptionInfo;function ___resumeException(ptr){ptr>>>=0;if(!exceptionLast){exceptionLast=ptr}throw Module.wrapException(exceptionLast)}Module[\"___resumeException\"]=___resumeException;___resumeException.sig=\"vp\";var setTempRet0=val=>__emscripten_tempret_set(val);Module[\"setTempRet0\"]=setTempRet0;var findMatchingCatch=args=>{var thrown=exceptionLast;if(!thrown){setTempRet0(0);return 0}var info=new ExceptionInfo(thrown);info.set_adjusted_ptr(thrown);var thrownType=info.get_type();if(!thrownType){setTempRet0(0);return thrown}for(var arg in args){var caughtType=args[arg];if(caughtType===0||caughtType===thrownType){break}var adjusted_ptr_addr=info.ptr+16;if(___cxa_can_catch(caughtType,thrownType,adjusted_ptr_addr)){setTempRet0(caughtType);return thrown}}setTempRet0(thrownType);return thrown};Module[\"findMatchingCatch\"]=findMatchingCatch;function ___cxa_find_matching_catch_2(){return findMatchingCatch([])}Module[\"___cxa_find_matching_catch_2\"]=___cxa_find_matching_catch_2;___cxa_find_matching_catch_2.sig=\"p\";function ___cxa_find_matching_catch_3(arg0){arg0>>>=0;return findMatchingCatch([arg0])}Module[\"___cxa_find_matching_catch_3\"]=___cxa_find_matching_catch_3;___cxa_find_matching_catch_3.sig=\"pp\";var ___cxa_rethrow=()=>{var info=exceptionCaught.pop();if(!info){abort(\"no exception to throw\")}var ptr=info.excPtr;if(!info.get_rethrown()){exceptionCaught.push(info);info.set_rethrown(true);info.set_caught(false);uncaughtExceptionCount++}exceptionLast=ptr;throw Module.wrapException(exceptionLast)};Module[\"___cxa_rethrow\"]=___cxa_rethrow;___cxa_rethrow.sig=\"v\";function ___cxa_rethrow_primary_exception(ptr){ptr>>>=0;if(!ptr)return;var info=new ExceptionInfo(ptr);exceptionCaught.push(info);info.set_rethrown(true);___cxa_rethrow()}Module[\"___cxa_rethrow_primary_exception\"]=___cxa_rethrow_primary_exception;___cxa_rethrow_primary_exception.sig=\"vp\";function ___cxa_throw(ptr,type,destructor){ptr>>>=0;type>>>=0;destructor>>>=0;var info=new ExceptionInfo(ptr);info.init(type,destructor);exceptionLast=ptr;uncaughtExceptionCount++;throw Module.wrapException(exceptionLast)}Module[\"___cxa_throw\"]=___cxa_throw;___cxa_throw.sig=\"vppp\";var ___cxa_uncaught_exceptions=()=>uncaughtExceptionCount;Module[\"___cxa_uncaught_exceptions\"]=___cxa_uncaught_exceptions;___cxa_uncaught_exceptions.sig=\"i\";var ___memory_base=new WebAssembly.Global({\"value\":\"i32\",\"mutable\":false},1024);Module[\"___memory_base\"]=___memory_base;var ___stack_high=9881584;Module[\"___stack_high\"]=___stack_high;var ___stack_low=4638704;Module[\"___stack_low\"]=___stack_low;var ___stack_pointer=new WebAssembly.Global({\"value\":\"i32\",\"mutable\":true},9881584);Module[\"___stack_pointer\"]=___stack_pointer;var PATH={isAbs:path=>path.charAt(0)===\"/\",splitPath:filename=>{var splitPathRe=/^(\\/?|)([\\s\\S]*?)((?:\\.{1,2}|[^\\/]+?|)(\\.[^.\\/]*|))(?:[\\/]*)$/;return splitPathRe.exec(filename).slice(1)},normalizeArray:(parts,allowAboveRoot)=>{var up=0;for(var i=parts.length-1;i>=0;i--){var last=parts[i];if(last===\".\"){parts.splice(i,1)}else if(last===\"..\"){parts.splice(i,1);up++}else if(up){parts.splice(i,1);up--}}if(allowAboveRoot){for(;up;up--){parts.unshift(\"..\")}}return parts},normalize:path=>{var isAbsolute=PATH.isAbs(path),trailingSlash=path.substr(-1)===\"/\";path=PATH.normalizeArray(path.split(\"/\").filter(p=>!!p),!isAbsolute).join(\"/\");if(!path&&!isAbsolute){path=\".\"}if(path&&trailingSlash){path+=\"/\"}return(isAbsolute?\"/\":\"\")+path},dirname:path=>{var result=PATH.splitPath(path),root=result[0],dir=result[1];if(!root&&!dir){return\".\"}if(dir){dir=dir.substr(0,dir.length-1)}return root+dir},basename:path=>{if(path===\"/\")return\"/\";path=PATH.normalize(path);path=path.replace(/\\/$/,\"\");var lastSlash=path.lastIndexOf(\"/\");if(lastSlash===-1)return path;return path.substr(lastSlash+1)},join:(...paths)=>PATH.normalize(paths.join(\"/\")),join2:(l,r)=>PATH.normalize(l+\"/\"+r)};Module[\"PATH\"]=PATH;var initRandomFill=()=>{if(typeof crypto==\"object\"&&typeof crypto[\"getRandomValues\"]==\"function\"){return view=>crypto.getRandomValues(view)}else if(ENVIRONMENT_IS_NODE){try{var crypto_module=require(\"crypto\");var randomFillSync=crypto_module[\"randomFillSync\"];if(randomFillSync){return view=>crypto_module[\"randomFillSync\"](view)}var randomBytes=crypto_module[\"randomBytes\"];return view=>(view.set(randomBytes(view.byteLength)),view)}catch(e){}}abort(\"initRandomDevice\")};Module[\"initRandomFill\"]=initRandomFill;var randomFill=view=>(randomFill=initRandomFill())(view);Module[\"randomFill\"]=randomFill;var PATH_FS={resolve:(...args)=>{var resolvedPath=\"\",resolvedAbsolute=false;for(var i=args.length-1;i>=-1&&!resolvedAbsolute;i--){var path=i>=0?args[i]:FS.cwd();if(typeof path!=\"string\"){throw new TypeError(\"Arguments to path.resolve must be strings\")}else if(!path){return\"\"}resolvedPath=path+\"/\"+resolvedPath;resolvedAbsolute=PATH.isAbs(path)}resolvedPath=PATH.normalizeArray(resolvedPath.split(\"/\").filter(p=>!!p),!resolvedAbsolute).join(\"/\");return(resolvedAbsolute?\"/\":\"\")+resolvedPath||\".\"},relative:(from,to)=>{from=PATH_FS.resolve(from).substr(1);to=PATH_FS.resolve(to).substr(1);function trim(arr){var start=0;for(;start=0;end--){if(arr[end]!==\"\")break}if(start>end)return[];return arr.slice(start,end-start+1)}var fromParts=trim(from.split(\"/\"));var toParts=trim(to.split(\"/\"));var length=Math.min(fromParts.length,toParts.length);var samePartsLength=length;for(var i=0;i{var len=0;for(var i=0;i=55296&&c<=57343){len+=4;++i}else{len+=3}}return len};Module[\"lengthBytesUTF8\"]=lengthBytesUTF8;var stringToUTF8Array=(str,heap,outIdx,maxBytesToWrite)=>{outIdx>>>=0;if(!(maxBytesToWrite>0))return 0;var startIdx=outIdx;var endIdx=outIdx+maxBytesToWrite-1;for(var i=0;i=55296&&u<=57343){var u1=str.charCodeAt(++i);u=65536+((u&1023)<<10)|u1&1023}if(u<=127){if(outIdx>=endIdx)break;heap[outIdx++>>>0]=u}else if(u<=2047){if(outIdx+1>=endIdx)break;heap[outIdx++>>>0]=192|u>>6;heap[outIdx++>>>0]=128|u&63}else if(u<=65535){if(outIdx+2>=endIdx)break;heap[outIdx++>>>0]=224|u>>12;heap[outIdx++>>>0]=128|u>>6&63;heap[outIdx++>>>0]=128|u&63}else{if(outIdx+3>=endIdx)break;heap[outIdx++>>>0]=240|u>>18;heap[outIdx++>>>0]=128|u>>12&63;heap[outIdx++>>>0]=128|u>>6&63;heap[outIdx++>>>0]=128|u&63}}heap[outIdx>>>0]=0;return outIdx-startIdx};Module[\"stringToUTF8Array\"]=stringToUTF8Array;function intArrayFromString(stringy,dontAddNull,length){var len=length>0?length:lengthBytesUTF8(stringy)+1;var u8array=new Array(len);var numBytesWritten=stringToUTF8Array(stringy,u8array,0,u8array.length);if(dontAddNull)u8array.length=numBytesWritten;return u8array}Module[\"intArrayFromString\"]=intArrayFromString;var FS_stdin_getChar=()=>{if(!FS_stdin_getChar_buffer.length){var result=null;if(ENVIRONMENT_IS_NODE){var BUFSIZE=256;var buf=Buffer.alloc(BUFSIZE);var bytesRead=0;var fd=process.stdin.fd;try{bytesRead=fs.readSync(fd,buf)}catch(e){if(e.toString().includes(\"EOF\"))bytesRead=0;else throw e}if(bytesRead>0){result=buf.slice(0,bytesRead).toString(\"utf-8\")}else{result=null}}else if(typeof window!=\"undefined\"&&typeof window.prompt==\"function\"){result=window.prompt(\"Input: \");if(result!==null){result+=\"\\n\"}}else if(typeof readline==\"function\"){result=readline();if(result!==null){result+=\"\\n\"}}if(!result){return null}FS_stdin_getChar_buffer=intArrayFromString(result,true)}return FS_stdin_getChar_buffer.shift()};Module[\"FS_stdin_getChar\"]=FS_stdin_getChar;var TTY={ttys:[],init(){},shutdown(){},register(dev,ops){TTY.ttys[dev]={input:[],output:[],ops:ops};FS.registerDevice(dev,TTY.stream_ops)},stream_ops:{open(stream){var tty=TTY.ttys[stream.node.rdev];if(!tty){throw new FS.ErrnoError(43)}stream.tty=tty;stream.seekable=false},close(stream){stream.tty.ops.fsync(stream.tty)},fsync(stream){stream.tty.ops.fsync(stream.tty)},read(stream,buffer,offset,length,pos){if(!stream.tty||!stream.tty.ops.get_char){throw new FS.ErrnoError(60)}var bytesRead=0;for(var i=0;i0){out(UTF8ArrayToString(tty.output,0));tty.output=[]}},ioctl_tcgets(tty){return{c_iflag:25856,c_oflag:5,c_cflag:191,c_lflag:35387,c_cc:[3,28,127,21,4,0,1,0,17,19,26,0,18,15,23,22,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]}},ioctl_tcsets(tty,optional_actions,data){return 0},ioctl_tiocgwinsz(tty){return[24,80]}},default_tty1_ops:{put_char(tty,val){if(val===null||val===10){err(UTF8ArrayToString(tty.output,0));tty.output=[]}else{if(val!=0)tty.output.push(val)}},fsync(tty){if(tty.output&&tty.output.length>0){err(UTF8ArrayToString(tty.output,0));tty.output=[]}}}};Module[\"TTY\"]=TTY;var mmapAlloc=size=>{size=alignMemory(size,65536);var ptr=_emscripten_builtin_memalign(65536,size);if(!ptr)return 0;return zeroMemory(ptr,size)};Module[\"mmapAlloc\"]=mmapAlloc;var MEMFS={ops_table:null,mount(mount){return MEMFS.createNode(null,\"/\",16384|511,0)},createNode(parent,name,mode,dev){if(FS.isBlkdev(mode)||FS.isFIFO(mode)){throw new FS.ErrnoError(63)}MEMFS.ops_table||={dir:{node:{getattr:MEMFS.node_ops.getattr,setattr:MEMFS.node_ops.setattr,lookup:MEMFS.node_ops.lookup,mknod:MEMFS.node_ops.mknod,rename:MEMFS.node_ops.rename,unlink:MEMFS.node_ops.unlink,rmdir:MEMFS.node_ops.rmdir,readdir:MEMFS.node_ops.readdir,symlink:MEMFS.node_ops.symlink},stream:{llseek:MEMFS.stream_ops.llseek}},file:{node:{getattr:MEMFS.node_ops.getattr,setattr:MEMFS.node_ops.setattr},stream:{llseek:MEMFS.stream_ops.llseek,read:MEMFS.stream_ops.read,write:MEMFS.stream_ops.write,allocate:MEMFS.stream_ops.allocate,mmap:MEMFS.stream_ops.mmap,msync:MEMFS.stream_ops.msync}},link:{node:{getattr:MEMFS.node_ops.getattr,setattr:MEMFS.node_ops.setattr,readlink:MEMFS.node_ops.readlink},stream:{}},chrdev:{node:{getattr:MEMFS.node_ops.getattr,setattr:MEMFS.node_ops.setattr},stream:FS.chrdev_stream_ops}};var node=FS.createNode(parent,name,mode,dev);if(FS.isDir(node.mode)){node.node_ops=MEMFS.ops_table.dir.node;node.stream_ops=MEMFS.ops_table.dir.stream;node.contents={}}else if(FS.isFile(node.mode)){node.node_ops=MEMFS.ops_table.file.node;node.stream_ops=MEMFS.ops_table.file.stream;node.usedBytes=0;node.contents=null}else if(FS.isLink(node.mode)){node.node_ops=MEMFS.ops_table.link.node;node.stream_ops=MEMFS.ops_table.link.stream}else if(FS.isChrdev(node.mode)){node.node_ops=MEMFS.ops_table.chrdev.node;node.stream_ops=MEMFS.ops_table.chrdev.stream}node.timestamp=Date.now();if(parent){parent.contents[name]=node;parent.timestamp=node.timestamp}return node},getFileDataAsTypedArray(node){if(!node.contents)return new Uint8Array(0);if(node.contents.subarray)return node.contents.subarray(0,node.usedBytes);return new Uint8Array(node.contents)},expandFileStorage(node,newCapacity){var prevCapacity=node.contents?node.contents.length:0;if(prevCapacity>=newCapacity)return;var CAPACITY_DOUBLING_MAX=1024*1024;newCapacity=Math.max(newCapacity,prevCapacity*(prevCapacity>>0);if(prevCapacity!=0)newCapacity=Math.max(newCapacity,256);var oldContents=node.contents;node.contents=new Uint8Array(newCapacity);if(node.usedBytes>0)node.contents.set(oldContents.subarray(0,node.usedBytes),0)},resizeFileStorage(node,newSize){if(node.usedBytes==newSize)return;if(newSize==0){node.contents=null;node.usedBytes=0}else{var oldContents=node.contents;node.contents=new Uint8Array(newSize);if(oldContents){node.contents.set(oldContents.subarray(0,Math.min(newSize,node.usedBytes)))}node.usedBytes=newSize}},node_ops:{getattr(node){var attr={};attr.dev=FS.isChrdev(node.mode)?node.id:1;attr.ino=node.id;attr.mode=node.mode;attr.nlink=1;attr.uid=0;attr.gid=0;attr.rdev=node.rdev;if(FS.isDir(node.mode)){attr.size=4096}else if(FS.isFile(node.mode)){attr.size=node.usedBytes}else if(FS.isLink(node.mode)){attr.size=node.link.length}else{attr.size=0}attr.atime=new Date(node.timestamp);attr.mtime=new Date(node.timestamp);attr.ctime=new Date(node.timestamp);attr.blksize=4096;attr.blocks=Math.ceil(attr.size/attr.blksize);return attr},setattr(node,attr){if(attr.mode!==undefined){node.mode=attr.mode}if(attr.timestamp!==undefined){node.timestamp=attr.timestamp}if(attr.size!==undefined){MEMFS.resizeFileStorage(node,attr.size)}},lookup(parent,name){throw FS.genericErrors[44]},mknod(parent,name,mode,dev){return MEMFS.createNode(parent,name,mode,dev)},rename(old_node,new_dir,new_name){if(FS.isDir(old_node.mode)){var new_node;try{new_node=FS.lookupNode(new_dir,new_name)}catch(e){}if(new_node){for(var i in new_node.contents){throw new FS.ErrnoError(55)}}}delete old_node.parent.contents[old_node.name];old_node.parent.timestamp=Date.now();old_node.name=new_name;new_dir.contents[new_name]=old_node;new_dir.timestamp=old_node.parent.timestamp;old_node.parent=new_dir},unlink(parent,name){delete parent.contents[name];parent.timestamp=Date.now()},rmdir(parent,name){var node=FS.lookupNode(parent,name);for(var i in node.contents){throw new FS.ErrnoError(55)}delete parent.contents[name];parent.timestamp=Date.now()},readdir(node){var entries=[\".\",\"..\"];for(var key of Object.keys(node.contents)){entries.push(key)}return entries},symlink(parent,newname,oldpath){var node=MEMFS.createNode(parent,newname,511|40960,0);node.link=oldpath;return node},readlink(node){if(!FS.isLink(node.mode)){throw new FS.ErrnoError(28)}return node.link}},stream_ops:{read(stream,buffer,offset,length,position){var contents=stream.node.contents;if(position>=stream.node.usedBytes)return 0;var size=Math.min(stream.node.usedBytes-position,length);if(size>8&&contents.subarray){buffer.set(contents.subarray(position,position+size),offset)}else{for(var i=0;i0||position+length>>0)}return{ptr:ptr,allocated:allocated}},msync(stream,buffer,offset,length,mmapFlags){MEMFS.stream_ops.write(stream,buffer,0,length,offset,false);return 0}}};Module[\"MEMFS\"]=MEMFS;var FS_createDataFile=(parent,name,fileData,canRead,canWrite,canOwn)=>{FS.createDataFile(parent,name,fileData,canRead,canWrite,canOwn)};Module[\"FS_createDataFile\"]=FS_createDataFile;var FS_handledByPreloadPlugin=(byteArray,fullname,finish,onerror)=>{if(typeof Browser!=\"undefined\")Browser.init();var handled=false;preloadPlugins.forEach(plugin=>{if(handled)return;if(plugin[\"canHandle\"](fullname)){plugin[\"handle\"](byteArray,fullname,finish,onerror);handled=true}});return handled};Module[\"FS_handledByPreloadPlugin\"]=FS_handledByPreloadPlugin;var FS_createPreloadedFile=(parent,name,url,canRead,canWrite,onload,onerror,dontCreateFile,canOwn,preFinish)=>{var fullname=name?PATH_FS.resolve(PATH.join2(parent,name)):parent;var dep=getUniqueRunDependency(`cp ${fullname}`);function processData(byteArray){function finish(byteArray){preFinish?.();if(!dontCreateFile){FS_createDataFile(parent,name,byteArray,canRead,canWrite,canOwn)}onload?.();removeRunDependency(dep)}if(FS_handledByPreloadPlugin(byteArray,fullname,finish,()=>{onerror?.();removeRunDependency(dep)})){return}finish(byteArray)}addRunDependency(dep);if(typeof url==\"string\"){asyncLoad(url,processData,onerror)}else{processData(url)}};Module[\"FS_createPreloadedFile\"]=FS_createPreloadedFile;var FS_modeStringToFlags=str=>{var flagModes={\"r\":0,\"r+\":2,\"w\":512|64|1,\"w+\":512|64|2,\"a\":1024|64|1,\"a+\":1024|64|2};var flags=flagModes[str];if(typeof flags==\"undefined\"){throw new Error(`Unknown file open mode: ${str}`)}return flags};Module[\"FS_modeStringToFlags\"]=FS_modeStringToFlags;var FS_getMode=(canRead,canWrite)=>{var mode=0;if(canRead)mode|=292|73;if(canWrite)mode|=146;return mode};Module[\"FS_getMode\"]=FS_getMode;var IDBFS={dbs:{},indexedDB:()=>{if(typeof indexedDB!=\"undefined\")return indexedDB;var ret=null;if(typeof window==\"object\")ret=window.indexedDB||window.mozIndexedDB||window.webkitIndexedDB||window.msIndexedDB;return ret},DB_VERSION:21,DB_STORE_NAME:\"FILE_DATA\",mount:(...args)=>MEMFS.mount(...args),syncfs:(mount,populate,callback)=>{IDBFS.getLocalSet(mount,(err,local)=>{if(err)return callback(err);IDBFS.getRemoteSet(mount,(err,remote)=>{if(err)return callback(err);var src=populate?remote:local;var dst=populate?local:remote;IDBFS.reconcile(src,dst,callback)})})},quit:()=>{Object.values(IDBFS.dbs).forEach(value=>value.close());IDBFS.dbs={}},getDB:(name,callback)=>{var db=IDBFS.dbs[name];if(db){return callback(null,db)}var req;try{req=IDBFS.indexedDB().open(name,IDBFS.DB_VERSION)}catch(e){return callback(e)}if(!req){return callback(\"Unable to connect to IndexedDB\")}req.onupgradeneeded=e=>{var db=e.target.result;var transaction=e.target.transaction;var fileStore;if(db.objectStoreNames.contains(IDBFS.DB_STORE_NAME)){fileStore=transaction.objectStore(IDBFS.DB_STORE_NAME)}else{fileStore=db.createObjectStore(IDBFS.DB_STORE_NAME)}if(!fileStore.indexNames.contains(\"timestamp\")){fileStore.createIndex(\"timestamp\",\"timestamp\",{unique:false})}};req.onsuccess=()=>{db=req.result;IDBFS.dbs[name]=db;callback(null,db)};req.onerror=e=>{callback(e.target.error);e.preventDefault()}},getLocalSet:(mount,callback)=>{var entries={};function isRealDir(p){return p!==\".\"&&p!==\"..\"}function toAbsolute(root){return p=>PATH.join2(root,p)}var check=FS.readdir(mount.mountpoint).filter(isRealDir).map(toAbsolute(mount.mountpoint));while(check.length){var path=check.pop();var stat;try{stat=FS.stat(path)}catch(e){return callback(e)}if(FS.isDir(stat.mode)){check.push(...FS.readdir(path).filter(isRealDir).map(toAbsolute(path)))}entries[path]={\"timestamp\":stat.mtime}}return callback(null,{type:\"local\",entries:entries})},getRemoteSet:(mount,callback)=>{var entries={};IDBFS.getDB(mount.mountpoint,(err,db)=>{if(err)return callback(err);try{var transaction=db.transaction([IDBFS.DB_STORE_NAME],\"readonly\");transaction.onerror=e=>{callback(e.target.error);e.preventDefault()};var store=transaction.objectStore(IDBFS.DB_STORE_NAME);var index=store.index(\"timestamp\");index.openKeyCursor().onsuccess=event=>{var cursor=event.target.result;if(!cursor){return callback(null,{type:\"remote\",db:db,entries:entries})}entries[cursor.primaryKey]={\"timestamp\":cursor.key};cursor.continue()}}catch(e){return callback(e)}})},loadLocalEntry:(path,callback)=>{var stat,node;try{var lookup=FS.lookupPath(path);node=lookup.node;stat=FS.stat(path)}catch(e){return callback(e)}if(FS.isDir(stat.mode)){return callback(null,{\"timestamp\":stat.mtime,\"mode\":stat.mode})}else if(FS.isFile(stat.mode)){node.contents=MEMFS.getFileDataAsTypedArray(node);return callback(null,{\"timestamp\":stat.mtime,\"mode\":stat.mode,\"contents\":node.contents})}else{return callback(new Error(\"node type not supported\"))}},storeLocalEntry:(path,entry,callback)=>{try{if(FS.isDir(entry[\"mode\"])){FS.mkdirTree(path,entry[\"mode\"])}else if(FS.isFile(entry[\"mode\"])){FS.writeFile(path,entry[\"contents\"],{canOwn:true})}else{return callback(new Error(\"node type not supported\"))}FS.chmod(path,entry[\"mode\"]);FS.utime(path,entry[\"timestamp\"],entry[\"timestamp\"])}catch(e){return callback(e)}callback(null)},removeLocalEntry:(path,callback)=>{try{var stat=FS.stat(path);if(FS.isDir(stat.mode)){FS.rmdir(path)}else if(FS.isFile(stat.mode)){FS.unlink(path)}}catch(e){return callback(e)}callback(null)},loadRemoteEntry:(store,path,callback)=>{var req=store.get(path);req.onsuccess=event=>callback(null,event.target.result);req.onerror=e=>{callback(e.target.error);e.preventDefault()}},storeRemoteEntry:(store,path,entry,callback)=>{try{var req=store.put(entry,path)}catch(e){callback(e);return}req.onsuccess=event=>callback();req.onerror=e=>{callback(e.target.error);e.preventDefault()}},removeRemoteEntry:(store,path,callback)=>{var req=store.delete(path);req.onsuccess=event=>callback();req.onerror=e=>{callback(e.target.error);e.preventDefault()}},reconcile:(src,dst,callback)=>{var total=0;var create=[];Object.keys(src.entries).forEach(function(key){var e=src.entries[key];var e2=dst.entries[key];if(!e2||e[\"timestamp\"].getTime()!=e2[\"timestamp\"].getTime()){create.push(key);total++}});var remove=[];Object.keys(dst.entries).forEach(function(key){if(!src.entries[key]){remove.push(key);total++}});if(!total){return callback(null)}var errored=false;var db=src.type===\"remote\"?src.db:dst.db;var transaction=db.transaction([IDBFS.DB_STORE_NAME],\"readwrite\");var store=transaction.objectStore(IDBFS.DB_STORE_NAME);function done(err){if(err&&!errored){errored=true;return callback(err)}}transaction.onerror=transaction.onabort=e=>{done(e.target.error);e.preventDefault()};transaction.oncomplete=e=>{if(!errored){callback(null)}};create.sort().forEach(path=>{if(dst.type===\"local\"){IDBFS.loadRemoteEntry(store,path,(err,entry)=>{if(err)return done(err);IDBFS.storeLocalEntry(path,entry,done)})}else{IDBFS.loadLocalEntry(path,(err,entry)=>{if(err)return done(err);IDBFS.storeRemoteEntry(store,path,entry,done)})}});remove.sort().reverse().forEach(path=>{if(dst.type===\"local\"){IDBFS.removeLocalEntry(path,done)}else{IDBFS.removeRemoteEntry(store,path,done)}})}};Module[\"IDBFS\"]=IDBFS;var ERRNO_CODES={\"EPERM\":63,\"ENOENT\":44,\"ESRCH\":71,\"EINTR\":27,\"EIO\":29,\"ENXIO\":60,\"E2BIG\":1,\"ENOEXEC\":45,\"EBADF\":8,\"ECHILD\":12,\"EAGAIN\":6,\"EWOULDBLOCK\":6,\"ENOMEM\":48,\"EACCES\":2,\"EFAULT\":21,\"ENOTBLK\":105,\"EBUSY\":10,\"EEXIST\":20,\"EXDEV\":75,\"ENODEV\":43,\"ENOTDIR\":54,\"EISDIR\":31,\"EINVAL\":28,\"ENFILE\":41,\"EMFILE\":33,\"ENOTTY\":59,\"ETXTBSY\":74,\"EFBIG\":22,\"ENOSPC\":51,\"ESPIPE\":70,\"EROFS\":69,\"EMLINK\":34,\"EPIPE\":64,\"EDOM\":18,\"ERANGE\":68,\"ENOMSG\":49,\"EIDRM\":24,\"ECHRNG\":106,\"EL2NSYNC\":156,\"EL3HLT\":107,\"EL3RST\":108,\"ELNRNG\":109,\"EUNATCH\":110,\"ENOCSI\":111,\"EL2HLT\":112,\"EDEADLK\":16,\"ENOLCK\":46,\"EBADE\":113,\"EBADR\":114,\"EXFULL\":115,\"ENOANO\":104,\"EBADRQC\":103,\"EBADSLT\":102,\"EDEADLOCK\":16,\"EBFONT\":101,\"ENOSTR\":100,\"ENODATA\":116,\"ETIME\":117,\"ENOSR\":118,\"ENONET\":119,\"ENOPKG\":120,\"EREMOTE\":121,\"ENOLINK\":47,\"EADV\":122,\"ESRMNT\":123,\"ECOMM\":124,\"EPROTO\":65,\"EMULTIHOP\":36,\"EDOTDOT\":125,\"EBADMSG\":9,\"ENOTUNIQ\":126,\"EBADFD\":127,\"EREMCHG\":128,\"ELIBACC\":129,\"ELIBBAD\":130,\"ELIBSCN\":131,\"ELIBMAX\":132,\"ELIBEXEC\":133,\"ENOSYS\":52,\"ENOTEMPTY\":55,\"ENAMETOOLONG\":37,\"ELOOP\":32,\"EOPNOTSUPP\":138,\"EPFNOSUPPORT\":139,\"ECONNRESET\":15,\"ENOBUFS\":42,\"EAFNOSUPPORT\":5,\"EPROTOTYPE\":67,\"ENOTSOCK\":57,\"ENOPROTOOPT\":50,\"ESHUTDOWN\":140,\"ECONNREFUSED\":14,\"EADDRINUSE\":3,\"ECONNABORTED\":13,\"ENETUNREACH\":40,\"ENETDOWN\":38,\"ETIMEDOUT\":73,\"EHOSTDOWN\":142,\"EHOSTUNREACH\":23,\"EINPROGRESS\":26,\"EALREADY\":7,\"EDESTADDRREQ\":17,\"EMSGSIZE\":35,\"EPROTONOSUPPORT\":66,\"ESOCKTNOSUPPORT\":137,\"EADDRNOTAVAIL\":4,\"ENETRESET\":39,\"EISCONN\":30,\"ENOTCONN\":53,\"ETOOMANYREFS\":141,\"EUSERS\":136,\"EDQUOT\":19,\"ESTALE\":72,\"ENOTSUP\":138,\"ENOMEDIUM\":148,\"EILSEQ\":25,\"EOVERFLOW\":61,\"ECANCELED\":11,\"ENOTRECOVERABLE\":56,\"EOWNERDEAD\":62,\"ESTRPIPE\":135};Module[\"ERRNO_CODES\"]=ERRNO_CODES;var NODEFS={isWindows:false,staticInit(){NODEFS.isWindows=!!process.platform.match(/^win/);var flags=process.binding(\"constants\");if(flags[\"fs\"]){flags=flags[\"fs\"]}NODEFS.flagsForNodeMap={1024:flags[\"O_APPEND\"],64:flags[\"O_CREAT\"],128:flags[\"O_EXCL\"],256:flags[\"O_NOCTTY\"],0:flags[\"O_RDONLY\"],2:flags[\"O_RDWR\"],4096:flags[\"O_SYNC\"],512:flags[\"O_TRUNC\"],1:flags[\"O_WRONLY\"],131072:flags[\"O_NOFOLLOW\"]}},convertNodeCode(e){var code=e.code;return ERRNO_CODES[code]},mount(mount){return NODEFS.createNode(null,\"/\",NODEFS.getMode(mount.opts.root),0)},createNode(parent,name,mode,dev){if(!FS.isDir(mode)&&!FS.isFile(mode)&&!FS.isLink(mode)){throw new FS.ErrnoError(28)}var node=FS.createNode(parent,name,mode);node.node_ops=NODEFS.node_ops;node.stream_ops=NODEFS.stream_ops;return node},getMode(path){var stat;try{stat=fs.lstatSync(path);if(NODEFS.isWindows){stat.mode=stat.mode|(stat.mode&292)>>2}}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(NODEFS.convertNodeCode(e))}return stat.mode},realPath(node){var parts=[];while(node.parent!==node){parts.push(node.name);node=node.parent}parts.push(node.mount.opts.root);parts.reverse();return PATH.join(...parts)},flagsForNode(flags){flags&=~2097152;flags&=~2048;flags&=~32768;flags&=~524288;flags&=~65536;var newFlags=0;for(var k in NODEFS.flagsForNodeMap){if(flags&k){newFlags|=NODEFS.flagsForNodeMap[k];flags^=k}}if(flags){throw new FS.ErrnoError(28)}return newFlags},node_ops:{getattr(node){var path=NODEFS.realPath(node);var stat;try{stat=fs.lstatSync(path)}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(NODEFS.convertNodeCode(e))}if(NODEFS.isWindows&&!stat.blksize){stat.blksize=4096}if(NODEFS.isWindows&&!stat.blocks){stat.blocks=(stat.size+stat.blksize-1)/stat.blksize|0}return{dev:stat.dev,ino:stat.ino,mode:stat.mode,nlink:stat.nlink,uid:stat.uid,gid:stat.gid,rdev:stat.rdev,size:stat.size,atime:stat.atime,mtime:stat.mtime,ctime:stat.ctime,blksize:stat.blksize,blocks:stat.blocks}},setattr(node,attr){var path=NODEFS.realPath(node);try{if(attr.mode!==undefined){fs.chmodSync(path,attr.mode);node.mode=attr.mode}if(attr.timestamp!==undefined){var date=new Date(attr.timestamp);fs.utimesSync(path,date,date)}if(attr.size!==undefined){fs.truncateSync(path,attr.size)}}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(NODEFS.convertNodeCode(e))}},lookup(parent,name){var path=PATH.join2(NODEFS.realPath(parent),name);var mode=NODEFS.getMode(path);return NODEFS.createNode(parent,name,mode)},mknod(parent,name,mode,dev){var node=NODEFS.createNode(parent,name,mode,dev);var path=NODEFS.realPath(node);try{if(FS.isDir(node.mode)){fs.mkdirSync(path,node.mode)}else{fs.writeFileSync(path,\"\",{mode:node.mode})}}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(NODEFS.convertNodeCode(e))}return node},rename(oldNode,newDir,newName){var oldPath=NODEFS.realPath(oldNode);var newPath=PATH.join2(NODEFS.realPath(newDir),newName);try{fs.renameSync(oldPath,newPath)}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(NODEFS.convertNodeCode(e))}oldNode.name=newName},unlink(parent,name){var path=PATH.join2(NODEFS.realPath(parent),name);try{fs.unlinkSync(path)}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(NODEFS.convertNodeCode(e))}},rmdir(parent,name){var path=PATH.join2(NODEFS.realPath(parent),name);try{fs.rmdirSync(path)}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(NODEFS.convertNodeCode(e))}},readdir(node){var path=NODEFS.realPath(node);try{return fs.readdirSync(path)}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(NODEFS.convertNodeCode(e))}},symlink(parent,newName,oldPath){var newPath=PATH.join2(NODEFS.realPath(parent),newName);try{fs.symlinkSync(oldPath,newPath)}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(NODEFS.convertNodeCode(e))}},readlink(node){var path=NODEFS.realPath(node);try{path=fs.readlinkSync(path);path=nodePath.relative(nodePath.resolve(node.mount.opts.root),path);return path}catch(e){if(!e.code)throw e;if(e.code===\"UNKNOWN\")throw new FS.ErrnoError(28);throw new FS.ErrnoError(NODEFS.convertNodeCode(e))}}},stream_ops:{open(stream){var path=NODEFS.realPath(stream.node);try{if(FS.isFile(stream.node.mode)){stream.shared.refcount=1;stream.nfd=fs.openSync(path,NODEFS.flagsForNode(stream.flags))}}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(NODEFS.convertNodeCode(e))}},close(stream){try{if(FS.isFile(stream.node.mode)&&stream.nfd&&--stream.shared.refcount===0){fs.closeSync(stream.nfd)}}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(NODEFS.convertNodeCode(e))}},dup(stream){stream.shared.refcount++},read(stream,buffer,offset,length,position){if(length===0)return 0;try{return fs.readSync(stream.nfd,new Int8Array(buffer.buffer,offset,length),{position:position})}catch(e){throw new FS.ErrnoError(NODEFS.convertNodeCode(e))}},write(stream,buffer,offset,length,position){try{return fs.writeSync(stream.nfd,new Int8Array(buffer.buffer,offset,length),{position:position})}catch(e){throw new FS.ErrnoError(NODEFS.convertNodeCode(e))}},llseek(stream,offset,whence){var position=offset;if(whence===1){position+=stream.position}else if(whence===2){if(FS.isFile(stream.node.mode)){try{var stat=fs.fstatSync(stream.nfd);position+=stat.size}catch(e){throw new FS.ErrnoError(NODEFS.convertNodeCode(e))}}}if(position<0){throw new FS.ErrnoError(28)}return position},mmap(stream,length,position,prot,flags){if(!FS.isFile(stream.node.mode)){throw new FS.ErrnoError(43)}var ptr=mmapAlloc(length);NODEFS.stream_ops.read(stream,HEAP8,ptr,length,position);return{ptr:ptr,allocated:true}},msync(stream,buffer,offset,length,mmapFlags){NODEFS.stream_ops.write(stream,buffer,0,length,offset,false);return 0}}};Module[\"NODEFS\"]=NODEFS;var WORKERFS={DIR_MODE:16895,FILE_MODE:33279,reader:null,mount(mount){assert(ENVIRONMENT_IS_WORKER);if(!WORKERFS.reader)WORKERFS.reader=new FileReaderSync;var root=WORKERFS.createNode(null,\"/\",WORKERFS.DIR_MODE,0);var createdParents={};function ensureParent(path){var parts=path.split(\"/\");var parent=root;for(var i=0;i=stream.node.size)return 0;var chunk=stream.node.contents.slice(position,position+length);var ab=WORKERFS.reader.readAsArrayBuffer(chunk);buffer.set(new Uint8Array(ab),offset);return chunk.size},write(stream,buffer,offset,length,position){throw new FS.ErrnoError(29)},llseek(stream,offset,whence){var position=offset;if(whence===1){position+=stream.position}else if(whence===2){if(FS.isFile(stream.node.mode)){position+=stream.node.size}}if(position<0){throw new FS.ErrnoError(28)}return position}}};Module[\"WORKERFS\"]=WORKERFS;var PROXYFS={mount(mount){return PROXYFS.createNode(null,\"/\",mount.opts.fs.lstat(mount.opts.root).mode,0)},createNode(parent,name,mode,dev){if(!FS.isDir(mode)&&!FS.isFile(mode)&&!FS.isLink(mode)){throw new FS.ErrnoError(ERRNO_CODES.EINVAL)}var node=FS.createNode(parent,name,mode);node.node_ops=PROXYFS.node_ops;node.stream_ops=PROXYFS.stream_ops;return node},realPath(node){var parts=[];while(node.parent!==node){parts.push(node.name);node=node.parent}parts.push(node.mount.opts.root);parts.reverse();return PATH.join(...parts)},node_ops:{getattr(node){var path=PROXYFS.realPath(node);var stat;try{stat=node.mount.opts.fs.lstat(path)}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(ERRNO_CODES[e.code])}return{dev:stat.dev,ino:stat.ino,mode:stat.mode,nlink:stat.nlink,uid:stat.uid,gid:stat.gid,rdev:stat.rdev,size:stat.size,atime:stat.atime,mtime:stat.mtime,ctime:stat.ctime,blksize:stat.blksize,blocks:stat.blocks}},setattr(node,attr){var path=PROXYFS.realPath(node);try{if(attr.mode!==undefined){node.mount.opts.fs.chmod(path,attr.mode);node.mode=attr.mode}if(attr.timestamp!==undefined){var date=new Date(attr.timestamp);node.mount.opts.fs.utime(path,date,date)}if(attr.size!==undefined){node.mount.opts.fs.truncate(path,attr.size)}}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(ERRNO_CODES[e.code])}},lookup(parent,name){try{var path=PATH.join2(PROXYFS.realPath(parent),name);var mode=parent.mount.opts.fs.lstat(path).mode;var node=PROXYFS.createNode(parent,name,mode);return node}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(ERRNO_CODES[e.code])}},mknod(parent,name,mode,dev){var node=PROXYFS.createNode(parent,name,mode,dev);var path=PROXYFS.realPath(node);try{if(FS.isDir(node.mode)){node.mount.opts.fs.mkdir(path,node.mode)}else{node.mount.opts.fs.writeFile(path,\"\",{mode:node.mode})}}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(ERRNO_CODES[e.code])}return node},rename(oldNode,newDir,newName){var oldPath=PROXYFS.realPath(oldNode);var newPath=PATH.join2(PROXYFS.realPath(newDir),newName);try{oldNode.mount.opts.fs.rename(oldPath,newPath);oldNode.name=newName;oldNode.parent=newDir}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(ERRNO_CODES[e.code])}},unlink(parent,name){var path=PATH.join2(PROXYFS.realPath(parent),name);try{parent.mount.opts.fs.unlink(path)}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(ERRNO_CODES[e.code])}},rmdir(parent,name){var path=PATH.join2(PROXYFS.realPath(parent),name);try{parent.mount.opts.fs.rmdir(path)}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(ERRNO_CODES[e.code])}},readdir(node){var path=PROXYFS.realPath(node);try{return node.mount.opts.fs.readdir(path)}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(ERRNO_CODES[e.code])}},symlink(parent,newName,oldPath){var newPath=PATH.join2(PROXYFS.realPath(parent),newName);try{parent.mount.opts.fs.symlink(oldPath,newPath)}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(ERRNO_CODES[e.code])}},readlink(node){var path=PROXYFS.realPath(node);try{return node.mount.opts.fs.readlink(path)}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(ERRNO_CODES[e.code])}}},stream_ops:{open(stream){var path=PROXYFS.realPath(stream.node);try{stream.nfd=stream.node.mount.opts.fs.open(path,stream.flags)}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(ERRNO_CODES[e.code])}},close(stream){try{stream.node.mount.opts.fs.close(stream.nfd)}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(ERRNO_CODES[e.code])}},read(stream,buffer,offset,length,position){try{return stream.node.mount.opts.fs.read(stream.nfd,buffer,offset,length,position)}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(ERRNO_CODES[e.code])}},write(stream,buffer,offset,length,position){try{return stream.node.mount.opts.fs.write(stream.nfd,buffer,offset,length,position)}catch(e){if(!e.code)throw e;throw new FS.ErrnoError(ERRNO_CODES[e.code])}},llseek(stream,offset,whence){var position=offset;if(whence===1){position+=stream.position}else if(whence===2){if(FS.isFile(stream.node.mode)){try{var stat=stream.node.node_ops.getattr(stream.node);position+=stat.size}catch(e){throw new FS.ErrnoError(ERRNO_CODES[e.code])}}}if(position<0){throw new FS.ErrnoError(ERRNO_CODES.EINVAL)}return position}}};Module[\"PROXYFS\"]=PROXYFS;var LZ4={DIR_MODE:16895,FILE_MODE:33279,CHUNK_SIZE:-1,codec:null,init(){if(LZ4.codec)return;LZ4.codec=function(){var MiniLZ4=function(){var exports={};exports.uncompress=function(input,output,sIdx,eIdx){sIdx=sIdx||0;eIdx=eIdx||input.length-sIdx;for(var i=sIdx,n=eIdx,j=0;i>4;if(literals_length>0){var l=literals_length+240;while(l===255){l=input[i++];literals_length+=l}var end=i+literals_length;while(ij)return-(i-2);var match_length=token&15;var l=match_length+240;while(l===255){l=input[i++];match_length+=l}var pos=j-offset;var end=j+match_length+4;while(jmaxInputSize?0:isize+isize/255+16|0};exports.compress=function(src,dst,sIdx,eIdx){hashTable.set(empty);return compressBlock(src,dst,0,sIdx||0,eIdx||dst.length)};function compressBlock(src,dst,pos,sIdx,eIdx){var dpos=sIdx;var dlen=eIdx-sIdx;var anchor=0;if(src.length>=maxInputSize)throw new Error(\"input too large\");if(src.length>mfLimit){var n=exports.compressBound(src.length);if(dlen>>hashShift;var ref=hashTable[hash]-1;hashTable[hash]=pos+1;if(ref<0||pos-ref>>>16>0||((src[ref+3]<<8|src[ref+2])!=sequenceHighBits||(src[ref+1]<<8|src[ref])!=sequenceLowBits)){step=findMatchAttempts++>>skipStrength;pos+=step;continue}findMatchAttempts=(1<=runMask){dst[dpos++]=(runMask<254;len-=255){dst[dpos++]=255}dst[dpos++]=len}else{dst[dpos++]=(literals_length<>8;if(match_length>=mlMask){match_length-=mlMask;while(match_length>=255){match_length-=255;dst[dpos++]=255}dst[dpos++]=match_length}anchor=pos}}if(anchor==0)return 0;literals_length=src.length-anchor;if(literals_length>=runMask){dst[dpos++]=runMask<254;ln-=255){dst[dpos++]=255}dst[dpos++]=ln}else{dst[dpos++]=literals_length<0){assert(compressedSize<=bound);compressed=compressed.subarray(0,compressedSize);compressedChunks.push(compressed);total+=compressedSize;successes.push(1);if(verify){var back=exports.uncompress(compressed,temp);assert(back===chunk.length,[back,chunk.length]);for(var i=0;i{var dir=PATH.dirname(file.filename);var name=PATH.basename(file.filename);FS.createPath(\"\",dir,true,true);var parent=FS.analyzePath(dir).object;LZ4.createNode(parent,name,LZ4.FILE_MODE,0,{compressedData:compressedData,start:file.start,end:file.end})});if(preloadPlugin){Browser.init();pack[\"metadata\"].files.forEach(file=>{var handled=false;var fullname=file.filename;preloadPlugins.forEach(plugin=>{if(handled)return;if(plugin[\"canHandle\"](fullname)){var dep=getUniqueRunDependency(\"fp \"+fullname);addRunDependency(dep);var finish=()=>removeRunDependency(dep);var byteArray=FS.readFile(fullname);plugin[\"handle\"](byteArray,fullname,finish,finish);handled=true}})})}},createNode(parent,name,mode,dev,contents,mtime){var node=FS.createNode(parent,name,mode);node.mode=mode;node.node_ops=LZ4.node_ops;node.stream_ops=LZ4.stream_ops;node.timestamp=(mtime||new Date).getTime();assert(LZ4.FILE_MODE!==LZ4.DIR_MODE);if(mode===LZ4.FILE_MODE){node.size=contents.end-contents.start;node.contents=contents}else{node.size=4096;node.contents={}}if(parent){parent.contents[name]=node}return node},node_ops:{getattr(node){return{dev:1,ino:node.id,mode:node.mode,nlink:1,uid:0,gid:0,rdev:0,size:node.size,atime:new Date(node.timestamp),mtime:new Date(node.timestamp),ctime:new Date(node.timestamp),blksize:4096,blocks:Math.ceil(node.size/4096)}},setattr(node,attr){if(attr.mode!==undefined){node.mode=attr.mode}if(attr.timestamp!==undefined){node.timestamp=attr.timestamp}},lookup(parent,name){throw new FS.ErrnoError(44)},mknod(parent,name,mode,dev){throw new FS.ErrnoError(63)},rename(oldNode,newDir,newName){throw new FS.ErrnoError(63)},unlink(parent,name){throw new FS.ErrnoError(63)},rmdir(parent,name){throw new FS.ErrnoError(63)},readdir(node){throw new FS.ErrnoError(63)},symlink(parent,newName,oldPath){throw new FS.ErrnoError(63)}},stream_ops:{read(stream,buffer,offset,length,position){length=Math.min(length,stream.node.size-position);if(length<=0)return 0;var contents=stream.node.contents;var compressedData=contents.compressedData;var written=0;while(written=0){currChunk=compressedData[\"cachedChunks\"][found]}else{compressedData[\"cachedIndexes\"].pop();compressedData[\"cachedIndexes\"].unshift(chunkIndex);currChunk=compressedData[\"cachedChunks\"].pop();compressedData[\"cachedChunks\"].unshift(currChunk);if(compressedData[\"debug\"]){out(\"decompressing chunk \"+chunkIndex);Module[\"decompressedChunks\"]=(Module[\"decompressedChunks\"]||0)+1}var compressed=compressedData[\"data\"].subarray(compressedStart,compressedStart+compressedSize);var originalSize=LZ4.codec.uncompress(compressed,currChunk);if(chunkIndex8){throw new FS.ErrnoError(32)}var parts=path.split(\"/\").filter(p=>!!p);var current=FS.root;var current_path=\"/\";for(var i=0;i40){throw new FS.ErrnoError(32)}}}}return{path:current_path,node:current}},getPath(node){var path;while(true){if(FS.isRoot(node)){var mount=node.mount.mountpoint;if(!path)return mount;return mount[mount.length-1]!==\"/\"?`${mount}/${path}`:mount+path}path=path?`${node.name}/${path}`:node.name;node=node.parent}},hashName(parentid,name){var hash=0;for(var i=0;i>>0)%FS.nameTable.length},hashAddNode(node){var hash=FS.hashName(node.parent.id,node.name);node.name_next=FS.nameTable[hash];FS.nameTable[hash]=node},hashRemoveNode(node){var hash=FS.hashName(node.parent.id,node.name);if(FS.nameTable[hash]===node){FS.nameTable[hash]=node.name_next}else{var current=FS.nameTable[hash];while(current){if(current.name_next===node){current.name_next=node.name_next;break}current=current.name_next}}},lookupNode(parent,name){var errCode=FS.mayLookup(parent);if(errCode){throw new FS.ErrnoError(errCode)}var hash=FS.hashName(parent.id,name);for(var node=FS.nameTable[hash];node;node=node.name_next){var nodeName=node.name;if(node.parent.id===parent.id&&nodeName===name){return node}}return FS.lookup(parent,name)},createNode(parent,name,mode,rdev){var node=new FS.FSNode(parent,name,mode,rdev);FS.hashAddNode(node);return node},destroyNode(node){FS.hashRemoveNode(node)},isRoot(node){return node===node.parent},isMountpoint(node){return!!node.mounted},isFile(mode){return(mode&61440)===32768},isDir(mode){return(mode&61440)===16384},isLink(mode){return(mode&61440)===40960},isChrdev(mode){return(mode&61440)===8192},isBlkdev(mode){return(mode&61440)===24576},isFIFO(mode){return(mode&61440)===4096},isSocket(mode){return(mode&49152)===49152},flagsToPermissionString(flag){var perms=[\"r\",\"w\",\"rw\"][flag&3];if(flag&512){perms+=\"w\"}return perms},nodePermissions(node,perms){if(FS.ignorePermissions){return 0}if(perms.includes(\"r\")&&!(node.mode&292)){return 2}else if(perms.includes(\"w\")&&!(node.mode&146)){return 2}else if(perms.includes(\"x\")&&!(node.mode&73)){return 2}return 0},mayLookup(dir){if(!FS.isDir(dir.mode))return 54;var errCode=FS.nodePermissions(dir,\"x\");if(errCode)return errCode;if(!dir.node_ops.lookup)return 2;return 0},mayCreate(dir,name){try{var node=FS.lookupNode(dir,name);return 20}catch(e){}return FS.nodePermissions(dir,\"wx\")},mayDelete(dir,name,isdir){var node;try{node=FS.lookupNode(dir,name)}catch(e){return e.errno}var errCode=FS.nodePermissions(dir,\"wx\");if(errCode){return errCode}if(isdir){if(!FS.isDir(node.mode)){return 54}if(FS.isRoot(node)||FS.getPath(node)===FS.cwd()){return 10}}else{if(FS.isDir(node.mode)){return 31}}return 0},mayOpen(node,flags){if(!node){return 44}if(FS.isLink(node.mode)){return 32}else if(FS.isDir(node.mode)){if(FS.flagsToPermissionString(flags)!==\"r\"||flags&512){return 31}}return FS.nodePermissions(node,FS.flagsToPermissionString(flags))},MAX_OPEN_FDS:4096,nextfd(){for(var fd=0;fd<=FS.MAX_OPEN_FDS;fd++){if(!FS.streams[fd]){return fd}}throw new FS.ErrnoError(33)},getStreamChecked(fd){var stream=FS.getStream(fd);if(!stream){throw new FS.ErrnoError(8)}return stream},getStream:fd=>FS.streams[fd],createStream(stream,fd=-1){stream=Object.assign(new FS.FSStream,stream);if(fd==-1){fd=FS.nextfd()}stream.fd=fd;FS.streams[fd]=stream;return stream},closeStream(fd){FS.streams[fd]=null},dupStream(origStream,fd=-1){var stream=FS.createStream(origStream,fd);stream.stream_ops?.dup?.(stream);return stream},chrdev_stream_ops:{open(stream){var device=FS.getDevice(stream.node.rdev);stream.stream_ops=device.stream_ops;stream.stream_ops.open?.(stream)},llseek(){throw new FS.ErrnoError(70)}},major:dev=>dev>>8,minor:dev=>dev&255,makedev:(ma,mi)=>ma<<8|mi,registerDevice(dev,ops){FS.devices[dev]={stream_ops:ops}},getDevice:dev=>FS.devices[dev],getMounts(mount){var mounts=[];var check=[mount];while(check.length){var m=check.pop();mounts.push(m);check.push(...m.mounts)}return mounts},syncfs(populate,callback){if(typeof populate==\"function\"){callback=populate;populate=false}FS.syncFSRequests++;if(FS.syncFSRequests>1){err(`warning: ${FS.syncFSRequests} FS.syncfs operations in flight at once, probably just doing extra work`)}var mounts=FS.getMounts(FS.root.mount);var completed=0;function doCallback(errCode){FS.syncFSRequests--;return callback(errCode)}function done(errCode){if(errCode){if(!done.errored){done.errored=true;return doCallback(errCode)}return}if(++completed>=mounts.length){doCallback(null)}}mounts.forEach(mount=>{if(!mount.type.syncfs){return done(null)}mount.type.syncfs(mount,populate,done)})},mount(type,opts,mountpoint){var root=mountpoint===\"/\";var pseudo=!mountpoint;var node;if(root&&FS.root){throw new FS.ErrnoError(10)}else if(!root&&!pseudo){var lookup=FS.lookupPath(mountpoint,{follow_mount:false});mountpoint=lookup.path;node=lookup.node;if(FS.isMountpoint(node)){throw new FS.ErrnoError(10)}if(!FS.isDir(node.mode)){throw new FS.ErrnoError(54)}}var mount={type:type,opts:opts,mountpoint:mountpoint,mounts:[]};var mountRoot=type.mount(mount);mountRoot.mount=mount;mount.root=mountRoot;if(root){FS.root=mountRoot}else if(node){node.mounted=mount;if(node.mount){node.mount.mounts.push(mount)}}return mountRoot},unmount(mountpoint){var lookup=FS.lookupPath(mountpoint,{follow_mount:false});if(!FS.isMountpoint(lookup.node)){throw new FS.ErrnoError(28)}var node=lookup.node;var mount=node.mounted;var mounts=FS.getMounts(mount);Object.keys(FS.nameTable).forEach(hash=>{var current=FS.nameTable[hash];while(current){var next=current.name_next;if(mounts.includes(current.mount)){FS.destroyNode(current)}current=next}});node.mounted=null;var idx=node.mount.mounts.indexOf(mount);node.mount.mounts.splice(idx,1)},lookup(parent,name){return parent.node_ops.lookup(parent,name)},mknod(path,mode,dev){var lookup=FS.lookupPath(path,{parent:true});var parent=lookup.node;var name=PATH.basename(path);if(!name||name===\".\"||name===\"..\"){throw new FS.ErrnoError(28)}var errCode=FS.mayCreate(parent,name);if(errCode){throw new FS.ErrnoError(errCode)}if(!parent.node_ops.mknod){throw new FS.ErrnoError(63)}return parent.node_ops.mknod(parent,name,mode,dev)},create(path,mode){mode=mode!==undefined?mode:438;mode&=4095;mode|=32768;return FS.mknod(path,mode,0)},mkdir(path,mode){mode=mode!==undefined?mode:511;mode&=511|512;mode|=16384;if(FS.trackingDelegate[\"onMakeDirectory\"]){FS.trackingDelegate[\"onMakeDirectory\"](path,mode)}return FS.mknod(path,mode,0)},mkdirTree(path,mode){var dirs=path.split(\"/\");var d=\"\";for(var i=0;iFS.currentPath,chdir(path){var lookup=FS.lookupPath(path,{follow:true});if(lookup.node===null){throw new FS.ErrnoError(44)}if(!FS.isDir(lookup.node.mode)){throw new FS.ErrnoError(54)}var errCode=FS.nodePermissions(lookup.node,\"x\");if(errCode){throw new FS.ErrnoError(errCode)}FS.currentPath=lookup.path},createDefaultDirectories(){FS.mkdir(\"/tmp\");FS.mkdir(\"/home\");FS.mkdir(\"/home/web_user\")},createDefaultDevices(){FS.mkdir(\"/dev\");FS.registerDevice(FS.makedev(1,3),{read:()=>0,write:(stream,buffer,offset,length,pos)=>length,llseek:()=>0});FS.mkdev(\"/dev/null\",FS.makedev(1,3));TTY.register(FS.makedev(5,0),TTY.default_tty_ops);TTY.register(FS.makedev(6,0),TTY.default_tty1_ops);FS.mkdev(\"/dev/tty\",FS.makedev(5,0));FS.mkdev(\"/dev/tty1\",FS.makedev(6,0));var randomBuffer=new Uint8Array(1024),randomLeft=0;var randomByte=()=>{if(randomLeft===0){randomLeft=randomFill(randomBuffer).byteLength}return randomBuffer[--randomLeft]};FS.createDevice(\"/dev\",\"random\",randomByte);FS.createDevice(\"/dev\",\"urandom\",randomByte);FS.mkdir(\"/dev/shm\");FS.mkdir(\"/dev/shm/tmp\")},createSpecialDirectories(){FS.mkdir(\"/proc\");var proc_self=FS.mkdir(\"/proc/self\");FS.mkdir(\"/proc/self/fd\");FS.mount({mount(){var node=FS.createNode(proc_self,\"fd\",16384|511,73);node.node_ops={lookup(parent,name){var fd=+name;var stream=FS.getStreamChecked(fd);var ret={parent:null,mount:{mountpoint:\"fake\"},node_ops:{readlink:()=>stream.path}};ret.parent=ret;return ret}};return node}},{},\"/proc/self/fd\")},createStandardStreams(){if(Module[\"stdin\"]){FS.createDevice(\"/dev\",\"stdin\",Module[\"stdin\"])}else{FS.symlink(\"/dev/tty\",\"/dev/stdin\")}if(Module[\"stdout\"]){FS.createDevice(\"/dev\",\"stdout\",null,Module[\"stdout\"])}else{FS.symlink(\"/dev/tty\",\"/dev/stdout\")}if(Module[\"stderr\"]){FS.createDevice(\"/dev\",\"stderr\",null,Module[\"stderr\"])}else{FS.symlink(\"/dev/tty1\",\"/dev/stderr\")}var stdin=FS.open(\"/dev/stdin\",0);var stdout=FS.open(\"/dev/stdout\",1);var stderr=FS.open(\"/dev/stderr\",1)},staticInit(){[44].forEach(code=>{FS.genericErrors[code]=new FS.ErrnoError(code);FS.genericErrors[code].stack=\"\"});FS.nameTable=new Array(4096);FS.mount(MEMFS,{},\"/\");FS.createDefaultDirectories();FS.createDefaultDevices();FS.createSpecialDirectories();FS.filesystems={\"MEMFS\":MEMFS,\"IDBFS\":IDBFS,\"NODEFS\":NODEFS,\"WORKERFS\":WORKERFS,\"PROXYFS\":PROXYFS}},init(input,output,error){FS.init.initialized=true;Module[\"stdin\"]=input||Module[\"stdin\"];Module[\"stdout\"]=output||Module[\"stdout\"];Module[\"stderr\"]=error||Module[\"stderr\"];FS.createStandardStreams()},quit(){FS.init.initialized=false;_fflush(0);for(var i=0;ithis.length-1||idx<0){return undefined}var chunkOffset=idx%this.chunkSize;var chunkNum=idx/this.chunkSize|0;return this.getter(chunkNum)[chunkOffset]}setDataGetter(getter){this.getter=getter}cacheLength(){var xhr=new XMLHttpRequest;xhr.open(\"HEAD\",url,false);xhr.send(null);if(!(xhr.status>=200&&xhr.status<300||xhr.status===304))throw new Error(\"Couldn't load \"+url+\". Status: \"+xhr.status);var datalength=Number(xhr.getResponseHeader(\"Content-length\"));var header;var hasByteServing=(header=xhr.getResponseHeader(\"Accept-Ranges\"))&&header===\"bytes\";var usesGzip=(header=xhr.getResponseHeader(\"Content-Encoding\"))&&header===\"gzip\";var chunkSize=1024*1024;if(!hasByteServing)chunkSize=datalength;var doXHR=(from,to)=>{if(from>to)throw new Error(\"invalid range (\"+from+\", \"+to+\") or no bytes requested!\");if(to>datalength-1)throw new Error(\"only \"+datalength+\" bytes available! programmer error!\");var xhr=new XMLHttpRequest;xhr.open(\"GET\",url,false);if(datalength!==chunkSize)xhr.setRequestHeader(\"Range\",\"bytes=\"+from+\"-\"+to);xhr.responseType=\"arraybuffer\";if(xhr.overrideMimeType){xhr.overrideMimeType(\"text/plain; charset=x-user-defined\")}xhr.send(null);if(!(xhr.status>=200&&xhr.status<300||xhr.status===304))throw new Error(\"Couldn't load \"+url+\". Status: \"+xhr.status);if(xhr.response!==undefined){return new Uint8Array(xhr.response||[])}return intArrayFromString(xhr.responseText||\"\",true)};var lazyArray=this;lazyArray.setDataGetter(chunkNum=>{var start=chunkNum*chunkSize;var end=(chunkNum+1)*chunkSize-1;end=Math.min(end,datalength-1);if(typeof lazyArray.chunks[chunkNum]==\"undefined\"){lazyArray.chunks[chunkNum]=doXHR(start,end)}if(typeof lazyArray.chunks[chunkNum]==\"undefined\")throw new Error(\"doXHR failed!\");return lazyArray.chunks[chunkNum]});if(usesGzip||!datalength){chunkSize=datalength=1;datalength=this.getter(0).length;chunkSize=datalength;out(\"LazyFiles on gzip forces download of the whole file when length is accessed\")}this._length=datalength;this._chunkSize=chunkSize;this.lengthKnown=true}get length(){if(!this.lengthKnown){this.cacheLength()}return this._length}get chunkSize(){if(!this.lengthKnown){this.cacheLength()}return this._chunkSize}}if(typeof XMLHttpRequest!=\"undefined\"){if(!ENVIRONMENT_IS_WORKER)throw\"Cannot do synchronous binary XHRs outside webworkers in modern browsers. Use --embed-file or --preload-file in emcc\";var lazyArray=new LazyUint8Array;var properties={isDevice:false,contents:lazyArray}}else{var properties={isDevice:false,url:url}}var node=FS.createFile(parent,name,properties,canRead,canWrite);if(properties.contents){node.contents=properties.contents}else if(properties.url){node.contents=null;node.url=properties.url}Object.defineProperties(node,{usedBytes:{get:function(){return this.contents.length}}});var stream_ops={};var keys=Object.keys(node.stream_ops);keys.forEach(key=>{var fn=node.stream_ops[key];stream_ops[key]=(...args)=>{FS.forceLoadFile(node);return fn(...args)}});function writeChunks(stream,buffer,offset,length,position){var contents=stream.node.contents;if(position>=contents.length)return 0;var size=Math.min(contents.length-position,length);if(contents.slice){for(var i=0;i{FS.forceLoadFile(node);return writeChunks(stream,buffer,offset,length,position)};stream_ops.mmap=(stream,length,position,prot,flags)=>{FS.forceLoadFile(node);var ptr=mmapAlloc(length);if(!ptr){throw new FS.ErrnoError(48)}writeChunks(stream,HEAP8,ptr,length,position);return{ptr:ptr,allocated:true}};node.stream_ops=stream_ops;return node}};Module[\"FS\"]=FS;var SYSCALLS={DEFAULT_POLLMASK:5,calculateAt(dirfd,path,allowEmpty){if(PATH.isAbs(path)){return path}var dir;if(dirfd===-100){dir=FS.cwd()}else{var dirstream=SYSCALLS.getStreamFromFD(dirfd);dir=dirstream.path}if(path.length==0){if(!allowEmpty){throw new FS.ErrnoError(44)}return dir}return PATH.join2(dir,path)},doStat(func,path,buf){var stat=func(path);HEAP32[buf>>>2>>>0]=stat.dev;HEAP32[buf+4>>>2>>>0]=stat.mode;HEAPU32[buf+8>>>2>>>0]=stat.nlink;HEAP32[buf+12>>>2>>>0]=stat.uid;HEAP32[buf+16>>>2>>>0]=stat.gid;HEAP32[buf+20>>>2>>>0]=stat.rdev;HEAP64[buf+24>>>3]=BigInt(stat.size);HEAP32[buf+32>>>2>>>0]=4096;HEAP32[buf+36>>>2>>>0]=stat.blocks;var atime=stat.atime.getTime();var mtime=stat.mtime.getTime();var ctime=stat.ctime.getTime();HEAP64[buf+40>>>3]=BigInt(Math.floor(atime/1e3));HEAPU32[buf+48>>>2>>>0]=atime%1e3*1e3;HEAP64[buf+56>>>3]=BigInt(Math.floor(mtime/1e3));HEAPU32[buf+64>>>2>>>0]=mtime%1e3*1e3;HEAP64[buf+72>>>3]=BigInt(Math.floor(ctime/1e3));HEAPU32[buf+80>>>2>>>0]=ctime%1e3*1e3;HEAP64[buf+88>>>3]=BigInt(stat.ino);return 0},doMsync(addr,stream,len,flags,offset){if(!FS.isFile(stream.node.mode)){throw new FS.ErrnoError(43)}if(flags&2){return 0}var buffer=HEAPU8.slice(addr,addr+len);FS.msync(stream,buffer,offset,len,flags)},getStreamFromFD(fd){var stream=FS.getStreamChecked(fd);return stream},varargs:undefined,getStr(ptr){var ret=UTF8ToString(ptr);return ret}};Module[\"SYSCALLS\"]=SYSCALLS;function ___syscall__newselect(nfds,readfds,writefds,exceptfds,timeout){readfds>>>=0;writefds>>>=0;exceptfds>>>=0;timeout>>>=0;try{var total=0;var srcReadLow=readfds?HEAP32[readfds>>>2>>>0]:0,srcReadHigh=readfds?HEAP32[readfds+4>>>2>>>0]:0;var srcWriteLow=writefds?HEAP32[writefds>>>2>>>0]:0,srcWriteHigh=writefds?HEAP32[writefds+4>>>2>>>0]:0;var srcExceptLow=exceptfds?HEAP32[exceptfds>>>2>>>0]:0,srcExceptHigh=exceptfds?HEAP32[exceptfds+4>>>2>>>0]:0;var dstReadLow=0,dstReadHigh=0;var dstWriteLow=0,dstWriteHigh=0;var dstExceptLow=0,dstExceptHigh=0;var allLow=(readfds?HEAP32[readfds>>>2>>>0]:0)|(writefds?HEAP32[writefds>>>2>>>0]:0)|(exceptfds?HEAP32[exceptfds>>>2>>>0]:0);var allHigh=(readfds?HEAP32[readfds+4>>>2>>>0]:0)|(writefds?HEAP32[writefds+4>>>2>>>0]:0)|(exceptfds?HEAP32[exceptfds+4>>>2>>>0]:0);var check=function(fd,low,high,val){return fd<32?low&val:high&val};for(var fd=0;fd>>2>>>0]:0,tv_usec=readfds?HEAP32[timeout+4>>>2>>>0]:0;timeoutInMillis=(tv_sec+tv_usec/1e6)*1e3}flags=stream.stream_ops.poll(stream,timeoutInMillis)}if(flags&1&&check(fd,srcReadLow,srcReadHigh,mask)){fd<32?dstReadLow=dstReadLow|mask:dstReadHigh=dstReadHigh|mask;total++}if(flags&4&&check(fd,srcWriteLow,srcWriteHigh,mask)){fd<32?dstWriteLow=dstWriteLow|mask:dstWriteHigh=dstWriteHigh|mask;total++}if(flags&2&&check(fd,srcExceptLow,srcExceptHigh,mask)){fd<32?dstExceptLow=dstExceptLow|mask:dstExceptHigh=dstExceptHigh|mask;total++}}if(readfds){HEAP32[readfds>>>2>>>0]=dstReadLow;HEAP32[readfds+4>>>2>>>0]=dstReadHigh}if(writefds){HEAP32[writefds>>>2>>>0]=dstWriteLow;HEAP32[writefds+4>>>2>>>0]=dstWriteHigh}if(exceptfds){HEAP32[exceptfds>>>2>>>0]=dstExceptLow;HEAP32[exceptfds+4>>>2>>>0]=dstExceptHigh}return total}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall__newselect\"]=___syscall__newselect;___syscall__newselect.sig=\"iipppp\";var SOCKFS={mount(mount){Module[\"websocket\"]=Module[\"websocket\"]&&\"object\"===typeof Module[\"websocket\"]?Module[\"websocket\"]:{};Module[\"websocket\"]._callbacks={};Module[\"websocket\"][\"on\"]=function(event,callback){if(\"function\"===typeof callback){this._callbacks[event]=callback}return this};Module[\"websocket\"].emit=function(event,param){if(\"function\"===typeof this._callbacks[event]){this._callbacks[event].call(this,param)}};return FS.createNode(null,\"/\",16384|511,0)},createSocket(family,type,protocol){type&=~526336;var streaming=type==1;if(streaming&&protocol&&protocol!=6){throw new FS.ErrnoError(66)}var sock={family:family,type:type,protocol:protocol,server:null,error:null,peers:{},pending:[],recv_queue:[],sock_ops:SOCKFS.websocket_sock_ops};var name=SOCKFS.nextname();var node=FS.createNode(SOCKFS.root,name,49152,0);node.sock=sock;var stream=FS.createStream({path:name,node:node,flags:2,seekable:false,stream_ops:SOCKFS.stream_ops});sock.stream=stream;return sock},getSocket(fd){var stream=FS.getStream(fd);if(!stream||!FS.isSocket(stream.node.mode)){return null}return stream.node.sock},stream_ops:{poll(stream){var sock=stream.node.sock;return sock.sock_ops.poll(sock)},ioctl(stream,request,varargs){var sock=stream.node.sock;return sock.sock_ops.ioctl(sock,request,varargs)},read(stream,buffer,offset,length,position){var sock=stream.node.sock;var msg=sock.sock_ops.recvmsg(sock,length);if(!msg){return 0}buffer.set(msg.buffer,offset);return msg.buffer.length},write(stream,buffer,offset,length,position){var sock=stream.node.sock;return sock.sock_ops.sendmsg(sock,buffer,offset,length)},close(stream){var sock=stream.node.sock;sock.sock_ops.close(sock)}},nextname(){if(!SOCKFS.nextname.current){SOCKFS.nextname.current=0}return\"socket[\"+SOCKFS.nextname.current+++\"]\"},websocket_sock_ops:{createPeer(sock,addr,port){var ws;if(typeof addr==\"object\"){ws=addr;addr=null;port=null}if(ws){if(ws._socket){addr=ws._socket.remoteAddress;port=ws._socket.remotePort}else{var result=/ws[s]?:\\/\\/([^:]+):(\\d+)/.exec(ws.url);if(!result){throw new Error(\"WebSocket URL must be in the format ws(s)://address:port\")}addr=result[1];port=parseInt(result[2],10)}}else{try{var runtimeConfig=Module[\"websocket\"]&&\"object\"===typeof Module[\"websocket\"];var url=\"ws:#\".replace(\"#\",\"//\");if(runtimeConfig){if(\"string\"===typeof Module[\"websocket\"][\"url\"]){url=Module[\"websocket\"][\"url\"]}}if(url===\"ws://\"||url===\"wss://\"){var parts=addr.split(\"/\");url=url+parts[0]+\":\"+port+\"/\"+parts.slice(1).join(\"/\")}var subProtocols=\"binary\";if(runtimeConfig){if(\"string\"===typeof Module[\"websocket\"][\"subprotocol\"]){subProtocols=Module[\"websocket\"][\"subprotocol\"]}}var opts=undefined;if(subProtocols!==\"null\"){subProtocols=subProtocols.replace(/^ +| +$/g,\"\").split(/ *, */);opts=subProtocols}if(runtimeConfig&&null===Module[\"websocket\"][\"subprotocol\"]){subProtocols=\"null\";opts=undefined}var WebSocketConstructor;if(ENVIRONMENT_IS_NODE){WebSocketConstructor=require(\"ws\")}else{WebSocketConstructor=WebSocket}ws=new WebSocketConstructor(url,opts);ws.binaryType=\"arraybuffer\"}catch(e){throw new FS.ErrnoError(23)}}var peer={addr:addr,port:port,socket:ws,dgram_send_queue:[]};SOCKFS.websocket_sock_ops.addPeer(sock,peer);SOCKFS.websocket_sock_ops.handlePeerEvents(sock,peer);if(sock.type===2&&typeof sock.sport!=\"undefined\"){peer.dgram_send_queue.push(new Uint8Array([255,255,255,255,\"p\".charCodeAt(0),\"o\".charCodeAt(0),\"r\".charCodeAt(0),\"t\".charCodeAt(0),(sock.sport&65280)>>8,sock.sport&255]))}return peer},getPeer(sock,addr,port){return sock.peers[addr+\":\"+port]},addPeer(sock,peer){sock.peers[peer.addr+\":\"+peer.port]=peer},removePeer(sock,peer){delete sock.peers[peer.addr+\":\"+peer.port]},handlePeerEvents(sock,peer){var first=true;var handleOpen=function(){Module[\"websocket\"].emit(\"open\",sock.stream.fd);try{var queued=peer.dgram_send_queue.shift();while(queued){peer.socket.send(queued);queued=peer.dgram_send_queue.shift()}}catch(e){peer.socket.close()}};function handleMessage(data){if(typeof data==\"string\"){var encoder=new TextEncoder;data=encoder.encode(data)}else{assert(data.byteLength!==undefined);if(data.byteLength==0){return}data=new Uint8Array(data)}var wasfirst=first;first=false;if(wasfirst&&data.length===10&&data[0]===255&&data[1]===255&&data[2]===255&&data[3]===255&&data[4]===\"p\".charCodeAt(0)&&data[5]===\"o\".charCodeAt(0)&&data[6]===\"r\".charCodeAt(0)&&data[7]===\"t\".charCodeAt(0)){var newport=data[8]<<8|data[9];SOCKFS.websocket_sock_ops.removePeer(sock,peer);peer.port=newport;SOCKFS.websocket_sock_ops.addPeer(sock,peer);return}sock.recv_queue.push({addr:peer.addr,port:peer.port,data:data});Module[\"websocket\"].emit(\"message\",sock.stream.fd)}if(ENVIRONMENT_IS_NODE){peer.socket.on(\"open\",handleOpen);peer.socket.on(\"message\",function(data,isBinary){if(!isBinary){return}handleMessage(new Uint8Array(data).buffer)});peer.socket.on(\"close\",function(){Module[\"websocket\"].emit(\"close\",sock.stream.fd)});peer.socket.on(\"error\",function(error){sock.error=14;Module[\"websocket\"].emit(\"error\",[sock.stream.fd,sock.error,\"ECONNREFUSED: Connection refused\"])})}else{peer.socket.onopen=handleOpen;peer.socket.onclose=function(){Module[\"websocket\"].emit(\"close\",sock.stream.fd)};peer.socket.onmessage=function peer_socket_onmessage(event){handleMessage(event.data)};peer.socket.onerror=function(error){sock.error=14;Module[\"websocket\"].emit(\"error\",[sock.stream.fd,sock.error,\"ECONNREFUSED: Connection refused\"])}}},poll(sock){if(sock.type===1&&sock.server){return sock.pending.length?64|1:0}var mask=0;var dest=sock.type===1?SOCKFS.websocket_sock_ops.getPeer(sock,sock.daddr,sock.dport):null;if(sock.recv_queue.length||!dest||dest&&dest.socket.readyState===dest.socket.CLOSING||dest&&dest.socket.readyState===dest.socket.CLOSED){mask|=64|1}if(!dest||dest&&dest.socket.readyState===dest.socket.OPEN){mask|=4}if(dest&&dest.socket.readyState===dest.socket.CLOSING||dest&&dest.socket.readyState===dest.socket.CLOSED){mask|=16}return mask},ioctl(sock,request,arg){switch(request){case 21531:var bytes=0;if(sock.recv_queue.length){bytes=sock.recv_queue[0].data.length}HEAP32[arg>>>2>>>0]=bytes;return 0;default:return 28}},close(sock){if(sock.server){try{sock.server.close()}catch(e){}sock.server=null}var peers=Object.keys(sock.peers);for(var i=0;i{var socket=SOCKFS.getSocket(fd);if(!socket)throw new FS.ErrnoError(8);return socket};Module[\"getSocketFromFD\"]=getSocketFromFD;var Sockets={BUFFER_SIZE:10240,MAX_BUFFER_SIZE:10485760,nextFd:1,fds:{},nextport:1,maxport:65535,peer:null,connections:{},portmap:{},localAddr:4261412874,addrPool:[33554442,50331658,67108874,83886090,100663306,117440522,134217738,150994954,167772170,184549386,201326602,218103818,234881034]};Module[\"Sockets\"]=Sockets;var inetPton4=str=>{var b=str.split(\".\");for(var i=0;i<4;i++){var tmp=Number(b[i]);if(isNaN(tmp))return null;b[i]=tmp}return(b[0]|b[1]<<8|b[2]<<16|b[3]<<24)>>>0};Module[\"inetPton4\"]=inetPton4;var jstoi_q=str=>parseInt(str);Module[\"jstoi_q\"]=jstoi_q;var inetPton6=str=>{var words;var w,offset,z,i;var valid6regx=/^((?=.*::)(?!.*::.+::)(::)?([\\dA-F]{1,4}:(:|\\b)|){5}|([\\dA-F]{1,4}:){6})((([\\dA-F]{1,4}((?!\\3)::|:\\b|$))|(?!\\2\\3)){2}|(((2[0-4]|1\\d|[1-9])?\\d|25[0-5])\\.?\\b){4})$/i;var parts=[];if(!valid6regx.test(str)){return null}if(str===\"::\"){return[0,0,0,0,0,0,0,0]}if(str.startsWith(\"::\")){str=str.replace(\"::\",\"Z:\")}else{str=str.replace(\"::\",\":Z:\")}if(str.indexOf(\".\")>0){str=str.replace(new RegExp(\"[.]\",\"g\"),\":\");words=str.split(\":\");words[words.length-4]=jstoi_q(words[words.length-4])+jstoi_q(words[words.length-3])*256;words[words.length-3]=jstoi_q(words[words.length-2])+jstoi_q(words[words.length-1])*256;words=words.slice(0,words.length-2)}else{words=str.split(\":\")}offset=0;z=0;for(w=0;w{switch(family){case 2:addr=inetPton4(addr);zeroMemory(sa,16);if(addrlen){HEAP32[addrlen>>>2>>>0]=16}HEAP16[sa>>>1>>>0]=family;HEAP32[sa+4>>>2>>>0]=addr;HEAP16[sa+2>>>1>>>0]=_htons(port);break;case 10:addr=inetPton6(addr);zeroMemory(sa,28);if(addrlen){HEAP32[addrlen>>>2>>>0]=28}HEAP32[sa>>>2>>>0]=family;HEAP32[sa+8>>>2>>>0]=addr[0];HEAP32[sa+12>>>2>>>0]=addr[1];HEAP32[sa+16>>>2>>>0]=addr[2];HEAP32[sa+20>>>2>>>0]=addr[3];HEAP16[sa+2>>>1>>>0]=_htons(port);break;default:return 5}return 0};Module[\"writeSockaddr\"]=writeSockaddr;var DNS={address_map:{id:1,addrs:{},names:{}},lookup_name(name){var res=inetPton4(name);if(res!==null){return name}res=inetPton6(name);if(res!==null){return name}var addr;if(DNS.address_map.addrs[name]){addr=DNS.address_map.addrs[name]}else{var id=DNS.address_map.id++;assert(id<65535,\"exceeded max address mappings of 65535\");addr=\"172.29.\"+(id&255)+\".\"+(id&65280);DNS.address_map.names[addr]=name;DNS.address_map.addrs[name]=addr}return addr},lookup_addr(addr){if(DNS.address_map.names[addr]){return DNS.address_map.names[addr]}return null}};Module[\"DNS\"]=DNS;function ___syscall_accept4(fd,addr,addrlen,flags,d1,d2){addr>>>=0;addrlen>>>=0;try{var sock=getSocketFromFD(fd);var newsock=sock.sock_ops.accept(sock);if(addr){var errno=writeSockaddr(addr,newsock.family,DNS.lookup_name(newsock.daddr),newsock.dport,addrlen)}return newsock.stream.fd}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_accept4\"]=___syscall_accept4;___syscall_accept4.sig=\"iippiii\";var inetNtop4=addr=>(addr&255)+\".\"+(addr>>8&255)+\".\"+(addr>>16&255)+\".\"+(addr>>24&255);Module[\"inetNtop4\"]=inetNtop4;var inetNtop6=ints=>{var str=\"\";var word=0;var longest=0;var lastzero=0;var zstart=0;var len=0;var i=0;var parts=[ints[0]&65535,ints[0]>>16,ints[1]&65535,ints[1]>>16,ints[2]&65535,ints[2]>>16,ints[3]&65535,ints[3]>>16];var hasipv4=true;var v4part=\"\";for(i=0;i<5;i++){if(parts[i]!==0){hasipv4=false;break}}if(hasipv4){v4part=inetNtop4(parts[6]|parts[7]<<16);if(parts[5]===-1){str=\"::ffff:\";str+=v4part;return str}if(parts[5]===0){str=\"::\";if(v4part===\"0.0.0.0\")v4part=\"\";if(v4part===\"0.0.0.1\")v4part=\"1\";str+=v4part;return str}}for(word=0;word<8;word++){if(parts[word]===0){if(word-lastzero>1){len=0}lastzero=word;len++}if(len>longest){longest=len;zstart=word-longest+1}}for(word=0;word<8;word++){if(longest>1){if(parts[word]===0&&word>=zstart&&word{var family=HEAP16[sa>>>1>>>0];var port=_ntohs(HEAPU16[sa+2>>>1>>>0]);var addr;switch(family){case 2:if(salen!==16){return{errno:28}}addr=HEAP32[sa+4>>>2>>>0];addr=inetNtop4(addr);break;case 10:if(salen!==28){return{errno:28}}addr=[HEAP32[sa+8>>>2>>>0],HEAP32[sa+12>>>2>>>0],HEAP32[sa+16>>>2>>>0],HEAP32[sa+20>>>2>>>0]];addr=inetNtop6(addr);break;default:return{errno:5}}return{family:family,addr:addr,port:port}};Module[\"readSockaddr\"]=readSockaddr;var getSocketAddress=(addrp,addrlen,allowNull)=>{if(allowNull&&addrp===0)return null;var info=readSockaddr(addrp,addrlen);if(info.errno)throw new FS.ErrnoError(info.errno);info.addr=DNS.lookup_addr(info.addr)||info.addr;return info};Module[\"getSocketAddress\"]=getSocketAddress;function ___syscall_bind(fd,addr,addrlen,d1,d2,d3){addr>>>=0;addrlen>>>=0;try{var sock=getSocketFromFD(fd);var info=getSocketAddress(addr,addrlen);sock.sock_ops.bind(sock,info.addr,info.port);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_bind\"]=___syscall_bind;___syscall_bind.sig=\"iippiii\";function ___syscall_chdir(path){path>>>=0;try{path=SYSCALLS.getStr(path);FS.chdir(path);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_chdir\"]=___syscall_chdir;___syscall_chdir.sig=\"ip\";function ___syscall_chmod(path,mode){path>>>=0;try{path=SYSCALLS.getStr(path);FS.chmod(path,mode);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_chmod\"]=___syscall_chmod;___syscall_chmod.sig=\"ipi\";function ___syscall_connect(fd,addr,addrlen,d1,d2,d3){addr>>>=0;addrlen>>>=0;try{var sock=getSocketFromFD(fd);var info=getSocketAddress(addr,addrlen);sock.sock_ops.connect(sock,info.addr,info.port);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_connect\"]=___syscall_connect;___syscall_connect.sig=\"iippiii\";function ___syscall_dup(fd){try{var old=SYSCALLS.getStreamFromFD(fd);return FS.dupStream(old).fd}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_dup\"]=___syscall_dup;___syscall_dup.sig=\"ii\";function ___syscall_dup3(fd,newfd,flags){try{var old=SYSCALLS.getStreamFromFD(fd);if(old.fd===newfd)return-28;var existing=FS.getStream(newfd);if(existing)FS.close(existing);return FS.dupStream(old,newfd).fd}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_dup3\"]=___syscall_dup3;___syscall_dup3.sig=\"iiii\";function ___syscall_faccessat(dirfd,path,amode,flags){path>>>=0;try{path=SYSCALLS.getStr(path);path=SYSCALLS.calculateAt(dirfd,path);if(amode&~7){return-28}var lookup=FS.lookupPath(path,{follow:true});var node=lookup.node;if(!node){return-44}var perms=\"\";if(amode&4)perms+=\"r\";if(amode&2)perms+=\"w\";if(amode&1)perms+=\"x\";if(perms&&FS.nodePermissions(node,perms)){return-2}return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_faccessat\"]=___syscall_faccessat;___syscall_faccessat.sig=\"iipii\";var ___syscall_fadvise64=(fd,offset,len,advice)=>0;Module[\"___syscall_fadvise64\"]=___syscall_fadvise64;___syscall_fadvise64.sig=\"iijji\";function ___syscall_fallocate(fd,mode,offset,len){offset=bigintToI53Checked(offset);len=bigintToI53Checked(len);try{if(isNaN(offset))return 61;var stream=SYSCALLS.getStreamFromFD(fd);FS.allocate(stream,offset,len);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_fallocate\"]=___syscall_fallocate;___syscall_fallocate.sig=\"iiijj\";function ___syscall_fchdir(fd){try{var stream=SYSCALLS.getStreamFromFD(fd);FS.chdir(stream.path);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_fchdir\"]=___syscall_fchdir;___syscall_fchdir.sig=\"ii\";function ___syscall_fchmod(fd,mode){try{FS.fchmod(fd,mode);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_fchmod\"]=___syscall_fchmod;___syscall_fchmod.sig=\"iii\";function ___syscall_fchmodat2(dirfd,path,mode,flags){path>>>=0;try{var nofollow=flags&256;path=SYSCALLS.getStr(path);path=SYSCALLS.calculateAt(dirfd,path);FS.chmod(path,mode,nofollow);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_fchmodat2\"]=___syscall_fchmodat2;___syscall_fchmodat2.sig=\"iipii\";function ___syscall_fchown32(fd,owner,group){try{FS.fchown(fd,owner,group);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_fchown32\"]=___syscall_fchown32;___syscall_fchown32.sig=\"iiii\";function ___syscall_fchownat(dirfd,path,owner,group,flags){path>>>=0;try{path=SYSCALLS.getStr(path);var nofollow=flags&256;flags=flags&~256;path=SYSCALLS.calculateAt(dirfd,path);(nofollow?FS.lchown:FS.chown)(path,owner,group);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_fchownat\"]=___syscall_fchownat;___syscall_fchownat.sig=\"iipiii\";function syscallGetVarargI(){var ret=HEAP32[+SYSCALLS.varargs>>>2>>>0];SYSCALLS.varargs+=4;return ret}Module[\"syscallGetVarargI\"]=syscallGetVarargI;var syscallGetVarargP=syscallGetVarargI;Module[\"syscallGetVarargP\"]=syscallGetVarargP;function ___syscall_fcntl64(fd,cmd,varargs){varargs>>>=0;SYSCALLS.varargs=varargs;try{var stream=SYSCALLS.getStreamFromFD(fd);switch(cmd){case 0:{var arg=syscallGetVarargI();if(arg<0){return-28}while(FS.streams[arg]){arg++}var newStream;newStream=FS.dupStream(stream,arg);return newStream.fd}case 1:case 2:return 0;case 3:return stream.flags;case 4:{var arg=syscallGetVarargI();stream.flags|=arg;return 0}case 12:{var arg=syscallGetVarargP();var offset=0;HEAP16[arg+offset>>>1>>>0]=2;return 0}case 13:case 14:return 0}return-28}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_fcntl64\"]=___syscall_fcntl64;___syscall_fcntl64.sig=\"iiip\";function ___syscall_fdatasync(fd){try{var stream=SYSCALLS.getStreamFromFD(fd);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_fdatasync\"]=___syscall_fdatasync;___syscall_fdatasync.sig=\"ii\";function ___syscall_fstat64(fd,buf){buf>>>=0;try{var stream=SYSCALLS.getStreamFromFD(fd);return SYSCALLS.doStat(FS.stat,stream.path,buf)}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_fstat64\"]=___syscall_fstat64;___syscall_fstat64.sig=\"iip\";function ___syscall_statfs64(path,size,buf){path>>>=0;size>>>=0;buf>>>=0;try{path=SYSCALLS.getStr(path);HEAP32[buf+4>>>2>>>0]=4096;HEAP32[buf+40>>>2>>>0]=4096;HEAP32[buf+8>>>2>>>0]=1e6;HEAP32[buf+12>>>2>>>0]=5e5;HEAP32[buf+16>>>2>>>0]=5e5;HEAP32[buf+20>>>2>>>0]=FS.nextInode;HEAP32[buf+24>>>2>>>0]=1e6;HEAP32[buf+28>>>2>>>0]=42;HEAP32[buf+44>>>2>>>0]=2;HEAP32[buf+36>>>2>>>0]=255;return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_statfs64\"]=___syscall_statfs64;___syscall_statfs64.sig=\"ippp\";function ___syscall_fstatfs64(fd,size,buf){size>>>=0;buf>>>=0;try{var stream=SYSCALLS.getStreamFromFD(fd);return ___syscall_statfs64(0,size,buf)}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_fstatfs64\"]=___syscall_fstatfs64;___syscall_fstatfs64.sig=\"iipp\";function ___syscall_ftruncate64(fd,length){length=bigintToI53Checked(length);try{if(isNaN(length))return 61;FS.ftruncate(fd,length);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_ftruncate64\"]=___syscall_ftruncate64;___syscall_ftruncate64.sig=\"iij\";var stringToUTF8=(str,outPtr,maxBytesToWrite)=>stringToUTF8Array(str,HEAPU8,outPtr,maxBytesToWrite);Module[\"stringToUTF8\"]=stringToUTF8;function ___syscall_getcwd(buf,size){buf>>>=0;size>>>=0;try{if(size===0)return-28;var cwd=FS.cwd();var cwdLengthInBytes=lengthBytesUTF8(cwd)+1;if(size>>=0;count>>>=0;try{var stream=SYSCALLS.getStreamFromFD(fd);stream.getdents||=FS.readdir(stream.path);var struct_size=280;var pos=0;var off=FS.llseek(stream,0,1);var idx=Math.floor(off/struct_size);while(idx>>3]=BigInt(id);HEAP64[dirp+pos+8>>>3]=BigInt((idx+1)*struct_size);HEAP16[dirp+pos+16>>>1>>>0]=280;HEAP8[dirp+pos+18>>>0]=type;stringToUTF8(name,dirp+pos+19,256);pos+=struct_size;idx+=1}FS.llseek(stream,idx*struct_size,0);return pos}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_getdents64\"]=___syscall_getdents64;___syscall_getdents64.sig=\"iipp\";function ___syscall_getpeername(fd,addr,addrlen,d1,d2,d3){addr>>>=0;addrlen>>>=0;try{var sock=getSocketFromFD(fd);if(!sock.daddr){return-53}var errno=writeSockaddr(addr,sock.family,DNS.lookup_name(sock.daddr),sock.dport,addrlen);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_getpeername\"]=___syscall_getpeername;___syscall_getpeername.sig=\"iippiii\";function ___syscall_getsockname(fd,addr,addrlen,d1,d2,d3){addr>>>=0;addrlen>>>=0;try{var sock=getSocketFromFD(fd);var errno=writeSockaddr(addr,sock.family,DNS.lookup_name(sock.saddr||\"0.0.0.0\"),sock.sport,addrlen);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_getsockname\"]=___syscall_getsockname;___syscall_getsockname.sig=\"iippiii\";function ___syscall_getsockopt(fd,level,optname,optval,optlen,d1){optval>>>=0;optlen>>>=0;try{var sock=getSocketFromFD(fd);if(level===1){if(optname===4){HEAP32[optval>>>2>>>0]=sock.error;HEAP32[optlen>>>2>>>0]=4;sock.error=null;return 0}}return-50}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_getsockopt\"]=___syscall_getsockopt;___syscall_getsockopt.sig=\"iiiippi\";function ___syscall_ioctl(fd,op,varargs){varargs>>>=0;SYSCALLS.varargs=varargs;try{var stream=SYSCALLS.getStreamFromFD(fd);switch(op){case 21509:{if(!stream.tty)return-59;return 0}case 21505:{if(!stream.tty)return-59;if(stream.tty.ops.ioctl_tcgets){var termios=stream.tty.ops.ioctl_tcgets(stream);var argp=syscallGetVarargP();HEAP32[argp>>>2>>>0]=termios.c_iflag||0;HEAP32[argp+4>>>2>>>0]=termios.c_oflag||0;HEAP32[argp+8>>>2>>>0]=termios.c_cflag||0;HEAP32[argp+12>>>2>>>0]=termios.c_lflag||0;for(var i=0;i<32;i++){HEAP8[argp+i+17>>>0]=termios.c_cc[i]||0}return 0}return 0}case 21510:case 21511:case 21512:{if(!stream.tty)return-59;return 0}case 21506:case 21507:case 21508:{if(!stream.tty)return-59;if(stream.tty.ops.ioctl_tcsets){var argp=syscallGetVarargP();var c_iflag=HEAP32[argp>>>2>>>0];var c_oflag=HEAP32[argp+4>>>2>>>0];var c_cflag=HEAP32[argp+8>>>2>>>0];var c_lflag=HEAP32[argp+12>>>2>>>0];var c_cc=[];for(var i=0;i<32;i++){c_cc.push(HEAP8[argp+i+17>>>0])}return stream.tty.ops.ioctl_tcsets(stream.tty,op,{c_iflag:c_iflag,c_oflag:c_oflag,c_cflag:c_cflag,c_lflag:c_lflag,c_cc:c_cc})}return 0}case 21519:{if(!stream.tty)return-59;var argp=syscallGetVarargP();HEAP32[argp>>>2>>>0]=0;return 0}case 21520:{if(!stream.tty)return-59;return-28}case 21531:{var argp=syscallGetVarargP();return FS.ioctl(stream,op,argp)}case 21523:{if(!stream.tty)return-59;if(stream.tty.ops.ioctl_tiocgwinsz){var winsize=stream.tty.ops.ioctl_tiocgwinsz(stream.tty);var argp=syscallGetVarargP();HEAP16[argp>>>1>>>0]=winsize[0];HEAP16[argp+2>>>1>>>0]=winsize[1]}return 0}case 21524:{if(!stream.tty)return-59;return 0}case 21515:{if(!stream.tty)return-59;return 0}default:return-28}}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_ioctl\"]=___syscall_ioctl;___syscall_ioctl.sig=\"iiip\";function ___syscall_listen(fd,backlog){try{var sock=getSocketFromFD(fd);sock.sock_ops.listen(sock,backlog);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_listen\"]=___syscall_listen;___syscall_listen.sig=\"iiiiiii\";function ___syscall_lstat64(path,buf){path>>>=0;buf>>>=0;try{path=SYSCALLS.getStr(path);return SYSCALLS.doStat(FS.lstat,path,buf)}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_lstat64\"]=___syscall_lstat64;___syscall_lstat64.sig=\"ipp\";function ___syscall_mkdirat(dirfd,path,mode){path>>>=0;try{path=SYSCALLS.getStr(path);path=SYSCALLS.calculateAt(dirfd,path);path=PATH.normalize(path);if(path[path.length-1]===\"/\")path=path.substr(0,path.length-1);FS.mkdir(path,mode,0);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_mkdirat\"]=___syscall_mkdirat;___syscall_mkdirat.sig=\"iipi\";function ___syscall_mknodat(dirfd,path,mode,dev){path>>>=0;try{path=SYSCALLS.getStr(path);path=SYSCALLS.calculateAt(dirfd,path);switch(mode&61440){case 32768:case 8192:case 24576:case 4096:case 49152:break;default:return-28}FS.mknod(path,mode,dev);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_mknodat\"]=___syscall_mknodat;___syscall_mknodat.sig=\"iipii\";function ___syscall_newfstatat(dirfd,path,buf,flags){path>>>=0;buf>>>=0;try{path=SYSCALLS.getStr(path);var nofollow=flags&256;var allowEmpty=flags&4096;flags=flags&~6400;path=SYSCALLS.calculateAt(dirfd,path,allowEmpty);return SYSCALLS.doStat(nofollow?FS.lstat:FS.stat,path,buf)}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_newfstatat\"]=___syscall_newfstatat;___syscall_newfstatat.sig=\"iippi\";function ___syscall_openat(dirfd,path,flags,varargs){path>>>=0;varargs>>>=0;SYSCALLS.varargs=varargs;try{path=SYSCALLS.getStr(path);path=SYSCALLS.calculateAt(dirfd,path);var mode=varargs?syscallGetVarargI():0;return FS.open(path,flags,mode).fd}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_openat\"]=___syscall_openat;___syscall_openat.sig=\"iipip\";var PIPEFS={BUCKET_BUFFER_SIZE:8192,mount(mount){return FS.createNode(null,\"/\",16384|511,0)},createPipe(){var pipe={buckets:[],refcnt:2};pipe.buckets.push({buffer:new Uint8Array(PIPEFS.BUCKET_BUFFER_SIZE),offset:0,roffset:0});var rName=PIPEFS.nextname();var wName=PIPEFS.nextname();var rNode=FS.createNode(PIPEFS.root,rName,4096,0);var wNode=FS.createNode(PIPEFS.root,wName,4096,0);rNode.pipe=pipe;wNode.pipe=pipe;var readableStream=FS.createStream({path:rName,node:rNode,flags:0,seekable:false,stream_ops:PIPEFS.stream_ops});rNode.stream=readableStream;var writableStream=FS.createStream({path:wName,node:wNode,flags:1,seekable:false,stream_ops:PIPEFS.stream_ops});wNode.stream=writableStream;return{readable_fd:readableStream.fd,writable_fd:writableStream.fd}},stream_ops:{poll(stream){var pipe=stream.node.pipe;if((stream.flags&2097155)===1){return 256|4}if(pipe.buckets.length>0){for(var i=0;i0){return 64|1}}}return 0},ioctl(stream,request,varargs){return 28},fsync(stream){return 28},read(stream,buffer,offset,length,position){var pipe=stream.node.pipe;var currentLength=0;for(var i=0;i=dataLen){currBucket.buffer.set(data,currBucket.offset);currBucket.offset+=dataLen;return dataLen}else if(freeBytesInCurrBuffer>0){currBucket.buffer.set(data.subarray(0,freeBytesInCurrBuffer),currBucket.offset);currBucket.offset+=freeBytesInCurrBuffer;data=data.subarray(freeBytesInCurrBuffer,data.byteLength)}var numBuckets=data.byteLength/PIPEFS.BUCKET_BUFFER_SIZE|0;var remElements=data.byteLength%PIPEFS.BUCKET_BUFFER_SIZE;for(var i=0;i0){var newBucket={buffer:new Uint8Array(PIPEFS.BUCKET_BUFFER_SIZE),offset:data.byteLength,roffset:0};pipe.buckets.push(newBucket);newBucket.buffer.set(data)}return dataLen},close(stream){var pipe=stream.node.pipe;pipe.refcnt--;if(pipe.refcnt===0){pipe.buckets=null}}},nextname(){if(!PIPEFS.nextname.current){PIPEFS.nextname.current=0}return\"pipe[\"+PIPEFS.nextname.current+++\"]\"}};Module[\"PIPEFS\"]=PIPEFS;function ___syscall_pipe(fdPtr){fdPtr>>>=0;try{if(fdPtr==0){throw new FS.ErrnoError(21)}var res=PIPEFS.createPipe();HEAP32[fdPtr>>>2>>>0]=res.readable_fd;HEAP32[fdPtr+4>>>2>>>0]=res.writable_fd;return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_pipe\"]=___syscall_pipe;___syscall_pipe.sig=\"ip\";function ___syscall_poll(fds,nfds,timeout){fds>>>=0;try{var nonzero=0;for(var i=0;i>>2>>>0];var events=HEAP16[pollfd+4>>>1>>>0];var mask=32;var stream=FS.getStream(fd);if(stream){mask=SYSCALLS.DEFAULT_POLLMASK;if(stream.stream_ops.poll){mask=stream.stream_ops.poll(stream,-1)}}mask&=events|8|16;if(mask)nonzero++;HEAP16[pollfd+6>>>1>>>0]=mask}return nonzero}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_poll\"]=___syscall_poll;___syscall_poll.sig=\"ipii\";function ___syscall_readlinkat(dirfd,path,buf,bufsize){path>>>=0;buf>>>=0;bufsize>>>=0;try{path=SYSCALLS.getStr(path);path=SYSCALLS.calculateAt(dirfd,path);if(bufsize<=0)return-28;var ret=FS.readlink(path);var len=Math.min(bufsize,lengthBytesUTF8(ret));var endChar=HEAP8[buf+len>>>0];stringToUTF8(ret,buf,bufsize+1);HEAP8[buf+len>>>0]=endChar;return len}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_readlinkat\"]=___syscall_readlinkat;___syscall_readlinkat.sig=\"iippp\";function ___syscall_recvfrom(fd,buf,len,flags,addr,addrlen){buf>>>=0;len>>>=0;addr>>>=0;addrlen>>>=0;try{var sock=getSocketFromFD(fd);var msg=sock.sock_ops.recvmsg(sock,len);if(!msg)return 0;if(addr){var errno=writeSockaddr(addr,sock.family,DNS.lookup_name(msg.addr),msg.port,addrlen)}HEAPU8.set(msg.buffer,buf>>>0);return msg.buffer.byteLength}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_recvfrom\"]=___syscall_recvfrom;___syscall_recvfrom.sig=\"iippipp\";function ___syscall_recvmsg(fd,message,flags,d1,d2,d3){message>>>=0;try{var sock=getSocketFromFD(fd);var iov=HEAPU32[message+8>>>2>>>0];var num=HEAP32[message+12>>>2>>>0];var total=0;for(var i=0;i>>2>>>0]}var msg=sock.sock_ops.recvmsg(sock,total);if(!msg)return 0;var name=HEAPU32[message>>>2>>>0];if(name){var errno=writeSockaddr(name,sock.family,DNS.lookup_name(msg.addr),msg.port)}var bytesRead=0;var bytesRemaining=msg.buffer.byteLength;for(var i=0;bytesRemaining>0&&i>>2>>>0];var iovlen=HEAP32[iov+(8*i+4)>>>2>>>0];if(!iovlen){continue}var length=Math.min(iovlen,bytesRemaining);var buf=msg.buffer.subarray(bytesRead,bytesRead+length);HEAPU8.set(buf,iovbase+bytesRead>>>0);bytesRead+=length;bytesRemaining-=length}return bytesRead}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_recvmsg\"]=___syscall_recvmsg;___syscall_recvmsg.sig=\"iipiiii\";function ___syscall_renameat(olddirfd,oldpath,newdirfd,newpath){oldpath>>>=0;newpath>>>=0;try{oldpath=SYSCALLS.getStr(oldpath);newpath=SYSCALLS.getStr(newpath);oldpath=SYSCALLS.calculateAt(olddirfd,oldpath);newpath=SYSCALLS.calculateAt(newdirfd,newpath);FS.rename(oldpath,newpath);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_renameat\"]=___syscall_renameat;___syscall_renameat.sig=\"iipip\";function ___syscall_rmdir(path){path>>>=0;try{path=SYSCALLS.getStr(path);FS.rmdir(path);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_rmdir\"]=___syscall_rmdir;___syscall_rmdir.sig=\"ip\";function ___syscall_sendmsg(fd,message,flags,d1,d2,d3){message>>>=0;d1>>>=0;d2>>>=0;try{var sock=getSocketFromFD(fd);var iov=HEAPU32[message+8>>>2>>>0];var num=HEAP32[message+12>>>2>>>0];var addr,port;var name=HEAPU32[message>>>2>>>0];var namelen=HEAP32[message+4>>>2>>>0];if(name){var info=readSockaddr(name,namelen);if(info.errno)return-info.errno;port=info.port;addr=DNS.lookup_addr(info.addr)||info.addr}var total=0;for(var i=0;i>>2>>>0]}var view=new Uint8Array(total);var offset=0;for(var i=0;i>>2>>>0];var iovlen=HEAP32[iov+(8*i+4)>>>2>>>0];for(var j=0;j>>0]}}return sock.sock_ops.sendmsg(sock,view,0,total,addr,port)}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_sendmsg\"]=___syscall_sendmsg;___syscall_sendmsg.sig=\"iipippi\";function ___syscall_sendto(fd,message,length,flags,addr,addr_len){message>>>=0;length>>>=0;addr>>>=0;addr_len>>>=0;try{var sock=getSocketFromFD(fd);var dest=getSocketAddress(addr,addr_len,true);if(!dest){return FS.write(sock.stream,HEAP8,message,length)}return sock.sock_ops.sendmsg(sock,HEAP8,message,length,dest.addr,dest.port)}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_sendto\"]=___syscall_sendto;___syscall_sendto.sig=\"iippipp\";function ___syscall_socket(domain,type,protocol){try{var sock=SOCKFS.createSocket(domain,type,protocol);return sock.stream.fd}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_socket\"]=___syscall_socket;___syscall_socket.sig=\"iiiiiii\";function ___syscall_stat64(path,buf){path>>>=0;buf>>>=0;try{path=SYSCALLS.getStr(path);return SYSCALLS.doStat(FS.stat,path,buf)}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_stat64\"]=___syscall_stat64;___syscall_stat64.sig=\"ipp\";function ___syscall_symlink(target,linkpath){target>>>=0;linkpath>>>=0;try{target=SYSCALLS.getStr(target);linkpath=SYSCALLS.getStr(linkpath);FS.symlink(target,linkpath);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_symlink\"]=___syscall_symlink;___syscall_symlink.sig=\"ipp\";function ___syscall_symlinkat(target,newdirfd,linkpath){target>>>=0;linkpath>>>=0;try{linkpath=SYSCALLS.calculateAt(newdirfd,linkpath);FS.symlink(target,linkpath);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_symlinkat\"]=___syscall_symlinkat;___syscall_symlinkat.sig=\"ipip\";function ___syscall_truncate64(path,length){path>>>=0;length=bigintToI53Checked(length);try{if(isNaN(length))return 61;path=SYSCALLS.getStr(path);FS.truncate(path,length);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_truncate64\"]=___syscall_truncate64;___syscall_truncate64.sig=\"ipj\";function ___syscall_unlinkat(dirfd,path,flags){path>>>=0;try{path=SYSCALLS.getStr(path);path=SYSCALLS.calculateAt(dirfd,path);if(flags===0){FS.unlink(path)}else if(flags===512){FS.rmdir(path)}else{abort(\"Invalid flags passed to unlinkat\")}return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_unlinkat\"]=___syscall_unlinkat;___syscall_unlinkat.sig=\"iipi\";var readI53FromI64=ptr=>HEAPU32[ptr>>>2>>>0]+HEAP32[ptr+4>>>2>>>0]*4294967296;Module[\"readI53FromI64\"]=readI53FromI64;function ___syscall_utimensat(dirfd,path,times,flags){path>>>=0;times>>>=0;try{path=SYSCALLS.getStr(path);path=SYSCALLS.calculateAt(dirfd,path,true);if(!times){var atime=Date.now();var mtime=atime}else{var seconds=readI53FromI64(times);var nanoseconds=HEAP32[times+8>>>2>>>0];atime=seconds*1e3+nanoseconds/(1e3*1e3);times+=16;seconds=readI53FromI64(times);nanoseconds=HEAP32[times+8>>>2>>>0];mtime=seconds*1e3+nanoseconds/(1e3*1e3)}FS.utime(path,atime,mtime);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"___syscall_utimensat\"]=___syscall_utimensat;___syscall_utimensat.sig=\"iippi\";var ___table_base=new WebAssembly.Global({\"value\":\"i32\",\"mutable\":false},1);Module[\"___table_base\"]=___table_base;var ENV={};Module[\"ENV\"]=ENV;var stringToUTF8OnStack=str=>{var size=lengthBytesUTF8(str)+1;var ret=stackAlloc(size);stringToUTF8(str,ret,size);return ret};Module[\"stringToUTF8OnStack\"]=stringToUTF8OnStack;var dlSetError=msg=>{var sp=stackSave();var cmsg=stringToUTF8OnStack(msg);___dl_seterr(cmsg,0);stackRestore(sp)};Module[\"dlSetError\"]=dlSetError;var dlopenInternal=(handle,jsflags)=>{var filename=UTF8ToString(handle+36);var flags=HEAP32[handle+4>>>2>>>0];filename=PATH.normalize(filename);var searchpaths=[];var global=Boolean(flags&256);var localScope=global?null:{};var combinedFlags={global:global,nodelete:Boolean(flags&4096),loadAsync:jsflags.loadAsync};if(jsflags.loadAsync){return loadDynamicLibrary(filename,combinedFlags,localScope,handle)}try{return loadDynamicLibrary(filename,combinedFlags,localScope,handle)}catch(e){dlSetError(`Could not load dynamic lib: ${filename}\\n${e}`);return 0}};Module[\"dlopenInternal\"]=dlopenInternal;function __dlopen_js(handle){handle>>>=0;return dlopenInternal(handle,{loadAsync:false})}Module[\"__dlopen_js\"]=__dlopen_js;__dlopen_js.sig=\"pp\";function __dlsym_js(handle,symbol,symbolIndex){handle>>>=0;symbol>>>=0;symbolIndex>>>=0;symbol=UTF8ToString(symbol);var result;var newSymIndex;var lib=LDSO.loadedLibsByHandle[handle];if(!lib.exports.hasOwnProperty(symbol)||lib.exports[symbol].stub){dlSetError(`Tried to lookup unknown symbol \"${symbol}\" in dynamic lib: ${lib.name}`);return 0}newSymIndex=Object.keys(lib.exports).indexOf(symbol);result=lib.exports[symbol];if(typeof result==\"function\"){var addr=getFunctionAddress(result);if(addr){result=addr}else{result=addFunction(result,result.sig);HEAPU32[symbolIndex>>>2>>>0]=newSymIndex}}return result}Module[\"__dlsym_js\"]=__dlsym_js;__dlsym_js.sig=\"pppp\";var handleException=e=>{if(e instanceof ExitStatus||e==\"unwind\"){return EXITSTATUS}quit_(1,e)};Module[\"handleException\"]=handleException;var runtimeKeepaliveCounter=0;Module[\"runtimeKeepaliveCounter\"]=runtimeKeepaliveCounter;var keepRuntimeAlive=()=>noExitRuntime||runtimeKeepaliveCounter>0;Module[\"keepRuntimeAlive\"]=keepRuntimeAlive;var _proc_exit=code=>{EXITSTATUS=code;if(!keepRuntimeAlive()){Module[\"onExit\"]?.(code);ABORT=true}quit_(code,new ExitStatus(code))};Module[\"_proc_exit\"]=_proc_exit;_proc_exit.sig=\"vi\";var exitJS=(status,implicit)=>{EXITSTATUS=status;_proc_exit(status)};Module[\"exitJS\"]=exitJS;var _exit=exitJS;Module[\"_exit\"]=_exit;_exit.sig=\"vi\";var maybeExit=()=>{if(!keepRuntimeAlive()){try{_exit(EXITSTATUS)}catch(e){handleException(e)}}};Module[\"maybeExit\"]=maybeExit;var callUserCallback=func=>{if(ABORT){return}try{func();maybeExit()}catch(e){handleException(e)}};Module[\"callUserCallback\"]=callUserCallback;function __emscripten_dlopen_js(handle,onsuccess,onerror,user_data){handle>>>=0;onsuccess>>>=0;onerror>>>=0;user_data>>>=0;function errorCallback(e){var filename=UTF8ToString(handle+36);dlSetError(`'Could not load dynamic lib: ${filename}\\n${e}`);callUserCallback(()=>getWasmTableEntry(onerror)(handle,user_data))}function successCallback(){callUserCallback(()=>getWasmTableEntry(onsuccess)(handle,user_data))}var promise=dlopenInternal(handle,{loadAsync:true});if(promise){promise.then(successCallback,errorCallback)}else{errorCallback()}}Module[\"__emscripten_dlopen_js\"]=__emscripten_dlopen_js;__emscripten_dlopen_js.sig=\"vpppp\";var nowIsMonotonic=1;Module[\"nowIsMonotonic\"]=nowIsMonotonic;var __emscripten_get_now_is_monotonic=()=>nowIsMonotonic;Module[\"__emscripten_get_now_is_monotonic\"]=__emscripten_get_now_is_monotonic;__emscripten_get_now_is_monotonic.sig=\"i\";function __emscripten_get_progname(str,len){str>>>=0;stringToUTF8(thisProgram,str,len)}Module[\"__emscripten_get_progname\"]=__emscripten_get_progname;__emscripten_get_progname.sig=\"vpi\";function __emscripten_lookup_name(name){name>>>=0;var nameString=UTF8ToString(name);return inetPton4(DNS.lookup_name(nameString))}Module[\"__emscripten_lookup_name\"]=__emscripten_lookup_name;__emscripten_lookup_name.sig=\"ip\";var __emscripten_runtime_keepalive_clear=()=>{noExitRuntime=false;runtimeKeepaliveCounter=0};Module[\"__emscripten_runtime_keepalive_clear\"]=__emscripten_runtime_keepalive_clear;__emscripten_runtime_keepalive_clear.sig=\"v\";function __emscripten_system(command){command>>>=0;if(ENVIRONMENT_IS_NODE){if(!command)return 1;var cmdstr=UTF8ToString(command);if(!cmdstr.length)return 0;var cp=require(\"child_process\");var ret=cp.spawnSync(cmdstr,[],{shell:true,stdio:\"inherit\"});var _W_EXITCODE=(ret,sig)=>ret<<8|sig;if(ret.status===null){var signalToNumber=sig=>{switch(sig){case\"SIGHUP\":return 1;case\"SIGINT\":return 2;case\"SIGQUIT\":return 3;case\"SIGFPE\":return 8;case\"SIGKILL\":return 9;case\"SIGALRM\":return 14;case\"SIGTERM\":return 15}return 2};return _W_EXITCODE(0,signalToNumber(ret.signal))}return _W_EXITCODE(ret.status,0)}if(!command)return 0;return-52}Module[\"__emscripten_system\"]=__emscripten_system;__emscripten_system.sig=\"ip\";var __emscripten_throw_longjmp=()=>{throw Module.wrapException(Infinity)};Module[\"__emscripten_throw_longjmp\"]=__emscripten_throw_longjmp;__emscripten_throw_longjmp.sig=\"v\";function __gmtime_js(time,tmPtr){time=bigintToI53Checked(time);tmPtr>>>=0;var date=new Date(time*1e3);HEAP32[tmPtr>>>2>>>0]=date.getUTCSeconds();HEAP32[tmPtr+4>>>2>>>0]=date.getUTCMinutes();HEAP32[tmPtr+8>>>2>>>0]=date.getUTCHours();HEAP32[tmPtr+12>>>2>>>0]=date.getUTCDate();HEAP32[tmPtr+16>>>2>>>0]=date.getUTCMonth();HEAP32[tmPtr+20>>>2>>>0]=date.getUTCFullYear()-1900;HEAP32[tmPtr+24>>>2>>>0]=date.getUTCDay();var start=Date.UTC(date.getUTCFullYear(),0,1,0,0,0,0);var yday=(date.getTime()-start)/(1e3*60*60*24)|0;HEAP32[tmPtr+28>>>2>>>0]=yday}Module[\"__gmtime_js\"]=__gmtime_js;__gmtime_js.sig=\"vjp\";var isLeapYear=year=>year%4===0&&(year%100!==0||year%400===0);Module[\"isLeapYear\"]=isLeapYear;var MONTH_DAYS_LEAP_CUMULATIVE=[0,31,60,91,121,152,182,213,244,274,305,335];Module[\"MONTH_DAYS_LEAP_CUMULATIVE\"]=MONTH_DAYS_LEAP_CUMULATIVE;var MONTH_DAYS_REGULAR_CUMULATIVE=[0,31,59,90,120,151,181,212,243,273,304,334];Module[\"MONTH_DAYS_REGULAR_CUMULATIVE\"]=MONTH_DAYS_REGULAR_CUMULATIVE;var ydayFromDate=date=>{var leap=isLeapYear(date.getFullYear());var monthDaysCumulative=leap?MONTH_DAYS_LEAP_CUMULATIVE:MONTH_DAYS_REGULAR_CUMULATIVE;var yday=monthDaysCumulative[date.getMonth()]+date.getDate()-1;return yday};Module[\"ydayFromDate\"]=ydayFromDate;function __localtime_js(time,tmPtr){time=bigintToI53Checked(time);tmPtr>>>=0;var date=new Date(time*1e3);HEAP32[tmPtr>>>2>>>0]=date.getSeconds();HEAP32[tmPtr+4>>>2>>>0]=date.getMinutes();HEAP32[tmPtr+8>>>2>>>0]=date.getHours();HEAP32[tmPtr+12>>>2>>>0]=date.getDate();HEAP32[tmPtr+16>>>2>>>0]=date.getMonth();HEAP32[tmPtr+20>>>2>>>0]=date.getFullYear()-1900;HEAP32[tmPtr+24>>>2>>>0]=date.getDay();var yday=ydayFromDate(date)|0;HEAP32[tmPtr+28>>>2>>>0]=yday;HEAP32[tmPtr+36>>>2>>>0]=-(date.getTimezoneOffset()*60);var start=new Date(date.getFullYear(),0,1);var summerOffset=new Date(date.getFullYear(),6,1).getTimezoneOffset();var winterOffset=start.getTimezoneOffset();var dst=(summerOffset!=winterOffset&&date.getTimezoneOffset()==Math.min(winterOffset,summerOffset))|0;HEAP32[tmPtr+32>>>2>>>0]=dst}Module[\"__localtime_js\"]=__localtime_js;__localtime_js.sig=\"vjp\";var __mktime_js=function(tmPtr){tmPtr>>>=0;var ret=(()=>{var date=new Date(HEAP32[tmPtr+20>>>2>>>0]+1900,HEAP32[tmPtr+16>>>2>>>0],HEAP32[tmPtr+12>>>2>>>0],HEAP32[tmPtr+8>>>2>>>0],HEAP32[tmPtr+4>>>2>>>0],HEAP32[tmPtr>>>2>>>0],0);var dst=HEAP32[tmPtr+32>>>2>>>0];var guessedOffset=date.getTimezoneOffset();var start=new Date(date.getFullYear(),0,1);var summerOffset=new Date(date.getFullYear(),6,1).getTimezoneOffset();var winterOffset=start.getTimezoneOffset();var dstOffset=Math.min(winterOffset,summerOffset);if(dst<0){HEAP32[tmPtr+32>>>2>>>0]=Number(summerOffset!=winterOffset&&dstOffset==guessedOffset)}else if(dst>0!=(dstOffset==guessedOffset)){var nonDstOffset=Math.max(winterOffset,summerOffset);var trueOffset=dst>0?dstOffset:nonDstOffset;date.setTime(date.getTime()+(trueOffset-guessedOffset)*6e4)}HEAP32[tmPtr+24>>>2>>>0]=date.getDay();var yday=ydayFromDate(date)|0;HEAP32[tmPtr+28>>>2>>>0]=yday;HEAP32[tmPtr>>>2>>>0]=date.getSeconds();HEAP32[tmPtr+4>>>2>>>0]=date.getMinutes();HEAP32[tmPtr+8>>>2>>>0]=date.getHours();HEAP32[tmPtr+12>>>2>>>0]=date.getDate();HEAP32[tmPtr+16>>>2>>>0]=date.getMonth();HEAP32[tmPtr+20>>>2>>>0]=date.getYear();var timeMs=date.getTime();if(isNaN(timeMs)){return-1}return timeMs/1e3})();return BigInt(ret)};Module[\"__mktime_js\"]=__mktime_js;__mktime_js.sig=\"jp\";function __mmap_js(len,prot,flags,fd,offset,allocated,addr){len>>>=0;offset=bigintToI53Checked(offset);allocated>>>=0;addr>>>=0;try{if(isNaN(offset))return 61;var stream=SYSCALLS.getStreamFromFD(fd);var res=FS.mmap(stream,len,offset,prot,flags);var ptr=res.ptr;HEAP32[allocated>>>2>>>0]=res.allocated;HEAPU32[addr>>>2>>>0]=ptr;return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"__mmap_js\"]=__mmap_js;__mmap_js.sig=\"ipiiijpp\";function __msync_js(addr,len,prot,flags,fd,offset){addr>>>=0;len>>>=0;offset=bigintToI53Checked(offset);try{if(isNaN(offset))return 61;SYSCALLS.doMsync(addr,SYSCALLS.getStreamFromFD(fd),len,flags,offset);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"__msync_js\"]=__msync_js;__msync_js.sig=\"ippiiij\";function __munmap_js(addr,len,prot,flags,fd,offset){addr>>>=0;len>>>=0;offset=bigintToI53Checked(offset);try{var stream=SYSCALLS.getStreamFromFD(fd);if(prot&2){SYSCALLS.doMsync(addr,stream,len,flags,offset)}}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return-e.errno}}Module[\"__munmap_js\"]=__munmap_js;__munmap_js.sig=\"ippiiij\";var timers={};Module[\"timers\"]=timers;var _emscripten_get_now;_emscripten_get_now=()=>performance.now();Module[\"_emscripten_get_now\"]=_emscripten_get_now;_emscripten_get_now.sig=\"d\";var __setitimer_js=(which,timeout_ms)=>{if(timers[which]){clearTimeout(timers[which].id);delete timers[which]}if(!timeout_ms)return 0;var id=setTimeout(()=>{delete timers[which];callUserCallback(()=>__emscripten_timeout(which,_emscripten_get_now()))},timeout_ms);timers[which]={id:id,timeout_ms:timeout_ms};return 0};Module[\"__setitimer_js\"]=__setitimer_js;__setitimer_js.sig=\"iid\";var __timegm_js=function(tmPtr){tmPtr>>>=0;var ret=(()=>{var time=Date.UTC(HEAP32[tmPtr+20>>>2>>>0]+1900,HEAP32[tmPtr+16>>>2>>>0],HEAP32[tmPtr+12>>>2>>>0],HEAP32[tmPtr+8>>>2>>>0],HEAP32[tmPtr+4>>>2>>>0],HEAP32[tmPtr>>>2>>>0],0);var date=new Date(time);HEAP32[tmPtr+24>>>2>>>0]=date.getUTCDay();var start=Date.UTC(date.getUTCFullYear(),0,1,0,0,0,0);var yday=(date.getTime()-start)/(1e3*60*60*24)|0;HEAP32[tmPtr+28>>>2>>>0]=yday;return date.getTime()/1e3})();return BigInt(ret)};Module[\"__timegm_js\"]=__timegm_js;__timegm_js.sig=\"jp\";var __tzset_js=function(timezone,daylight,std_name,dst_name){timezone>>>=0;daylight>>>=0;std_name>>>=0;dst_name>>>=0;var currentYear=(new Date).getFullYear();var winter=new Date(currentYear,0,1);var summer=new Date(currentYear,6,1);var winterOffset=winter.getTimezoneOffset();var summerOffset=summer.getTimezoneOffset();var stdTimezoneOffset=Math.max(winterOffset,summerOffset);HEAPU32[timezone>>>2>>>0]=stdTimezoneOffset*60;HEAP32[daylight>>>2>>>0]=Number(winterOffset!=summerOffset);var extractZone=date=>date.toLocaleTimeString(undefined,{hour12:false,timeZoneName:\"short\"}).split(\" \")[1];var winterName=extractZone(winter);var summerName=extractZone(summer);if(summerOffset{abort(\"\")};Module[\"_abort\"]=_abort;_abort.sig=\"v\";var readEmAsmArgsArray=[];Module[\"readEmAsmArgsArray\"]=readEmAsmArgsArray;var readEmAsmArgs=(sigPtr,buf)=>{readEmAsmArgsArray.length=0;var ch;while(ch=HEAPU8[sigPtr++>>>0]){var wide=ch!=105;wide&=ch!=112;buf+=wide&&buf%8?4:0;readEmAsmArgsArray.push(ch==112?HEAPU32[buf>>>2>>>0]:ch==106?HEAP64[buf>>>3]:ch==105?HEAP32[buf>>>2>>>0]:HEAPF64[buf>>>3>>>0]);buf+=wide?8:4}return readEmAsmArgsArray};Module[\"readEmAsmArgs\"]=readEmAsmArgs;var runEmAsmFunction=(code,sigPtr,argbuf)=>{var args=readEmAsmArgs(sigPtr,argbuf);return ASM_CONSTS[code](...args)};Module[\"runEmAsmFunction\"]=runEmAsmFunction;function _emscripten_asm_const_int(code,sigPtr,argbuf){code>>>=0;sigPtr>>>=0;argbuf>>>=0;return runEmAsmFunction(code,sigPtr,argbuf)}Module[\"_emscripten_asm_const_int\"]=_emscripten_asm_const_int;_emscripten_asm_const_int.sig=\"ippp\";function _emscripten_console_error(str){str>>>=0;console.error(UTF8ToString(str))}Module[\"_emscripten_console_error\"]=_emscripten_console_error;_emscripten_console_error.sig=\"vp\";function _emscripten_console_log(str){str>>>=0;console.log(UTF8ToString(str))}Module[\"_emscripten_console_log\"]=_emscripten_console_log;_emscripten_console_log.sig=\"vp\";function _emscripten_console_warn(str){str>>>=0;console.warn(UTF8ToString(str))}Module[\"_emscripten_console_warn\"]=_emscripten_console_warn;_emscripten_console_warn.sig=\"vp\";var _emscripten_date_now=()=>Date.now();Module[\"_emscripten_date_now\"]=_emscripten_date_now;_emscripten_date_now.sig=\"d\";function _emscripten_err(str){str>>>=0;return err(UTF8ToString(str))}Module[\"_emscripten_err\"]=_emscripten_err;_emscripten_err.sig=\"vp\";var _emscripten_exit_with_live_runtime=()=>{throw\"unwind\"};Module[\"_emscripten_exit_with_live_runtime\"]=_emscripten_exit_with_live_runtime;_emscripten_exit_with_live_runtime.sig=\"v\";var getHeapMax=()=>4294901760;Module[\"getHeapMax\"]=getHeapMax;function _emscripten_get_heap_max(){return getHeapMax()}Module[\"_emscripten_get_heap_max\"]=_emscripten_get_heap_max;_emscripten_get_heap_max.sig=\"p\";var _emscripten_get_now_res=()=>{if(ENVIRONMENT_IS_NODE){return 1}return 1e3};Module[\"_emscripten_get_now_res\"]=_emscripten_get_now_res;_emscripten_get_now_res.sig=\"d\";var webgl_enable_ANGLE_instanced_arrays=ctx=>{var ext=ctx.getExtension(\"ANGLE_instanced_arrays\");if(ext){ctx[\"vertexAttribDivisor\"]=(index,divisor)=>ext[\"vertexAttribDivisorANGLE\"](index,divisor);ctx[\"drawArraysInstanced\"]=(mode,first,count,primcount)=>ext[\"drawArraysInstancedANGLE\"](mode,first,count,primcount);ctx[\"drawElementsInstanced\"]=(mode,count,type,indices,primcount)=>ext[\"drawElementsInstancedANGLE\"](mode,count,type,indices,primcount);return 1}};Module[\"webgl_enable_ANGLE_instanced_arrays\"]=webgl_enable_ANGLE_instanced_arrays;var webgl_enable_OES_vertex_array_object=ctx=>{var ext=ctx.getExtension(\"OES_vertex_array_object\");if(ext){ctx[\"createVertexArray\"]=()=>ext[\"createVertexArrayOES\"]();ctx[\"deleteVertexArray\"]=vao=>ext[\"deleteVertexArrayOES\"](vao);ctx[\"bindVertexArray\"]=vao=>ext[\"bindVertexArrayOES\"](vao);ctx[\"isVertexArray\"]=vao=>ext[\"isVertexArrayOES\"](vao);return 1}};Module[\"webgl_enable_OES_vertex_array_object\"]=webgl_enable_OES_vertex_array_object;var webgl_enable_WEBGL_draw_buffers=ctx=>{var ext=ctx.getExtension(\"WEBGL_draw_buffers\");if(ext){ctx[\"drawBuffers\"]=(n,bufs)=>ext[\"drawBuffersWEBGL\"](n,bufs);return 1}};Module[\"webgl_enable_WEBGL_draw_buffers\"]=webgl_enable_WEBGL_draw_buffers;var webgl_enable_WEBGL_multi_draw=ctx=>!!(ctx.multiDrawWebgl=ctx.getExtension(\"WEBGL_multi_draw\"));Module[\"webgl_enable_WEBGL_multi_draw\"]=webgl_enable_WEBGL_multi_draw;var getEmscriptenSupportedExtensions=ctx=>{var supportedExtensions=[\"ANGLE_instanced_arrays\",\"EXT_blend_minmax\",\"EXT_disjoint_timer_query\",\"EXT_frag_depth\",\"EXT_shader_texture_lod\",\"EXT_sRGB\",\"OES_element_index_uint\",\"OES_fbo_render_mipmap\",\"OES_standard_derivatives\",\"OES_texture_float\",\"OES_texture_half_float\",\"OES_texture_half_float_linear\",\"OES_vertex_array_object\",\"WEBGL_color_buffer_float\",\"WEBGL_depth_texture\",\"WEBGL_draw_buffers\",\"EXT_color_buffer_half_float\",\"EXT_depth_clamp\",\"EXT_float_blend\",\"EXT_texture_compression_bptc\",\"EXT_texture_compression_rgtc\",\"EXT_texture_filter_anisotropic\",\"KHR_parallel_shader_compile\",\"OES_texture_float_linear\",\"WEBGL_blend_func_extended\",\"WEBGL_compressed_texture_astc\",\"WEBGL_compressed_texture_etc\",\"WEBGL_compressed_texture_etc1\",\"WEBGL_compressed_texture_s3tc\",\"WEBGL_compressed_texture_s3tc_srgb\",\"WEBGL_debug_renderer_info\",\"WEBGL_debug_shaders\",\"WEBGL_lose_context\",\"WEBGL_multi_draw\"];return(ctx.getSupportedExtensions()||[]).filter(ext=>supportedExtensions.includes(ext))};Module[\"getEmscriptenSupportedExtensions\"]=getEmscriptenSupportedExtensions;var GL={counter:1,buffers:[],programs:[],framebuffers:[],renderbuffers:[],textures:[],shaders:[],vaos:[],contexts:[],offscreenCanvases:{},queries:[],stringCache:{},unpackAlignment:4,recordError:errorCode=>{if(!GL.lastError){GL.lastError=errorCode}},getNewId:table=>{var ret=GL.counter++;for(var i=table.length;i{for(var i=0;i>>2>>>0]=id}},getSource:(shader,count,string,length)=>{var source=\"\";for(var i=0;i>>2>>>0]:undefined;source+=UTF8ToString(HEAPU32[string+i*4>>>2>>>0],len)}return source},createContext:(canvas,webGLContextAttributes)=>{var ctx=canvas.getContext(\"webgl\",webGLContextAttributes);if(!ctx)return 0;var handle=GL.registerContext(ctx,webGLContextAttributes);return handle},registerContext:(ctx,webGLContextAttributes)=>{var handle=GL.getNewId(GL.contexts);var context={handle:handle,attributes:webGLContextAttributes,version:webGLContextAttributes.majorVersion,GLctx:ctx};if(ctx.canvas)ctx.canvas.GLctxObject=context;GL.contexts[handle]=context;if(typeof webGLContextAttributes.enableExtensionsByDefault==\"undefined\"||webGLContextAttributes.enableExtensionsByDefault){GL.initExtensions(context)}return handle},makeContextCurrent:contextHandle=>{GL.currentContext=GL.contexts[contextHandle];Module.ctx=GLctx=GL.currentContext?.GLctx;return!(contextHandle&&!GLctx)},getContext:contextHandle=>GL.contexts[contextHandle],deleteContext:contextHandle=>{if(GL.currentContext===GL.contexts[contextHandle]){GL.currentContext=null}if(typeof JSEvents==\"object\"){JSEvents.removeAllHandlersOnTarget(GL.contexts[contextHandle].GLctx.canvas)}if(GL.contexts[contextHandle]&&GL.contexts[contextHandle].GLctx.canvas){GL.contexts[contextHandle].GLctx.canvas.GLctxObject=undefined}GL.contexts[contextHandle]=null},initExtensions:context=>{context||=GL.currentContext;if(context.initExtensionsDone)return;context.initExtensionsDone=true;var GLctx=context.GLctx;webgl_enable_ANGLE_instanced_arrays(GLctx);webgl_enable_OES_vertex_array_object(GLctx);webgl_enable_WEBGL_draw_buffers(GLctx);{GLctx.disjointTimerQueryExt=GLctx.getExtension(\"EXT_disjoint_timer_query\")}webgl_enable_WEBGL_multi_draw(GLctx);getEmscriptenSupportedExtensions(GLctx).forEach(ext=>{if(!ext.includes(\"lose_context\")&&!ext.includes(\"debug\")){GLctx.getExtension(ext)}})}};Module[\"GL\"]=GL;var _glActiveTexture=x0=>GLctx.activeTexture(x0);Module[\"_glActiveTexture\"]=_glActiveTexture;_glActiveTexture.sig=\"vi\";var _emscripten_glActiveTexture=_glActiveTexture;Module[\"_emscripten_glActiveTexture\"]=_emscripten_glActiveTexture;_emscripten_glActiveTexture.sig=\"vi\";var _glAttachShader=(program,shader)=>{GLctx.attachShader(GL.programs[program],GL.shaders[shader])};Module[\"_glAttachShader\"]=_glAttachShader;_glAttachShader.sig=\"vii\";var _emscripten_glAttachShader=_glAttachShader;Module[\"_emscripten_glAttachShader\"]=_emscripten_glAttachShader;_emscripten_glAttachShader.sig=\"vii\";var _glBeginQueryEXT=(target,id)=>{GLctx.disjointTimerQueryExt[\"beginQueryEXT\"](target,GL.queries[id])};Module[\"_glBeginQueryEXT\"]=_glBeginQueryEXT;_glBeginQueryEXT.sig=\"vii\";var _emscripten_glBeginQueryEXT=_glBeginQueryEXT;Module[\"_emscripten_glBeginQueryEXT\"]=_emscripten_glBeginQueryEXT;function _glBindAttribLocation(program,index,name){name>>>=0;GLctx.bindAttribLocation(GL.programs[program],index,UTF8ToString(name))}Module[\"_glBindAttribLocation\"]=_glBindAttribLocation;_glBindAttribLocation.sig=\"viip\";var _emscripten_glBindAttribLocation=_glBindAttribLocation;Module[\"_emscripten_glBindAttribLocation\"]=_emscripten_glBindAttribLocation;_emscripten_glBindAttribLocation.sig=\"viip\";var _glBindBuffer=(target,buffer)=>{GLctx.bindBuffer(target,GL.buffers[buffer])};Module[\"_glBindBuffer\"]=_glBindBuffer;_glBindBuffer.sig=\"vii\";var _emscripten_glBindBuffer=_glBindBuffer;Module[\"_emscripten_glBindBuffer\"]=_emscripten_glBindBuffer;_emscripten_glBindBuffer.sig=\"vii\";var _glBindFramebuffer=(target,framebuffer)=>{GLctx.bindFramebuffer(target,GL.framebuffers[framebuffer])};Module[\"_glBindFramebuffer\"]=_glBindFramebuffer;_glBindFramebuffer.sig=\"vii\";var _emscripten_glBindFramebuffer=_glBindFramebuffer;Module[\"_emscripten_glBindFramebuffer\"]=_emscripten_glBindFramebuffer;_emscripten_glBindFramebuffer.sig=\"vii\";var _glBindRenderbuffer=(target,renderbuffer)=>{GLctx.bindRenderbuffer(target,GL.renderbuffers[renderbuffer])};Module[\"_glBindRenderbuffer\"]=_glBindRenderbuffer;_glBindRenderbuffer.sig=\"vii\";var _emscripten_glBindRenderbuffer=_glBindRenderbuffer;Module[\"_emscripten_glBindRenderbuffer\"]=_emscripten_glBindRenderbuffer;_emscripten_glBindRenderbuffer.sig=\"vii\";var _glBindTexture=(target,texture)=>{GLctx.bindTexture(target,GL.textures[texture])};Module[\"_glBindTexture\"]=_glBindTexture;_glBindTexture.sig=\"vii\";var _emscripten_glBindTexture=_glBindTexture;Module[\"_emscripten_glBindTexture\"]=_emscripten_glBindTexture;_emscripten_glBindTexture.sig=\"vii\";var _glBindVertexArray=vao=>{GLctx.bindVertexArray(GL.vaos[vao])};Module[\"_glBindVertexArray\"]=_glBindVertexArray;_glBindVertexArray.sig=\"vi\";var _glBindVertexArrayOES=_glBindVertexArray;Module[\"_glBindVertexArrayOES\"]=_glBindVertexArrayOES;_glBindVertexArrayOES.sig=\"vi\";var _emscripten_glBindVertexArrayOES=_glBindVertexArrayOES;Module[\"_emscripten_glBindVertexArrayOES\"]=_emscripten_glBindVertexArrayOES;_emscripten_glBindVertexArrayOES.sig=\"vi\";var _glBlendColor=(x0,x1,x2,x3)=>GLctx.blendColor(x0,x1,x2,x3);Module[\"_glBlendColor\"]=_glBlendColor;_glBlendColor.sig=\"vffff\";var _emscripten_glBlendColor=_glBlendColor;Module[\"_emscripten_glBlendColor\"]=_emscripten_glBlendColor;_emscripten_glBlendColor.sig=\"vffff\";var _glBlendEquation=x0=>GLctx.blendEquation(x0);Module[\"_glBlendEquation\"]=_glBlendEquation;_glBlendEquation.sig=\"vi\";var _emscripten_glBlendEquation=_glBlendEquation;Module[\"_emscripten_glBlendEquation\"]=_emscripten_glBlendEquation;_emscripten_glBlendEquation.sig=\"vi\";var _glBlendEquationSeparate=(x0,x1)=>GLctx.blendEquationSeparate(x0,x1);Module[\"_glBlendEquationSeparate\"]=_glBlendEquationSeparate;_glBlendEquationSeparate.sig=\"vii\";var _emscripten_glBlendEquationSeparate=_glBlendEquationSeparate;Module[\"_emscripten_glBlendEquationSeparate\"]=_emscripten_glBlendEquationSeparate;_emscripten_glBlendEquationSeparate.sig=\"vii\";var _glBlendFunc=(x0,x1)=>GLctx.blendFunc(x0,x1);Module[\"_glBlendFunc\"]=_glBlendFunc;_glBlendFunc.sig=\"vii\";var _emscripten_glBlendFunc=_glBlendFunc;Module[\"_emscripten_glBlendFunc\"]=_emscripten_glBlendFunc;_emscripten_glBlendFunc.sig=\"vii\";var _glBlendFuncSeparate=(x0,x1,x2,x3)=>GLctx.blendFuncSeparate(x0,x1,x2,x3);Module[\"_glBlendFuncSeparate\"]=_glBlendFuncSeparate;_glBlendFuncSeparate.sig=\"viiii\";var _emscripten_glBlendFuncSeparate=_glBlendFuncSeparate;Module[\"_emscripten_glBlendFuncSeparate\"]=_emscripten_glBlendFuncSeparate;_emscripten_glBlendFuncSeparate.sig=\"viiii\";function _glBufferData(target,size,data,usage){size>>>=0;data>>>=0;GLctx.bufferData(target,data?HEAPU8.subarray(data>>>0,data+size>>>0):size,usage)}Module[\"_glBufferData\"]=_glBufferData;_glBufferData.sig=\"vippi\";var _emscripten_glBufferData=_glBufferData;Module[\"_emscripten_glBufferData\"]=_emscripten_glBufferData;_emscripten_glBufferData.sig=\"vippi\";function _glBufferSubData(target,offset,size,data){offset>>>=0;size>>>=0;data>>>=0;GLctx.bufferSubData(target,offset,HEAPU8.subarray(data>>>0,data+size>>>0))}Module[\"_glBufferSubData\"]=_glBufferSubData;_glBufferSubData.sig=\"vippp\";var _emscripten_glBufferSubData=_glBufferSubData;Module[\"_emscripten_glBufferSubData\"]=_emscripten_glBufferSubData;_emscripten_glBufferSubData.sig=\"vippp\";var _glCheckFramebufferStatus=x0=>GLctx.checkFramebufferStatus(x0);Module[\"_glCheckFramebufferStatus\"]=_glCheckFramebufferStatus;_glCheckFramebufferStatus.sig=\"ii\";var _emscripten_glCheckFramebufferStatus=_glCheckFramebufferStatus;Module[\"_emscripten_glCheckFramebufferStatus\"]=_emscripten_glCheckFramebufferStatus;_emscripten_glCheckFramebufferStatus.sig=\"ii\";var _glClear=x0=>GLctx.clear(x0);Module[\"_glClear\"]=_glClear;_glClear.sig=\"vi\";var _emscripten_glClear=_glClear;Module[\"_emscripten_glClear\"]=_emscripten_glClear;_emscripten_glClear.sig=\"vi\";var _glClearColor=(x0,x1,x2,x3)=>GLctx.clearColor(x0,x1,x2,x3);Module[\"_glClearColor\"]=_glClearColor;_glClearColor.sig=\"vffff\";var _emscripten_glClearColor=_glClearColor;Module[\"_emscripten_glClearColor\"]=_emscripten_glClearColor;_emscripten_glClearColor.sig=\"vffff\";var _glClearDepthf=x0=>GLctx.clearDepth(x0);Module[\"_glClearDepthf\"]=_glClearDepthf;_glClearDepthf.sig=\"vf\";var _emscripten_glClearDepthf=_glClearDepthf;Module[\"_emscripten_glClearDepthf\"]=_emscripten_glClearDepthf;_emscripten_glClearDepthf.sig=\"vf\";var _glClearStencil=x0=>GLctx.clearStencil(x0);Module[\"_glClearStencil\"]=_glClearStencil;_glClearStencil.sig=\"vi\";var _emscripten_glClearStencil=_glClearStencil;Module[\"_emscripten_glClearStencil\"]=_emscripten_glClearStencil;_emscripten_glClearStencil.sig=\"vi\";var _glColorMask=(red,green,blue,alpha)=>{GLctx.colorMask(!!red,!!green,!!blue,!!alpha)};Module[\"_glColorMask\"]=_glColorMask;_glColorMask.sig=\"viiii\";var _emscripten_glColorMask=_glColorMask;Module[\"_emscripten_glColorMask\"]=_emscripten_glColorMask;_emscripten_glColorMask.sig=\"viiii\";var _glCompileShader=shader=>{GLctx.compileShader(GL.shaders[shader])};Module[\"_glCompileShader\"]=_glCompileShader;_glCompileShader.sig=\"vi\";var _emscripten_glCompileShader=_glCompileShader;Module[\"_emscripten_glCompileShader\"]=_emscripten_glCompileShader;_emscripten_glCompileShader.sig=\"vi\";function _glCompressedTexImage2D(target,level,internalFormat,width,height,border,imageSize,data){data>>>=0;GLctx.compressedTexImage2D(target,level,internalFormat,width,height,border,data?HEAPU8.subarray(data>>>0,data+imageSize>>>0):null)}Module[\"_glCompressedTexImage2D\"]=_glCompressedTexImage2D;_glCompressedTexImage2D.sig=\"viiiiiiip\";var _emscripten_glCompressedTexImage2D=_glCompressedTexImage2D;Module[\"_emscripten_glCompressedTexImage2D\"]=_emscripten_glCompressedTexImage2D;_emscripten_glCompressedTexImage2D.sig=\"viiiiiiip\";function _glCompressedTexSubImage2D(target,level,xoffset,yoffset,width,height,format,imageSize,data){data>>>=0;GLctx.compressedTexSubImage2D(target,level,xoffset,yoffset,width,height,format,data?HEAPU8.subarray(data>>>0,data+imageSize>>>0):null)}Module[\"_glCompressedTexSubImage2D\"]=_glCompressedTexSubImage2D;_glCompressedTexSubImage2D.sig=\"viiiiiiiip\";var _emscripten_glCompressedTexSubImage2D=_glCompressedTexSubImage2D;Module[\"_emscripten_glCompressedTexSubImage2D\"]=_emscripten_glCompressedTexSubImage2D;_emscripten_glCompressedTexSubImage2D.sig=\"viiiiiiiip\";var _glCopyTexImage2D=(x0,x1,x2,x3,x4,x5,x6,x7)=>GLctx.copyTexImage2D(x0,x1,x2,x3,x4,x5,x6,x7);Module[\"_glCopyTexImage2D\"]=_glCopyTexImage2D;_glCopyTexImage2D.sig=\"viiiiiiii\";var _emscripten_glCopyTexImage2D=_glCopyTexImage2D;Module[\"_emscripten_glCopyTexImage2D\"]=_emscripten_glCopyTexImage2D;_emscripten_glCopyTexImage2D.sig=\"viiiiiiii\";var _glCopyTexSubImage2D=(x0,x1,x2,x3,x4,x5,x6,x7)=>GLctx.copyTexSubImage2D(x0,x1,x2,x3,x4,x5,x6,x7);Module[\"_glCopyTexSubImage2D\"]=_glCopyTexSubImage2D;_glCopyTexSubImage2D.sig=\"viiiiiiii\";var _emscripten_glCopyTexSubImage2D=_glCopyTexSubImage2D;Module[\"_emscripten_glCopyTexSubImage2D\"]=_emscripten_glCopyTexSubImage2D;_emscripten_glCopyTexSubImage2D.sig=\"viiiiiiii\";var _glCreateProgram=()=>{var id=GL.getNewId(GL.programs);var program=GLctx.createProgram();program.name=id;program.maxUniformLength=program.maxAttributeLength=program.maxUniformBlockNameLength=0;program.uniformIdCounter=1;GL.programs[id]=program;return id};Module[\"_glCreateProgram\"]=_glCreateProgram;_glCreateProgram.sig=\"i\";var _emscripten_glCreateProgram=_glCreateProgram;Module[\"_emscripten_glCreateProgram\"]=_emscripten_glCreateProgram;_emscripten_glCreateProgram.sig=\"i\";var _glCreateShader=shaderType=>{var id=GL.getNewId(GL.shaders);GL.shaders[id]=GLctx.createShader(shaderType);return id};Module[\"_glCreateShader\"]=_glCreateShader;_glCreateShader.sig=\"ii\";var _emscripten_glCreateShader=_glCreateShader;Module[\"_emscripten_glCreateShader\"]=_emscripten_glCreateShader;_emscripten_glCreateShader.sig=\"ii\";var _glCullFace=x0=>GLctx.cullFace(x0);Module[\"_glCullFace\"]=_glCullFace;_glCullFace.sig=\"vi\";var _emscripten_glCullFace=_glCullFace;Module[\"_emscripten_glCullFace\"]=_emscripten_glCullFace;_emscripten_glCullFace.sig=\"vi\";function _glDeleteBuffers(n,buffers){buffers>>>=0;for(var i=0;i>>2>>>0];var buffer=GL.buffers[id];if(!buffer)continue;GLctx.deleteBuffer(buffer);buffer.name=0;GL.buffers[id]=null}}Module[\"_glDeleteBuffers\"]=_glDeleteBuffers;_glDeleteBuffers.sig=\"vip\";var _emscripten_glDeleteBuffers=_glDeleteBuffers;Module[\"_emscripten_glDeleteBuffers\"]=_emscripten_glDeleteBuffers;_emscripten_glDeleteBuffers.sig=\"vip\";function _glDeleteFramebuffers(n,framebuffers){framebuffers>>>=0;for(var i=0;i>>2>>>0];var framebuffer=GL.framebuffers[id];if(!framebuffer)continue;GLctx.deleteFramebuffer(framebuffer);framebuffer.name=0;GL.framebuffers[id]=null}}Module[\"_glDeleteFramebuffers\"]=_glDeleteFramebuffers;_glDeleteFramebuffers.sig=\"vip\";var _emscripten_glDeleteFramebuffers=_glDeleteFramebuffers;Module[\"_emscripten_glDeleteFramebuffers\"]=_emscripten_glDeleteFramebuffers;_emscripten_glDeleteFramebuffers.sig=\"vip\";var _glDeleteProgram=id=>{if(!id)return;var program=GL.programs[id];if(!program){GL.recordError(1281);return}GLctx.deleteProgram(program);program.name=0;GL.programs[id]=null};Module[\"_glDeleteProgram\"]=_glDeleteProgram;_glDeleteProgram.sig=\"vi\";var _emscripten_glDeleteProgram=_glDeleteProgram;Module[\"_emscripten_glDeleteProgram\"]=_emscripten_glDeleteProgram;_emscripten_glDeleteProgram.sig=\"vi\";function _glDeleteQueriesEXT(n,ids){ids>>>=0;for(var i=0;i>>2>>>0];var query=GL.queries[id];if(!query)continue;GLctx.disjointTimerQueryExt[\"deleteQueryEXT\"](query);GL.queries[id]=null}}Module[\"_glDeleteQueriesEXT\"]=_glDeleteQueriesEXT;_glDeleteQueriesEXT.sig=\"vip\";var _emscripten_glDeleteQueriesEXT=_glDeleteQueriesEXT;Module[\"_emscripten_glDeleteQueriesEXT\"]=_emscripten_glDeleteQueriesEXT;function _glDeleteRenderbuffers(n,renderbuffers){renderbuffers>>>=0;for(var i=0;i>>2>>>0];var renderbuffer=GL.renderbuffers[id];if(!renderbuffer)continue;GLctx.deleteRenderbuffer(renderbuffer);renderbuffer.name=0;GL.renderbuffers[id]=null}}Module[\"_glDeleteRenderbuffers\"]=_glDeleteRenderbuffers;_glDeleteRenderbuffers.sig=\"vip\";var _emscripten_glDeleteRenderbuffers=_glDeleteRenderbuffers;Module[\"_emscripten_glDeleteRenderbuffers\"]=_emscripten_glDeleteRenderbuffers;_emscripten_glDeleteRenderbuffers.sig=\"vip\";var _glDeleteShader=id=>{if(!id)return;var shader=GL.shaders[id];if(!shader){GL.recordError(1281);return}GLctx.deleteShader(shader);GL.shaders[id]=null};Module[\"_glDeleteShader\"]=_glDeleteShader;_glDeleteShader.sig=\"vi\";var _emscripten_glDeleteShader=_glDeleteShader;Module[\"_emscripten_glDeleteShader\"]=_emscripten_glDeleteShader;_emscripten_glDeleteShader.sig=\"vi\";function _glDeleteTextures(n,textures){textures>>>=0;for(var i=0;i>>2>>>0];var texture=GL.textures[id];if(!texture)continue;GLctx.deleteTexture(texture);texture.name=0;GL.textures[id]=null}}Module[\"_glDeleteTextures\"]=_glDeleteTextures;_glDeleteTextures.sig=\"vip\";var _emscripten_glDeleteTextures=_glDeleteTextures;Module[\"_emscripten_glDeleteTextures\"]=_emscripten_glDeleteTextures;_emscripten_glDeleteTextures.sig=\"vip\";function _glDeleteVertexArrays(n,vaos){vaos>>>=0;for(var i=0;i>>2>>>0];GLctx.deleteVertexArray(GL.vaos[id]);GL.vaos[id]=null}}Module[\"_glDeleteVertexArrays\"]=_glDeleteVertexArrays;_glDeleteVertexArrays.sig=\"vip\";var _glDeleteVertexArraysOES=_glDeleteVertexArrays;Module[\"_glDeleteVertexArraysOES\"]=_glDeleteVertexArraysOES;_glDeleteVertexArraysOES.sig=\"vip\";var _emscripten_glDeleteVertexArraysOES=_glDeleteVertexArraysOES;Module[\"_emscripten_glDeleteVertexArraysOES\"]=_emscripten_glDeleteVertexArraysOES;_emscripten_glDeleteVertexArraysOES.sig=\"vip\";var _glDepthFunc=x0=>GLctx.depthFunc(x0);Module[\"_glDepthFunc\"]=_glDepthFunc;_glDepthFunc.sig=\"vi\";var _emscripten_glDepthFunc=_glDepthFunc;Module[\"_emscripten_glDepthFunc\"]=_emscripten_glDepthFunc;_emscripten_glDepthFunc.sig=\"vi\";var _glDepthMask=flag=>{GLctx.depthMask(!!flag)};Module[\"_glDepthMask\"]=_glDepthMask;_glDepthMask.sig=\"vi\";var _emscripten_glDepthMask=_glDepthMask;Module[\"_emscripten_glDepthMask\"]=_emscripten_glDepthMask;_emscripten_glDepthMask.sig=\"vi\";var _glDepthRangef=(x0,x1)=>GLctx.depthRange(x0,x1);Module[\"_glDepthRangef\"]=_glDepthRangef;_glDepthRangef.sig=\"vff\";var _emscripten_glDepthRangef=_glDepthRangef;Module[\"_emscripten_glDepthRangef\"]=_emscripten_glDepthRangef;_emscripten_glDepthRangef.sig=\"vff\";var _glDetachShader=(program,shader)=>{GLctx.detachShader(GL.programs[program],GL.shaders[shader])};Module[\"_glDetachShader\"]=_glDetachShader;_glDetachShader.sig=\"vii\";var _emscripten_glDetachShader=_glDetachShader;Module[\"_emscripten_glDetachShader\"]=_emscripten_glDetachShader;_emscripten_glDetachShader.sig=\"vii\";var _glDisable=x0=>GLctx.disable(x0);Module[\"_glDisable\"]=_glDisable;_glDisable.sig=\"vi\";var _emscripten_glDisable=_glDisable;Module[\"_emscripten_glDisable\"]=_emscripten_glDisable;_emscripten_glDisable.sig=\"vi\";var _glDisableVertexAttribArray=index=>{GLctx.disableVertexAttribArray(index)};Module[\"_glDisableVertexAttribArray\"]=_glDisableVertexAttribArray;_glDisableVertexAttribArray.sig=\"vi\";var _emscripten_glDisableVertexAttribArray=_glDisableVertexAttribArray;Module[\"_emscripten_glDisableVertexAttribArray\"]=_emscripten_glDisableVertexAttribArray;_emscripten_glDisableVertexAttribArray.sig=\"vi\";var _glDrawArrays=(mode,first,count)=>{GLctx.drawArrays(mode,first,count)};Module[\"_glDrawArrays\"]=_glDrawArrays;_glDrawArrays.sig=\"viii\";var _emscripten_glDrawArrays=_glDrawArrays;Module[\"_emscripten_glDrawArrays\"]=_emscripten_glDrawArrays;_emscripten_glDrawArrays.sig=\"viii\";var _glDrawArraysInstanced=(mode,first,count,primcount)=>{GLctx.drawArraysInstanced(mode,first,count,primcount)};Module[\"_glDrawArraysInstanced\"]=_glDrawArraysInstanced;_glDrawArraysInstanced.sig=\"viiii\";var _glDrawArraysInstancedANGLE=_glDrawArraysInstanced;Module[\"_glDrawArraysInstancedANGLE\"]=_glDrawArraysInstancedANGLE;var _emscripten_glDrawArraysInstancedANGLE=_glDrawArraysInstancedANGLE;Module[\"_emscripten_glDrawArraysInstancedANGLE\"]=_emscripten_glDrawArraysInstancedANGLE;var tempFixedLengthArray=[];Module[\"tempFixedLengthArray\"]=tempFixedLengthArray;function _glDrawBuffers(n,bufs){bufs>>>=0;var bufArray=tempFixedLengthArray[n];for(var i=0;i>>2>>>0]}GLctx.drawBuffers(bufArray)}Module[\"_glDrawBuffers\"]=_glDrawBuffers;_glDrawBuffers.sig=\"vip\";var _glDrawBuffersWEBGL=_glDrawBuffers;Module[\"_glDrawBuffersWEBGL\"]=_glDrawBuffersWEBGL;var _emscripten_glDrawBuffersWEBGL=_glDrawBuffersWEBGL;Module[\"_emscripten_glDrawBuffersWEBGL\"]=_emscripten_glDrawBuffersWEBGL;function _glDrawElements(mode,count,type,indices){indices>>>=0;GLctx.drawElements(mode,count,type,indices)}Module[\"_glDrawElements\"]=_glDrawElements;_glDrawElements.sig=\"viiip\";var _emscripten_glDrawElements=_glDrawElements;Module[\"_emscripten_glDrawElements\"]=_emscripten_glDrawElements;_emscripten_glDrawElements.sig=\"viiip\";function _glDrawElementsInstanced(mode,count,type,indices,primcount){indices>>>=0;GLctx.drawElementsInstanced(mode,count,type,indices,primcount)}Module[\"_glDrawElementsInstanced\"]=_glDrawElementsInstanced;_glDrawElementsInstanced.sig=\"viiipi\";var _glDrawElementsInstancedANGLE=_glDrawElementsInstanced;Module[\"_glDrawElementsInstancedANGLE\"]=_glDrawElementsInstancedANGLE;var _emscripten_glDrawElementsInstancedANGLE=_glDrawElementsInstancedANGLE;Module[\"_emscripten_glDrawElementsInstancedANGLE\"]=_emscripten_glDrawElementsInstancedANGLE;var _glEnable=x0=>GLctx.enable(x0);Module[\"_glEnable\"]=_glEnable;_glEnable.sig=\"vi\";var _emscripten_glEnable=_glEnable;Module[\"_emscripten_glEnable\"]=_emscripten_glEnable;_emscripten_glEnable.sig=\"vi\";var _glEnableVertexAttribArray=index=>{GLctx.enableVertexAttribArray(index)};Module[\"_glEnableVertexAttribArray\"]=_glEnableVertexAttribArray;_glEnableVertexAttribArray.sig=\"vi\";var _emscripten_glEnableVertexAttribArray=_glEnableVertexAttribArray;Module[\"_emscripten_glEnableVertexAttribArray\"]=_emscripten_glEnableVertexAttribArray;_emscripten_glEnableVertexAttribArray.sig=\"vi\";var _glEndQueryEXT=target=>{GLctx.disjointTimerQueryExt[\"endQueryEXT\"](target)};Module[\"_glEndQueryEXT\"]=_glEndQueryEXT;_glEndQueryEXT.sig=\"vi\";var _emscripten_glEndQueryEXT=_glEndQueryEXT;Module[\"_emscripten_glEndQueryEXT\"]=_emscripten_glEndQueryEXT;var _glFinish=()=>GLctx.finish();Module[\"_glFinish\"]=_glFinish;_glFinish.sig=\"v\";var _emscripten_glFinish=_glFinish;Module[\"_emscripten_glFinish\"]=_emscripten_glFinish;_emscripten_glFinish.sig=\"v\";var _glFlush=()=>GLctx.flush();Module[\"_glFlush\"]=_glFlush;_glFlush.sig=\"v\";var _emscripten_glFlush=_glFlush;Module[\"_emscripten_glFlush\"]=_emscripten_glFlush;_emscripten_glFlush.sig=\"v\";var _glFramebufferRenderbuffer=(target,attachment,renderbuffertarget,renderbuffer)=>{GLctx.framebufferRenderbuffer(target,attachment,renderbuffertarget,GL.renderbuffers[renderbuffer])};Module[\"_glFramebufferRenderbuffer\"]=_glFramebufferRenderbuffer;_glFramebufferRenderbuffer.sig=\"viiii\";var _emscripten_glFramebufferRenderbuffer=_glFramebufferRenderbuffer;Module[\"_emscripten_glFramebufferRenderbuffer\"]=_emscripten_glFramebufferRenderbuffer;_emscripten_glFramebufferRenderbuffer.sig=\"viiii\";var _glFramebufferTexture2D=(target,attachment,textarget,texture,level)=>{GLctx.framebufferTexture2D(target,attachment,textarget,GL.textures[texture],level)};Module[\"_glFramebufferTexture2D\"]=_glFramebufferTexture2D;_glFramebufferTexture2D.sig=\"viiiii\";var _emscripten_glFramebufferTexture2D=_glFramebufferTexture2D;Module[\"_emscripten_glFramebufferTexture2D\"]=_emscripten_glFramebufferTexture2D;_emscripten_glFramebufferTexture2D.sig=\"viiiii\";var _glFrontFace=x0=>GLctx.frontFace(x0);Module[\"_glFrontFace\"]=_glFrontFace;_glFrontFace.sig=\"vi\";var _emscripten_glFrontFace=_glFrontFace;Module[\"_emscripten_glFrontFace\"]=_emscripten_glFrontFace;_emscripten_glFrontFace.sig=\"vi\";function _glGenBuffers(n,buffers){buffers>>>=0;GL.genObject(n,buffers,\"createBuffer\",GL.buffers)}Module[\"_glGenBuffers\"]=_glGenBuffers;_glGenBuffers.sig=\"vip\";var _emscripten_glGenBuffers=_glGenBuffers;Module[\"_emscripten_glGenBuffers\"]=_emscripten_glGenBuffers;_emscripten_glGenBuffers.sig=\"vip\";function _glGenFramebuffers(n,ids){ids>>>=0;GL.genObject(n,ids,\"createFramebuffer\",GL.framebuffers)}Module[\"_glGenFramebuffers\"]=_glGenFramebuffers;_glGenFramebuffers.sig=\"vip\";var _emscripten_glGenFramebuffers=_glGenFramebuffers;Module[\"_emscripten_glGenFramebuffers\"]=_emscripten_glGenFramebuffers;_emscripten_glGenFramebuffers.sig=\"vip\";function _glGenQueriesEXT(n,ids){ids>>>=0;for(var i=0;i>>2>>>0]=0;return}var id=GL.getNewId(GL.queries);query.name=id;GL.queries[id]=query;HEAP32[ids+i*4>>>2>>>0]=id}}Module[\"_glGenQueriesEXT\"]=_glGenQueriesEXT;_glGenQueriesEXT.sig=\"vip\";var _emscripten_glGenQueriesEXT=_glGenQueriesEXT;Module[\"_emscripten_glGenQueriesEXT\"]=_emscripten_glGenQueriesEXT;function _glGenRenderbuffers(n,renderbuffers){renderbuffers>>>=0;GL.genObject(n,renderbuffers,\"createRenderbuffer\",GL.renderbuffers)}Module[\"_glGenRenderbuffers\"]=_glGenRenderbuffers;_glGenRenderbuffers.sig=\"vip\";var _emscripten_glGenRenderbuffers=_glGenRenderbuffers;Module[\"_emscripten_glGenRenderbuffers\"]=_emscripten_glGenRenderbuffers;_emscripten_glGenRenderbuffers.sig=\"vip\";function _glGenTextures(n,textures){textures>>>=0;GL.genObject(n,textures,\"createTexture\",GL.textures)}Module[\"_glGenTextures\"]=_glGenTextures;_glGenTextures.sig=\"vip\";var _emscripten_glGenTextures=_glGenTextures;Module[\"_emscripten_glGenTextures\"]=_emscripten_glGenTextures;_emscripten_glGenTextures.sig=\"vip\";function _glGenVertexArrays(n,arrays){arrays>>>=0;GL.genObject(n,arrays,\"createVertexArray\",GL.vaos)}Module[\"_glGenVertexArrays\"]=_glGenVertexArrays;_glGenVertexArrays.sig=\"vip\";var _glGenVertexArraysOES=_glGenVertexArrays;Module[\"_glGenVertexArraysOES\"]=_glGenVertexArraysOES;_glGenVertexArraysOES.sig=\"vip\";var _emscripten_glGenVertexArraysOES=_glGenVertexArraysOES;Module[\"_emscripten_glGenVertexArraysOES\"]=_emscripten_glGenVertexArraysOES;_emscripten_glGenVertexArraysOES.sig=\"vip\";var _glGenerateMipmap=x0=>GLctx.generateMipmap(x0);Module[\"_glGenerateMipmap\"]=_glGenerateMipmap;_glGenerateMipmap.sig=\"vi\";var _emscripten_glGenerateMipmap=_glGenerateMipmap;Module[\"_emscripten_glGenerateMipmap\"]=_emscripten_glGenerateMipmap;_emscripten_glGenerateMipmap.sig=\"vi\";var __glGetActiveAttribOrUniform=(funcName,program,index,bufSize,length,size,type,name)=>{program=GL.programs[program];var info=GLctx[funcName](program,index);if(info){var numBytesWrittenExclNull=name&&stringToUTF8(info.name,name,bufSize);if(length)HEAP32[length>>>2>>>0]=numBytesWrittenExclNull;if(size)HEAP32[size>>>2>>>0]=info.size;if(type)HEAP32[type>>>2>>>0]=info.type}};Module[\"__glGetActiveAttribOrUniform\"]=__glGetActiveAttribOrUniform;function _glGetActiveAttrib(program,index,bufSize,length,size,type,name){length>>>=0;size>>>=0;type>>>=0;name>>>=0;__glGetActiveAttribOrUniform(\"getActiveAttrib\",program,index,bufSize,length,size,type,name)}Module[\"_glGetActiveAttrib\"]=_glGetActiveAttrib;_glGetActiveAttrib.sig=\"viiipppp\";var _emscripten_glGetActiveAttrib=_glGetActiveAttrib;Module[\"_emscripten_glGetActiveAttrib\"]=_emscripten_glGetActiveAttrib;_emscripten_glGetActiveAttrib.sig=\"viiipppp\";function _glGetActiveUniform(program,index,bufSize,length,size,type,name){length>>>=0;size>>>=0;type>>>=0;name>>>=0;__glGetActiveAttribOrUniform(\"getActiveUniform\",program,index,bufSize,length,size,type,name)}Module[\"_glGetActiveUniform\"]=_glGetActiveUniform;_glGetActiveUniform.sig=\"viiipppp\";var _emscripten_glGetActiveUniform=_glGetActiveUniform;Module[\"_emscripten_glGetActiveUniform\"]=_emscripten_glGetActiveUniform;_emscripten_glGetActiveUniform.sig=\"viiipppp\";function _glGetAttachedShaders(program,maxCount,count,shaders){count>>>=0;shaders>>>=0;var result=GLctx.getAttachedShaders(GL.programs[program]);var len=result.length;if(len>maxCount){len=maxCount}HEAP32[count>>>2>>>0]=len;for(var i=0;i>>2>>>0]=id}}Module[\"_glGetAttachedShaders\"]=_glGetAttachedShaders;_glGetAttachedShaders.sig=\"viipp\";var _emscripten_glGetAttachedShaders=_glGetAttachedShaders;Module[\"_emscripten_glGetAttachedShaders\"]=_emscripten_glGetAttachedShaders;_emscripten_glGetAttachedShaders.sig=\"viipp\";function _glGetAttribLocation(program,name){name>>>=0;return GLctx.getAttribLocation(GL.programs[program],UTF8ToString(name))}Module[\"_glGetAttribLocation\"]=_glGetAttribLocation;_glGetAttribLocation.sig=\"iip\";var _emscripten_glGetAttribLocation=_glGetAttribLocation;Module[\"_emscripten_glGetAttribLocation\"]=_emscripten_glGetAttribLocation;_emscripten_glGetAttribLocation.sig=\"iip\";var writeI53ToI64=(ptr,num)=>{HEAPU32[ptr>>>2>>>0]=num;var lower=HEAPU32[ptr>>>2>>>0];HEAPU32[ptr+4>>>2>>>0]=(num-lower)/4294967296};Module[\"writeI53ToI64\"]=writeI53ToI64;var emscriptenWebGLGet=(name_,p,type)=>{if(!p){GL.recordError(1281);return}var ret=undefined;switch(name_){case 36346:ret=1;break;case 36344:if(type!=0&&type!=1){GL.recordError(1280)}return;case 36345:ret=0;break;case 34466:var formats=GLctx.getParameter(34467);ret=formats?formats.length:0;break}if(ret===undefined){var result=GLctx.getParameter(name_);switch(typeof result){case\"number\":ret=result;break;case\"boolean\":ret=result?1:0;break;case\"string\":GL.recordError(1280);return;case\"object\":if(result===null){switch(name_){case 34964:case 35725:case 34965:case 36006:case 36007:case 32873:case 34229:case 34068:{ret=0;break}default:{GL.recordError(1280);return}}}else if(result instanceof Float32Array||result instanceof Uint32Array||result instanceof Int32Array||result instanceof Array){for(var i=0;i>>2>>>0]=result[i];break;case 2:HEAPF32[p+i*4>>>2>>>0]=result[i];break;case 4:HEAP8[p+i>>>0]=result[i]?1:0;break}}return}else{try{ret=result.name|0}catch(e){GL.recordError(1280);err(`GL_INVALID_ENUM in glGet${type}v: Unknown object returned from WebGL getParameter(${name_})! (error: ${e})`);return}}break;default:GL.recordError(1280);err(`GL_INVALID_ENUM in glGet${type}v: Native code calling glGet${type}v(${name_}) and it returns ${result} of type ${typeof result}!`);return}}switch(type){case 1:writeI53ToI64(p,ret);break;case 0:HEAP32[p>>>2>>>0]=ret;break;case 2:HEAPF32[p>>>2>>>0]=ret;break;case 4:HEAP8[p>>>0]=ret?1:0;break}};Module[\"emscriptenWebGLGet\"]=emscriptenWebGLGet;function _glGetBooleanv(name_,p){p>>>=0;return emscriptenWebGLGet(name_,p,4)}Module[\"_glGetBooleanv\"]=_glGetBooleanv;_glGetBooleanv.sig=\"vip\";var _emscripten_glGetBooleanv=_glGetBooleanv;Module[\"_emscripten_glGetBooleanv\"]=_emscripten_glGetBooleanv;_emscripten_glGetBooleanv.sig=\"vip\";function _glGetBufferParameteriv(target,value,data){data>>>=0;if(!data){GL.recordError(1281);return}HEAP32[data>>>2>>>0]=GLctx.getBufferParameter(target,value)}Module[\"_glGetBufferParameteriv\"]=_glGetBufferParameteriv;_glGetBufferParameteriv.sig=\"viip\";var _emscripten_glGetBufferParameteriv=_glGetBufferParameteriv;Module[\"_emscripten_glGetBufferParameteriv\"]=_emscripten_glGetBufferParameteriv;_emscripten_glGetBufferParameteriv.sig=\"viip\";var _glGetError=()=>{var error=GLctx.getError()||GL.lastError;GL.lastError=0;return error};Module[\"_glGetError\"]=_glGetError;_glGetError.sig=\"i\";var _emscripten_glGetError=_glGetError;Module[\"_emscripten_glGetError\"]=_emscripten_glGetError;_emscripten_glGetError.sig=\"i\";function _glGetFloatv(name_,p){p>>>=0;return emscriptenWebGLGet(name_,p,2)}Module[\"_glGetFloatv\"]=_glGetFloatv;_glGetFloatv.sig=\"vip\";var _emscripten_glGetFloatv=_glGetFloatv;Module[\"_emscripten_glGetFloatv\"]=_emscripten_glGetFloatv;_emscripten_glGetFloatv.sig=\"vip\";function _glGetFramebufferAttachmentParameteriv(target,attachment,pname,params){params>>>=0;var result=GLctx.getFramebufferAttachmentParameter(target,attachment,pname);if(result instanceof WebGLRenderbuffer||result instanceof WebGLTexture){result=result.name|0}HEAP32[params>>>2>>>0]=result}Module[\"_glGetFramebufferAttachmentParameteriv\"]=_glGetFramebufferAttachmentParameteriv;_glGetFramebufferAttachmentParameteriv.sig=\"viiip\";var _emscripten_glGetFramebufferAttachmentParameteriv=_glGetFramebufferAttachmentParameteriv;Module[\"_emscripten_glGetFramebufferAttachmentParameteriv\"]=_emscripten_glGetFramebufferAttachmentParameteriv;_emscripten_glGetFramebufferAttachmentParameteriv.sig=\"viiip\";function _glGetIntegerv(name_,p){p>>>=0;return emscriptenWebGLGet(name_,p,0)}Module[\"_glGetIntegerv\"]=_glGetIntegerv;_glGetIntegerv.sig=\"vip\";var _emscripten_glGetIntegerv=_glGetIntegerv;Module[\"_emscripten_glGetIntegerv\"]=_emscripten_glGetIntegerv;_emscripten_glGetIntegerv.sig=\"vip\";function _glGetProgramInfoLog(program,maxLength,length,infoLog){length>>>=0;infoLog>>>=0;var log=GLctx.getProgramInfoLog(GL.programs[program]);if(log===null)log=\"(unknown error)\";var numBytesWrittenExclNull=maxLength>0&&infoLog?stringToUTF8(log,infoLog,maxLength):0;if(length)HEAP32[length>>>2>>>0]=numBytesWrittenExclNull}Module[\"_glGetProgramInfoLog\"]=_glGetProgramInfoLog;_glGetProgramInfoLog.sig=\"viipp\";var _emscripten_glGetProgramInfoLog=_glGetProgramInfoLog;Module[\"_emscripten_glGetProgramInfoLog\"]=_emscripten_glGetProgramInfoLog;_emscripten_glGetProgramInfoLog.sig=\"viipp\";function _glGetProgramiv(program,pname,p){p>>>=0;if(!p){GL.recordError(1281);return}if(program>=GL.counter){GL.recordError(1281);return}program=GL.programs[program];if(pname==35716){var log=GLctx.getProgramInfoLog(program);if(log===null)log=\"(unknown error)\";HEAP32[p>>>2>>>0]=log.length+1}else if(pname==35719){if(!program.maxUniformLength){for(var i=0;i>>2>>>0]=program.maxUniformLength}else if(pname==35722){if(!program.maxAttributeLength){for(var i=0;i>>2>>>0]=program.maxAttributeLength}else if(pname==35381){if(!program.maxUniformBlockNameLength){for(var i=0;i>>2>>>0]=program.maxUniformBlockNameLength}else{HEAP32[p>>>2>>>0]=GLctx.getProgramParameter(program,pname)}}Module[\"_glGetProgramiv\"]=_glGetProgramiv;_glGetProgramiv.sig=\"viip\";var _emscripten_glGetProgramiv=_glGetProgramiv;Module[\"_emscripten_glGetProgramiv\"]=_emscripten_glGetProgramiv;_emscripten_glGetProgramiv.sig=\"viip\";function _glGetQueryObjecti64vEXT(id,pname,params){params>>>=0;if(!params){GL.recordError(1281);return}var query=GL.queries[id];var param;{param=GLctx.disjointTimerQueryExt[\"getQueryObjectEXT\"](query,pname)}var ret;if(typeof param==\"boolean\"){ret=param?1:0}else{ret=param}writeI53ToI64(params,ret)}Module[\"_glGetQueryObjecti64vEXT\"]=_glGetQueryObjecti64vEXT;_glGetQueryObjecti64vEXT.sig=\"viip\";var _emscripten_glGetQueryObjecti64vEXT=_glGetQueryObjecti64vEXT;Module[\"_emscripten_glGetQueryObjecti64vEXT\"]=_emscripten_glGetQueryObjecti64vEXT;function _glGetQueryObjectivEXT(id,pname,params){params>>>=0;if(!params){GL.recordError(1281);return}var query=GL.queries[id];var param=GLctx.disjointTimerQueryExt[\"getQueryObjectEXT\"](query,pname);var ret;if(typeof param==\"boolean\"){ret=param?1:0}else{ret=param}HEAP32[params>>>2>>>0]=ret}Module[\"_glGetQueryObjectivEXT\"]=_glGetQueryObjectivEXT;_glGetQueryObjectivEXT.sig=\"viip\";var _emscripten_glGetQueryObjectivEXT=_glGetQueryObjectivEXT;Module[\"_emscripten_glGetQueryObjectivEXT\"]=_emscripten_glGetQueryObjectivEXT;var _glGetQueryObjectui64vEXT=_glGetQueryObjecti64vEXT;Module[\"_glGetQueryObjectui64vEXT\"]=_glGetQueryObjectui64vEXT;var _emscripten_glGetQueryObjectui64vEXT=_glGetQueryObjectui64vEXT;Module[\"_emscripten_glGetQueryObjectui64vEXT\"]=_emscripten_glGetQueryObjectui64vEXT;var _glGetQueryObjectuivEXT=_glGetQueryObjectivEXT;Module[\"_glGetQueryObjectuivEXT\"]=_glGetQueryObjectuivEXT;var _emscripten_glGetQueryObjectuivEXT=_glGetQueryObjectuivEXT;Module[\"_emscripten_glGetQueryObjectuivEXT\"]=_emscripten_glGetQueryObjectuivEXT;function _glGetQueryivEXT(target,pname,params){params>>>=0;if(!params){GL.recordError(1281);return}HEAP32[params>>>2>>>0]=GLctx.disjointTimerQueryExt[\"getQueryEXT\"](target,pname)}Module[\"_glGetQueryivEXT\"]=_glGetQueryivEXT;_glGetQueryivEXT.sig=\"viip\";var _emscripten_glGetQueryivEXT=_glGetQueryivEXT;Module[\"_emscripten_glGetQueryivEXT\"]=_emscripten_glGetQueryivEXT;function _glGetRenderbufferParameteriv(target,pname,params){params>>>=0;if(!params){GL.recordError(1281);return}HEAP32[params>>>2>>>0]=GLctx.getRenderbufferParameter(target,pname)}Module[\"_glGetRenderbufferParameteriv\"]=_glGetRenderbufferParameteriv;_glGetRenderbufferParameteriv.sig=\"viip\";var _emscripten_glGetRenderbufferParameteriv=_glGetRenderbufferParameteriv;Module[\"_emscripten_glGetRenderbufferParameteriv\"]=_emscripten_glGetRenderbufferParameteriv;_emscripten_glGetRenderbufferParameteriv.sig=\"viip\";function _glGetShaderInfoLog(shader,maxLength,length,infoLog){length>>>=0;infoLog>>>=0;var log=GLctx.getShaderInfoLog(GL.shaders[shader]);if(log===null)log=\"(unknown error)\";var numBytesWrittenExclNull=maxLength>0&&infoLog?stringToUTF8(log,infoLog,maxLength):0;if(length)HEAP32[length>>>2>>>0]=numBytesWrittenExclNull}Module[\"_glGetShaderInfoLog\"]=_glGetShaderInfoLog;_glGetShaderInfoLog.sig=\"viipp\";var _emscripten_glGetShaderInfoLog=_glGetShaderInfoLog;Module[\"_emscripten_glGetShaderInfoLog\"]=_emscripten_glGetShaderInfoLog;_emscripten_glGetShaderInfoLog.sig=\"viipp\";function _glGetShaderPrecisionFormat(shaderType,precisionType,range,precision){range>>>=0;precision>>>=0;var result=GLctx.getShaderPrecisionFormat(shaderType,precisionType);HEAP32[range>>>2>>>0]=result.rangeMin;HEAP32[range+4>>>2>>>0]=result.rangeMax;HEAP32[precision>>>2>>>0]=result.precision}Module[\"_glGetShaderPrecisionFormat\"]=_glGetShaderPrecisionFormat;_glGetShaderPrecisionFormat.sig=\"viipp\";var _emscripten_glGetShaderPrecisionFormat=_glGetShaderPrecisionFormat;Module[\"_emscripten_glGetShaderPrecisionFormat\"]=_emscripten_glGetShaderPrecisionFormat;_emscripten_glGetShaderPrecisionFormat.sig=\"viipp\";function _glGetShaderSource(shader,bufSize,length,source){length>>>=0;source>>>=0;var result=GLctx.getShaderSource(GL.shaders[shader]);if(!result)return;var numBytesWrittenExclNull=bufSize>0&&source?stringToUTF8(result,source,bufSize):0;if(length)HEAP32[length>>>2>>>0]=numBytesWrittenExclNull}Module[\"_glGetShaderSource\"]=_glGetShaderSource;_glGetShaderSource.sig=\"viipp\";var _emscripten_glGetShaderSource=_glGetShaderSource;Module[\"_emscripten_glGetShaderSource\"]=_emscripten_glGetShaderSource;_emscripten_glGetShaderSource.sig=\"viipp\";function _glGetShaderiv(shader,pname,p){p>>>=0;if(!p){GL.recordError(1281);return}if(pname==35716){var log=GLctx.getShaderInfoLog(GL.shaders[shader]);if(log===null)log=\"(unknown error)\";var logLength=log?log.length+1:0;HEAP32[p>>>2>>>0]=logLength}else if(pname==35720){var source=GLctx.getShaderSource(GL.shaders[shader]);var sourceLength=source?source.length+1:0;HEAP32[p>>>2>>>0]=sourceLength}else{HEAP32[p>>>2>>>0]=GLctx.getShaderParameter(GL.shaders[shader],pname)}}Module[\"_glGetShaderiv\"]=_glGetShaderiv;_glGetShaderiv.sig=\"viip\";var _emscripten_glGetShaderiv=_glGetShaderiv;Module[\"_emscripten_glGetShaderiv\"]=_emscripten_glGetShaderiv;_emscripten_glGetShaderiv.sig=\"viip\";var stringToNewUTF8=str=>{var size=lengthBytesUTF8(str)+1;var ret=_malloc(size);if(ret)stringToUTF8(str,ret,size);return ret};Module[\"stringToNewUTF8\"]=stringToNewUTF8;var webglGetExtensions=function $webglGetExtensions(){var exts=getEmscriptenSupportedExtensions(GLctx);exts=exts.concat(exts.map(e=>\"GL_\"+e));return exts};Module[\"webglGetExtensions\"]=webglGetExtensions;function _glGetString(name_){var ret=GL.stringCache[name_];if(!ret){switch(name_){case 7939:ret=stringToNewUTF8(webglGetExtensions().join(\" \"));break;case 7936:case 7937:case 37445:case 37446:var s=GLctx.getParameter(name_);if(!s){GL.recordError(1280)}ret=s?stringToNewUTF8(s):0;break;case 7938:var glVersion=GLctx.getParameter(7938);{glVersion=`OpenGL ES 2.0 (${glVersion})`}ret=stringToNewUTF8(glVersion);break;case 35724:var glslVersion=GLctx.getParameter(35724);var ver_re=/^WebGL GLSL ES ([0-9]\\.[0-9][0-9]?)(?:$| .*)/;var ver_num=glslVersion.match(ver_re);if(ver_num!==null){if(ver_num[1].length==3)ver_num[1]=ver_num[1]+\"0\";glslVersion=`OpenGL ES GLSL ES ${ver_num[1]} (${glslVersion})`}ret=stringToNewUTF8(glslVersion);break;default:GL.recordError(1280)}GL.stringCache[name_]=ret}return ret}Module[\"_glGetString\"]=_glGetString;_glGetString.sig=\"pi\";var _emscripten_glGetString=_glGetString;Module[\"_emscripten_glGetString\"]=_emscripten_glGetString;_emscripten_glGetString.sig=\"pi\";function _glGetTexParameterfv(target,pname,params){params>>>=0;if(!params){GL.recordError(1281);return}HEAPF32[params>>>2>>>0]=GLctx.getTexParameter(target,pname)}Module[\"_glGetTexParameterfv\"]=_glGetTexParameterfv;_glGetTexParameterfv.sig=\"viip\";var _emscripten_glGetTexParameterfv=_glGetTexParameterfv;Module[\"_emscripten_glGetTexParameterfv\"]=_emscripten_glGetTexParameterfv;_emscripten_glGetTexParameterfv.sig=\"viip\";function _glGetTexParameteriv(target,pname,params){params>>>=0;if(!params){GL.recordError(1281);return}HEAP32[params>>>2>>>0]=GLctx.getTexParameter(target,pname)}Module[\"_glGetTexParameteriv\"]=_glGetTexParameteriv;_glGetTexParameteriv.sig=\"viip\";var _emscripten_glGetTexParameteriv=_glGetTexParameteriv;Module[\"_emscripten_glGetTexParameteriv\"]=_emscripten_glGetTexParameteriv;_emscripten_glGetTexParameteriv.sig=\"viip\";var webglGetLeftBracePos=name=>name.slice(-1)==\"]\"&&name.lastIndexOf(\"[\");Module[\"webglGetLeftBracePos\"]=webglGetLeftBracePos;var webglPrepareUniformLocationsBeforeFirstUse=program=>{var uniformLocsById=program.uniformLocsById,uniformSizeAndIdsByName=program.uniformSizeAndIdsByName,i,j;if(!uniformLocsById){program.uniformLocsById=uniformLocsById={};program.uniformArrayNamesById={};for(i=0;i0?nm.slice(0,lb):nm;var id=program.uniformIdCounter;program.uniformIdCounter+=sz;uniformSizeAndIdsByName[arrayName]=[sz,id];for(j=0;j>>=0;name=UTF8ToString(name);if(program=GL.programs[program]){webglPrepareUniformLocationsBeforeFirstUse(program);var uniformLocsById=program.uniformLocsById;var arrayIndex=0;var uniformBaseName=name;var leftBrace=webglGetLeftBracePos(name);if(leftBrace>0){arrayIndex=jstoi_q(name.slice(leftBrace+1))>>>0;uniformBaseName=name.slice(0,leftBrace)}var sizeAndId=program.uniformSizeAndIdsByName[uniformBaseName];if(sizeAndId&&arrayIndex{var p=GLctx.currentProgram;if(p){var webglLoc=p.uniformLocsById[location];if(typeof webglLoc==\"number\"){p.uniformLocsById[location]=webglLoc=GLctx.getUniformLocation(p,p.uniformArrayNamesById[location]+(webglLoc>0?`[${webglLoc}]`:\"\"))}return webglLoc}else{GL.recordError(1282)}};Module[\"webglGetUniformLocation\"]=webglGetUniformLocation;var emscriptenWebGLGetUniform=(program,location,params,type)=>{if(!params){GL.recordError(1281);return}program=GL.programs[program];webglPrepareUniformLocationsBeforeFirstUse(program);var data=GLctx.getUniform(program,webglGetUniformLocation(location));if(typeof data==\"number\"||typeof data==\"boolean\"){switch(type){case 0:HEAP32[params>>>2>>>0]=data;break;case 2:HEAPF32[params>>>2>>>0]=data;break}}else{for(var i=0;i>>2>>>0]=data[i];break;case 2:HEAPF32[params+i*4>>>2>>>0]=data[i];break}}}};Module[\"emscriptenWebGLGetUniform\"]=emscriptenWebGLGetUniform;function _glGetUniformfv(program,location,params){params>>>=0;emscriptenWebGLGetUniform(program,location,params,2)}Module[\"_glGetUniformfv\"]=_glGetUniformfv;_glGetUniformfv.sig=\"viip\";var _emscripten_glGetUniformfv=_glGetUniformfv;Module[\"_emscripten_glGetUniformfv\"]=_emscripten_glGetUniformfv;_emscripten_glGetUniformfv.sig=\"viip\";function _glGetUniformiv(program,location,params){params>>>=0;emscriptenWebGLGetUniform(program,location,params,0)}Module[\"_glGetUniformiv\"]=_glGetUniformiv;_glGetUniformiv.sig=\"viip\";var _emscripten_glGetUniformiv=_glGetUniformiv;Module[\"_emscripten_glGetUniformiv\"]=_emscripten_glGetUniformiv;_emscripten_glGetUniformiv.sig=\"viip\";function _glGetVertexAttribPointerv(index,pname,pointer){pointer>>>=0;if(!pointer){GL.recordError(1281);return}HEAP32[pointer>>>2>>>0]=GLctx.getVertexAttribOffset(index,pname)}Module[\"_glGetVertexAttribPointerv\"]=_glGetVertexAttribPointerv;_glGetVertexAttribPointerv.sig=\"viip\";var _emscripten_glGetVertexAttribPointerv=_glGetVertexAttribPointerv;Module[\"_emscripten_glGetVertexAttribPointerv\"]=_emscripten_glGetVertexAttribPointerv;_emscripten_glGetVertexAttribPointerv.sig=\"viip\";var emscriptenWebGLGetVertexAttrib=(index,pname,params,type)=>{if(!params){GL.recordError(1281);return}var data=GLctx.getVertexAttrib(index,pname);if(pname==34975){HEAP32[params>>>2>>>0]=data&&data[\"name\"]}else if(typeof data==\"number\"||typeof data==\"boolean\"){switch(type){case 0:HEAP32[params>>>2>>>0]=data;break;case 2:HEAPF32[params>>>2>>>0]=data;break;case 5:HEAP32[params>>>2>>>0]=Math.fround(data);break}}else{for(var i=0;i>>2>>>0]=data[i];break;case 2:HEAPF32[params+i*4>>>2>>>0]=data[i];break;case 5:HEAP32[params+i*4>>>2>>>0]=Math.fround(data[i]);break}}}};Module[\"emscriptenWebGLGetVertexAttrib\"]=emscriptenWebGLGetVertexAttrib;function _glGetVertexAttribfv(index,pname,params){params>>>=0;emscriptenWebGLGetVertexAttrib(index,pname,params,2)}Module[\"_glGetVertexAttribfv\"]=_glGetVertexAttribfv;_glGetVertexAttribfv.sig=\"viip\";var _emscripten_glGetVertexAttribfv=_glGetVertexAttribfv;Module[\"_emscripten_glGetVertexAttribfv\"]=_emscripten_glGetVertexAttribfv;_emscripten_glGetVertexAttribfv.sig=\"viip\";function _glGetVertexAttribiv(index,pname,params){params>>>=0;emscriptenWebGLGetVertexAttrib(index,pname,params,5)}Module[\"_glGetVertexAttribiv\"]=_glGetVertexAttribiv;_glGetVertexAttribiv.sig=\"viip\";var _emscripten_glGetVertexAttribiv=_glGetVertexAttribiv;Module[\"_emscripten_glGetVertexAttribiv\"]=_emscripten_glGetVertexAttribiv;_emscripten_glGetVertexAttribiv.sig=\"viip\";var _glHint=(x0,x1)=>GLctx.hint(x0,x1);Module[\"_glHint\"]=_glHint;_glHint.sig=\"vii\";var _emscripten_glHint=_glHint;Module[\"_emscripten_glHint\"]=_emscripten_glHint;_emscripten_glHint.sig=\"vii\";var _glIsBuffer=buffer=>{var b=GL.buffers[buffer];if(!b)return 0;return GLctx.isBuffer(b)};Module[\"_glIsBuffer\"]=_glIsBuffer;_glIsBuffer.sig=\"ii\";var _emscripten_glIsBuffer=_glIsBuffer;Module[\"_emscripten_glIsBuffer\"]=_emscripten_glIsBuffer;_emscripten_glIsBuffer.sig=\"ii\";var _glIsEnabled=x0=>GLctx.isEnabled(x0);Module[\"_glIsEnabled\"]=_glIsEnabled;_glIsEnabled.sig=\"ii\";var _emscripten_glIsEnabled=_glIsEnabled;Module[\"_emscripten_glIsEnabled\"]=_emscripten_glIsEnabled;_emscripten_glIsEnabled.sig=\"ii\";var _glIsFramebuffer=framebuffer=>{var fb=GL.framebuffers[framebuffer];if(!fb)return 0;return GLctx.isFramebuffer(fb)};Module[\"_glIsFramebuffer\"]=_glIsFramebuffer;_glIsFramebuffer.sig=\"ii\";var _emscripten_glIsFramebuffer=_glIsFramebuffer;Module[\"_emscripten_glIsFramebuffer\"]=_emscripten_glIsFramebuffer;_emscripten_glIsFramebuffer.sig=\"ii\";var _glIsProgram=program=>{program=GL.programs[program];if(!program)return 0;return GLctx.isProgram(program)};Module[\"_glIsProgram\"]=_glIsProgram;_glIsProgram.sig=\"ii\";var _emscripten_glIsProgram=_glIsProgram;Module[\"_emscripten_glIsProgram\"]=_emscripten_glIsProgram;_emscripten_glIsProgram.sig=\"ii\";var _glIsQueryEXT=id=>{var query=GL.queries[id];if(!query)return 0;return GLctx.disjointTimerQueryExt[\"isQueryEXT\"](query)};Module[\"_glIsQueryEXT\"]=_glIsQueryEXT;_glIsQueryEXT.sig=\"ii\";var _emscripten_glIsQueryEXT=_glIsQueryEXT;Module[\"_emscripten_glIsQueryEXT\"]=_emscripten_glIsQueryEXT;var _glIsRenderbuffer=renderbuffer=>{var rb=GL.renderbuffers[renderbuffer];if(!rb)return 0;return GLctx.isRenderbuffer(rb)};Module[\"_glIsRenderbuffer\"]=_glIsRenderbuffer;_glIsRenderbuffer.sig=\"ii\";var _emscripten_glIsRenderbuffer=_glIsRenderbuffer;Module[\"_emscripten_glIsRenderbuffer\"]=_emscripten_glIsRenderbuffer;_emscripten_glIsRenderbuffer.sig=\"ii\";var _glIsShader=shader=>{var s=GL.shaders[shader];if(!s)return 0;return GLctx.isShader(s)};Module[\"_glIsShader\"]=_glIsShader;_glIsShader.sig=\"ii\";var _emscripten_glIsShader=_glIsShader;Module[\"_emscripten_glIsShader\"]=_emscripten_glIsShader;_emscripten_glIsShader.sig=\"ii\";var _glIsTexture=id=>{var texture=GL.textures[id];if(!texture)return 0;return GLctx.isTexture(texture)};Module[\"_glIsTexture\"]=_glIsTexture;_glIsTexture.sig=\"ii\";var _emscripten_glIsTexture=_glIsTexture;Module[\"_emscripten_glIsTexture\"]=_emscripten_glIsTexture;_emscripten_glIsTexture.sig=\"ii\";var _glIsVertexArray=array=>{var vao=GL.vaos[array];if(!vao)return 0;return GLctx.isVertexArray(vao)};Module[\"_glIsVertexArray\"]=_glIsVertexArray;_glIsVertexArray.sig=\"ii\";var _glIsVertexArrayOES=_glIsVertexArray;Module[\"_glIsVertexArrayOES\"]=_glIsVertexArrayOES;_glIsVertexArrayOES.sig=\"ii\";var _emscripten_glIsVertexArrayOES=_glIsVertexArrayOES;Module[\"_emscripten_glIsVertexArrayOES\"]=_emscripten_glIsVertexArrayOES;_emscripten_glIsVertexArrayOES.sig=\"ii\";var _glLineWidth=x0=>GLctx.lineWidth(x0);Module[\"_glLineWidth\"]=_glLineWidth;_glLineWidth.sig=\"vf\";var _emscripten_glLineWidth=_glLineWidth;Module[\"_emscripten_glLineWidth\"]=_emscripten_glLineWidth;_emscripten_glLineWidth.sig=\"vf\";var _glLinkProgram=program=>{program=GL.programs[program];GLctx.linkProgram(program);program.uniformLocsById=0;program.uniformSizeAndIdsByName={}};Module[\"_glLinkProgram\"]=_glLinkProgram;_glLinkProgram.sig=\"vi\";var _emscripten_glLinkProgram=_glLinkProgram;Module[\"_emscripten_glLinkProgram\"]=_emscripten_glLinkProgram;_emscripten_glLinkProgram.sig=\"vi\";var _glPixelStorei=(pname,param)=>{if(pname==3317){GL.unpackAlignment=param}GLctx.pixelStorei(pname,param)};Module[\"_glPixelStorei\"]=_glPixelStorei;_glPixelStorei.sig=\"vii\";var _emscripten_glPixelStorei=_glPixelStorei;Module[\"_emscripten_glPixelStorei\"]=_emscripten_glPixelStorei;_emscripten_glPixelStorei.sig=\"vii\";var _glPolygonOffset=(x0,x1)=>GLctx.polygonOffset(x0,x1);Module[\"_glPolygonOffset\"]=_glPolygonOffset;_glPolygonOffset.sig=\"vff\";var _emscripten_glPolygonOffset=_glPolygonOffset;Module[\"_emscripten_glPolygonOffset\"]=_emscripten_glPolygonOffset;_emscripten_glPolygonOffset.sig=\"vff\";var _glQueryCounterEXT=(id,target)=>{GLctx.disjointTimerQueryExt[\"queryCounterEXT\"](GL.queries[id],target)};Module[\"_glQueryCounterEXT\"]=_glQueryCounterEXT;_glQueryCounterEXT.sig=\"vii\";var _emscripten_glQueryCounterEXT=_glQueryCounterEXT;Module[\"_emscripten_glQueryCounterEXT\"]=_emscripten_glQueryCounterEXT;var computeUnpackAlignedImageSize=(width,height,sizePerPixel,alignment)=>{function roundedToNextMultipleOf(x,y){return x+y-1&-y}var plainRowSize=width*sizePerPixel;var alignedRowSize=roundedToNextMultipleOf(plainRowSize,alignment);return height*alignedRowSize};Module[\"computeUnpackAlignedImageSize\"]=computeUnpackAlignedImageSize;var colorChannelsInGlTextureFormat=format=>{var colorChannels={5:3,6:4,8:2,29502:3,29504:4};return colorChannels[format-6402]||1};Module[\"colorChannelsInGlTextureFormat\"]=colorChannelsInGlTextureFormat;var heapObjectForWebGLType=type=>{type-=5120;if(type==1)return HEAPU8;if(type==4)return HEAP32;if(type==6)return HEAPF32;if(type==5||type==28922)return HEAPU32;return HEAPU16};Module[\"heapObjectForWebGLType\"]=heapObjectForWebGLType;var toTypedArrayIndex=(pointer,heap)=>pointer>>>31-Math.clz32(heap.BYTES_PER_ELEMENT);Module[\"toTypedArrayIndex\"]=toTypedArrayIndex;var emscriptenWebGLGetTexPixelData=(type,format,width,height,pixels,internalFormat)=>{var heap=heapObjectForWebGLType(type);var sizePerPixel=colorChannelsInGlTextureFormat(format)*heap.BYTES_PER_ELEMENT;var bytes=computeUnpackAlignedImageSize(width,height,sizePerPixel,GL.unpackAlignment);return heap.subarray(toTypedArrayIndex(pixels,heap)>>>0,toTypedArrayIndex(pixels+bytes,heap)>>>0)};Module[\"emscriptenWebGLGetTexPixelData\"]=emscriptenWebGLGetTexPixelData;function _glReadPixels(x,y,width,height,format,type,pixels){pixels>>>=0;var pixelData=emscriptenWebGLGetTexPixelData(type,format,width,height,pixels,format);if(!pixelData){GL.recordError(1280);return}GLctx.readPixels(x,y,width,height,format,type,pixelData)}Module[\"_glReadPixels\"]=_glReadPixels;_glReadPixels.sig=\"viiiiiip\";var _emscripten_glReadPixels=_glReadPixels;Module[\"_emscripten_glReadPixels\"]=_emscripten_glReadPixels;_emscripten_glReadPixels.sig=\"viiiiiip\";var _glReleaseShaderCompiler=()=>{};Module[\"_glReleaseShaderCompiler\"]=_glReleaseShaderCompiler;_glReleaseShaderCompiler.sig=\"v\";var _emscripten_glReleaseShaderCompiler=_glReleaseShaderCompiler;Module[\"_emscripten_glReleaseShaderCompiler\"]=_emscripten_glReleaseShaderCompiler;_emscripten_glReleaseShaderCompiler.sig=\"v\";var _glRenderbufferStorage=(x0,x1,x2,x3)=>GLctx.renderbufferStorage(x0,x1,x2,x3);Module[\"_glRenderbufferStorage\"]=_glRenderbufferStorage;_glRenderbufferStorage.sig=\"viiii\";var _emscripten_glRenderbufferStorage=_glRenderbufferStorage;Module[\"_emscripten_glRenderbufferStorage\"]=_emscripten_glRenderbufferStorage;_emscripten_glRenderbufferStorage.sig=\"viiii\";var _glSampleCoverage=(value,invert)=>{GLctx.sampleCoverage(value,!!invert)};Module[\"_glSampleCoverage\"]=_glSampleCoverage;_glSampleCoverage.sig=\"vfi\";var _emscripten_glSampleCoverage=_glSampleCoverage;Module[\"_emscripten_glSampleCoverage\"]=_emscripten_glSampleCoverage;_emscripten_glSampleCoverage.sig=\"vfi\";var _glScissor=(x0,x1,x2,x3)=>GLctx.scissor(x0,x1,x2,x3);Module[\"_glScissor\"]=_glScissor;_glScissor.sig=\"viiii\";var _emscripten_glScissor=_glScissor;Module[\"_emscripten_glScissor\"]=_emscripten_glScissor;_emscripten_glScissor.sig=\"viiii\";function _glShaderBinary(count,shaders,binaryformat,binary,length){shaders>>>=0;binary>>>=0;GL.recordError(1280)}Module[\"_glShaderBinary\"]=_glShaderBinary;_glShaderBinary.sig=\"vipipi\";var _emscripten_glShaderBinary=_glShaderBinary;Module[\"_emscripten_glShaderBinary\"]=_emscripten_glShaderBinary;_emscripten_glShaderBinary.sig=\"vipipi\";function _glShaderSource(shader,count,string,length){string>>>=0;length>>>=0;var source=GL.getSource(shader,count,string,length);GLctx.shaderSource(GL.shaders[shader],source)}Module[\"_glShaderSource\"]=_glShaderSource;_glShaderSource.sig=\"viipp\";var _emscripten_glShaderSource=_glShaderSource;Module[\"_emscripten_glShaderSource\"]=_emscripten_glShaderSource;_emscripten_glShaderSource.sig=\"viipp\";var _glStencilFunc=(x0,x1,x2)=>GLctx.stencilFunc(x0,x1,x2);Module[\"_glStencilFunc\"]=_glStencilFunc;_glStencilFunc.sig=\"viii\";var _emscripten_glStencilFunc=_glStencilFunc;Module[\"_emscripten_glStencilFunc\"]=_emscripten_glStencilFunc;_emscripten_glStencilFunc.sig=\"viii\";var _glStencilFuncSeparate=(x0,x1,x2,x3)=>GLctx.stencilFuncSeparate(x0,x1,x2,x3);Module[\"_glStencilFuncSeparate\"]=_glStencilFuncSeparate;_glStencilFuncSeparate.sig=\"viiii\";var _emscripten_glStencilFuncSeparate=_glStencilFuncSeparate;Module[\"_emscripten_glStencilFuncSeparate\"]=_emscripten_glStencilFuncSeparate;_emscripten_glStencilFuncSeparate.sig=\"viiii\";var _glStencilMask=x0=>GLctx.stencilMask(x0);Module[\"_glStencilMask\"]=_glStencilMask;_glStencilMask.sig=\"vi\";var _emscripten_glStencilMask=_glStencilMask;Module[\"_emscripten_glStencilMask\"]=_emscripten_glStencilMask;_emscripten_glStencilMask.sig=\"vi\";var _glStencilMaskSeparate=(x0,x1)=>GLctx.stencilMaskSeparate(x0,x1);Module[\"_glStencilMaskSeparate\"]=_glStencilMaskSeparate;_glStencilMaskSeparate.sig=\"vii\";var _emscripten_glStencilMaskSeparate=_glStencilMaskSeparate;Module[\"_emscripten_glStencilMaskSeparate\"]=_emscripten_glStencilMaskSeparate;_emscripten_glStencilMaskSeparate.sig=\"vii\";var _glStencilOp=(x0,x1,x2)=>GLctx.stencilOp(x0,x1,x2);Module[\"_glStencilOp\"]=_glStencilOp;_glStencilOp.sig=\"viii\";var _emscripten_glStencilOp=_glStencilOp;Module[\"_emscripten_glStencilOp\"]=_emscripten_glStencilOp;_emscripten_glStencilOp.sig=\"viii\";var _glStencilOpSeparate=(x0,x1,x2,x3)=>GLctx.stencilOpSeparate(x0,x1,x2,x3);Module[\"_glStencilOpSeparate\"]=_glStencilOpSeparate;_glStencilOpSeparate.sig=\"viiii\";var _emscripten_glStencilOpSeparate=_glStencilOpSeparate;Module[\"_emscripten_glStencilOpSeparate\"]=_emscripten_glStencilOpSeparate;_emscripten_glStencilOpSeparate.sig=\"viiii\";function _glTexImage2D(target,level,internalFormat,width,height,border,format,type,pixels){pixels>>>=0;var pixelData=pixels?emscriptenWebGLGetTexPixelData(type,format,width,height,pixels,internalFormat):null;GLctx.texImage2D(target,level,internalFormat,width,height,border,format,type,pixelData)}Module[\"_glTexImage2D\"]=_glTexImage2D;_glTexImage2D.sig=\"viiiiiiiip\";var _emscripten_glTexImage2D=_glTexImage2D;Module[\"_emscripten_glTexImage2D\"]=_emscripten_glTexImage2D;_emscripten_glTexImage2D.sig=\"viiiiiiiip\";var _glTexParameterf=(x0,x1,x2)=>GLctx.texParameterf(x0,x1,x2);Module[\"_glTexParameterf\"]=_glTexParameterf;_glTexParameterf.sig=\"viif\";var _emscripten_glTexParameterf=_glTexParameterf;Module[\"_emscripten_glTexParameterf\"]=_emscripten_glTexParameterf;_emscripten_glTexParameterf.sig=\"viif\";function _glTexParameterfv(target,pname,params){params>>>=0;var param=HEAPF32[params>>>2>>>0];GLctx.texParameterf(target,pname,param)}Module[\"_glTexParameterfv\"]=_glTexParameterfv;_glTexParameterfv.sig=\"viip\";var _emscripten_glTexParameterfv=_glTexParameterfv;Module[\"_emscripten_glTexParameterfv\"]=_emscripten_glTexParameterfv;_emscripten_glTexParameterfv.sig=\"viip\";var _glTexParameteri=(x0,x1,x2)=>GLctx.texParameteri(x0,x1,x2);Module[\"_glTexParameteri\"]=_glTexParameteri;_glTexParameteri.sig=\"viii\";var _emscripten_glTexParameteri=_glTexParameteri;Module[\"_emscripten_glTexParameteri\"]=_emscripten_glTexParameteri;_emscripten_glTexParameteri.sig=\"viii\";function _glTexParameteriv(target,pname,params){params>>>=0;var param=HEAP32[params>>>2>>>0];GLctx.texParameteri(target,pname,param)}Module[\"_glTexParameteriv\"]=_glTexParameteriv;_glTexParameteriv.sig=\"viip\";var _emscripten_glTexParameteriv=_glTexParameteriv;Module[\"_emscripten_glTexParameteriv\"]=_emscripten_glTexParameteriv;_emscripten_glTexParameteriv.sig=\"viip\";function _glTexSubImage2D(target,level,xoffset,yoffset,width,height,format,type,pixels){pixels>>>=0;var pixelData=pixels?emscriptenWebGLGetTexPixelData(type,format,width,height,pixels,0):null;GLctx.texSubImage2D(target,level,xoffset,yoffset,width,height,format,type,pixelData)}Module[\"_glTexSubImage2D\"]=_glTexSubImage2D;_glTexSubImage2D.sig=\"viiiiiiiip\";var _emscripten_glTexSubImage2D=_glTexSubImage2D;Module[\"_emscripten_glTexSubImage2D\"]=_emscripten_glTexSubImage2D;_emscripten_glTexSubImage2D.sig=\"viiiiiiiip\";var _glUniform1f=(location,v0)=>{GLctx.uniform1f(webglGetUniformLocation(location),v0)};Module[\"_glUniform1f\"]=_glUniform1f;_glUniform1f.sig=\"vif\";var _emscripten_glUniform1f=_glUniform1f;Module[\"_emscripten_glUniform1f\"]=_emscripten_glUniform1f;_emscripten_glUniform1f.sig=\"vif\";var miniTempWebGLFloatBuffers=[];Module[\"miniTempWebGLFloatBuffers\"]=miniTempWebGLFloatBuffers;function _glUniform1fv(location,count,value){value>>>=0;if(count<=288){var view=miniTempWebGLFloatBuffers[count];for(var i=0;i>>2>>>0]}}else{var view=HEAPF32.subarray(value>>>2>>>0,value+count*4>>>2>>>0)}GLctx.uniform1fv(webglGetUniformLocation(location),view)}Module[\"_glUniform1fv\"]=_glUniform1fv;_glUniform1fv.sig=\"viip\";var _emscripten_glUniform1fv=_glUniform1fv;Module[\"_emscripten_glUniform1fv\"]=_emscripten_glUniform1fv;_emscripten_glUniform1fv.sig=\"viip\";var _glUniform1i=(location,v0)=>{GLctx.uniform1i(webglGetUniformLocation(location),v0)};Module[\"_glUniform1i\"]=_glUniform1i;_glUniform1i.sig=\"vii\";var _emscripten_glUniform1i=_glUniform1i;Module[\"_emscripten_glUniform1i\"]=_emscripten_glUniform1i;_emscripten_glUniform1i.sig=\"vii\";var miniTempWebGLIntBuffers=[];Module[\"miniTempWebGLIntBuffers\"]=miniTempWebGLIntBuffers;function _glUniform1iv(location,count,value){value>>>=0;if(count<=288){var view=miniTempWebGLIntBuffers[count];for(var i=0;i>>2>>>0]}}else{var view=HEAP32.subarray(value>>>2>>>0,value+count*4>>>2>>>0)}GLctx.uniform1iv(webglGetUniformLocation(location),view)}Module[\"_glUniform1iv\"]=_glUniform1iv;_glUniform1iv.sig=\"viip\";var _emscripten_glUniform1iv=_glUniform1iv;Module[\"_emscripten_glUniform1iv\"]=_emscripten_glUniform1iv;_emscripten_glUniform1iv.sig=\"viip\";var _glUniform2f=(location,v0,v1)=>{GLctx.uniform2f(webglGetUniformLocation(location),v0,v1)};Module[\"_glUniform2f\"]=_glUniform2f;_glUniform2f.sig=\"viff\";var _emscripten_glUniform2f=_glUniform2f;Module[\"_emscripten_glUniform2f\"]=_emscripten_glUniform2f;_emscripten_glUniform2f.sig=\"viff\";function _glUniform2fv(location,count,value){value>>>=0;if(count<=144){var view=miniTempWebGLFloatBuffers[2*count];for(var i=0;i<2*count;i+=2){view[i]=HEAPF32[value+4*i>>>2>>>0];view[i+1]=HEAPF32[value+(4*i+4)>>>2>>>0]}}else{var view=HEAPF32.subarray(value>>>2>>>0,value+count*8>>>2>>>0)}GLctx.uniform2fv(webglGetUniformLocation(location),view)}Module[\"_glUniform2fv\"]=_glUniform2fv;_glUniform2fv.sig=\"viip\";var _emscripten_glUniform2fv=_glUniform2fv;Module[\"_emscripten_glUniform2fv\"]=_emscripten_glUniform2fv;_emscripten_glUniform2fv.sig=\"viip\";var _glUniform2i=(location,v0,v1)=>{GLctx.uniform2i(webglGetUniformLocation(location),v0,v1)};Module[\"_glUniform2i\"]=_glUniform2i;_glUniform2i.sig=\"viii\";var _emscripten_glUniform2i=_glUniform2i;Module[\"_emscripten_glUniform2i\"]=_emscripten_glUniform2i;_emscripten_glUniform2i.sig=\"viii\";function _glUniform2iv(location,count,value){value>>>=0;if(count<=144){var view=miniTempWebGLIntBuffers[2*count];for(var i=0;i<2*count;i+=2){view[i]=HEAP32[value+4*i>>>2>>>0];view[i+1]=HEAP32[value+(4*i+4)>>>2>>>0]}}else{var view=HEAP32.subarray(value>>>2>>>0,value+count*8>>>2>>>0)}GLctx.uniform2iv(webglGetUniformLocation(location),view)}Module[\"_glUniform2iv\"]=_glUniform2iv;_glUniform2iv.sig=\"viip\";var _emscripten_glUniform2iv=_glUniform2iv;Module[\"_emscripten_glUniform2iv\"]=_emscripten_glUniform2iv;_emscripten_glUniform2iv.sig=\"viip\";var _glUniform3f=(location,v0,v1,v2)=>{GLctx.uniform3f(webglGetUniformLocation(location),v0,v1,v2)};Module[\"_glUniform3f\"]=_glUniform3f;_glUniform3f.sig=\"vifff\";var _emscripten_glUniform3f=_glUniform3f;Module[\"_emscripten_glUniform3f\"]=_emscripten_glUniform3f;_emscripten_glUniform3f.sig=\"vifff\";function _glUniform3fv(location,count,value){value>>>=0;if(count<=96){var view=miniTempWebGLFloatBuffers[3*count];for(var i=0;i<3*count;i+=3){view[i]=HEAPF32[value+4*i>>>2>>>0];view[i+1]=HEAPF32[value+(4*i+4)>>>2>>>0];view[i+2]=HEAPF32[value+(4*i+8)>>>2>>>0]}}else{var view=HEAPF32.subarray(value>>>2>>>0,value+count*12>>>2>>>0)}GLctx.uniform3fv(webglGetUniformLocation(location),view)}Module[\"_glUniform3fv\"]=_glUniform3fv;_glUniform3fv.sig=\"viip\";var _emscripten_glUniform3fv=_glUniform3fv;Module[\"_emscripten_glUniform3fv\"]=_emscripten_glUniform3fv;_emscripten_glUniform3fv.sig=\"viip\";var _glUniform3i=(location,v0,v1,v2)=>{GLctx.uniform3i(webglGetUniformLocation(location),v0,v1,v2)};Module[\"_glUniform3i\"]=_glUniform3i;_glUniform3i.sig=\"viiii\";var _emscripten_glUniform3i=_glUniform3i;Module[\"_emscripten_glUniform3i\"]=_emscripten_glUniform3i;_emscripten_glUniform3i.sig=\"viiii\";function _glUniform3iv(location,count,value){value>>>=0;if(count<=96){var view=miniTempWebGLIntBuffers[3*count];for(var i=0;i<3*count;i+=3){view[i]=HEAP32[value+4*i>>>2>>>0];view[i+1]=HEAP32[value+(4*i+4)>>>2>>>0];view[i+2]=HEAP32[value+(4*i+8)>>>2>>>0]}}else{var view=HEAP32.subarray(value>>>2>>>0,value+count*12>>>2>>>0)}GLctx.uniform3iv(webglGetUniformLocation(location),view)}Module[\"_glUniform3iv\"]=_glUniform3iv;_glUniform3iv.sig=\"viip\";var _emscripten_glUniform3iv=_glUniform3iv;Module[\"_emscripten_glUniform3iv\"]=_emscripten_glUniform3iv;_emscripten_glUniform3iv.sig=\"viip\";var _glUniform4f=(location,v0,v1,v2,v3)=>{GLctx.uniform4f(webglGetUniformLocation(location),v0,v1,v2,v3)};Module[\"_glUniform4f\"]=_glUniform4f;_glUniform4f.sig=\"viffff\";var _emscripten_glUniform4f=_glUniform4f;Module[\"_emscripten_glUniform4f\"]=_emscripten_glUniform4f;_emscripten_glUniform4f.sig=\"viffff\";function _glUniform4fv(location,count,value){value>>>=0;if(count<=72){var view=miniTempWebGLFloatBuffers[4*count];var heap=HEAPF32;value=value>>>2;for(var i=0;i<4*count;i+=4){var dst=value+i;view[i]=heap[dst>>>0];view[i+1]=heap[dst+1>>>0];view[i+2]=heap[dst+2>>>0];view[i+3]=heap[dst+3>>>0]}}else{var view=HEAPF32.subarray(value>>>2>>>0,value+count*16>>>2>>>0)}GLctx.uniform4fv(webglGetUniformLocation(location),view)}Module[\"_glUniform4fv\"]=_glUniform4fv;_glUniform4fv.sig=\"viip\";var _emscripten_glUniform4fv=_glUniform4fv;Module[\"_emscripten_glUniform4fv\"]=_emscripten_glUniform4fv;_emscripten_glUniform4fv.sig=\"viip\";var _glUniform4i=(location,v0,v1,v2,v3)=>{GLctx.uniform4i(webglGetUniformLocation(location),v0,v1,v2,v3)};Module[\"_glUniform4i\"]=_glUniform4i;_glUniform4i.sig=\"viiiii\";var _emscripten_glUniform4i=_glUniform4i;Module[\"_emscripten_glUniform4i\"]=_emscripten_glUniform4i;_emscripten_glUniform4i.sig=\"viiiii\";function _glUniform4iv(location,count,value){value>>>=0;if(count<=72){var view=miniTempWebGLIntBuffers[4*count];for(var i=0;i<4*count;i+=4){view[i]=HEAP32[value+4*i>>>2>>>0];view[i+1]=HEAP32[value+(4*i+4)>>>2>>>0];view[i+2]=HEAP32[value+(4*i+8)>>>2>>>0];view[i+3]=HEAP32[value+(4*i+12)>>>2>>>0]}}else{var view=HEAP32.subarray(value>>>2>>>0,value+count*16>>>2>>>0)}GLctx.uniform4iv(webglGetUniformLocation(location),view)}Module[\"_glUniform4iv\"]=_glUniform4iv;_glUniform4iv.sig=\"viip\";var _emscripten_glUniform4iv=_glUniform4iv;Module[\"_emscripten_glUniform4iv\"]=_emscripten_glUniform4iv;_emscripten_glUniform4iv.sig=\"viip\";function _glUniformMatrix2fv(location,count,transpose,value){value>>>=0;if(count<=72){var view=miniTempWebGLFloatBuffers[4*count];for(var i=0;i<4*count;i+=4){view[i]=HEAPF32[value+4*i>>>2>>>0];view[i+1]=HEAPF32[value+(4*i+4)>>>2>>>0];view[i+2]=HEAPF32[value+(4*i+8)>>>2>>>0];view[i+3]=HEAPF32[value+(4*i+12)>>>2>>>0]}}else{var view=HEAPF32.subarray(value>>>2>>>0,value+count*16>>>2>>>0)}GLctx.uniformMatrix2fv(webglGetUniformLocation(location),!!transpose,view)}Module[\"_glUniformMatrix2fv\"]=_glUniformMatrix2fv;_glUniformMatrix2fv.sig=\"viiip\";var _emscripten_glUniformMatrix2fv=_glUniformMatrix2fv;Module[\"_emscripten_glUniformMatrix2fv\"]=_emscripten_glUniformMatrix2fv;_emscripten_glUniformMatrix2fv.sig=\"viiip\";function _glUniformMatrix3fv(location,count,transpose,value){value>>>=0;if(count<=32){var view=miniTempWebGLFloatBuffers[9*count];for(var i=0;i<9*count;i+=9){view[i]=HEAPF32[value+4*i>>>2>>>0];view[i+1]=HEAPF32[value+(4*i+4)>>>2>>>0];view[i+2]=HEAPF32[value+(4*i+8)>>>2>>>0];view[i+3]=HEAPF32[value+(4*i+12)>>>2>>>0];view[i+4]=HEAPF32[value+(4*i+16)>>>2>>>0];view[i+5]=HEAPF32[value+(4*i+20)>>>2>>>0];view[i+6]=HEAPF32[value+(4*i+24)>>>2>>>0];view[i+7]=HEAPF32[value+(4*i+28)>>>2>>>0];view[i+8]=HEAPF32[value+(4*i+32)>>>2>>>0]}}else{var view=HEAPF32.subarray(value>>>2>>>0,value+count*36>>>2>>>0)}GLctx.uniformMatrix3fv(webglGetUniformLocation(location),!!transpose,view)}Module[\"_glUniformMatrix3fv\"]=_glUniformMatrix3fv;_glUniformMatrix3fv.sig=\"viiip\";var _emscripten_glUniformMatrix3fv=_glUniformMatrix3fv;Module[\"_emscripten_glUniformMatrix3fv\"]=_emscripten_glUniformMatrix3fv;_emscripten_glUniformMatrix3fv.sig=\"viiip\";function _glUniformMatrix4fv(location,count,transpose,value){value>>>=0;if(count<=18){var view=miniTempWebGLFloatBuffers[16*count];var heap=HEAPF32;value=value>>>2;for(var i=0;i<16*count;i+=16){var dst=value+i;view[i]=heap[dst>>>0];view[i+1]=heap[dst+1>>>0];view[i+2]=heap[dst+2>>>0];view[i+3]=heap[dst+3>>>0];view[i+4]=heap[dst+4>>>0];view[i+5]=heap[dst+5>>>0];view[i+6]=heap[dst+6>>>0];view[i+7]=heap[dst+7>>>0];view[i+8]=heap[dst+8>>>0];view[i+9]=heap[dst+9>>>0];view[i+10]=heap[dst+10>>>0];view[i+11]=heap[dst+11>>>0];view[i+12]=heap[dst+12>>>0];view[i+13]=heap[dst+13>>>0];view[i+14]=heap[dst+14>>>0];view[i+15]=heap[dst+15>>>0]}}else{var view=HEAPF32.subarray(value>>>2>>>0,value+count*64>>>2>>>0)}GLctx.uniformMatrix4fv(webglGetUniformLocation(location),!!transpose,view)}Module[\"_glUniformMatrix4fv\"]=_glUniformMatrix4fv;_glUniformMatrix4fv.sig=\"viiip\";var _emscripten_glUniformMatrix4fv=_glUniformMatrix4fv;Module[\"_emscripten_glUniformMatrix4fv\"]=_emscripten_glUniformMatrix4fv;_emscripten_glUniformMatrix4fv.sig=\"viiip\";var _glUseProgram=program=>{program=GL.programs[program];GLctx.useProgram(program);GLctx.currentProgram=program};Module[\"_glUseProgram\"]=_glUseProgram;_glUseProgram.sig=\"vi\";var _emscripten_glUseProgram=_glUseProgram;Module[\"_emscripten_glUseProgram\"]=_emscripten_glUseProgram;_emscripten_glUseProgram.sig=\"vi\";var _glValidateProgram=program=>{GLctx.validateProgram(GL.programs[program])};Module[\"_glValidateProgram\"]=_glValidateProgram;_glValidateProgram.sig=\"vi\";var _emscripten_glValidateProgram=_glValidateProgram;Module[\"_emscripten_glValidateProgram\"]=_emscripten_glValidateProgram;_emscripten_glValidateProgram.sig=\"vi\";var _glVertexAttrib1f=(x0,x1)=>GLctx.vertexAttrib1f(x0,x1);Module[\"_glVertexAttrib1f\"]=_glVertexAttrib1f;_glVertexAttrib1f.sig=\"vif\";var _emscripten_glVertexAttrib1f=_glVertexAttrib1f;Module[\"_emscripten_glVertexAttrib1f\"]=_emscripten_glVertexAttrib1f;_emscripten_glVertexAttrib1f.sig=\"vif\";function _glVertexAttrib1fv(index,v){v>>>=0;GLctx.vertexAttrib1f(index,HEAPF32[v>>>2])}Module[\"_glVertexAttrib1fv\"]=_glVertexAttrib1fv;_glVertexAttrib1fv.sig=\"vip\";var _emscripten_glVertexAttrib1fv=_glVertexAttrib1fv;Module[\"_emscripten_glVertexAttrib1fv\"]=_emscripten_glVertexAttrib1fv;_emscripten_glVertexAttrib1fv.sig=\"vip\";var _glVertexAttrib2f=(x0,x1,x2)=>GLctx.vertexAttrib2f(x0,x1,x2);Module[\"_glVertexAttrib2f\"]=_glVertexAttrib2f;_glVertexAttrib2f.sig=\"viff\";var _emscripten_glVertexAttrib2f=_glVertexAttrib2f;Module[\"_emscripten_glVertexAttrib2f\"]=_emscripten_glVertexAttrib2f;_emscripten_glVertexAttrib2f.sig=\"viff\";function _glVertexAttrib2fv(index,v){v>>>=0;GLctx.vertexAttrib2f(index,HEAPF32[v>>>2],HEAPF32[v+4>>>2])}Module[\"_glVertexAttrib2fv\"]=_glVertexAttrib2fv;_glVertexAttrib2fv.sig=\"vip\";var _emscripten_glVertexAttrib2fv=_glVertexAttrib2fv;Module[\"_emscripten_glVertexAttrib2fv\"]=_emscripten_glVertexAttrib2fv;_emscripten_glVertexAttrib2fv.sig=\"vip\";var _glVertexAttrib3f=(x0,x1,x2,x3)=>GLctx.vertexAttrib3f(x0,x1,x2,x3);Module[\"_glVertexAttrib3f\"]=_glVertexAttrib3f;_glVertexAttrib3f.sig=\"vifff\";var _emscripten_glVertexAttrib3f=_glVertexAttrib3f;Module[\"_emscripten_glVertexAttrib3f\"]=_emscripten_glVertexAttrib3f;_emscripten_glVertexAttrib3f.sig=\"vifff\";function _glVertexAttrib3fv(index,v){v>>>=0;GLctx.vertexAttrib3f(index,HEAPF32[v>>>2],HEAPF32[v+4>>>2],HEAPF32[v+8>>>2])}Module[\"_glVertexAttrib3fv\"]=_glVertexAttrib3fv;_glVertexAttrib3fv.sig=\"vip\";var _emscripten_glVertexAttrib3fv=_glVertexAttrib3fv;Module[\"_emscripten_glVertexAttrib3fv\"]=_emscripten_glVertexAttrib3fv;_emscripten_glVertexAttrib3fv.sig=\"vip\";var _glVertexAttrib4f=(x0,x1,x2,x3,x4)=>GLctx.vertexAttrib4f(x0,x1,x2,x3,x4);Module[\"_glVertexAttrib4f\"]=_glVertexAttrib4f;_glVertexAttrib4f.sig=\"viffff\";var _emscripten_glVertexAttrib4f=_glVertexAttrib4f;Module[\"_emscripten_glVertexAttrib4f\"]=_emscripten_glVertexAttrib4f;_emscripten_glVertexAttrib4f.sig=\"viffff\";function _glVertexAttrib4fv(index,v){v>>>=0;GLctx.vertexAttrib4f(index,HEAPF32[v>>>2],HEAPF32[v+4>>>2],HEAPF32[v+8>>>2],HEAPF32[v+12>>>2])}Module[\"_glVertexAttrib4fv\"]=_glVertexAttrib4fv;_glVertexAttrib4fv.sig=\"vip\";var _emscripten_glVertexAttrib4fv=_glVertexAttrib4fv;Module[\"_emscripten_glVertexAttrib4fv\"]=_emscripten_glVertexAttrib4fv;_emscripten_glVertexAttrib4fv.sig=\"vip\";var _glVertexAttribDivisor=(index,divisor)=>{GLctx.vertexAttribDivisor(index,divisor)};Module[\"_glVertexAttribDivisor\"]=_glVertexAttribDivisor;_glVertexAttribDivisor.sig=\"vii\";var _glVertexAttribDivisorANGLE=_glVertexAttribDivisor;Module[\"_glVertexAttribDivisorANGLE\"]=_glVertexAttribDivisorANGLE;var _emscripten_glVertexAttribDivisorANGLE=_glVertexAttribDivisorANGLE;Module[\"_emscripten_glVertexAttribDivisorANGLE\"]=_emscripten_glVertexAttribDivisorANGLE;function _glVertexAttribPointer(index,size,type,normalized,stride,ptr){ptr>>>=0;GLctx.vertexAttribPointer(index,size,type,!!normalized,stride,ptr)}Module[\"_glVertexAttribPointer\"]=_glVertexAttribPointer;_glVertexAttribPointer.sig=\"viiiiip\";var _emscripten_glVertexAttribPointer=_glVertexAttribPointer;Module[\"_emscripten_glVertexAttribPointer\"]=_emscripten_glVertexAttribPointer;_emscripten_glVertexAttribPointer.sig=\"viiiiip\";var _glViewport=(x0,x1,x2,x3)=>GLctx.viewport(x0,x1,x2,x3);Module[\"_glViewport\"]=_glViewport;_glViewport.sig=\"viiii\";var _emscripten_glViewport=_glViewport;Module[\"_emscripten_glViewport\"]=_emscripten_glViewport;_emscripten_glViewport.sig=\"viiii\";function _emscripten_out(str){str>>>=0;return out(UTF8ToString(str))}Module[\"_emscripten_out\"]=_emscripten_out;_emscripten_out.sig=\"vp\";class HandleAllocator{constructor(){this.allocated=[undefined];this.freelist=[]}get(id){return this.allocated[id]}has(id){return this.allocated[id]!==undefined}allocate(handle){var id=this.freelist.pop()||this.allocated.length;this.allocated[id]=handle;return id}free(id){this.allocated[id]=undefined;this.freelist.push(id)}}Module[\"HandleAllocator\"]=HandleAllocator;var promiseMap=new HandleAllocator;Module[\"promiseMap\"]=promiseMap;var makePromise=()=>{var promiseInfo={};promiseInfo.promise=new Promise((resolve,reject)=>{promiseInfo.reject=reject;promiseInfo.resolve=resolve});promiseInfo.id=promiseMap.allocate(promiseInfo);return promiseInfo};Module[\"makePromise\"]=makePromise;function _emscripten_promise_create(){return makePromise().id}Module[\"_emscripten_promise_create\"]=_emscripten_promise_create;_emscripten_promise_create.sig=\"p\";function _emscripten_promise_destroy(id){id>>>=0;promiseMap.free(id)}Module[\"_emscripten_promise_destroy\"]=_emscripten_promise_destroy;_emscripten_promise_destroy.sig=\"vp\";var getPromise=id=>promiseMap.get(id).promise;Module[\"getPromise\"]=getPromise;function _emscripten_promise_resolve(id,result,value){id>>>=0;value>>>=0;var info=promiseMap.get(id);switch(result){case 0:info.resolve(value);return;case 1:info.resolve(getPromise(value));return;case 2:info.resolve(getPromise(value));_emscripten_promise_destroy(value);return;case 3:info.reject(value);return}}Module[\"_emscripten_promise_resolve\"]=_emscripten_promise_resolve;_emscripten_promise_resolve.sig=\"vpip\";var growMemory=size=>{var b=wasmMemory.buffer;var pages=(size-b.byteLength+65535)/65536;try{wasmMemory.grow(pages);updateMemoryViews();return 1}catch(e){}};Module[\"growMemory\"]=growMemory;function _emscripten_resize_heap(requestedSize){requestedSize>>>=0;var oldSize=HEAPU8.length;var maxHeapSize=getHeapMax();if(requestedSize>maxHeapSize){return false}var alignUp=(x,multiple)=>x+(multiple-x%multiple)%multiple;for(var cutDown=1;cutDown<=4;cutDown*=2){var overGrownHeapSize=oldSize*(1+.2/cutDown);overGrownHeapSize=Math.min(overGrownHeapSize,requestedSize+100663296);var newSize=Math.min(maxHeapSize,alignUp(Math.max(requestedSize,overGrownHeapSize),65536));var replacement=growMemory(newSize);if(replacement){return true}}return false}Module[\"_emscripten_resize_heap\"]=_emscripten_resize_heap;_emscripten_resize_heap.sig=\"ip\";var getExecutableName=()=>thisProgram||\"./this.program\";Module[\"getExecutableName\"]=getExecutableName;var getEnvStrings=()=>{if(!getEnvStrings.strings){var lang=(typeof navigator==\"object\"&&navigator.languages&&navigator.languages[0]||\"C\").replace(\"-\",\"_\")+\".UTF-8\";var env={\"USER\":\"web_user\",\"LOGNAME\":\"web_user\",\"PATH\":\"/\",\"PWD\":\"/\",\"HOME\":\"/home/web_user\",\"LANG\":lang,\"_\":getExecutableName()};for(var x in ENV){if(ENV[x]===undefined)delete env[x];else env[x]=ENV[x]}var strings=[];for(var x in env){strings.push(`${x}=${env[x]}`)}getEnvStrings.strings=strings}return getEnvStrings.strings};Module[\"getEnvStrings\"]=getEnvStrings;var stringToAscii=(str,buffer)=>{for(var i=0;i>>0]=str.charCodeAt(i)}HEAP8[buffer>>>0]=0};Module[\"stringToAscii\"]=stringToAscii;var _environ_get=function(__environ,environ_buf){__environ>>>=0;environ_buf>>>=0;var bufSize=0;getEnvStrings().forEach((string,i)=>{var ptr=environ_buf+bufSize;HEAPU32[__environ+i*4>>>2>>>0]=ptr;stringToAscii(string,ptr);bufSize+=string.length+1});return 0};Module[\"_environ_get\"]=_environ_get;_environ_get.sig=\"ipp\";var _environ_sizes_get=function(penviron_count,penviron_buf_size){penviron_count>>>=0;penviron_buf_size>>>=0;var strings=getEnvStrings();HEAPU32[penviron_count>>>2>>>0]=strings.length;var bufSize=0;strings.forEach(string=>bufSize+=string.length+1);HEAPU32[penviron_buf_size>>>2>>>0]=bufSize;return 0};Module[\"_environ_sizes_get\"]=_environ_sizes_get;_environ_sizes_get.sig=\"ipp\";function _fd_close(fd){try{var stream=SYSCALLS.getStreamFromFD(fd);FS.close(stream);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return e.errno}}Module[\"_fd_close\"]=_fd_close;_fd_close.sig=\"ii\";function _fd_fdstat_get(fd,pbuf){pbuf>>>=0;try{var rightsBase=0;var rightsInheriting=0;var flags=0;{var stream=SYSCALLS.getStreamFromFD(fd);var type=stream.tty?2:FS.isDir(stream.mode)?3:FS.isLink(stream.mode)?7:4}HEAP8[pbuf>>>0]=type;HEAP16[pbuf+2>>>1>>>0]=flags;HEAP64[pbuf+8>>>3]=BigInt(rightsBase);HEAP64[pbuf+16>>>3]=BigInt(rightsInheriting);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return e.errno}}Module[\"_fd_fdstat_get\"]=_fd_fdstat_get;_fd_fdstat_get.sig=\"iip\";var doReadv=(stream,iov,iovcnt,offset)=>{var ret=0;for(var i=0;i>>2>>>0];var len=HEAPU32[iov+4>>>2>>>0];iov+=8;var curr=FS.read(stream,HEAP8,ptr,len,offset);if(curr<0)return-1;ret+=curr;if(curr>>=0;iovcnt>>>=0;offset=bigintToI53Checked(offset);pnum>>>=0;try{if(isNaN(offset))return 61;var stream=SYSCALLS.getStreamFromFD(fd);var num=doReadv(stream,iov,iovcnt,offset);HEAPU32[pnum>>>2>>>0]=num;return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return e.errno}}Module[\"_fd_pread\"]=_fd_pread;_fd_pread.sig=\"iippjp\";var doWritev=(stream,iov,iovcnt,offset)=>{var ret=0;for(var i=0;i>>2>>>0];var len=HEAPU32[iov+4>>>2>>>0];iov+=8;var curr=FS.write(stream,HEAP8,ptr,len,offset);if(curr<0)return-1;ret+=curr;if(typeof offset!=\"undefined\"){offset+=curr}}return ret};Module[\"doWritev\"]=doWritev;function _fd_pwrite(fd,iov,iovcnt,offset,pnum){iov>>>=0;iovcnt>>>=0;offset=bigintToI53Checked(offset);pnum>>>=0;try{if(isNaN(offset))return 61;var stream=SYSCALLS.getStreamFromFD(fd);var num=doWritev(stream,iov,iovcnt,offset);HEAPU32[pnum>>>2>>>0]=num;return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return e.errno}}Module[\"_fd_pwrite\"]=_fd_pwrite;_fd_pwrite.sig=\"iippjp\";function _fd_read(fd,iov,iovcnt,pnum){iov>>>=0;iovcnt>>>=0;pnum>>>=0;try{var stream=SYSCALLS.getStreamFromFD(fd);var num=doReadv(stream,iov,iovcnt);HEAPU32[pnum>>>2>>>0]=num;return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return e.errno}}Module[\"_fd_read\"]=_fd_read;_fd_read.sig=\"iippp\";function _fd_seek(fd,offset,whence,newOffset){offset=bigintToI53Checked(offset);newOffset>>>=0;try{if(isNaN(offset))return 61;var stream=SYSCALLS.getStreamFromFD(fd);FS.llseek(stream,offset,whence);HEAP64[newOffset>>>3]=BigInt(stream.position);if(stream.getdents&&offset===0&&whence===0)stream.getdents=null;return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return e.errno}}Module[\"_fd_seek\"]=_fd_seek;_fd_seek.sig=\"iijip\";function _fd_sync(fd){try{var stream=SYSCALLS.getStreamFromFD(fd);if(stream.stream_ops?.fsync){return stream.stream_ops.fsync(stream)}return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return e.errno}}Module[\"_fd_sync\"]=_fd_sync;_fd_sync.sig=\"ii\";function _fd_write(fd,iov,iovcnt,pnum){iov>>>=0;iovcnt>>>=0;pnum>>>=0;try{var stream=SYSCALLS.getStreamFromFD(fd);var num=doWritev(stream,iov,iovcnt);HEAPU32[pnum>>>2>>>0]=num;return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return e.errno}}Module[\"_fd_write\"]=_fd_write;_fd_write.sig=\"iippp\";function _getaddrinfo(node,service,hint,out){node>>>=0;service>>>=0;hint>>>=0;out>>>=0;var addrs=[];var canon=null;var addr=0;var port=0;var flags=0;var family=0;var type=0;var proto=0;var ai,last;function allocaddrinfo(family,type,proto,canon,addr,port){var sa,salen,ai;var errno;salen=family===10?28:16;addr=family===10?inetNtop6(addr):inetNtop4(addr);sa=_malloc(salen);errno=writeSockaddr(sa,family,addr,port);assert(!errno);ai=_malloc(32);HEAP32[ai+4>>>2>>>0]=family;HEAP32[ai+8>>>2>>>0]=type;HEAP32[ai+12>>>2>>>0]=proto;HEAPU32[ai+24>>>2>>>0]=canon;HEAPU32[ai+20>>>2>>>0]=sa;if(family===10){HEAP32[ai+16>>>2>>>0]=28}else{HEAP32[ai+16>>>2>>>0]=16}HEAP32[ai+28>>>2>>>0]=0;return ai}if(hint){flags=HEAP32[hint>>>2>>>0];family=HEAP32[hint+4>>>2>>>0];type=HEAP32[hint+8>>>2>>>0];proto=HEAP32[hint+12>>>2>>>0]}if(type&&!proto){proto=type===2?17:6}if(!type&&proto){type=proto===17?2:1}if(proto===0){proto=6}if(type===0){type=1}if(!node&&!service){return-2}if(flags&~(1|2|4|1024|8|16|32)){return-1}if(hint!==0&&HEAP32[hint>>>2>>>0]&2&&!node){return-1}if(flags&32){return-2}if(type!==0&&type!==1&&type!==2){return-7}if(family!==0&&family!==2&&family!==10){return-6}if(service){service=UTF8ToString(service);port=parseInt(service,10);if(isNaN(port)){if(flags&1024){return-2}return-8}}if(!node){if(family===0){family=2}if((flags&1)===0){if(family===2){addr=_htonl(2130706433)}else{addr=[0,0,0,1]}}ai=allocaddrinfo(family,type,proto,null,addr,port);HEAPU32[out>>>2>>>0]=ai;return 0}node=UTF8ToString(node);addr=inetPton4(node);if(addr!==null){if(family===0||family===2){family=2}else if(family===10&&flags&8){addr=[0,0,_htonl(65535),addr];family=10}else{return-2}}else{addr=inetPton6(node);if(addr!==null){if(family===0||family===10){family=10}else{return-2}}}if(addr!=null){ai=allocaddrinfo(family,type,proto,node,addr,port);HEAPU32[out>>>2>>>0]=ai;return 0}if(flags&4){return-2}node=DNS.lookup_name(node);addr=inetPton4(node);if(family===0){family=2}else if(family===10){addr=[0,0,_htonl(65535),addr]}ai=allocaddrinfo(family,type,proto,null,addr,port);HEAPU32[out>>>2>>>0]=ai;return 0}Module[\"_getaddrinfo\"]=_getaddrinfo;_getaddrinfo.sig=\"ipppp\";function _getentropy(buffer,size){buffer>>>=0;size>>>=0;randomFill(HEAPU8.subarray(buffer>>>0,buffer+size>>>0));return 0}Module[\"_getentropy\"]=_getentropy;_getentropy.sig=\"ipp\";function _getnameinfo(sa,salen,node,nodelen,serv,servlen,flags){sa>>>=0;node>>>=0;serv>>>=0;var info=readSockaddr(sa,salen);if(info.errno){return-6}var port=info.port;var addr=info.addr;var overflowed=false;if(node&&nodelen){var lookup;if(flags&1||!(lookup=DNS.lookup_addr(addr))){if(flags&8){return-2}}else{addr=lookup}var numBytesWrittenExclNull=stringToUTF8(addr,node,nodelen);if(numBytesWrittenExclNull+1>=nodelen){overflowed=true}}if(serv&&servlen){port=\"\"+port;var numBytesWrittenExclNull=stringToUTF8(port,serv,servlen);if(numBytesWrittenExclNull+1>=servlen){overflowed=true}}if(overflowed){return-12}return 0}Module[\"_getnameinfo\"]=_getnameinfo;_getnameinfo.sig=\"ipipipii\";var Protocols={list:[],map:{}};Module[\"Protocols\"]=Protocols;var _setprotoent=stayopen=>{function allocprotoent(name,proto,aliases){var nameBuf=_malloc(name.length+1);stringToAscii(name,nameBuf);var j=0;var length=aliases.length;var aliasListBuf=_malloc((length+1)*4);for(var i=0;i>>2>>>0]=aliasBuf}HEAPU32[aliasListBuf+j>>>2>>>0]=0;var pe=_malloc(12);HEAPU32[pe>>>2>>>0]=nameBuf;HEAPU32[pe+4>>>2>>>0]=aliasListBuf;HEAP32[pe+8>>>2>>>0]=proto;return pe}var list=Protocols.list;var map=Protocols.map;if(list.length===0){var entry=allocprotoent(\"tcp\",6,[\"TCP\"]);list.push(entry);map[\"tcp\"]=map[\"6\"]=entry;entry=allocprotoent(\"udp\",17,[\"UDP\"]);list.push(entry);map[\"udp\"]=map[\"17\"]=entry}_setprotoent.index=0};Module[\"_setprotoent\"]=_setprotoent;_setprotoent.sig=\"vi\";function _getprotobyname(name){name>>>=0;name=UTF8ToString(name);_setprotoent(true);var result=Protocols.map[name];return result}Module[\"_getprotobyname\"]=_getprotobyname;_getprotobyname.sig=\"pp\";var arraySum=(array,index)=>{var sum=0;for(var i=0;i<=index;sum+=array[i++]){}return sum};Module[\"arraySum\"]=arraySum;var MONTH_DAYS_LEAP=[31,29,31,30,31,30,31,31,30,31,30,31];Module[\"MONTH_DAYS_LEAP\"]=MONTH_DAYS_LEAP;var MONTH_DAYS_REGULAR=[31,28,31,30,31,30,31,31,30,31,30,31];Module[\"MONTH_DAYS_REGULAR\"]=MONTH_DAYS_REGULAR;var addDays=(date,days)=>{var newDate=new Date(date.getTime());while(days>0){var leap=isLeapYear(newDate.getFullYear());var currentMonth=newDate.getMonth();var daysInCurrentMonth=(leap?MONTH_DAYS_LEAP:MONTH_DAYS_REGULAR)[currentMonth];if(days>daysInCurrentMonth-newDate.getDate()){days-=daysInCurrentMonth-newDate.getDate()+1;newDate.setDate(1);if(currentMonth<11){newDate.setMonth(currentMonth+1)}else{newDate.setMonth(0);newDate.setFullYear(newDate.getFullYear()+1)}}else{newDate.setDate(newDate.getDate()+days);return newDate}}return newDate};Module[\"addDays\"]=addDays;var writeArrayToMemory=(array,buffer)=>{HEAP8.set(array,buffer>>>0)};Module[\"writeArrayToMemory\"]=writeArrayToMemory;function _strftime(s,maxsize,format,tm){s>>>=0;maxsize>>>=0;format>>>=0;tm>>>=0;var tm_zone=HEAPU32[tm+40>>>2>>>0];var date={tm_sec:HEAP32[tm>>>2>>>0],tm_min:HEAP32[tm+4>>>2>>>0],tm_hour:HEAP32[tm+8>>>2>>>0],tm_mday:HEAP32[tm+12>>>2>>>0],tm_mon:HEAP32[tm+16>>>2>>>0],tm_year:HEAP32[tm+20>>>2>>>0],tm_wday:HEAP32[tm+24>>>2>>>0],tm_yday:HEAP32[tm+28>>>2>>>0],tm_isdst:HEAP32[tm+32>>>2>>>0],tm_gmtoff:HEAP32[tm+36>>>2>>>0],tm_zone:tm_zone?UTF8ToString(tm_zone):\"\"};var pattern=UTF8ToString(format);var EXPANSION_RULES_1={\"%c\":\"%a %b %d %H:%M:%S %Y\",\"%D\":\"%m/%d/%y\",\"%F\":\"%Y-%m-%d\",\"%h\":\"%b\",\"%r\":\"%I:%M:%S %p\",\"%R\":\"%H:%M\",\"%T\":\"%H:%M:%S\",\"%x\":\"%m/%d/%y\",\"%X\":\"%H:%M:%S\",\"%Ec\":\"%c\",\"%EC\":\"%C\",\"%Ex\":\"%m/%d/%y\",\"%EX\":\"%H:%M:%S\",\"%Ey\":\"%y\",\"%EY\":\"%Y\",\"%Od\":\"%d\",\"%Oe\":\"%e\",\"%OH\":\"%H\",\"%OI\":\"%I\",\"%Om\":\"%m\",\"%OM\":\"%M\",\"%OS\":\"%S\",\"%Ou\":\"%u\",\"%OU\":\"%U\",\"%OV\":\"%V\",\"%Ow\":\"%w\",\"%OW\":\"%W\",\"%Oy\":\"%y\"};for(var rule in EXPANSION_RULES_1){pattern=pattern.replace(new RegExp(rule,\"g\"),EXPANSION_RULES_1[rule])}var WEEKDAYS=[\"Sunday\",\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\"];var MONTHS=[\"January\",\"February\",\"March\",\"April\",\"May\",\"June\",\"July\",\"August\",\"September\",\"October\",\"November\",\"December\"];function leadingSomething(value,digits,character){var str=typeof value==\"number\"?value.toString():value||\"\";while(str.length0?1:0}var compare;if((compare=sgn(date1.getFullYear()-date2.getFullYear()))===0){if((compare=sgn(date1.getMonth()-date2.getMonth()))===0){compare=sgn(date1.getDate()-date2.getDate())}}return compare}function getFirstWeekStartDate(janFourth){switch(janFourth.getDay()){case 0:return new Date(janFourth.getFullYear()-1,11,29);case 1:return janFourth;case 2:return new Date(janFourth.getFullYear(),0,3);case 3:return new Date(janFourth.getFullYear(),0,2);case 4:return new Date(janFourth.getFullYear(),0,1);case 5:return new Date(janFourth.getFullYear()-1,11,31);case 6:return new Date(janFourth.getFullYear()-1,11,30)}}function getWeekBasedYear(date){var thisDate=addDays(new Date(date.tm_year+1900,0,1),date.tm_yday);var janFourthThisYear=new Date(thisDate.getFullYear(),0,4);var janFourthNextYear=new Date(thisDate.getFullYear()+1,0,4);var firstWeekStartThisYear=getFirstWeekStartDate(janFourthThisYear);var firstWeekStartNextYear=getFirstWeekStartDate(janFourthNextYear);if(compareByDay(firstWeekStartThisYear,thisDate)<=0){if(compareByDay(firstWeekStartNextYear,thisDate)<=0){return thisDate.getFullYear()+1}return thisDate.getFullYear()}return thisDate.getFullYear()-1}var EXPANSION_RULES_2={\"%a\":date=>WEEKDAYS[date.tm_wday].substring(0,3),\"%A\":date=>WEEKDAYS[date.tm_wday],\"%b\":date=>MONTHS[date.tm_mon].substring(0,3),\"%B\":date=>MONTHS[date.tm_mon],\"%C\":date=>{var year=date.tm_year+1900;return leadingNulls(year/100|0,2)},\"%d\":date=>leadingNulls(date.tm_mday,2),\"%e\":date=>leadingSomething(date.tm_mday,2,\" \"),\"%g\":date=>getWeekBasedYear(date).toString().substring(2),\"%G\":getWeekBasedYear,\"%H\":date=>leadingNulls(date.tm_hour,2),\"%I\":date=>{var twelveHour=date.tm_hour;if(twelveHour==0)twelveHour=12;else if(twelveHour>12)twelveHour-=12;return leadingNulls(twelveHour,2)},\"%j\":date=>leadingNulls(date.tm_mday+arraySum(isLeapYear(date.tm_year+1900)?MONTH_DAYS_LEAP:MONTH_DAYS_REGULAR,date.tm_mon-1),3),\"%m\":date=>leadingNulls(date.tm_mon+1,2),\"%M\":date=>leadingNulls(date.tm_min,2),\"%n\":()=>\"\\n\",\"%p\":date=>{if(date.tm_hour>=0&&date.tm_hour<12){return\"AM\"}return\"PM\"},\"%S\":date=>leadingNulls(date.tm_sec,2),\"%t\":()=>\"\\t\",\"%u\":date=>date.tm_wday||7,\"%U\":date=>{var days=date.tm_yday+7-date.tm_wday;return leadingNulls(Math.floor(days/7),2)},\"%V\":date=>{var val=Math.floor((date.tm_yday+7-(date.tm_wday+6)%7)/7);if((date.tm_wday+371-date.tm_yday-2)%7<=2){val++}if(!val){val=52;var dec31=(date.tm_wday+7-date.tm_yday-1)%7;if(dec31==4||dec31==5&&isLeapYear(date.tm_year%400-1)){val++}}else if(val==53){var jan1=(date.tm_wday+371-date.tm_yday)%7;if(jan1!=4&&(jan1!=3||!isLeapYear(date.tm_year)))val=1}return leadingNulls(val,2)},\"%w\":date=>date.tm_wday,\"%W\":date=>{var days=date.tm_yday+7-(date.tm_wday+6)%7;return leadingNulls(Math.floor(days/7),2)},\"%y\":date=>(date.tm_year+1900).toString().substring(2),\"%Y\":date=>date.tm_year+1900,\"%z\":date=>{var off=date.tm_gmtoff;var ahead=off>=0;off=Math.abs(off)/60;off=off/60*100+off%60;return(ahead?\"+\":\"-\")+String(\"0000\"+off).slice(-4)},\"%Z\":date=>date.tm_zone,\"%%\":()=>\"%\"};pattern=pattern.replace(/%%/g,\"\\0\\0\");for(var rule in EXPANSION_RULES_2){if(pattern.includes(rule)){pattern=pattern.replace(new RegExp(rule,\"g\"),EXPANSION_RULES_2[rule](date))}}pattern=pattern.replace(/\\0\\0/g,\"%\");var bytes=intArrayFromString(pattern,false);if(bytes.length>maxsize){return 0}writeArrayToMemory(bytes,s);return bytes.length-1}Module[\"_strftime\"]=_strftime;_strftime.sig=\"ppppp\";function _strftime_l(s,maxsize,format,tm,loc){s>>>=0;maxsize>>>=0;format>>>=0;tm>>>=0;loc>>>=0;return _strftime(s,maxsize,format,tm)}Module[\"_strftime_l\"]=_strftime_l;_strftime_l.sig=\"pppppp\";var _stackAlloc=stackAlloc;Module[\"_stackAlloc\"]=_stackAlloc;var _stackRestore=stackSave;Module[\"_stackRestore\"]=_stackRestore;var _stackSave=stackSave;Module[\"_stackSave\"]=_stackSave;var FS_unlink=path=>FS.unlink(path);Module[\"FS_unlink\"]=FS_unlink;var writeI53ToI64Clamped=(ptr,num)=>{if(num>0x8000000000000000){HEAPU32[ptr>>>2>>>0]=4294967295;HEAPU32[ptr+4>>>2>>>0]=2147483647}else if(num<-0x8000000000000000){HEAPU32[ptr>>>2>>>0]=0;HEAPU32[ptr+4>>>2>>>0]=2147483648}else{writeI53ToI64(ptr,num)}};Module[\"writeI53ToI64Clamped\"]=writeI53ToI64Clamped;var writeI53ToI64Signaling=(ptr,num)=>{if(num>0x8000000000000000||num<-0x8000000000000000){throw`RangeError: ${num}`}writeI53ToI64(ptr,num)};Module[\"writeI53ToI64Signaling\"]=writeI53ToI64Signaling;var writeI53ToU64Clamped=(ptr,num)=>{if(num>0x10000000000000000){HEAPU32[ptr>>>2>>>0]=4294967295;HEAPU32[ptr+4>>>2>>>0]=4294967295}else if(num<0){HEAPU32[ptr>>>2>>>0]=0;HEAPU32[ptr+4>>>2>>>0]=0}else{writeI53ToI64(ptr,num)}};Module[\"writeI53ToU64Clamped\"]=writeI53ToU64Clamped;var writeI53ToU64Signaling=(ptr,num)=>{if(num<0||num>0x10000000000000000){throw`RangeError: ${num}`}writeI53ToI64(ptr,num)};Module[\"writeI53ToU64Signaling\"]=writeI53ToU64Signaling;var readI53FromU64=ptr=>HEAPU32[ptr>>>2>>>0]+HEAPU32[ptr+4>>>2>>>0]*4294967296;Module[\"readI53FromU64\"]=readI53FromU64;var convertI32PairToI53=(lo,hi)=>(lo>>>0)+hi*4294967296;Module[\"convertI32PairToI53\"]=convertI32PairToI53;var convertI32PairToI53Checked=(lo,hi)=>hi+2097152>>>0<4194305-!!lo?(lo>>>0)+hi*4294967296:NaN;Module[\"convertI32PairToI53Checked\"]=convertI32PairToI53Checked;var convertU32PairToI53=(lo,hi)=>(lo>>>0)+(hi>>>0)*4294967296;Module[\"convertU32PairToI53\"]=convertU32PairToI53;var getTempRet0=val=>__emscripten_tempret_get();Module[\"getTempRet0\"]=getTempRet0;var ptrToString=ptr=>\"0x\"+ptr.toString(16).padStart(8,\"0\");Module[\"ptrToString\"]=ptrToString;function _emscripten_notify_memory_growth(memoryIndex){memoryIndex>>>=0;updateMemoryViews()}Module[\"_emscripten_notify_memory_growth\"]=_emscripten_notify_memory_growth;_emscripten_notify_memory_growth.sig=\"vp\";function ___asctime_r(tmPtr,buf){tmPtr>>>=0;buf>>>=0;var date={tm_sec:HEAP32[tmPtr>>>2>>>0],tm_min:HEAP32[tmPtr+4>>>2>>>0],tm_hour:HEAP32[tmPtr+8>>>2>>>0],tm_mday:HEAP32[tmPtr+12>>>2>>>0],tm_mon:HEAP32[tmPtr+16>>>2>>>0],tm_year:HEAP32[tmPtr+20>>>2>>>0],tm_wday:HEAP32[tmPtr+24>>>2>>>0]};var days=[\"Sun\",\"Mon\",\"Tue\",\"Wed\",\"Thu\",\"Fri\",\"Sat\"];var months=[\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sep\",\"Oct\",\"Nov\",\"Dec\"];var s=days[date.tm_wday]+\" \"+months[date.tm_mon]+(date.tm_mday<10?\" \":\" \")+date.tm_mday+(date.tm_hour<10?\" 0\":\" \")+date.tm_hour+(date.tm_min<10?\":0\":\":\")+date.tm_min+(date.tm_sec<10?\":0\":\":\")+date.tm_sec+\" \"+(1900+date.tm_year)+\"\\n\";stringToUTF8(s,buf,26);return buf}Module[\"___asctime_r\"]=___asctime_r;___asctime_r.sig=\"ppp\";var withStackSave=f=>{var stack=stackSave();var ret=f();stackRestore(stack);return ret};Module[\"withStackSave\"]=withStackSave;function _strptime(buf,format,tm){buf>>>=0;format>>>=0;tm>>>=0;var pattern=UTF8ToString(format);var SPECIAL_CHARS=\"\\\\!@#$^&*()+=-[]/{}|:<>?,.\";for(var i=0,ii=SPECIAL_CHARS.length;iEQUIVALENT_MATCHERS[c]||m).replace(/%(.)/g,(_,c)=>{let pat=DATE_PATTERNS[c];if(pat){capture.push(c);return`(${pat})`}else{return c}}).replace(/\\s+/g,\"\\\\s*\");var matches=new RegExp(\"^\"+pattern_out,\"i\").exec(UTF8ToString(buf));function initDate(){function fixup(value,min,max){return typeof value!=\"number\"||isNaN(value)?min:value>=min?value<=max?value:max:min}return{year:fixup(HEAP32[tm+20>>>2>>>0]+1900,1970,9999),month:fixup(HEAP32[tm+16>>>2>>>0],0,11),day:fixup(HEAP32[tm+12>>>2>>>0],1,31),hour:fixup(HEAP32[tm+8>>>2>>>0],0,23),min:fixup(HEAP32[tm+4>>>2>>>0],0,59),sec:fixup(HEAP32[tm>>>2>>>0],0,59),gmtoff:0}}if(matches){var date=initDate();var value;var getMatch=symbol=>{var pos=capture.indexOf(symbol);if(pos>=0){return matches[pos+1]}return};if(value=getMatch(\"S\")){date.sec=jstoi_q(value)}if(value=getMatch(\"M\")){date.min=jstoi_q(value)}if(value=getMatch(\"H\")){date.hour=jstoi_q(value)}else if(value=getMatch(\"I\")){var hour=jstoi_q(value);if(value=getMatch(\"p\")){hour+=value.toUpperCase()[0]===\"P\"?12:0}date.hour=hour}if(value=getMatch(\"Y\")){date.year=jstoi_q(value)}else if(value=getMatch(\"y\")){var year=jstoi_q(value);if(value=getMatch(\"C\")){year+=jstoi_q(value)*100}else{year+=year<69?2e3:1900}date.year=year}if(value=getMatch(\"m\")){date.month=jstoi_q(value)-1}else if(value=getMatch(\"b\")){date.month=MONTH_NUMBERS[value.substring(0,3).toUpperCase()]||0}if(value=getMatch(\"d\")){date.day=jstoi_q(value)}else if(value=getMatch(\"j\")){var day=jstoi_q(value);var leapYear=isLeapYear(date.year);for(var month=0;month<12;++month){var daysUntilMonth=arraySum(leapYear?MONTH_DAYS_LEAP:MONTH_DAYS_REGULAR,month-1);if(day<=daysUntilMonth+(leapYear?MONTH_DAYS_LEAP:MONTH_DAYS_REGULAR)[month]){date.day=day-daysUntilMonth}}}else if(value=getMatch(\"a\")){var weekDay=value.substring(0,3).toUpperCase();if(value=getMatch(\"U\")){var weekDayNumber=DAY_NUMBERS_SUN_FIRST[weekDay];var weekNumber=jstoi_q(value);var janFirst=new Date(date.year,0,1);var endDate;if(janFirst.getDay()===0){endDate=addDays(janFirst,weekDayNumber+7*(weekNumber-1))}else{endDate=addDays(janFirst,7-janFirst.getDay()+weekDayNumber+7*(weekNumber-1))}date.day=endDate.getDate();date.month=endDate.getMonth()}else if(value=getMatch(\"W\")){var weekDayNumber=DAY_NUMBERS_MON_FIRST[weekDay];var weekNumber=jstoi_q(value);var janFirst=new Date(date.year,0,1);var endDate;if(janFirst.getDay()===1){endDate=addDays(janFirst,weekDayNumber+7*(weekNumber-1))}else{endDate=addDays(janFirst,7-janFirst.getDay()+1+weekDayNumber+7*(weekNumber-1))}date.day=endDate.getDate();date.month=endDate.getMonth()}}if(value=getMatch(\"z\")){if(value.toLowerCase()===\"z\"){date.gmtoff=0}else{var match=value.match(/^((?:\\-|\\+)\\d\\d):?(\\d\\d)?/);date.gmtoff=match[1]*3600;if(match[2]){date.gmtoff+=date.gmtoff>0?match[2]*60:-match[2]*60}}}var fullDate=new Date(date.year,date.month,date.day,date.hour,date.min,date.sec,0);HEAP32[tm>>>2>>>0]=fullDate.getSeconds();HEAP32[tm+4>>>2>>>0]=fullDate.getMinutes();HEAP32[tm+8>>>2>>>0]=fullDate.getHours();HEAP32[tm+12>>>2>>>0]=fullDate.getDate();HEAP32[tm+16>>>2>>>0]=fullDate.getMonth();HEAP32[tm+20>>>2>>>0]=fullDate.getFullYear()-1900;HEAP32[tm+24>>>2>>>0]=fullDate.getDay();HEAP32[tm+28>>>2>>>0]=arraySum(isLeapYear(fullDate.getFullYear())?MONTH_DAYS_LEAP:MONTH_DAYS_REGULAR,fullDate.getMonth()-1)+fullDate.getDate()-1;HEAP32[tm+32>>>2>>>0]=0;HEAP32[tm+36>>>2>>>0]=date.gmtoff;return buf+intArrayFromString(matches[0]).length-1}return 0}Module[\"_strptime\"]=_strptime;_strptime.sig=\"pppp\";function _strptime_l(buf,format,tm,locale){buf>>>=0;format>>>=0;tm>>>=0;locale>>>=0;return _strptime(buf,format,tm)}Module[\"_strptime_l\"]=_strptime_l;_strptime_l.sig=\"ppppp\";var ERRNO_MESSAGES={0:\"Success\",1:\"Arg list too long\",2:\"Permission denied\",3:\"Address already in use\",4:\"Address not available\",5:\"Address family not supported by protocol family\",6:\"No more processes\",7:\"Socket already connected\",8:\"Bad file number\",9:\"Trying to read unreadable message\",10:\"Mount device busy\",11:\"Operation canceled\",12:\"No children\",13:\"Connection aborted\",14:\"Connection refused\",15:\"Connection reset by peer\",16:\"File locking deadlock error\",17:\"Destination address required\",18:\"Math arg out of domain of func\",19:\"Quota exceeded\",20:\"File exists\",21:\"Bad address\",22:\"File too large\",23:\"Host is unreachable\",24:\"Identifier removed\",25:\"Illegal byte sequence\",26:\"Connection already in progress\",27:\"Interrupted system call\",28:\"Invalid argument\",29:\"I/O error\",30:\"Socket is already connected\",31:\"Is a directory\",32:\"Too many symbolic links\",33:\"Too many open files\",34:\"Too many links\",35:\"Message too long\",36:\"Multihop attempted\",37:\"File or path name too long\",38:\"Network interface is not configured\",39:\"Connection reset by network\",40:\"Network is unreachable\",41:\"Too many open files in system\",42:\"No buffer space available\",43:\"No such device\",44:\"No such file or directory\",45:\"Exec format error\",46:\"No record locks available\",47:\"The link has been severed\",48:\"Not enough core\",49:\"No message of desired type\",50:\"Protocol not available\",51:\"No space left on device\",52:\"Function not implemented\",53:\"Socket is not connected\",54:\"Not a directory\",55:\"Directory not empty\",56:\"State not recoverable\",57:\"Socket operation on non-socket\",59:\"Not a typewriter\",60:\"No such device or address\",61:\"Value too large for defined data type\",62:\"Previous owner died\",63:\"Not super-user\",64:\"Broken pipe\",65:\"Protocol error\",66:\"Unknown protocol\",67:\"Protocol wrong type for socket\",68:\"Math result not representable\",69:\"Read only file system\",70:\"Illegal seek\",71:\"No such process\",72:\"Stale file handle\",73:\"Connection timed out\",74:\"Text file busy\",75:\"Cross-device link\",100:\"Device not a stream\",101:\"Bad font file fmt\",102:\"Invalid slot\",103:\"Invalid request code\",104:\"No anode\",105:\"Block device required\",106:\"Channel number out of range\",107:\"Level 3 halted\",108:\"Level 3 reset\",109:\"Link number out of range\",110:\"Protocol driver not attached\",111:\"No CSI structure available\",112:\"Level 2 halted\",113:\"Invalid exchange\",114:\"Invalid request descriptor\",115:\"Exchange full\",116:\"No data (for no delay io)\",117:\"Timer expired\",118:\"Out of streams resources\",119:\"Machine is not on the network\",120:\"Package not installed\",121:\"The object is remote\",122:\"Advertise error\",123:\"Srmount error\",124:\"Communication error on send\",125:\"Cross mount point (not really error)\",126:\"Given log. name not unique\",127:\"f.d. invalid for this operation\",128:\"Remote address changed\",129:\"Can access a needed shared lib\",130:\"Accessing a corrupted shared lib\",131:\".lib section in a.out corrupted\",132:\"Attempting to link in too many libs\",133:\"Attempting to exec a shared library\",135:\"Streams pipe error\",136:\"Too many users\",137:\"Socket type not supported\",138:\"Not supported\",139:\"Protocol family not supported\",140:\"Can't send after socket shutdown\",141:\"Too many references\",142:\"Host is down\",148:\"No medium (in tape drive)\",156:\"Level 2 not synchronized\"};Module[\"ERRNO_MESSAGES\"]=ERRNO_MESSAGES;var _endprotoent=()=>{};Module[\"_endprotoent\"]=_endprotoent;_endprotoent.sig=\"v\";function _getprotoent(number){if(_setprotoent.index===Protocols.list.length){return 0}var result=Protocols.list[_setprotoent.index++];return result}Module[\"_getprotoent\"]=_getprotoent;_getprotoent.sig=\"p\";function _getprotobynumber(number){_setprotoent(true);var result=Protocols.map[number];return result}Module[\"_getprotobynumber\"]=_getprotobynumber;_getprotobynumber.sig=\"pi\";function _emscripten_run_script(ptr){ptr>>>=0;eval(UTF8ToString(ptr))}Module[\"_emscripten_run_script\"]=_emscripten_run_script;_emscripten_run_script.sig=\"vp\";function _emscripten_run_script_int(ptr){ptr>>>=0;return eval(UTF8ToString(ptr))|0}Module[\"_emscripten_run_script_int\"]=_emscripten_run_script_int;_emscripten_run_script_int.sig=\"ip\";function _emscripten_run_script_string(ptr){ptr>>>=0;var s=eval(UTF8ToString(ptr));if(s==null){return 0}s+=\"\";var me=_emscripten_run_script_string;var len=lengthBytesUTF8(s);if(!me.bufferSize||me.bufferSizeMath.random();Module[\"_emscripten_random\"]=_emscripten_random;_emscripten_random.sig=\"f\";var warnOnce=text=>{warnOnce.shown||={};if(!warnOnce.shown[text]){warnOnce.shown[text]=1;if(ENVIRONMENT_IS_NODE)text=\"warning: \"+text;err(text)}};Module[\"warnOnce\"]=warnOnce;function jsStackTrace(){return(new Error).stack.toString()}Module[\"jsStackTrace\"]=jsStackTrace;function getCallstack(flags){var callstack=jsStackTrace();var iThisFunc=callstack.lastIndexOf(\"_emscripten_log\");var iThisFunc2=callstack.lastIndexOf(\"_emscripten_get_callstack\");var iNextLine=callstack.indexOf(\"\\n\",Math.max(iThisFunc,iThisFunc2))+1;callstack=callstack.slice(iNextLine);if(flags&8&&typeof emscripten_source_map==\"undefined\"){warnOnce('Source map information is not available, emscripten_log with EM_LOG_C_STACK will be ignored. Build with \"--pre-js $EMSCRIPTEN/src/emscripten-source-map.min.js\" linker flag to add source map loading to code.');flags^=8;flags|=16}var lines=callstack.split(\"\\n\");callstack=\"\";var newFirefoxRe=new RegExp(\"\\\\s*(.*?)@(.*?):([0-9]+):([0-9]+)\");var firefoxRe=new RegExp(\"\\\\s*(.*?)@(.*):(.*)(:(.*))?\");var chromeRe=new RegExp(\"\\\\s*at (.*?) \\\\((.*):(.*):(.*)\\\\)\");for(var l in lines){var line=lines[l];var symbolName=\"\";var file=\"\";var lineno=0;var column=0;var parts=chromeRe.exec(line);if(parts&&parts.length==5){symbolName=parts[1];file=parts[2];lineno=parts[3];column=parts[4]}else{parts=newFirefoxRe.exec(line);if(!parts)parts=firefoxRe.exec(line);if(parts&&parts.length>=4){symbolName=parts[1];file=parts[2];lineno=parts[3];column=parts[4]|0}else{callstack+=line+\"\\n\";continue}}var haveSourceMap=false;if(flags&8){var orig=emscripten_source_map.originalPositionFor({line:lineno,column:column});haveSourceMap=orig?.source;if(haveSourceMap){if(flags&64){orig.source=orig.source.substring(orig.source.replace(/\\\\/g,\"/\").lastIndexOf(\"/\")+1)}callstack+=` at ${symbolName} (${orig.source}:${orig.line}:${orig.column})\\n`}}if(flags&16||!haveSourceMap){if(flags&64){file=file.substring(file.replace(/\\\\/g,\"/\").lastIndexOf(\"/\")+1)}callstack+=(haveSourceMap?` = ${symbolName}`:` at ${symbolName}`)+` (${file}:${lineno}:${column})\\n`}}callstack=callstack.replace(/\\s+$/,\"\");return callstack}Module[\"getCallstack\"]=getCallstack;var emscriptenLog=(flags,str)=>{if(flags&24){str=str.replace(/\\s+$/,\"\");str+=(str.length>0?\"\\n\":\"\")+getCallstack(flags)}if(flags&1){if(flags&4){console.error(str)}else if(flags&2){console.warn(str)}else if(flags&512){console.info(str)}else if(flags&256){console.debug(str)}else{console.log(str)}}else if(flags&6){err(str)}else{out(str)}};Module[\"emscriptenLog\"]=emscriptenLog;var reallyNegative=x=>x<0||x===0&&1/x===-Infinity;Module[\"reallyNegative\"]=reallyNegative;var reSign=(value,bits)=>{if(value<=0){return value}var half=bits<=32?Math.abs(1<=half&&(bits<=32||value>half)){value=-2*half+value}return value};Module[\"reSign\"]=reSign;var unSign=(value,bits)=>{if(value>=0){return value}return bits<=32?2*Math.abs(1<{var end=ptr;while(HEAPU8[end>>>0])++end;return end-ptr};Module[\"strLen\"]=strLen;var formatString=(format,varargs)=>{var textIndex=format;var argIndex=varargs;function prepVararg(ptr,type){if(type===\"double\"||type===\"i64\"){if(ptr&7){ptr+=4}}else{}return ptr}function getNextArg(type){var ret;argIndex=prepVararg(argIndex,type);if(type===\"double\"){ret=HEAPF64[argIndex>>>3>>>0];argIndex+=8}else if(type==\"i64\"){ret=[HEAP32[argIndex>>>2>>>0],HEAP32[argIndex+4>>>2>>>0]];argIndex+=8}else{type=\"i32\";ret=HEAP32[argIndex>>>2>>>0];argIndex+=4}return ret}var ret=[];var curr,next,currArg;while(1){var startTextIndex=textIndex;curr=HEAP8[textIndex>>>0];if(curr===0)break;next=HEAP8[textIndex+1>>>0];if(curr==37){var flagAlwaysSigned=false;var flagLeftAlign=false;var flagAlternative=false;var flagZeroPad=false;var flagPadSign=false;flagsLoop:while(1){switch(next){case 43:flagAlwaysSigned=true;break;case 45:flagLeftAlign=true;break;case 35:flagAlternative=true;break;case 48:if(flagZeroPad){break flagsLoop}else{flagZeroPad=true;break}case 32:flagPadSign=true;break;default:break flagsLoop}textIndex++;next=HEAP8[textIndex+1>>>0]}var width=0;if(next==42){width=getNextArg(\"i32\");textIndex++;next=HEAP8[textIndex+1>>>0]}else{while(next>=48&&next<=57){width=width*10+(next-48);textIndex++;next=HEAP8[textIndex+1>>>0]}}var precisionSet=false,precision=-1;if(next==46){precision=0;precisionSet=true;textIndex++;next=HEAP8[textIndex+1>>>0];if(next==42){precision=getNextArg(\"i32\");textIndex++}else{while(1){var precisionChr=HEAP8[textIndex+1>>>0];if(precisionChr<48||precisionChr>57)break;precision=precision*10+(precisionChr-48);textIndex++}}next=HEAP8[textIndex+1>>>0]}if(precision<0){precision=6;precisionSet=false}var argSize;switch(String.fromCharCode(next)){case\"h\":var nextNext=HEAP8[textIndex+2>>>0];if(nextNext==104){textIndex++;argSize=1}else{argSize=2}break;case\"l\":var nextNext=HEAP8[textIndex+2>>>0];if(nextNext==108){textIndex++;argSize=8}else{argSize=4}break;case\"L\":case\"q\":case\"j\":argSize=8;break;case\"z\":case\"t\":case\"I\":argSize=4;break;default:argSize=null}if(argSize)textIndex++;next=HEAP8[textIndex+1>>>0];switch(String.fromCharCode(next)){case\"d\":case\"i\":case\"u\":case\"o\":case\"x\":case\"X\":case\"p\":{var signed=next==100||next==105;argSize=argSize||4;currArg=getNextArg(\"i\"+argSize*8);var argText;if(argSize==8){currArg=next==117?convertU32PairToI53(currArg[0],currArg[1]):convertI32PairToI53(currArg[0],currArg[1])}if(argSize<=4){var limit=Math.pow(256,argSize)-1;currArg=(signed?reSign:unSign)(currArg&limit,argSize*8)}var currAbsArg=Math.abs(currArg);var prefix=\"\";if(next==100||next==105){argText=reSign(currArg,8*argSize).toString(10)}else if(next==117){argText=unSign(currArg,8*argSize).toString(10);currArg=Math.abs(currArg)}else if(next==111){argText=(flagAlternative?\"0\":\"\")+currAbsArg.toString(8)}else if(next==120||next==88){prefix=flagAlternative&&currArg!=0?\"0x\":\"\";if(currArg<0){currArg=-currArg;argText=(currAbsArg-1).toString(16);var buffer=[];for(var i=0;i=0){if(flagAlwaysSigned){prefix=\"+\"+prefix}else if(flagPadSign){prefix=\" \"+prefix}}if(argText.charAt(0)==\"-\"){prefix=\"-\"+prefix;argText=argText.substr(1)}while(prefix.length+argText.lengthexponent&&exponent>=-4){next=(next==103?\"f\":\"F\").charCodeAt(0);precision-=exponent+1}else{next=(next==103?\"e\":\"E\").charCodeAt(0);precision--}effectivePrecision=Math.min(precision,20)}if(next==101||next==69){argText=currArg.toExponential(effectivePrecision);if(/[eE][-+]\\d$/.test(argText)){argText=argText.slice(0,-1)+\"0\"+argText.slice(-1)}}else if(next==102||next==70){argText=currArg.toFixed(effectivePrecision);if(currArg===0&&reallyNegative(currArg)){argText=\"-\"+argText}}var parts=argText.split(\"e\");if(isGeneral&&!flagAlternative){while(parts[0].length>1&&parts[0].includes(\".\")&&(parts[0].slice(-1)==\"0\"||parts[0].slice(-1)==\".\")){parts[0]=parts[0].slice(0,-1)}}else{if(flagAlternative&&argText.indexOf(\".\")==-1)parts[0]+=\".\";while(precision>effectivePrecision++)parts[0]+=\"0\"}argText=parts[0]+(parts.length>1?\"e\"+parts[1]:\"\");if(next==69)argText=argText.toUpperCase();if(currArg>=0){if(flagAlwaysSigned){argText=\"+\"+argText}else if(flagPadSign){argText=\" \"+argText}}}while(argText.length>>0])}}else{ret=ret.concat(intArrayFromString(\"(null)\".substr(0,argLength),true))}if(flagLeftAlign){while(argLength0){ret.push(32)}if(!flagLeftAlign)ret.push(getNextArg(\"i8\"));break}case\"n\":{var ptr=getNextArg(\"i32*\");HEAP32[ptr>>>2>>>0]=ret.length;break}case\"%\":{ret.push(curr);break}default:{for(var i=startTextIndex;i>>0])}}}textIndex+=2}else{ret.push(curr);textIndex+=1}}return ret};Module[\"formatString\"]=formatString;function _emscripten_log(flags,format,varargs){format>>>=0;varargs>>>=0;var result=formatString(format,varargs);var str=UTF8ArrayToString(result,0);emscriptenLog(flags,str)}Module[\"_emscripten_log\"]=_emscripten_log;_emscripten_log.sig=\"vipp\";function _emscripten_get_compiler_setting(name){name>>>=0;throw\"You must build with -sRETAIN_COMPILER_SETTINGS for getCompilerSetting or emscripten_get_compiler_setting to work\"}Module[\"_emscripten_get_compiler_setting\"]=_emscripten_get_compiler_setting;_emscripten_get_compiler_setting.sig=\"pp\";var _emscripten_has_asyncify=()=>0;Module[\"_emscripten_has_asyncify\"]=_emscripten_has_asyncify;_emscripten_has_asyncify.sig=\"i\";function _emscripten_debugger(){debugger}Module[\"_emscripten_debugger\"]=_emscripten_debugger;_emscripten_debugger.sig=\"v\";function _emscripten_print_double(x,to,max){to>>>=0;var str=x+\"\";if(to)return stringToUTF8(str,to,max);else return lengthBytesUTF8(str)}Module[\"_emscripten_print_double\"]=_emscripten_print_double;_emscripten_print_double.sig=\"idpi\";function _emscripten_get_module_name(buf,length){buf>>>=0;length>>>=0;return stringToUTF8(wasmBinaryFile,buf,length)}Module[\"_emscripten_get_module_name\"]=_emscripten_get_module_name;_emscripten_get_module_name.sig=\"ppp\";function _emscripten_asm_const_double(code,sigPtr,argbuf){code>>>=0;sigPtr>>>=0;argbuf>>>=0;return runEmAsmFunction(code,sigPtr,argbuf)}Module[\"_emscripten_asm_const_double\"]=_emscripten_asm_const_double;_emscripten_asm_const_double.sig=\"dppp\";function _emscripten_asm_const_ptr(code,sigPtr,argbuf){code>>>=0;sigPtr>>>=0;argbuf>>>=0;return runEmAsmFunction(code,sigPtr,argbuf)}Module[\"_emscripten_asm_const_ptr\"]=_emscripten_asm_const_ptr;_emscripten_asm_const_ptr.sig=\"pppp\";var runMainThreadEmAsm=(emAsmAddr,sigPtr,argbuf,sync)=>{var args=readEmAsmArgs(sigPtr,argbuf);return ASM_CONSTS[emAsmAddr](...args)};Module[\"runMainThreadEmAsm\"]=runMainThreadEmAsm;function _emscripten_asm_const_int_sync_on_main_thread(emAsmAddr,sigPtr,argbuf){emAsmAddr>>>=0;sigPtr>>>=0;argbuf>>>=0;return runMainThreadEmAsm(emAsmAddr,sigPtr,argbuf,1)}Module[\"_emscripten_asm_const_int_sync_on_main_thread\"]=_emscripten_asm_const_int_sync_on_main_thread;_emscripten_asm_const_int_sync_on_main_thread.sig=\"ippp\";function _emscripten_asm_const_ptr_sync_on_main_thread(emAsmAddr,sigPtr,argbuf){emAsmAddr>>>=0;sigPtr>>>=0;argbuf>>>=0;return runMainThreadEmAsm(emAsmAddr,sigPtr,argbuf,1)}Module[\"_emscripten_asm_const_ptr_sync_on_main_thread\"]=_emscripten_asm_const_ptr_sync_on_main_thread;_emscripten_asm_const_ptr_sync_on_main_thread.sig=\"pppp\";var _emscripten_asm_const_double_sync_on_main_thread=_emscripten_asm_const_int_sync_on_main_thread;Module[\"_emscripten_asm_const_double_sync_on_main_thread\"]=_emscripten_asm_const_double_sync_on_main_thread;_emscripten_asm_const_double_sync_on_main_thread.sig=\"dppp\";function _emscripten_asm_const_async_on_main_thread(emAsmAddr,sigPtr,argbuf){emAsmAddr>>>=0;sigPtr>>>=0;argbuf>>>=0;return runMainThreadEmAsm(emAsmAddr,sigPtr,argbuf,0)}Module[\"_emscripten_asm_const_async_on_main_thread\"]=_emscripten_asm_const_async_on_main_thread;_emscripten_asm_const_async_on_main_thread.sig=\"vppp\";var jstoi_s=Number;Module[\"jstoi_s\"]=jstoi_s;function __Unwind_Backtrace(func,arg){func>>>=0;arg>>>=0;var trace=getCallstack();var parts=trace.split(\"\\n\");for(var i=0;i>>=0;ipBefore>>>=0;return abort(\"Unwind_GetIPInfo\")}Module[\"__Unwind_GetIPInfo\"]=__Unwind_GetIPInfo;__Unwind_GetIPInfo.sig=\"ppp\";function __Unwind_FindEnclosingFunction(ip){ip>>>=0;return 0}Module[\"__Unwind_FindEnclosingFunction\"]=__Unwind_FindEnclosingFunction;__Unwind_FindEnclosingFunction.sig=\"pp\";function __Unwind_RaiseException(ex){ex>>>=0;err(\"Warning: _Unwind_RaiseException is not correctly implemented\");return ___cxa_throw(ex,0,0)}Module[\"__Unwind_RaiseException\"]=__Unwind_RaiseException;__Unwind_RaiseException.sig=\"ip\";function __Unwind_DeleteException(ex){ex>>>=0;err(\"TODO: Unwind_DeleteException\")}Module[\"__Unwind_DeleteException\"]=__Unwind_DeleteException;__Unwind_DeleteException.sig=\"vp\";var listenOnce=(object,event,func)=>{object.addEventListener(event,func,{\"once\":true})};Module[\"listenOnce\"]=listenOnce;var autoResumeAudioContext=(ctx,elements)=>{if(!elements){elements=[document,document.getElementById(\"canvas\")]}[\"keydown\",\"mousedown\",\"touchstart\"].forEach(event=>{elements.forEach(element=>{if(element){listenOnce(element,event,()=>{if(ctx.state===\"suspended\")ctx.resume()})}})})};Module[\"autoResumeAudioContext\"]=autoResumeAudioContext;var getDynCaller=(sig,ptr)=>(...args)=>dynCall(sig,ptr,args);Module[\"getDynCaller\"]=getDynCaller;var _emscripten_force_exit=status=>{__emscripten_runtime_keepalive_clear();_exit(status)};Module[\"_emscripten_force_exit\"]=_emscripten_force_exit;_emscripten_force_exit.sig=\"vi\";function _emscripten_outn(str,len){str>>>=0;len>>>=0;return out(UTF8ToString(str,len))}Module[\"_emscripten_outn\"]=_emscripten_outn;_emscripten_outn.sig=\"vpp\";function _emscripten_errn(str,len){str>>>=0;len>>>=0;return err(UTF8ToString(str,len))}Module[\"_emscripten_errn\"]=_emscripten_errn;_emscripten_errn.sig=\"vpp\";var _emscripten_throw_number=number=>{throw number};Module[\"_emscripten_throw_number\"]=_emscripten_throw_number;_emscripten_throw_number.sig=\"vd\";function _emscripten_throw_string(str){str>>>=0;throw UTF8ToString(str)}Module[\"_emscripten_throw_string\"]=_emscripten_throw_string;_emscripten_throw_string.sig=\"vp\";var runtimeKeepalivePush=()=>{runtimeKeepaliveCounter+=1};Module[\"runtimeKeepalivePush\"]=runtimeKeepalivePush;runtimeKeepalivePush.sig=\"v\";var runtimeKeepalivePop=()=>{runtimeKeepaliveCounter-=1};Module[\"runtimeKeepalivePop\"]=runtimeKeepalivePop;runtimeKeepalivePop.sig=\"v\";var _emscripten_runtime_keepalive_push=runtimeKeepalivePush;Module[\"_emscripten_runtime_keepalive_push\"]=_emscripten_runtime_keepalive_push;_emscripten_runtime_keepalive_push.sig=\"v\";var _emscripten_runtime_keepalive_pop=runtimeKeepalivePop;Module[\"_emscripten_runtime_keepalive_pop\"]=_emscripten_runtime_keepalive_pop;_emscripten_runtime_keepalive_pop.sig=\"v\";var _emscripten_runtime_keepalive_check=keepRuntimeAlive;Module[\"_emscripten_runtime_keepalive_check\"]=_emscripten_runtime_keepalive_check;_emscripten_runtime_keepalive_check.sig=\"i\";var asmjsMangle=x=>{if(x==\"__main_argc_argv\"){x=\"main\"}return x.startsWith(\"dynCall_\")?x:\"_\"+x};Module[\"asmjsMangle\"]=asmjsMangle;var ___global_base=1024;Module[\"___global_base\"]=___global_base;function __emscripten_fs_load_embedded_files(ptr){ptr>>>=0;do{var name_addr=HEAPU32[ptr>>>2>>>0];ptr+=4;var len=HEAPU32[ptr>>>2>>>0];ptr+=4;var content=HEAPU32[ptr>>>2>>>0];ptr+=4;var name=UTF8ToString(name_addr);FS.createPath(\"/\",PATH.dirname(name),true,true);FS.createDataFile(name,null,HEAP8.subarray(content>>>0,content+len>>>0),true,true,true)}while(HEAPU32[ptr>>>2>>>0])}Module[\"__emscripten_fs_load_embedded_files\"]=__emscripten_fs_load_embedded_files;__emscripten_fs_load_embedded_files.sig=\"vp\";var POINTER_SIZE=4;Module[\"POINTER_SIZE\"]=POINTER_SIZE;function getNativeTypeSize(type){switch(type){case\"i1\":case\"i8\":case\"u8\":return 1;case\"i16\":case\"u16\":return 2;case\"i32\":case\"u32\":return 4;case\"i64\":case\"u64\":return 8;case\"float\":return 4;case\"double\":return 8;default:{if(type[type.length-1]===\"*\"){return POINTER_SIZE}if(type[0]===\"i\"){const bits=Number(type.substr(1));assert(bits%8===0,`getNativeTypeSize invalid bits ${bits}, ${type} type`);return bits/8}return 0}}}Module[\"getNativeTypeSize\"]=getNativeTypeSize;var STACK_SIZE=5242880;Module[\"STACK_SIZE\"]=STACK_SIZE;var STACK_ALIGN=16;Module[\"STACK_ALIGN\"]=STACK_ALIGN;var ASSERTIONS=0;Module[\"ASSERTIONS\"]=ASSERTIONS;var getCFunc=ident=>{var func=Module[\"_\"+ident];return func};Module[\"getCFunc\"]=getCFunc;var ccall=(ident,returnType,argTypes,args,opts)=>{var toC={\"string\":str=>{var ret=0;if(str!==null&&str!==undefined&&str!==0){ret=stringToUTF8OnStack(str)}return ret},\"array\":arr=>{var ret=stackAlloc(arr.length);writeArrayToMemory(arr,ret);return ret}};function convertReturnValue(ret){if(returnType===\"string\"){return UTF8ToString(ret)}if(returnType===\"boolean\")return Boolean(ret);return ret}var func=getCFunc(ident);var cArgs=[];var stack=0;if(args){for(var i=0;i{var numericArgs=!argTypes||argTypes.every(type=>type===\"number\"||type===\"boolean\");var numericRet=returnType!==\"string\";if(numericRet&&numericArgs&&!opts){return getCFunc(ident)}return(...args)=>ccall(ident,returnType,argTypes,args,opts)};Module[\"cwrap\"]=cwrap;var removeFunction=index=>{functionsInTableMap.delete(getWasmTableEntry(index));setWasmTableEntry(index,null);freeTableIndexes.push(index)};Module[\"removeFunction\"]=removeFunction;var _emscripten_math_cbrt=Math.cbrt;Module[\"_emscripten_math_cbrt\"]=_emscripten_math_cbrt;_emscripten_math_cbrt.sig=\"dd\";var _emscripten_math_pow=Math.pow;Module[\"_emscripten_math_pow\"]=_emscripten_math_pow;_emscripten_math_pow.sig=\"ddd\";var _emscripten_math_random=Math.random;Module[\"_emscripten_math_random\"]=_emscripten_math_random;_emscripten_math_random.sig=\"d\";var _emscripten_math_sign=Math.sign;Module[\"_emscripten_math_sign\"]=_emscripten_math_sign;_emscripten_math_sign.sig=\"dd\";var _emscripten_math_sqrt=Math.sqrt;Module[\"_emscripten_math_sqrt\"]=_emscripten_math_sqrt;_emscripten_math_sqrt.sig=\"dd\";var _emscripten_math_exp=Math.exp;Module[\"_emscripten_math_exp\"]=_emscripten_math_exp;_emscripten_math_exp.sig=\"dd\";var _emscripten_math_expm1=Math.expm1;Module[\"_emscripten_math_expm1\"]=_emscripten_math_expm1;_emscripten_math_expm1.sig=\"dd\";var _emscripten_math_fmod=(x,y)=>x%y;Module[\"_emscripten_math_fmod\"]=_emscripten_math_fmod;_emscripten_math_fmod.sig=\"ddd\";var _emscripten_math_log=Math.log;Module[\"_emscripten_math_log\"]=_emscripten_math_log;_emscripten_math_log.sig=\"dd\";var _emscripten_math_log1p=Math.log1p;Module[\"_emscripten_math_log1p\"]=_emscripten_math_log1p;_emscripten_math_log1p.sig=\"dd\";var _emscripten_math_log10=Math.log10;Module[\"_emscripten_math_log10\"]=_emscripten_math_log10;_emscripten_math_log10.sig=\"dd\";var _emscripten_math_log2=Math.log2;Module[\"_emscripten_math_log2\"]=_emscripten_math_log2;_emscripten_math_log2.sig=\"dd\";var _emscripten_math_round=Math.round;Module[\"_emscripten_math_round\"]=_emscripten_math_round;_emscripten_math_round.sig=\"dd\";var _emscripten_math_acos=Math.acos;Module[\"_emscripten_math_acos\"]=_emscripten_math_acos;_emscripten_math_acos.sig=\"dd\";var _emscripten_math_acosh=Math.acosh;Module[\"_emscripten_math_acosh\"]=_emscripten_math_acosh;_emscripten_math_acosh.sig=\"dd\";var _emscripten_math_asin=Math.asin;Module[\"_emscripten_math_asin\"]=_emscripten_math_asin;_emscripten_math_asin.sig=\"dd\";var _emscripten_math_asinh=Math.asinh;Module[\"_emscripten_math_asinh\"]=_emscripten_math_asinh;_emscripten_math_asinh.sig=\"dd\";var _emscripten_math_atan=Math.atan;Module[\"_emscripten_math_atan\"]=_emscripten_math_atan;_emscripten_math_atan.sig=\"dd\";var _emscripten_math_atanh=Math.atanh;Module[\"_emscripten_math_atanh\"]=_emscripten_math_atanh;_emscripten_math_atanh.sig=\"dd\";var _emscripten_math_atan2=Math.atan2;Module[\"_emscripten_math_atan2\"]=_emscripten_math_atan2;_emscripten_math_atan2.sig=\"ddd\";var _emscripten_math_cos=Math.cos;Module[\"_emscripten_math_cos\"]=_emscripten_math_cos;_emscripten_math_cos.sig=\"dd\";var _emscripten_math_cosh=Math.cosh;Module[\"_emscripten_math_cosh\"]=_emscripten_math_cosh;_emscripten_math_cosh.sig=\"dd\";function _emscripten_math_hypot(count,varargs){varargs>>>=0;var args=[];for(var i=0;i>>3>>>0])}return Math.hypot(...args)}Module[\"_emscripten_math_hypot\"]=_emscripten_math_hypot;_emscripten_math_hypot.sig=\"dip\";var _emscripten_math_sin=Math.sin;Module[\"_emscripten_math_sin\"]=_emscripten_math_sin;_emscripten_math_sin.sig=\"dd\";var _emscripten_math_sinh=Math.sinh;Module[\"_emscripten_math_sinh\"]=_emscripten_math_sinh;_emscripten_math_sinh.sig=\"dd\";var _emscripten_math_tan=Math.tan;Module[\"_emscripten_math_tan\"]=_emscripten_math_tan;_emscripten_math_tan.sig=\"dd\";var _emscripten_math_tanh=Math.tanh;Module[\"_emscripten_math_tanh\"]=_emscripten_math_tanh;_emscripten_math_tanh.sig=\"dd\";function intArrayToString(array){var ret=[];for(var i=0;i255){chr&=255}ret.push(String.fromCharCode(chr))}return ret.join(\"\")}Module[\"intArrayToString\"]=intArrayToString;var AsciiToString=ptr=>{ptr>>>=0;var str=\"\";while(1){var ch=HEAPU8[ptr++>>>0];if(!ch)return str;str+=String.fromCharCode(ch)}};Module[\"AsciiToString\"]=AsciiToString;var UTF16Decoder=typeof TextDecoder!=\"undefined\"?new TextDecoder(\"utf-16le\"):undefined;Module[\"UTF16Decoder\"]=UTF16Decoder;var UTF16ToString=(ptr,maxBytesToRead)=>{var endPtr=ptr;var idx=endPtr>>1;var maxIdx=idx+maxBytesToRead/2;while(!(idx>=maxIdx)&&HEAPU16[idx>>>0])++idx;endPtr=idx<<1;if(endPtr-ptr>32&&UTF16Decoder)return UTF16Decoder.decode(HEAPU8.subarray(ptr>>>0,endPtr>>>0));var str=\"\";for(var i=0;!(i>=maxBytesToRead/2);++i){var codeUnit=HEAP16[ptr+i*2>>>1>>>0];if(codeUnit==0)break;str+=String.fromCharCode(codeUnit)}return str};Module[\"UTF16ToString\"]=UTF16ToString;var stringToUTF16=(str,outPtr,maxBytesToWrite)=>{maxBytesToWrite??=2147483647;if(maxBytesToWrite<2)return 0;maxBytesToWrite-=2;var startPtr=outPtr;var numCharsToWrite=maxBytesToWrite>>1>>>0]=codeUnit;outPtr+=2}HEAP16[outPtr>>>1>>>0]=0;return outPtr-startPtr};Module[\"stringToUTF16\"]=stringToUTF16;var lengthBytesUTF16=str=>str.length*2;Module[\"lengthBytesUTF16\"]=lengthBytesUTF16;var UTF32ToString=(ptr,maxBytesToRead)=>{var i=0;var str=\"\";while(!(i>=maxBytesToRead/4)){var utf32=HEAP32[ptr+i*4>>>2>>>0];if(utf32==0)break;++i;if(utf32>=65536){var ch=utf32-65536;str+=String.fromCharCode(55296|ch>>10,56320|ch&1023)}else{str+=String.fromCharCode(utf32)}}return str};Module[\"UTF32ToString\"]=UTF32ToString;var stringToUTF32=(str,outPtr,maxBytesToWrite)=>{outPtr>>>=0;maxBytesToWrite??=2147483647;if(maxBytesToWrite<4)return 0;var startPtr=outPtr;var endPtr=startPtr+maxBytesToWrite-4;for(var i=0;i=55296&&codeUnit<=57343){var trailSurrogate=str.charCodeAt(++i);codeUnit=65536+((codeUnit&1023)<<10)|trailSurrogate&1023}HEAP32[outPtr>>>2>>>0]=codeUnit;outPtr+=4;if(outPtr+4>endPtr)break}HEAP32[outPtr>>>2>>>0]=0;return outPtr-startPtr};Module[\"stringToUTF32\"]=stringToUTF32;var lengthBytesUTF32=str=>{var len=0;for(var i=0;i=55296&&codeUnit<=57343)++i;len+=4}return len};Module[\"lengthBytesUTF32\"]=lengthBytesUTF32;var JSEvents={removeAllEventListeners(){while(JSEvents.eventHandlers.length){JSEvents._removeHandler(JSEvents.eventHandlers.length-1)}JSEvents.deferredCalls=[]},inEventHandler:0,deferredCalls:[],deferCall(targetFunction,precedence,argsList){function arraysHaveEqualContent(arrA,arrB){if(arrA.length!=arrB.length)return false;for(var i in arrA){if(arrA[i]!=arrB[i])return false}return true}for(var i in JSEvents.deferredCalls){var call=JSEvents.deferredCalls[i];if(call.targetFunction==targetFunction&&arraysHaveEqualContent(call.argsList,argsList)){return}}JSEvents.deferredCalls.push({targetFunction:targetFunction,precedence:precedence,argsList:argsList});JSEvents.deferredCalls.sort((x,y)=>x.precedence{for(var i=0;icString>2?UTF8ToString(cString):cString;Module[\"maybeCStringToJsString\"]=maybeCStringToJsString;var specialHTMLTargets=[0,typeof document!=\"undefined\"?document:0,typeof window!=\"undefined\"?window:0];Module[\"specialHTMLTargets\"]=specialHTMLTargets;var findEventTarget=target=>{target=maybeCStringToJsString(target);var domElement=specialHTMLTargets[target]||(typeof document!=\"undefined\"?document.querySelector(target):undefined);return domElement};Module[\"findEventTarget\"]=findEventTarget;var registerKeyEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString,targetThread)=>{if(!JSEvents.keyEvent)JSEvents.keyEvent=_malloc(176);var keyEventHandlerFunc=e=>{var keyEventData=JSEvents.keyEvent;HEAPF64[keyEventData>>>3>>>0]=e.timeStamp;var idx=keyEventData>>>2;HEAP32[idx+2>>>0]=e.location;HEAP32[idx+3>>>0]=e.ctrlKey;HEAP32[idx+4>>>0]=e.shiftKey;HEAP32[idx+5>>>0]=e.altKey;HEAP32[idx+6>>>0]=e.metaKey;HEAP32[idx+7>>>0]=e.repeat;HEAP32[idx+8>>>0]=e.charCode;HEAP32[idx+9>>>0]=e.keyCode;HEAP32[idx+10>>>0]=e.which;stringToUTF8(e.key||\"\",keyEventData+44,32);stringToUTF8(e.code||\"\",keyEventData+76,32);stringToUTF8(e.char||\"\",keyEventData+108,32);stringToUTF8(e.locale||\"\",keyEventData+140,32);if(getWasmTableEntry(callbackfunc)(eventTypeId,keyEventData,userData))e.preventDefault()};var eventHandler={target:findEventTarget(target),eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:keyEventHandlerFunc,useCapture:useCapture};return JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerKeyEventCallback\"]=registerKeyEventCallback;var findCanvasEventTarget=findEventTarget;Module[\"findCanvasEventTarget\"]=findCanvasEventTarget;function _emscripten_set_keypress_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerKeyEventCallback(target,userData,useCapture,callbackfunc,1,\"keypress\",targetThread)}Module[\"_emscripten_set_keypress_callback_on_thread\"]=_emscripten_set_keypress_callback_on_thread;_emscripten_set_keypress_callback_on_thread.sig=\"ippipp\";function _emscripten_set_keydown_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerKeyEventCallback(target,userData,useCapture,callbackfunc,2,\"keydown\",targetThread)}Module[\"_emscripten_set_keydown_callback_on_thread\"]=_emscripten_set_keydown_callback_on_thread;_emscripten_set_keydown_callback_on_thread.sig=\"ippipp\";function _emscripten_set_keyup_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerKeyEventCallback(target,userData,useCapture,callbackfunc,3,\"keyup\",targetThread)}Module[\"_emscripten_set_keyup_callback_on_thread\"]=_emscripten_set_keyup_callback_on_thread;_emscripten_set_keyup_callback_on_thread.sig=\"ippipp\";var getBoundingClientRect=e=>specialHTMLTargets.indexOf(e)<0?e.getBoundingClientRect():{\"left\":0,\"top\":0};Module[\"getBoundingClientRect\"]=getBoundingClientRect;var fillMouseEventData=(eventStruct,e,target)=>{HEAPF64[eventStruct>>>3>>>0]=e.timeStamp;var idx=eventStruct>>>2;HEAP32[idx+2>>>0]=e.screenX;HEAP32[idx+3>>>0]=e.screenY;HEAP32[idx+4>>>0]=e.clientX;HEAP32[idx+5>>>0]=e.clientY;HEAP32[idx+6>>>0]=e.ctrlKey;HEAP32[idx+7>>>0]=e.shiftKey;HEAP32[idx+8>>>0]=e.altKey;HEAP32[idx+9>>>0]=e.metaKey;HEAP16[idx*2+20>>>0]=e.button;HEAP16[idx*2+21>>>0]=e.buttons;HEAP32[idx+11>>>0]=e[\"movementX\"];HEAP32[idx+12>>>0]=e[\"movementY\"];var rect=getBoundingClientRect(target);HEAP32[idx+13>>>0]=e.clientX-(rect.left|0);HEAP32[idx+14>>>0]=e.clientY-(rect.top|0)};Module[\"fillMouseEventData\"]=fillMouseEventData;var registerMouseEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString,targetThread)=>{if(!JSEvents.mouseEvent)JSEvents.mouseEvent=_malloc(72);target=findEventTarget(target);var mouseEventHandlerFunc=(e=event)=>{fillMouseEventData(JSEvents.mouseEvent,e,target);if(getWasmTableEntry(callbackfunc)(eventTypeId,JSEvents.mouseEvent,userData))e.preventDefault()};var eventHandler={target:target,allowsDeferredCalls:eventTypeString!=\"mousemove\"&&eventTypeString!=\"mouseenter\"&&eventTypeString!=\"mouseleave\",eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:mouseEventHandlerFunc,useCapture:useCapture};return JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerMouseEventCallback\"]=registerMouseEventCallback;function _emscripten_set_click_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerMouseEventCallback(target,userData,useCapture,callbackfunc,4,\"click\",targetThread)}Module[\"_emscripten_set_click_callback_on_thread\"]=_emscripten_set_click_callback_on_thread;_emscripten_set_click_callback_on_thread.sig=\"ippipp\";function _emscripten_set_mousedown_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerMouseEventCallback(target,userData,useCapture,callbackfunc,5,\"mousedown\",targetThread)}Module[\"_emscripten_set_mousedown_callback_on_thread\"]=_emscripten_set_mousedown_callback_on_thread;_emscripten_set_mousedown_callback_on_thread.sig=\"ippipp\";function _emscripten_set_mouseup_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerMouseEventCallback(target,userData,useCapture,callbackfunc,6,\"mouseup\",targetThread)}Module[\"_emscripten_set_mouseup_callback_on_thread\"]=_emscripten_set_mouseup_callback_on_thread;_emscripten_set_mouseup_callback_on_thread.sig=\"ippipp\";function _emscripten_set_dblclick_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerMouseEventCallback(target,userData,useCapture,callbackfunc,7,\"dblclick\",targetThread)}Module[\"_emscripten_set_dblclick_callback_on_thread\"]=_emscripten_set_dblclick_callback_on_thread;_emscripten_set_dblclick_callback_on_thread.sig=\"ippipp\";function _emscripten_set_mousemove_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerMouseEventCallback(target,userData,useCapture,callbackfunc,8,\"mousemove\",targetThread)}Module[\"_emscripten_set_mousemove_callback_on_thread\"]=_emscripten_set_mousemove_callback_on_thread;_emscripten_set_mousemove_callback_on_thread.sig=\"ippipp\";function _emscripten_set_mouseenter_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerMouseEventCallback(target,userData,useCapture,callbackfunc,33,\"mouseenter\",targetThread)}Module[\"_emscripten_set_mouseenter_callback_on_thread\"]=_emscripten_set_mouseenter_callback_on_thread;_emscripten_set_mouseenter_callback_on_thread.sig=\"ippipp\";function _emscripten_set_mouseleave_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerMouseEventCallback(target,userData,useCapture,callbackfunc,34,\"mouseleave\",targetThread)}Module[\"_emscripten_set_mouseleave_callback_on_thread\"]=_emscripten_set_mouseleave_callback_on_thread;_emscripten_set_mouseleave_callback_on_thread.sig=\"ippipp\";function _emscripten_set_mouseover_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerMouseEventCallback(target,userData,useCapture,callbackfunc,35,\"mouseover\",targetThread)}Module[\"_emscripten_set_mouseover_callback_on_thread\"]=_emscripten_set_mouseover_callback_on_thread;_emscripten_set_mouseover_callback_on_thread.sig=\"ippipp\";function _emscripten_set_mouseout_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerMouseEventCallback(target,userData,useCapture,callbackfunc,36,\"mouseout\",targetThread)}Module[\"_emscripten_set_mouseout_callback_on_thread\"]=_emscripten_set_mouseout_callback_on_thread;_emscripten_set_mouseout_callback_on_thread.sig=\"ippipp\";function _emscripten_get_mouse_status(mouseState){mouseState>>>=0;if(!JSEvents.mouseEvent)return-7;HEAP8.set(HEAP8.subarray(JSEvents.mouseEvent>>>0,JSEvents.mouseEvent+72>>>0),mouseState>>>0);return 0}Module[\"_emscripten_get_mouse_status\"]=_emscripten_get_mouse_status;_emscripten_get_mouse_status.sig=\"ip\";var registerWheelEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString,targetThread)=>{if(!JSEvents.wheelEvent)JSEvents.wheelEvent=_malloc(104);var wheelHandlerFunc=(e=event)=>{var wheelEvent=JSEvents.wheelEvent;fillMouseEventData(wheelEvent,e,target);HEAPF64[wheelEvent+72>>>3>>>0]=e[\"deltaX\"];HEAPF64[wheelEvent+80>>>3>>>0]=e[\"deltaY\"];HEAPF64[wheelEvent+88>>>3>>>0]=e[\"deltaZ\"];HEAP32[wheelEvent+96>>>2>>>0]=e[\"deltaMode\"];if(getWasmTableEntry(callbackfunc)(eventTypeId,wheelEvent,userData))e.preventDefault()};var eventHandler={target:target,allowsDeferredCalls:true,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:wheelHandlerFunc,useCapture:useCapture};return JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerWheelEventCallback\"]=registerWheelEventCallback;function _emscripten_set_wheel_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;target=findEventTarget(target);if(!target)return-4;if(typeof target.onwheel!=\"undefined\"){return registerWheelEventCallback(target,userData,useCapture,callbackfunc,9,\"wheel\",targetThread)}else{return-1}}Module[\"_emscripten_set_wheel_callback_on_thread\"]=_emscripten_set_wheel_callback_on_thread;_emscripten_set_wheel_callback_on_thread.sig=\"ippipp\";var registerUiEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString,targetThread)=>{if(!JSEvents.uiEvent)JSEvents.uiEvent=_malloc(36);target=findEventTarget(target);var uiEventHandlerFunc=(e=event)=>{if(e.target!=target){return}var b=document.body;if(!b){return}var uiEvent=JSEvents.uiEvent;HEAP32[uiEvent>>>2>>>0]=0;HEAP32[uiEvent+4>>>2>>>0]=b.clientWidth;HEAP32[uiEvent+8>>>2>>>0]=b.clientHeight;HEAP32[uiEvent+12>>>2>>>0]=innerWidth;HEAP32[uiEvent+16>>>2>>>0]=innerHeight;HEAP32[uiEvent+20>>>2>>>0]=outerWidth;HEAP32[uiEvent+24>>>2>>>0]=outerHeight;HEAP32[uiEvent+28>>>2>>>0]=pageXOffset|0;HEAP32[uiEvent+32>>>2>>>0]=pageYOffset|0;if(getWasmTableEntry(callbackfunc)(eventTypeId,uiEvent,userData))e.preventDefault()};var eventHandler={target:target,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:uiEventHandlerFunc,useCapture:useCapture};return JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerUiEventCallback\"]=registerUiEventCallback;function _emscripten_set_resize_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerUiEventCallback(target,userData,useCapture,callbackfunc,10,\"resize\",targetThread)}Module[\"_emscripten_set_resize_callback_on_thread\"]=_emscripten_set_resize_callback_on_thread;_emscripten_set_resize_callback_on_thread.sig=\"ippipp\";function _emscripten_set_scroll_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerUiEventCallback(target,userData,useCapture,callbackfunc,11,\"scroll\",targetThread)}Module[\"_emscripten_set_scroll_callback_on_thread\"]=_emscripten_set_scroll_callback_on_thread;_emscripten_set_scroll_callback_on_thread.sig=\"ippipp\";var registerFocusEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString,targetThread)=>{if(!JSEvents.focusEvent)JSEvents.focusEvent=_malloc(256);var focusEventHandlerFunc=(e=event)=>{var nodeName=JSEvents.getNodeNameForTarget(e.target);var id=e.target.id?e.target.id:\"\";var focusEvent=JSEvents.focusEvent;stringToUTF8(nodeName,focusEvent+0,128);stringToUTF8(id,focusEvent+128,128);if(getWasmTableEntry(callbackfunc)(eventTypeId,focusEvent,userData))e.preventDefault()};var eventHandler={target:findEventTarget(target),eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:focusEventHandlerFunc,useCapture:useCapture};return JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerFocusEventCallback\"]=registerFocusEventCallback;function _emscripten_set_blur_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerFocusEventCallback(target,userData,useCapture,callbackfunc,12,\"blur\",targetThread)}Module[\"_emscripten_set_blur_callback_on_thread\"]=_emscripten_set_blur_callback_on_thread;_emscripten_set_blur_callback_on_thread.sig=\"ippipp\";function _emscripten_set_focus_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerFocusEventCallback(target,userData,useCapture,callbackfunc,13,\"focus\",targetThread)}Module[\"_emscripten_set_focus_callback_on_thread\"]=_emscripten_set_focus_callback_on_thread;_emscripten_set_focus_callback_on_thread.sig=\"ippipp\";function _emscripten_set_focusin_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerFocusEventCallback(target,userData,useCapture,callbackfunc,14,\"focusin\",targetThread)}Module[\"_emscripten_set_focusin_callback_on_thread\"]=_emscripten_set_focusin_callback_on_thread;_emscripten_set_focusin_callback_on_thread.sig=\"ippipp\";function _emscripten_set_focusout_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerFocusEventCallback(target,userData,useCapture,callbackfunc,15,\"focusout\",targetThread)}Module[\"_emscripten_set_focusout_callback_on_thread\"]=_emscripten_set_focusout_callback_on_thread;_emscripten_set_focusout_callback_on_thread.sig=\"ippipp\";var fillDeviceOrientationEventData=(eventStruct,e,target)=>{HEAPF64[eventStruct>>>3>>>0]=e.alpha;HEAPF64[eventStruct+8>>>3>>>0]=e.beta;HEAPF64[eventStruct+16>>>3>>>0]=e.gamma;HEAP32[eventStruct+24>>>2>>>0]=e.absolute};Module[\"fillDeviceOrientationEventData\"]=fillDeviceOrientationEventData;var registerDeviceOrientationEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString,targetThread)=>{if(!JSEvents.deviceOrientationEvent)JSEvents.deviceOrientationEvent=_malloc(32);var deviceOrientationEventHandlerFunc=(e=event)=>{fillDeviceOrientationEventData(JSEvents.deviceOrientationEvent,e,target);if(getWasmTableEntry(callbackfunc)(eventTypeId,JSEvents.deviceOrientationEvent,userData))e.preventDefault()};var eventHandler={target:findEventTarget(target),eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:deviceOrientationEventHandlerFunc,useCapture:useCapture};return JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerDeviceOrientationEventCallback\"]=registerDeviceOrientationEventCallback;function _emscripten_set_deviceorientation_callback_on_thread(userData,useCapture,callbackfunc,targetThread){userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerDeviceOrientationEventCallback(2,userData,useCapture,callbackfunc,16,\"deviceorientation\",targetThread)}Module[\"_emscripten_set_deviceorientation_callback_on_thread\"]=_emscripten_set_deviceorientation_callback_on_thread;_emscripten_set_deviceorientation_callback_on_thread.sig=\"ipipp\";function _emscripten_get_deviceorientation_status(orientationState){orientationState>>>=0;if(!JSEvents.deviceOrientationEvent)return-7;HEAP32.set(HEAP32.subarray(JSEvents.deviceOrientationEvent>>>0,32>>>0),orientationState>>>0);return 0}Module[\"_emscripten_get_deviceorientation_status\"]=_emscripten_get_deviceorientation_status;_emscripten_get_deviceorientation_status.sig=\"ip\";var fillDeviceMotionEventData=(eventStruct,e,target)=>{var supportedFields=0;var a=e[\"acceleration\"];supportedFields|=a&&1;var ag=e[\"accelerationIncludingGravity\"];supportedFields|=ag&&2;var rr=e[\"rotationRate\"];supportedFields|=rr&&4;a=a||{};ag=ag||{};rr=rr||{};HEAPF64[eventStruct>>>3>>>0]=a[\"x\"];HEAPF64[eventStruct+8>>>3>>>0]=a[\"y\"];HEAPF64[eventStruct+16>>>3>>>0]=a[\"z\"];HEAPF64[eventStruct+24>>>3>>>0]=ag[\"x\"];HEAPF64[eventStruct+32>>>3>>>0]=ag[\"y\"];HEAPF64[eventStruct+40>>>3>>>0]=ag[\"z\"];HEAPF64[eventStruct+48>>>3>>>0]=rr[\"alpha\"];HEAPF64[eventStruct+56>>>3>>>0]=rr[\"beta\"];HEAPF64[eventStruct+64>>>3>>>0]=rr[\"gamma\"]};Module[\"fillDeviceMotionEventData\"]=fillDeviceMotionEventData;var registerDeviceMotionEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString,targetThread)=>{if(!JSEvents.deviceMotionEvent)JSEvents.deviceMotionEvent=_malloc(80);var deviceMotionEventHandlerFunc=(e=event)=>{fillDeviceMotionEventData(JSEvents.deviceMotionEvent,e,target);if(getWasmTableEntry(callbackfunc)(eventTypeId,JSEvents.deviceMotionEvent,userData))e.preventDefault()};var eventHandler={target:findEventTarget(target),eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:deviceMotionEventHandlerFunc,useCapture:useCapture};return JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerDeviceMotionEventCallback\"]=registerDeviceMotionEventCallback;function _emscripten_set_devicemotion_callback_on_thread(userData,useCapture,callbackfunc,targetThread){userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerDeviceMotionEventCallback(2,userData,useCapture,callbackfunc,17,\"devicemotion\",targetThread)}Module[\"_emscripten_set_devicemotion_callback_on_thread\"]=_emscripten_set_devicemotion_callback_on_thread;_emscripten_set_devicemotion_callback_on_thread.sig=\"ipipp\";function _emscripten_get_devicemotion_status(motionState){motionState>>>=0;if(!JSEvents.deviceMotionEvent)return-7;HEAP32.set(HEAP32.subarray(JSEvents.deviceMotionEvent>>>0,80>>>0),motionState>>>0);return 0}Module[\"_emscripten_get_devicemotion_status\"]=_emscripten_get_devicemotion_status;_emscripten_get_devicemotion_status.sig=\"ip\";var screenOrientation=()=>{if(!window.screen)return undefined;return screen.orientation||screen[\"mozOrientation\"]||screen[\"webkitOrientation\"]};Module[\"screenOrientation\"]=screenOrientation;var fillOrientationChangeEventData=eventStruct=>{var orientationsType1=[\"portrait-primary\",\"portrait-secondary\",\"landscape-primary\",\"landscape-secondary\"];var orientationsType2=[\"portrait\",\"portrait\",\"landscape\",\"landscape\"];var orientationIndex=0;var orientationAngle=0;var screenOrientObj=screenOrientation();if(typeof screenOrientObj===\"object\"){orientationIndex=orientationsType1.indexOf(screenOrientObj.type);if(orientationIndex<0){orientationIndex=orientationsType2.indexOf(screenOrientObj.type)}if(orientationIndex>=0){orientationIndex=1<>>2>>>0]=orientationIndex;HEAP32[eventStruct+4>>>2>>>0]=orientationAngle};Module[\"fillOrientationChangeEventData\"]=fillOrientationChangeEventData;var registerOrientationChangeEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString,targetThread)=>{if(!JSEvents.orientationChangeEvent)JSEvents.orientationChangeEvent=_malloc(8);var orientationChangeEventHandlerFunc=(e=event)=>{var orientationChangeEvent=JSEvents.orientationChangeEvent;fillOrientationChangeEventData(orientationChangeEvent);if(getWasmTableEntry(callbackfunc)(eventTypeId,orientationChangeEvent,userData))e.preventDefault()};var eventHandler={target:target,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:orientationChangeEventHandlerFunc,useCapture:useCapture};return JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerOrientationChangeEventCallback\"]=registerOrientationChangeEventCallback;function _emscripten_set_orientationchange_callback_on_thread(userData,useCapture,callbackfunc,targetThread){userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;if(!window.screen||!screen.orientation)return-1;return registerOrientationChangeEventCallback(screen.orientation,userData,useCapture,callbackfunc,18,\"change\",targetThread)}Module[\"_emscripten_set_orientationchange_callback_on_thread\"]=_emscripten_set_orientationchange_callback_on_thread;_emscripten_set_orientationchange_callback_on_thread.sig=\"ipipp\";function _emscripten_get_orientation_status(orientationChangeEvent){orientationChangeEvent>>>=0;if(!screenOrientation()&&typeof orientation==\"undefined\")return-1;fillOrientationChangeEventData(orientationChangeEvent);return 0}Module[\"_emscripten_get_orientation_status\"]=_emscripten_get_orientation_status;_emscripten_get_orientation_status.sig=\"ip\";var _emscripten_lock_orientation=allowedOrientations=>{var orientations=[];if(allowedOrientations&1)orientations.push(\"portrait-primary\");if(allowedOrientations&2)orientations.push(\"portrait-secondary\");if(allowedOrientations&4)orientations.push(\"landscape-primary\");if(allowedOrientations&8)orientations.push(\"landscape-secondary\");var succeeded;if(screen.lockOrientation){succeeded=screen.lockOrientation(orientations)}else if(screen.mozLockOrientation){succeeded=screen.mozLockOrientation(orientations)}else if(screen.webkitLockOrientation){succeeded=screen.webkitLockOrientation(orientations)}else{return-1}if(succeeded){return 0}return-6};Module[\"_emscripten_lock_orientation\"]=_emscripten_lock_orientation;_emscripten_lock_orientation.sig=\"ii\";var _emscripten_unlock_orientation=()=>{if(screen.unlockOrientation){screen.unlockOrientation()}else if(screen.mozUnlockOrientation){screen.mozUnlockOrientation()}else if(screen.webkitUnlockOrientation){screen.webkitUnlockOrientation()}else{return-1}return 0};Module[\"_emscripten_unlock_orientation\"]=_emscripten_unlock_orientation;_emscripten_unlock_orientation.sig=\"i\";var fillFullscreenChangeEventData=eventStruct=>{var fullscreenElement=document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement;var isFullscreen=!!fullscreenElement;HEAP32[eventStruct>>>2>>>0]=isFullscreen;HEAP32[eventStruct+4>>>2>>>0]=JSEvents.fullscreenEnabled();var reportedElement=isFullscreen?fullscreenElement:JSEvents.previousFullscreenElement;var nodeName=JSEvents.getNodeNameForTarget(reportedElement);var id=reportedElement?.id||\"\";stringToUTF8(nodeName,eventStruct+8,128);stringToUTF8(id,eventStruct+136,128);HEAP32[eventStruct+264>>>2>>>0]=reportedElement?reportedElement.clientWidth:0;HEAP32[eventStruct+268>>>2>>>0]=reportedElement?reportedElement.clientHeight:0;HEAP32[eventStruct+272>>>2>>>0]=screen.width;HEAP32[eventStruct+276>>>2>>>0]=screen.height;if(isFullscreen){JSEvents.previousFullscreenElement=fullscreenElement}};Module[\"fillFullscreenChangeEventData\"]=fillFullscreenChangeEventData;var registerFullscreenChangeEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString,targetThread)=>{if(!JSEvents.fullscreenChangeEvent)JSEvents.fullscreenChangeEvent=_malloc(280);var fullscreenChangeEventhandlerFunc=(e=event)=>{var fullscreenChangeEvent=JSEvents.fullscreenChangeEvent;fillFullscreenChangeEventData(fullscreenChangeEvent);if(getWasmTableEntry(callbackfunc)(eventTypeId,fullscreenChangeEvent,userData))e.preventDefault()};var eventHandler={target:target,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:fullscreenChangeEventhandlerFunc,useCapture:useCapture};return JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerFullscreenChangeEventCallback\"]=registerFullscreenChangeEventCallback;function _emscripten_set_fullscreenchange_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;if(!JSEvents.fullscreenEnabled())return-1;target=findEventTarget(target);if(!target)return-4;registerFullscreenChangeEventCallback(target,userData,useCapture,callbackfunc,19,\"webkitfullscreenchange\",targetThread);return registerFullscreenChangeEventCallback(target,userData,useCapture,callbackfunc,19,\"fullscreenchange\",targetThread)}Module[\"_emscripten_set_fullscreenchange_callback_on_thread\"]=_emscripten_set_fullscreenchange_callback_on_thread;_emscripten_set_fullscreenchange_callback_on_thread.sig=\"ippipp\";function _emscripten_get_fullscreen_status(fullscreenStatus){fullscreenStatus>>>=0;if(!JSEvents.fullscreenEnabled())return-1;fillFullscreenChangeEventData(fullscreenStatus);return 0}Module[\"_emscripten_get_fullscreen_status\"]=_emscripten_get_fullscreen_status;_emscripten_get_fullscreen_status.sig=\"ip\";function _emscripten_get_canvas_element_size(target,width,height){target>>>=0;width>>>=0;height>>>=0;var canvas=findCanvasEventTarget(target);if(!canvas)return-4;HEAP32[width>>>2>>>0]=canvas.width;HEAP32[height>>>2>>>0]=canvas.height}Module[\"_emscripten_get_canvas_element_size\"]=_emscripten_get_canvas_element_size;_emscripten_get_canvas_element_size.sig=\"ippp\";var getCanvasElementSize=target=>{var sp=stackSave();var w=stackAlloc(8);var h=w+4;var targetInt=stringToUTF8OnStack(target.id);var ret=_emscripten_get_canvas_element_size(targetInt,w,h);var size=[HEAP32[w>>>2>>>0],HEAP32[h>>>2>>>0]];stackRestore(sp);return size};Module[\"getCanvasElementSize\"]=getCanvasElementSize;function _emscripten_set_canvas_element_size(target,width,height){target>>>=0;var canvas=findCanvasEventTarget(target);if(!canvas)return-4;canvas.width=width;canvas.height=height;return 0}Module[\"_emscripten_set_canvas_element_size\"]=_emscripten_set_canvas_element_size;_emscripten_set_canvas_element_size.sig=\"ipii\";var setCanvasElementSize=(target,width,height)=>{if(!target.controlTransferredOffscreen){target.width=width;target.height=height}else{var sp=stackSave();var targetInt=stringToUTF8OnStack(target.id);_emscripten_set_canvas_element_size(targetInt,width,height);stackRestore(sp)}};Module[\"setCanvasElementSize\"]=setCanvasElementSize;var registerRestoreOldStyle=canvas=>{var canvasSize=getCanvasElementSize(canvas);var oldWidth=canvasSize[0];var oldHeight=canvasSize[1];var oldCssWidth=canvas.style.width;var oldCssHeight=canvas.style.height;var oldBackgroundColor=canvas.style.backgroundColor;var oldDocumentBackgroundColor=document.body.style.backgroundColor;var oldPaddingLeft=canvas.style.paddingLeft;var oldPaddingRight=canvas.style.paddingRight;var oldPaddingTop=canvas.style.paddingTop;var oldPaddingBottom=canvas.style.paddingBottom;var oldMarginLeft=canvas.style.marginLeft;var oldMarginRight=canvas.style.marginRight;var oldMarginTop=canvas.style.marginTop;var oldMarginBottom=canvas.style.marginBottom;var oldDocumentBodyMargin=document.body.style.margin;var oldDocumentOverflow=document.documentElement.style.overflow;var oldDocumentScroll=document.body.scroll;var oldImageRendering=canvas.style.imageRendering;function restoreOldStyle(){var fullscreenElement=document.fullscreenElement||document.webkitFullscreenElement;if(!fullscreenElement){document.removeEventListener(\"fullscreenchange\",restoreOldStyle);document.removeEventListener(\"webkitfullscreenchange\",restoreOldStyle);setCanvasElementSize(canvas,oldWidth,oldHeight);canvas.style.width=oldCssWidth;canvas.style.height=oldCssHeight;canvas.style.backgroundColor=oldBackgroundColor;if(!oldDocumentBackgroundColor)document.body.style.backgroundColor=\"white\";document.body.style.backgroundColor=oldDocumentBackgroundColor;canvas.style.paddingLeft=oldPaddingLeft;canvas.style.paddingRight=oldPaddingRight;canvas.style.paddingTop=oldPaddingTop;canvas.style.paddingBottom=oldPaddingBottom;canvas.style.marginLeft=oldMarginLeft;canvas.style.marginRight=oldMarginRight;canvas.style.marginTop=oldMarginTop;canvas.style.marginBottom=oldMarginBottom;document.body.style.margin=oldDocumentBodyMargin;document.documentElement.style.overflow=oldDocumentOverflow;document.body.scroll=oldDocumentScroll;canvas.style.imageRendering=oldImageRendering;if(canvas.GLctxObject)canvas.GLctxObject.GLctx.viewport(0,0,oldWidth,oldHeight);if(currentFullscreenStrategy.canvasResizedCallback){getWasmTableEntry(currentFullscreenStrategy.canvasResizedCallback)(37,0,currentFullscreenStrategy.canvasResizedCallbackUserData)}}}document.addEventListener(\"fullscreenchange\",restoreOldStyle);document.addEventListener(\"webkitfullscreenchange\",restoreOldStyle);return restoreOldStyle};Module[\"registerRestoreOldStyle\"]=registerRestoreOldStyle;var setLetterbox=(element,topBottom,leftRight)=>{element.style.paddingLeft=element.style.paddingRight=leftRight+\"px\";element.style.paddingTop=element.style.paddingBottom=topBottom+\"px\"};Module[\"setLetterbox\"]=setLetterbox;var JSEvents_resizeCanvasForFullscreen=(target,strategy)=>{var restoreOldStyle=registerRestoreOldStyle(target);var cssWidth=strategy.softFullscreen?innerWidth:screen.width;var cssHeight=strategy.softFullscreen?innerHeight:screen.height;var rect=getBoundingClientRect(target);var windowedCssWidth=rect.width;var windowedCssHeight=rect.height;var canvasSize=getCanvasElementSize(target);var windowedRttWidth=canvasSize[0];var windowedRttHeight=canvasSize[1];if(strategy.scaleMode==3){setLetterbox(target,(cssHeight-windowedCssHeight)/2,(cssWidth-windowedCssWidth)/2);cssWidth=windowedCssWidth;cssHeight=windowedCssHeight}else if(strategy.scaleMode==2){if(cssWidth*windowedRttHeight{if(strategy.scaleMode!=0||strategy.canvasResolutionScaleMode!=0){JSEvents_resizeCanvasForFullscreen(target,strategy)}if(target.requestFullscreen){target.requestFullscreen()}else if(target.webkitRequestFullscreen){target.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT)}else{return JSEvents.fullscreenEnabled()?-3:-1}currentFullscreenStrategy=strategy;if(strategy.canvasResizedCallback){getWasmTableEntry(strategy.canvasResizedCallback)(37,0,strategy.canvasResizedCallbackUserData)}return 0};Module[\"JSEvents_requestFullscreen\"]=JSEvents_requestFullscreen;var hideEverythingExceptGivenElement=onlyVisibleElement=>{var child=onlyVisibleElement;var parent=child.parentNode;var hiddenElements=[];while(child!=document.body){var children=parent.children;for(var i=0;i{for(var i=0;i{var dpr=devicePixelRatio;var inHiDPIFullscreenMode=currentFullscreenStrategy.canvasResolutionScaleMode==2;var inAspectRatioFixedFullscreenMode=currentFullscreenStrategy.scaleMode==2;var inPixelPerfectFullscreenMode=currentFullscreenStrategy.canvasResolutionScaleMode!=0;var inCenteredWithoutScalingFullscreenMode=currentFullscreenStrategy.scaleMode==3;var screenWidth=inHiDPIFullscreenMode?Math.round(innerWidth*dpr):innerWidth;var screenHeight=inHiDPIFullscreenMode?Math.round(innerHeight*dpr):innerHeight;var w=screenWidth;var h=screenHeight;var canvas=currentFullscreenStrategy.target;var canvasSize=getCanvasElementSize(canvas);var x=canvasSize[0];var y=canvasSize[1];var topMargin;if(inAspectRatioFixedFullscreenMode){if(w*yx*h)w=h*x/y|0;topMargin=(screenHeight-h)/2|0}if(inPixelPerfectFullscreenMode){setCanvasElementSize(canvas,w,h);if(canvas.GLctxObject)canvas.GLctxObject.GLctx.viewport(0,0,w,h)}if(inHiDPIFullscreenMode){topMargin/=dpr;w/=dpr;h/=dpr;w=Math.round(w*1e4)/1e4;h=Math.round(h*1e4)/1e4;topMargin=Math.round(topMargin*1e4)/1e4}if(inCenteredWithoutScalingFullscreenMode){var t=(innerHeight-jstoi_q(canvas.style.height))/2;var b=(innerWidth-jstoi_q(canvas.style.width))/2;setLetterbox(canvas,t,b)}else{canvas.style.width=w+\"px\";canvas.style.height=h+\"px\";var b=(innerWidth-w)/2;setLetterbox(canvas,topMargin,b)}if(!inCenteredWithoutScalingFullscreenMode&¤tFullscreenStrategy.canvasResizedCallback){getWasmTableEntry(currentFullscreenStrategy.canvasResizedCallback)(37,0,currentFullscreenStrategy.canvasResizedCallbackUserData)}};Module[\"softFullscreenResizeWebGLRenderTarget\"]=softFullscreenResizeWebGLRenderTarget;var doRequestFullscreen=(target,strategy)=>{if(!JSEvents.fullscreenEnabled())return-1;target=findEventTarget(target);if(!target)return-4;if(!target.requestFullscreen&&!target.webkitRequestFullscreen){return-3}var canPerformRequests=JSEvents.canPerformEventHandlerRequests();if(!canPerformRequests){if(strategy.deferUntilInEventHandler){JSEvents.deferCall(JSEvents_requestFullscreen,1,[target,strategy]);return 1}return-2}return JSEvents_requestFullscreen(target,strategy)};Module[\"doRequestFullscreen\"]=doRequestFullscreen;function _emscripten_request_fullscreen(target,deferUntilInEventHandler){target>>>=0;var strategy={scaleMode:0,canvasResolutionScaleMode:0,filteringMode:0,deferUntilInEventHandler:deferUntilInEventHandler,canvasResizedCallbackTargetThread:2};return doRequestFullscreen(target,strategy)}Module[\"_emscripten_request_fullscreen\"]=_emscripten_request_fullscreen;_emscripten_request_fullscreen.sig=\"ipi\";function _emscripten_request_fullscreen_strategy(target,deferUntilInEventHandler,fullscreenStrategy){target>>>=0;fullscreenStrategy>>>=0;var strategy={scaleMode:HEAP32[fullscreenStrategy>>>2>>>0],canvasResolutionScaleMode:HEAP32[fullscreenStrategy+4>>>2>>>0],filteringMode:HEAP32[fullscreenStrategy+8>>>2>>>0],deferUntilInEventHandler:deferUntilInEventHandler,canvasResizedCallback:HEAP32[fullscreenStrategy+12>>>2>>>0],canvasResizedCallbackUserData:HEAP32[fullscreenStrategy+16>>>2>>>0]};return doRequestFullscreen(target,strategy)}Module[\"_emscripten_request_fullscreen_strategy\"]=_emscripten_request_fullscreen_strategy;_emscripten_request_fullscreen_strategy.sig=\"ipip\";function _emscripten_enter_soft_fullscreen(target,fullscreenStrategy){target>>>=0;fullscreenStrategy>>>=0;target=findEventTarget(target);if(!target)return-4;var strategy={scaleMode:HEAP32[fullscreenStrategy>>>2>>>0],canvasResolutionScaleMode:HEAP32[fullscreenStrategy+4>>>2>>>0],filteringMode:HEAP32[fullscreenStrategy+8>>>2>>>0],canvasResizedCallback:HEAP32[fullscreenStrategy+12>>>2>>>0],canvasResizedCallbackUserData:HEAP32[fullscreenStrategy+16>>>2>>>0],target:target,softFullscreen:true};var restoreOldStyle=JSEvents_resizeCanvasForFullscreen(target,strategy);document.documentElement.style.overflow=\"hidden\";document.body.scroll=\"no\";document.body.style.margin=\"0px\";var hiddenElements=hideEverythingExceptGivenElement(target);function restoreWindowedState(){restoreOldStyle();restoreHiddenElements(hiddenElements);removeEventListener(\"resize\",softFullscreenResizeWebGLRenderTarget);if(strategy.canvasResizedCallback){getWasmTableEntry(strategy.canvasResizedCallback)(37,0,strategy.canvasResizedCallbackUserData)}currentFullscreenStrategy=0}restoreOldWindowedStyle=restoreWindowedState;currentFullscreenStrategy=strategy;addEventListener(\"resize\",softFullscreenResizeWebGLRenderTarget);if(strategy.canvasResizedCallback){getWasmTableEntry(strategy.canvasResizedCallback)(37,0,strategy.canvasResizedCallbackUserData)}return 0}Module[\"_emscripten_enter_soft_fullscreen\"]=_emscripten_enter_soft_fullscreen;_emscripten_enter_soft_fullscreen.sig=\"ipp\";var _emscripten_exit_soft_fullscreen=()=>{restoreOldWindowedStyle?.();restoreOldWindowedStyle=null;return 0};Module[\"_emscripten_exit_soft_fullscreen\"]=_emscripten_exit_soft_fullscreen;_emscripten_exit_soft_fullscreen.sig=\"i\";var _emscripten_exit_fullscreen=()=>{if(!JSEvents.fullscreenEnabled())return-1;JSEvents.removeDeferredCalls(JSEvents_requestFullscreen);var d=specialHTMLTargets[1];if(d.exitFullscreen){d.fullscreenElement&&d.exitFullscreen()}else if(d.webkitExitFullscreen){d.webkitFullscreenElement&&d.webkitExitFullscreen()}else{return-1}return 0};Module[\"_emscripten_exit_fullscreen\"]=_emscripten_exit_fullscreen;_emscripten_exit_fullscreen.sig=\"i\";var fillPointerlockChangeEventData=eventStruct=>{var pointerLockElement=document.pointerLockElement||document.mozPointerLockElement||document.webkitPointerLockElement||document.msPointerLockElement;var isPointerlocked=!!pointerLockElement;HEAP32[eventStruct>>>2>>>0]=isPointerlocked;var nodeName=JSEvents.getNodeNameForTarget(pointerLockElement);var id=pointerLockElement?.id||\"\";stringToUTF8(nodeName,eventStruct+4,128);stringToUTF8(id,eventStruct+132,128)};Module[\"fillPointerlockChangeEventData\"]=fillPointerlockChangeEventData;var registerPointerlockChangeEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString,targetThread)=>{if(!JSEvents.pointerlockChangeEvent)JSEvents.pointerlockChangeEvent=_malloc(260);var pointerlockChangeEventHandlerFunc=(e=event)=>{var pointerlockChangeEvent=JSEvents.pointerlockChangeEvent;fillPointerlockChangeEventData(pointerlockChangeEvent);if(getWasmTableEntry(callbackfunc)(eventTypeId,pointerlockChangeEvent,userData))e.preventDefault()};var eventHandler={target:target,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:pointerlockChangeEventHandlerFunc,useCapture:useCapture};return JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerPointerlockChangeEventCallback\"]=registerPointerlockChangeEventCallback;function _emscripten_set_pointerlockchange_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;if(!document||!document.body||!document.body.requestPointerLock&&!document.body.mozRequestPointerLock&&!document.body.webkitRequestPointerLock&&!document.body.msRequestPointerLock){return-1}target=findEventTarget(target);if(!target)return-4;registerPointerlockChangeEventCallback(target,userData,useCapture,callbackfunc,20,\"mozpointerlockchange\",targetThread);registerPointerlockChangeEventCallback(target,userData,useCapture,callbackfunc,20,\"webkitpointerlockchange\",targetThread);registerPointerlockChangeEventCallback(target,userData,useCapture,callbackfunc,20,\"mspointerlockchange\",targetThread);return registerPointerlockChangeEventCallback(target,userData,useCapture,callbackfunc,20,\"pointerlockchange\",targetThread)}Module[\"_emscripten_set_pointerlockchange_callback_on_thread\"]=_emscripten_set_pointerlockchange_callback_on_thread;_emscripten_set_pointerlockchange_callback_on_thread.sig=\"ippipp\";var registerPointerlockErrorEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString,targetThread)=>{var pointerlockErrorEventHandlerFunc=(e=event)=>{if(getWasmTableEntry(callbackfunc)(eventTypeId,0,userData))e.preventDefault()};var eventHandler={target:target,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:pointerlockErrorEventHandlerFunc,useCapture:useCapture};return JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerPointerlockErrorEventCallback\"]=registerPointerlockErrorEventCallback;function _emscripten_set_pointerlockerror_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;if(!document||!document.body.requestPointerLock&&!document.body.mozRequestPointerLock&&!document.body.webkitRequestPointerLock&&!document.body.msRequestPointerLock){return-1}target=findEventTarget(target);if(!target)return-4;registerPointerlockErrorEventCallback(target,userData,useCapture,callbackfunc,38,\"mozpointerlockerror\",targetThread);registerPointerlockErrorEventCallback(target,userData,useCapture,callbackfunc,38,\"webkitpointerlockerror\",targetThread);registerPointerlockErrorEventCallback(target,userData,useCapture,callbackfunc,38,\"mspointerlockerror\",targetThread);return registerPointerlockErrorEventCallback(target,userData,useCapture,callbackfunc,38,\"pointerlockerror\",targetThread)}Module[\"_emscripten_set_pointerlockerror_callback_on_thread\"]=_emscripten_set_pointerlockerror_callback_on_thread;_emscripten_set_pointerlockerror_callback_on_thread.sig=\"ippipp\";function _emscripten_get_pointerlock_status(pointerlockStatus){pointerlockStatus>>>=0;if(pointerlockStatus)fillPointerlockChangeEventData(pointerlockStatus);if(!document.body||!document.body.requestPointerLock&&!document.body.mozRequestPointerLock&&!document.body.webkitRequestPointerLock&&!document.body.msRequestPointerLock){return-1}return 0}Module[\"_emscripten_get_pointerlock_status\"]=_emscripten_get_pointerlock_status;_emscripten_get_pointerlock_status.sig=\"ip\";var requestPointerLock=target=>{if(target.requestPointerLock){target.requestPointerLock()}else{if(document.body.requestPointerLock){return-3}return-1}return 0};Module[\"requestPointerLock\"]=requestPointerLock;function _emscripten_request_pointerlock(target,deferUntilInEventHandler){target>>>=0;target=findEventTarget(target);if(!target)return-4;if(!target.requestPointerLock){return-1}var canPerformRequests=JSEvents.canPerformEventHandlerRequests();if(!canPerformRequests){if(deferUntilInEventHandler){JSEvents.deferCall(requestPointerLock,2,[target]);return 1}return-2}return requestPointerLock(target)}Module[\"_emscripten_request_pointerlock\"]=_emscripten_request_pointerlock;_emscripten_request_pointerlock.sig=\"ipi\";var _emscripten_exit_pointerlock=()=>{JSEvents.removeDeferredCalls(requestPointerLock);if(document.exitPointerLock){document.exitPointerLock()}else{return-1}return 0};Module[\"_emscripten_exit_pointerlock\"]=_emscripten_exit_pointerlock;_emscripten_exit_pointerlock.sig=\"i\";var _emscripten_vibrate=msecs=>{if(!navigator.vibrate)return-1;navigator.vibrate(msecs);return 0};Module[\"_emscripten_vibrate\"]=_emscripten_vibrate;_emscripten_vibrate.sig=\"ii\";function _emscripten_vibrate_pattern(msecsArray,numEntries){msecsArray>>>=0;if(!navigator.vibrate)return-1;var vibrateList=[];for(var i=0;i>>2>>>0];vibrateList.push(msecs)}navigator.vibrate(vibrateList);return 0}Module[\"_emscripten_vibrate_pattern\"]=_emscripten_vibrate_pattern;_emscripten_vibrate_pattern.sig=\"ipi\";var fillVisibilityChangeEventData=eventStruct=>{var visibilityStates=[\"hidden\",\"visible\",\"prerender\",\"unloaded\"];var visibilityState=visibilityStates.indexOf(document.visibilityState);HEAP32[eventStruct>>>2>>>0]=document.hidden;HEAP32[eventStruct+4>>>2>>>0]=visibilityState};Module[\"fillVisibilityChangeEventData\"]=fillVisibilityChangeEventData;var registerVisibilityChangeEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString,targetThread)=>{if(!JSEvents.visibilityChangeEvent)JSEvents.visibilityChangeEvent=_malloc(8);var visibilityChangeEventHandlerFunc=(e=event)=>{var visibilityChangeEvent=JSEvents.visibilityChangeEvent;fillVisibilityChangeEventData(visibilityChangeEvent);if(getWasmTableEntry(callbackfunc)(eventTypeId,visibilityChangeEvent,userData))e.preventDefault()};var eventHandler={target:target,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:visibilityChangeEventHandlerFunc,useCapture:useCapture};return JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerVisibilityChangeEventCallback\"]=registerVisibilityChangeEventCallback;function _emscripten_set_visibilitychange_callback_on_thread(userData,useCapture,callbackfunc,targetThread){userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;if(!specialHTMLTargets[1]){return-4}return registerVisibilityChangeEventCallback(specialHTMLTargets[1],userData,useCapture,callbackfunc,21,\"visibilitychange\",targetThread)}Module[\"_emscripten_set_visibilitychange_callback_on_thread\"]=_emscripten_set_visibilitychange_callback_on_thread;_emscripten_set_visibilitychange_callback_on_thread.sig=\"ipipp\";function _emscripten_get_visibility_status(visibilityStatus){visibilityStatus>>>=0;if(typeof document.visibilityState==\"undefined\"&&typeof document.hidden==\"undefined\"){return-1}fillVisibilityChangeEventData(visibilityStatus);return 0}Module[\"_emscripten_get_visibility_status\"]=_emscripten_get_visibility_status;_emscripten_get_visibility_status.sig=\"ip\";var registerTouchEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString,targetThread)=>{if(!JSEvents.touchEvent)JSEvents.touchEvent=_malloc(1696);target=findEventTarget(target);var touchEventHandlerFunc=e=>{var t,touches={},et=e.touches;for(var i=0;i>>3>>>0]=e.timeStamp;var idx=touchEvent>>>2;HEAP32[idx+3>>>0]=e.ctrlKey;HEAP32[idx+4>>>0]=e.shiftKey;HEAP32[idx+5>>>0]=e.altKey;HEAP32[idx+6>>>0]=e.metaKey;idx+=7;var targetRect=getBoundingClientRect(target);var numTouches=0;for(var i in touches){t=touches[i];HEAP32[idx+0>>>0]=t.identifier;HEAP32[idx+1>>>0]=t.screenX;HEAP32[idx+2>>>0]=t.screenY;HEAP32[idx+3>>>0]=t.clientX;HEAP32[idx+4>>>0]=t.clientY;HEAP32[idx+5>>>0]=t.pageX;HEAP32[idx+6>>>0]=t.pageY;HEAP32[idx+7>>>0]=t.isChanged;HEAP32[idx+8>>>0]=t.onTarget;HEAP32[idx+9>>>0]=t.clientX-(targetRect.left|0);HEAP32[idx+10>>>0]=t.clientY-(targetRect.top|0);idx+=13;if(++numTouches>31){break}}HEAP32[touchEvent+8>>>2>>>0]=numTouches;if(getWasmTableEntry(callbackfunc)(eventTypeId,touchEvent,userData))e.preventDefault()};var eventHandler={target:target,allowsDeferredCalls:eventTypeString==\"touchstart\"||eventTypeString==\"touchend\",eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:touchEventHandlerFunc,useCapture:useCapture};return JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerTouchEventCallback\"]=registerTouchEventCallback;function _emscripten_set_touchstart_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerTouchEventCallback(target,userData,useCapture,callbackfunc,22,\"touchstart\",targetThread)}Module[\"_emscripten_set_touchstart_callback_on_thread\"]=_emscripten_set_touchstart_callback_on_thread;_emscripten_set_touchstart_callback_on_thread.sig=\"ippipp\";function _emscripten_set_touchend_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerTouchEventCallback(target,userData,useCapture,callbackfunc,23,\"touchend\",targetThread)}Module[\"_emscripten_set_touchend_callback_on_thread\"]=_emscripten_set_touchend_callback_on_thread;_emscripten_set_touchend_callback_on_thread.sig=\"ippipp\";function _emscripten_set_touchmove_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerTouchEventCallback(target,userData,useCapture,callbackfunc,24,\"touchmove\",targetThread)}Module[\"_emscripten_set_touchmove_callback_on_thread\"]=_emscripten_set_touchmove_callback_on_thread;_emscripten_set_touchmove_callback_on_thread.sig=\"ippipp\";function _emscripten_set_touchcancel_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;return registerTouchEventCallback(target,userData,useCapture,callbackfunc,25,\"touchcancel\",targetThread)}Module[\"_emscripten_set_touchcancel_callback_on_thread\"]=_emscripten_set_touchcancel_callback_on_thread;_emscripten_set_touchcancel_callback_on_thread.sig=\"ippipp\";var fillGamepadEventData=(eventStruct,e)=>{HEAPF64[eventStruct>>>3>>>0]=e.timestamp;for(var i=0;i>>3>>>0]=e.axes[i]}for(var i=0;i>>3>>>0]=e.buttons[i].value}else{HEAPF64[eventStruct+i*8+528>>>3>>>0]=e.buttons[i]}}for(var i=0;i>>2>>>0]=e.buttons[i].pressed}else{HEAP32[eventStruct+i*4+1040>>>2>>>0]=e.buttons[i]==1}}HEAP32[eventStruct+1296>>>2>>>0]=e.connected;HEAP32[eventStruct+1300>>>2>>>0]=e.index;HEAP32[eventStruct+8>>>2>>>0]=e.axes.length;HEAP32[eventStruct+12>>>2>>>0]=e.buttons.length;stringToUTF8(e.id,eventStruct+1304,64);stringToUTF8(e.mapping,eventStruct+1368,64)};Module[\"fillGamepadEventData\"]=fillGamepadEventData;var registerGamepadEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString,targetThread)=>{if(!JSEvents.gamepadEvent)JSEvents.gamepadEvent=_malloc(1432);var gamepadEventHandlerFunc=(e=event)=>{var gamepadEvent=JSEvents.gamepadEvent;fillGamepadEventData(gamepadEvent,e[\"gamepad\"]);if(getWasmTableEntry(callbackfunc)(eventTypeId,gamepadEvent,userData))e.preventDefault()};var eventHandler={target:findEventTarget(target),allowsDeferredCalls:true,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:gamepadEventHandlerFunc,useCapture:useCapture};return JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerGamepadEventCallback\"]=registerGamepadEventCallback;var _emscripten_sample_gamepad_data=()=>{try{if(navigator.getGamepads)return(JSEvents.lastGamepadState=navigator.getGamepads())?0:-1}catch(e){navigator.getGamepads=null}return-1};Module[\"_emscripten_sample_gamepad_data\"]=_emscripten_sample_gamepad_data;_emscripten_sample_gamepad_data.sig=\"i\";function _emscripten_set_gamepadconnected_callback_on_thread(userData,useCapture,callbackfunc,targetThread){userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;if(_emscripten_sample_gamepad_data())return-1;return registerGamepadEventCallback(2,userData,useCapture,callbackfunc,26,\"gamepadconnected\",targetThread)}Module[\"_emscripten_set_gamepadconnected_callback_on_thread\"]=_emscripten_set_gamepadconnected_callback_on_thread;_emscripten_set_gamepadconnected_callback_on_thread.sig=\"ipipp\";function _emscripten_set_gamepaddisconnected_callback_on_thread(userData,useCapture,callbackfunc,targetThread){userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;if(_emscripten_sample_gamepad_data())return-1;return registerGamepadEventCallback(2,userData,useCapture,callbackfunc,27,\"gamepaddisconnected\",targetThread)}Module[\"_emscripten_set_gamepaddisconnected_callback_on_thread\"]=_emscripten_set_gamepaddisconnected_callback_on_thread;_emscripten_set_gamepaddisconnected_callback_on_thread.sig=\"ipipp\";var _emscripten_get_num_gamepads=()=>JSEvents.lastGamepadState.length;Module[\"_emscripten_get_num_gamepads\"]=_emscripten_get_num_gamepads;_emscripten_get_num_gamepads.sig=\"i\";function _emscripten_get_gamepad_status(index,gamepadState){gamepadState>>>=0;if(index<0||index>=JSEvents.lastGamepadState.length)return-5;if(!JSEvents.lastGamepadState[index])return-7;fillGamepadEventData(gamepadState,JSEvents.lastGamepadState[index]);return 0}Module[\"_emscripten_get_gamepad_status\"]=_emscripten_get_gamepad_status;_emscripten_get_gamepad_status.sig=\"iip\";var registerBeforeUnloadEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString)=>{var beforeUnloadEventHandlerFunc=(e=event)=>{var confirmationMessage=getWasmTableEntry(callbackfunc)(eventTypeId,0,userData);if(confirmationMessage){confirmationMessage=UTF8ToString(confirmationMessage)}if(confirmationMessage){e.preventDefault();e.returnValue=confirmationMessage;return confirmationMessage}};var eventHandler={target:findEventTarget(target),eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:beforeUnloadEventHandlerFunc,useCapture:useCapture};return JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerBeforeUnloadEventCallback\"]=registerBeforeUnloadEventCallback;function _emscripten_set_beforeunload_callback_on_thread(userData,callbackfunc,targetThread){userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;if(typeof onbeforeunload==\"undefined\")return-1;if(targetThread!==1)return-5;return registerBeforeUnloadEventCallback(2,userData,true,callbackfunc,28,\"beforeunload\")}Module[\"_emscripten_set_beforeunload_callback_on_thread\"]=_emscripten_set_beforeunload_callback_on_thread;_emscripten_set_beforeunload_callback_on_thread.sig=\"ippp\";var fillBatteryEventData=(eventStruct,e)=>{HEAPF64[eventStruct>>>3>>>0]=e.chargingTime;HEAPF64[eventStruct+8>>>3>>>0]=e.dischargingTime;HEAPF64[eventStruct+16>>>3>>>0]=e.level;HEAP32[eventStruct+24>>>2>>>0]=e.charging};Module[\"fillBatteryEventData\"]=fillBatteryEventData;var battery=()=>navigator.battery||navigator.mozBattery||navigator.webkitBattery;Module[\"battery\"]=battery;var registerBatteryEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString,targetThread)=>{if(!JSEvents.batteryEvent)JSEvents.batteryEvent=_malloc(32);var batteryEventHandlerFunc=(e=event)=>{var batteryEvent=JSEvents.batteryEvent;fillBatteryEventData(batteryEvent,battery());if(getWasmTableEntry(callbackfunc)(eventTypeId,batteryEvent,userData))e.preventDefault()};var eventHandler={target:findEventTarget(target),eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:batteryEventHandlerFunc,useCapture:useCapture};return JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerBatteryEventCallback\"]=registerBatteryEventCallback;function _emscripten_set_batterychargingchange_callback_on_thread(userData,callbackfunc,targetThread){userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;if(!battery())return-1;return registerBatteryEventCallback(battery(),userData,true,callbackfunc,29,\"chargingchange\",targetThread)}Module[\"_emscripten_set_batterychargingchange_callback_on_thread\"]=_emscripten_set_batterychargingchange_callback_on_thread;_emscripten_set_batterychargingchange_callback_on_thread.sig=\"ippp\";function _emscripten_set_batterylevelchange_callback_on_thread(userData,callbackfunc,targetThread){userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;if(!battery())return-1;return registerBatteryEventCallback(battery(),userData,true,callbackfunc,30,\"levelchange\",targetThread)}Module[\"_emscripten_set_batterylevelchange_callback_on_thread\"]=_emscripten_set_batterylevelchange_callback_on_thread;_emscripten_set_batterylevelchange_callback_on_thread.sig=\"ippp\";function _emscripten_get_battery_status(batteryState){batteryState>>>=0;if(!battery())return-1;fillBatteryEventData(batteryState,battery());return 0}Module[\"_emscripten_get_battery_status\"]=_emscripten_get_battery_status;_emscripten_get_battery_status.sig=\"ip\";function __emscripten_set_offscreencanvas_size(target,width,height){target>>>=0;return-1}Module[\"__emscripten_set_offscreencanvas_size\"]=__emscripten_set_offscreencanvas_size;__emscripten_set_offscreencanvas_size.sig=\"ipii\";function _emscripten_set_element_css_size(target,width,height){target>>>=0;target=findEventTarget(target);if(!target)return-4;target.style.width=width+\"px\";target.style.height=height+\"px\";return 0}Module[\"_emscripten_set_element_css_size\"]=_emscripten_set_element_css_size;_emscripten_set_element_css_size.sig=\"ipdd\";function _emscripten_get_element_css_size(target,width,height){target>>>=0;width>>>=0;height>>>=0;target=findEventTarget(target);if(!target)return-4;var rect=getBoundingClientRect(target);HEAPF64[width>>>3>>>0]=rect.width;HEAPF64[height>>>3>>>0]=rect.height;return 0}Module[\"_emscripten_get_element_css_size\"]=_emscripten_get_element_css_size;_emscripten_get_element_css_size.sig=\"ippp\";var _emscripten_html5_remove_all_event_listeners=()=>JSEvents.removeAllEventListeners();Module[\"_emscripten_html5_remove_all_event_listeners\"]=_emscripten_html5_remove_all_event_listeners;_emscripten_html5_remove_all_event_listeners.sig=\"v\";var _emscripten_request_animation_frame=function(cb,userData){cb>>>=0;userData>>>=0;return requestAnimationFrame(timeStamp=>getWasmTableEntry(cb)(timeStamp,userData))};Module[\"_emscripten_request_animation_frame\"]=_emscripten_request_animation_frame;_emscripten_request_animation_frame.sig=\"ipp\";var _emscripten_cancel_animation_frame=id=>cancelAnimationFrame(id);Module[\"_emscripten_cancel_animation_frame\"]=_emscripten_cancel_animation_frame;_emscripten_cancel_animation_frame.sig=\"vi\";function _emscripten_request_animation_frame_loop(cb,userData){cb>>>=0;userData>>>=0;function tick(timeStamp){if(getWasmTableEntry(cb)(timeStamp,userData)){requestAnimationFrame(tick)}}return requestAnimationFrame(tick)}Module[\"_emscripten_request_animation_frame_loop\"]=_emscripten_request_animation_frame_loop;_emscripten_request_animation_frame_loop.sig=\"vpp\";var _emscripten_performance_now=()=>performance.now();Module[\"_emscripten_performance_now\"]=_emscripten_performance_now;_emscripten_performance_now.sig=\"d\";var _emscripten_get_device_pixel_ratio=()=>typeof devicePixelRatio==\"number\"&&devicePixelRatio||1;Module[\"_emscripten_get_device_pixel_ratio\"]=_emscripten_get_device_pixel_ratio;_emscripten_get_device_pixel_ratio.sig=\"d\";function _emscripten_get_callstack(flags,str,maxbytes){str>>>=0;var callstack=getCallstack(flags);if(!str||maxbytes<=0){return lengthBytesUTF8(callstack)+1}var bytesWrittenExcludingNull=stringToUTF8(callstack,str,maxbytes);return bytesWrittenExcludingNull+1}Module[\"_emscripten_get_callstack\"]=_emscripten_get_callstack;_emscripten_get_callstack.sig=\"iipi\";var convertFrameToPC=frame=>{abort(\"Cannot use convertFrameToPC (needed by __builtin_return_address) without -sUSE_OFFSET_CONVERTER\");return 0};Module[\"convertFrameToPC\"]=convertFrameToPC;function _emscripten_return_address(level){var callstack=jsStackTrace().split(\"\\n\");if(callstack[0]==\"Error\"){callstack.shift()}var caller=callstack[level+3];return convertFrameToPC(caller)}Module[\"_emscripten_return_address\"]=_emscripten_return_address;_emscripten_return_address.sig=\"pi\";var UNWIND_CACHE={};Module[\"UNWIND_CACHE\"]=UNWIND_CACHE;var saveInUnwindCache=callstack=>{callstack.forEach(frame=>{var pc=convertFrameToPC(frame);if(pc){UNWIND_CACHE[pc]=frame}})};Module[\"saveInUnwindCache\"]=saveInUnwindCache;function _emscripten_stack_snapshot(){var callstack=jsStackTrace().split(\"\\n\");if(callstack[0]==\"Error\"){callstack.shift()}saveInUnwindCache(callstack);UNWIND_CACHE.last_addr=convertFrameToPC(callstack[3]);UNWIND_CACHE.last_stack=callstack;return UNWIND_CACHE.last_addr}Module[\"_emscripten_stack_snapshot\"]=_emscripten_stack_snapshot;_emscripten_stack_snapshot.sig=\"p\";function _emscripten_stack_unwind_buffer(addr,buffer,count){addr>>>=0;buffer>>>=0;var stack;if(UNWIND_CACHE.last_addr==addr){stack=UNWIND_CACHE.last_stack}else{stack=jsStackTrace().split(\"\\n\");if(stack[0]==\"Error\"){stack.shift()}saveInUnwindCache(stack)}var offset=3;while(stack[offset]&&convertFrameToPC(stack[offset])!=addr){++offset}for(var i=0;i>>2>>>0]=convertFrameToPC(stack[i+offset])}return i}Module[\"_emscripten_stack_unwind_buffer\"]=_emscripten_stack_unwind_buffer;_emscripten_stack_unwind_buffer.sig=\"ippi\";function _emscripten_pc_get_function(pc){pc>>>=0;abort(\"Cannot use emscripten_pc_get_function without -sUSE_OFFSET_CONVERTER\");return 0}Module[\"_emscripten_pc_get_function\"]=_emscripten_pc_get_function;_emscripten_pc_get_function.sig=\"pp\";var convertPCtoSourceLocation=pc=>{if(UNWIND_CACHE.last_get_source_pc==pc)return UNWIND_CACHE.last_source;var match;var source;if(!source){var frame=UNWIND_CACHE[pc];if(!frame)return null;if(match=/\\((.*):(\\d+):(\\d+)\\)$/.exec(frame)){source={file:match[1],line:match[2],column:match[3]}}else if(match=/@(.*):(\\d+):(\\d+)/.exec(frame)){source={file:match[1],line:match[2],column:match[3]}}}UNWIND_CACHE.last_get_source_pc=pc;UNWIND_CACHE.last_source=source;return source};Module[\"convertPCtoSourceLocation\"]=convertPCtoSourceLocation;function _emscripten_pc_get_file(pc){pc>>>=0;var result=convertPCtoSourceLocation(pc);if(!result)return 0;if(_emscripten_pc_get_file.ret)_free(_emscripten_pc_get_file.ret);_emscripten_pc_get_file.ret=stringToNewUTF8(result.file);return _emscripten_pc_get_file.ret}Module[\"_emscripten_pc_get_file\"]=_emscripten_pc_get_file;_emscripten_pc_get_file.sig=\"pp\";function _emscripten_pc_get_line(pc){pc>>>=0;var result=convertPCtoSourceLocation(pc);return result?result.line:0}Module[\"_emscripten_pc_get_line\"]=_emscripten_pc_get_line;_emscripten_pc_get_line.sig=\"ip\";function _emscripten_pc_get_column(pc){pc>>>=0;var result=convertPCtoSourceLocation(pc);return result?result.column||0:0}Module[\"_emscripten_pc_get_column\"]=_emscripten_pc_get_column;_emscripten_pc_get_column.sig=\"ip\";function _random_get(buf,buf_len){buf>>>=0;buf_len>>>=0;try{_getentropy(buf,buf_len);return 0}catch(e){if(typeof FS==\"undefined\"||!(e.name===\"ErrnoError\"))throw e;return e.errno}}Module[\"_random_get\"]=_random_get;_random_get.sig=\"ipp\";var checkWasiClock=clock_id=>clock_id==0||clock_id==1||clock_id==2||clock_id==3;Module[\"checkWasiClock\"]=checkWasiClock;function _clock_time_get(clk_id,ignored_precision,ptime){ignored_precision=bigintToI53Checked(ignored_precision);ptime>>>=0;if(!checkWasiClock(clk_id)){return 28}var now;if(clk_id===0){now=Date.now()}else if(nowIsMonotonic){now=_emscripten_get_now()}else{return 52}var nsec=Math.round(now*1e3*1e3);HEAP32[ptime>>>2>>>0]=nsec>>>0;HEAP32[ptime+4>>>2>>>0]=nsec/Math.pow(2,32)>>>0;return 0}Module[\"_clock_time_get\"]=_clock_time_get;_clock_time_get.sig=\"iijp\";function _clock_res_get(clk_id,pres){pres>>>=0;if(!checkWasiClock(clk_id)){return 28}var nsec;if(clk_id===0){nsec=1e3*1e3}else if(nowIsMonotonic){nsec=_emscripten_get_now_res()}else{return 52}HEAP32[pres>>>2>>>0]=nsec>>>0;HEAP32[pres+4>>>2>>>0]=nsec/Math.pow(2,32)>>>0;return 0}Module[\"_clock_res_get\"]=_clock_res_get;_clock_res_get.sig=\"iip\";var wasiRightsToMuslOFlags=rights=>{if(rights&2&&rights&64){return 2}if(rights&2){return 0}if(rights&64){return 1}throw new FS.ErrnoError(28)};Module[\"wasiRightsToMuslOFlags\"]=wasiRightsToMuslOFlags;var wasiOFlagsToMuslOFlags=oflags=>{var musl_oflags=0;if(oflags&1){musl_oflags|=64}if(oflags&8){musl_oflags|=512}if(oflags&2){musl_oflags|=65536}if(oflags&4){musl_oflags|=128}return musl_oflags};Module[\"wasiOFlagsToMuslOFlags\"]=wasiOFlagsToMuslOFlags;var createDyncallWrapper=sig=>{var sections=[];var prelude=[0,97,115,109,1,0,0,0];sections.push(prelude);var wrappersig=[sig[0].replace(\"j\",\"i\"),\"i\",sig.slice(1).replace(/j/g,\"ii\")].join(\"\");var typeSectionBody=[3];generateFuncType(wrappersig,typeSectionBody);generateFuncType(sig,typeSectionBody);generateFuncType(\"vi\",typeSectionBody);var typeSection=[1];uleb128Encode(typeSectionBody.length,typeSection);typeSection.push(...typeSectionBody);sections.push(typeSection);var importSection=[2,15,2,1,101,1,116,1,112,0,0,1,101,1,114,0,2];sections.push(importSection);var functionSection=[3,2,1,0];sections.push(functionSection);var exportSection=[7,5,1,1,102,0,1];sections.push(exportSection);var convert_code=[];if(sig[0]===\"j\"){convert_code=[1,1,126]}else{convert_code.push(0)}function localGet(j){convert_code.push(32);uleb128Encode(j,convert_code)}var j=1;for(var i=1;i{throw\"unwind\"};Module[\"_emscripten_unwind_to_js_event_loop\"]=_emscripten_unwind_to_js_event_loop;_emscripten_unwind_to_js_event_loop.sig=\"v\";var safeSetTimeout=(func,timeout)=>setTimeout(()=>{callUserCallback(func)},timeout);Module[\"safeSetTimeout\"]=safeSetTimeout;var setImmediateWrapped=func=>{setImmediateWrapped.mapping||=[];var id=setImmediateWrapped.mapping.length;setImmediateWrapped.mapping[id]=setImmediate(()=>{setImmediateWrapped.mapping[id]=undefined;func()});return id};Module[\"setImmediateWrapped\"]=setImmediateWrapped;var clearImmediateWrapped=id=>{clearImmediate(setImmediateWrapped.mapping[id]);setImmediateWrapped.mapping[id]=undefined};Module[\"clearImmediateWrapped\"]=clearImmediateWrapped;var polyfillSetImmediate=()=>{};Module[\"polyfillSetImmediate\"]=polyfillSetImmediate;var _emscripten_set_immediate=function(cb,userData){cb>>>=0;userData>>>=0;return emSetImmediate(()=>{callUserCallback(()=>getWasmTableEntry(cb)(userData))})};Module[\"_emscripten_set_immediate\"]=_emscripten_set_immediate;_emscripten_set_immediate.sig=\"ipp\";var _emscripten_clear_immediate=id=>{emClearImmediate(id)};Module[\"_emscripten_clear_immediate\"]=_emscripten_clear_immediate;_emscripten_clear_immediate.sig=\"vi\";var _emscripten_set_immediate_loop=function(cb,userData){cb>>>=0;userData>>>=0;function tick(){callUserCallback(()=>{if(getWasmTableEntry(cb)(userData)){emSetImmediate(tick)}else{}})}emSetImmediate(tick)};Module[\"_emscripten_set_immediate_loop\"]=_emscripten_set_immediate_loop;_emscripten_set_immediate_loop.sig=\"vpp\";var _emscripten_set_timeout=function(cb,msecs,userData){cb>>>=0;userData>>>=0;return safeSetTimeout(()=>getWasmTableEntry(cb)(userData),msecs)};Module[\"_emscripten_set_timeout\"]=_emscripten_set_timeout;_emscripten_set_timeout.sig=\"ipdp\";var _emscripten_clear_timeout=clearTimeout;Module[\"_emscripten_clear_timeout\"]=_emscripten_clear_timeout;_emscripten_clear_timeout.sig=\"vi\";var _emscripten_set_timeout_loop=function(cb,msecs,userData){cb>>>=0;userData>>>=0;function tick(){var t=_emscripten_get_now();var n=t+msecs;callUserCallback(()=>{if(getWasmTableEntry(cb)(t,userData)){setTimeout(tick,n-_emscripten_get_now())}})}return setTimeout(tick,0)};Module[\"_emscripten_set_timeout_loop\"]=_emscripten_set_timeout_loop;_emscripten_set_timeout_loop.sig=\"vpdp\";var _emscripten_set_interval=function(cb,msecs,userData){cb>>>=0;userData>>>=0;return setInterval(()=>{callUserCallback(()=>getWasmTableEntry(cb)(userData))},msecs)};Module[\"_emscripten_set_interval\"]=_emscripten_set_interval;_emscripten_set_interval.sig=\"ipdp\";var _emscripten_clear_interval=id=>{clearInterval(id)};Module[\"_emscripten_clear_interval\"]=_emscripten_clear_interval;_emscripten_clear_interval.sig=\"vi\";var idsToPromises=(idBuf,size)=>{var promises=[];for(var i=0;i>>2>>>0];promises[i]=getPromise(id)}return promises};Module[\"idsToPromises\"]=idsToPromises;var makePromiseCallback=(callback,userData)=>value=>{var stack=stackSave();var resultPtr=stackAlloc(POINTER_SIZE);HEAPU32[resultPtr>>>2>>>0]=0;try{var result=getWasmTableEntry(callback)(resultPtr,userData,value);var resultVal=HEAPU32[resultPtr>>>2>>>0]}catch(e){if(typeof e!=\"number\"){throw 0}throw e}finally{stackRestore(stack)}switch(result){case 0:return resultVal;case 1:return getPromise(resultVal);case 2:var ret=getPromise(resultVal);_emscripten_promise_destroy(resultVal);return ret;case 3:throw resultVal}};Module[\"makePromiseCallback\"]=makePromiseCallback;function _emscripten_promise_then(id,onFulfilled,onRejected,userData){id>>>=0;onFulfilled>>>=0;onRejected>>>=0;userData>>>=0;var promise=getPromise(id);var newId=promiseMap.allocate({promise:promise.then(makePromiseCallback(onFulfilled,userData),makePromiseCallback(onRejected,userData))});return newId}Module[\"_emscripten_promise_then\"]=_emscripten_promise_then;_emscripten_promise_then.sig=\"ppppp\";var _emscripten_promise_all=function(idBuf,resultBuf,size){idBuf>>>=0;resultBuf>>>=0;size>>>=0;var promises=idsToPromises(idBuf,size);var id=promiseMap.allocate({promise:Promise.all(promises).then(results=>{if(resultBuf){for(var i=0;i>>2>>>0]=result}}return resultBuf})});return id};Module[\"_emscripten_promise_all\"]=_emscripten_promise_all;_emscripten_promise_all.sig=\"pppp\";var setPromiseResult=(ptr,fulfill,value)=>{var result=fulfill?0:3;HEAP32[ptr>>>2>>>0]=result;HEAPU32[ptr+4>>>2>>>0]=value};Module[\"setPromiseResult\"]=setPromiseResult;var _emscripten_promise_all_settled=function(idBuf,resultBuf,size){idBuf>>>=0;resultBuf>>>=0;size>>>=0;var promises=idsToPromises(idBuf,size);var id=promiseMap.allocate({promise:Promise.allSettled(promises).then(results=>{if(resultBuf){var offset=resultBuf;for(var i=0;i>>=0;errorBuf>>>=0;size>>>=0;var promises=idsToPromises(idBuf,size);var id=promiseMap.allocate({promise:Promise.any(promises).catch(err=>{if(errorBuf){for(var i=0;i>>2>>>0]=err.errors[i]}}throw errorBuf})});return id};Module[\"_emscripten_promise_any\"]=_emscripten_promise_any;_emscripten_promise_any.sig=\"pppp\";function _emscripten_promise_race(idBuf,size){idBuf>>>=0;size>>>=0;var promises=idsToPromises(idBuf,size);var id=promiseMap.allocate({promise:Promise.race(promises)});return id}Module[\"_emscripten_promise_race\"]=_emscripten_promise_race;_emscripten_promise_race.sig=\"ppp\";function _emscripten_promise_await(returnValuePtr,id){returnValuePtr>>>=0;id>>>=0;abort(\"emscripten_promise_await is only available with ASYNCIFY\")}Module[\"_emscripten_promise_await\"]=_emscripten_promise_await;_emscripten_promise_await.sig=\"vpp\";function ___cxa_find_matching_catch_4(arg0,arg1){arg0>>>=0;arg1>>>=0;return findMatchingCatch([arg0,arg1])}Module[\"___cxa_find_matching_catch_4\"]=___cxa_find_matching_catch_4;___cxa_find_matching_catch_4.sig=\"ppp\";function _llvm_eh_typeid_for(type){type>>>=0;return type}Module[\"_llvm_eh_typeid_for\"]=_llvm_eh_typeid_for;_llvm_eh_typeid_for.sig=\"vp\";function ___cxa_get_exception_ptr(ptr){ptr>>>=0;var rtn=new ExceptionInfo(ptr).get_exception_ptr();return rtn}Module[\"___cxa_get_exception_ptr\"]=___cxa_get_exception_ptr;___cxa_get_exception_ptr.sig=\"pp\";function ___cxa_call_unexpected(exception){exception>>>=0;return abort(\"Unexpected exception thrown, this is not properly supported - aborting\")}Module[\"___cxa_call_unexpected\"]=___cxa_call_unexpected;___cxa_call_unexpected.sig=\"vp\";var _emscripten_set_main_loop_timing=(mode,value)=>{Browser.mainLoop.timingMode=mode;Browser.mainLoop.timingValue=value;if(!Browser.mainLoop.func){return 1}if(!Browser.mainLoop.running){Browser.mainLoop.running=true}if(mode==0){Browser.mainLoop.scheduler=function Browser_mainLoop_scheduler_setTimeout(){var timeUntilNextTick=Math.max(0,Browser.mainLoop.tickStartTime+value-_emscripten_get_now())|0;setTimeout(Browser.mainLoop.runner,timeUntilNextTick)};Browser.mainLoop.method=\"timeout\"}else if(mode==1){Browser.mainLoop.scheduler=function Browser_mainLoop_scheduler_rAF(){Browser.requestAnimationFrame(Browser.mainLoop.runner)};Browser.mainLoop.method=\"rAF\"}else if(mode==2){if(typeof Browser.setImmediate==\"undefined\"){if(typeof setImmediate==\"undefined\"){var setImmediates=[];var emscriptenMainLoopMessageId=\"setimmediate\";var Browser_setImmediate_messageHandler=event=>{if(event.data===emscriptenMainLoopMessageId||event.data.target===emscriptenMainLoopMessageId){event.stopPropagation();setImmediates.shift()()}};addEventListener(\"message\",Browser_setImmediate_messageHandler,true);Browser.setImmediate=function Browser_emulated_setImmediate(func){setImmediates.push(func);if(ENVIRONMENT_IS_WORKER){if(Module[\"setImmediates\"]===undefined)Module[\"setImmediates\"]=[];Module[\"setImmediates\"].push(func);postMessage({target:emscriptenMainLoopMessageId})}else postMessage(emscriptenMainLoopMessageId,\"*\")}}else{Browser.setImmediate=setImmediate}}Browser.mainLoop.scheduler=function Browser_mainLoop_scheduler_setImmediate(){Browser.setImmediate(Browser.mainLoop.runner)};Browser.mainLoop.method=\"immediate\"}return 0};Module[\"_emscripten_set_main_loop_timing\"]=_emscripten_set_main_loop_timing;_emscripten_set_main_loop_timing.sig=\"iii\";var setMainLoop=(browserIterationFunc,fps,simulateInfiniteLoop,arg,noSetTiming)=>{Browser.mainLoop.func=browserIterationFunc;Browser.mainLoop.arg=arg;var thisMainLoopId=Browser.mainLoop.currentlyRunningMainloop;function checkIsRunning(){if(thisMainLoopId0){var start=Date.now();var blocker=Browser.mainLoop.queue.shift();blocker.func(blocker.arg);if(Browser.mainLoop.remainingBlockers){var remaining=Browser.mainLoop.remainingBlockers;var next=remaining%1==0?remaining-1:Math.floor(remaining);if(blocker.counted){Browser.mainLoop.remainingBlockers=next}else{next=next+.5;Browser.mainLoop.remainingBlockers=(8*remaining+next)/9}}Browser.mainLoop.updateStatus();if(!checkIsRunning())return;setTimeout(Browser.mainLoop.runner,0);return}if(!checkIsRunning())return;Browser.mainLoop.currentFrameNumber=Browser.mainLoop.currentFrameNumber+1|0;if(Browser.mainLoop.timingMode==1&&Browser.mainLoop.timingValue>1&&Browser.mainLoop.currentFrameNumber%Browser.mainLoop.timingValue!=0){Browser.mainLoop.scheduler();return}else if(Browser.mainLoop.timingMode==0){Browser.mainLoop.tickStartTime=_emscripten_get_now()}Browser.mainLoop.runIter(browserIterationFunc);if(!checkIsRunning())return;if(typeof SDL==\"object\")SDL.audio?.queueNewAudioData?.();Browser.mainLoop.scheduler()};if(!noSetTiming){if(fps&&fps>0){_emscripten_set_main_loop_timing(0,1e3/fps)}else{_emscripten_set_main_loop_timing(1,1)}Browser.mainLoop.scheduler()}if(simulateInfiniteLoop){throw\"unwind\"}};Module[\"setMainLoop\"]=setMainLoop;var Browser={mainLoop:{running:false,scheduler:null,method:\"\",currentlyRunningMainloop:0,func:null,arg:0,timingMode:0,timingValue:0,currentFrameNumber:0,queue:[],pause(){Browser.mainLoop.scheduler=null;Browser.mainLoop.currentlyRunningMainloop++},resume(){Browser.mainLoop.currentlyRunningMainloop++;var timingMode=Browser.mainLoop.timingMode;var timingValue=Browser.mainLoop.timingValue;var func=Browser.mainLoop.func;Browser.mainLoop.func=null;setMainLoop(func,0,false,Browser.mainLoop.arg,true);_emscripten_set_main_loop_timing(timingMode,timingValue);Browser.mainLoop.scheduler()},updateStatus(){if(Module[\"setStatus\"]){var message=Module[\"statusMessage\"]||\"Please wait...\";var remaining=Browser.mainLoop.remainingBlockers;var expected=Browser.mainLoop.expectedBlockers;if(remaining){if(remaining{var canvas=document.createElement(\"canvas\");canvas.width=img.width;canvas.height=img.height;var ctx=canvas.getContext(\"2d\");ctx.drawImage(img,0,0);preloadedImages[name]=canvas;URL.revokeObjectURL(url);onload?.(byteArray)};img.onerror=event=>{err(`Image ${url} could not be decoded`);onerror?.()};img.src=url};preloadPlugins.push(imagePlugin);var audioPlugin={};audioPlugin[\"canHandle\"]=function audioPlugin_canHandle(name){return!Module.noAudioDecoding&&name.substr(-4)in{\".ogg\":1,\".wav\":1,\".mp3\":1}};audioPlugin[\"handle\"]=function audioPlugin_handle(byteArray,name,onload,onerror){var done=false;function finish(audio){if(done)return;done=true;preloadedAudios[name]=audio;onload?.(byteArray)}function fail(){if(done)return;done=true;preloadedAudios[name]=new Audio;onerror?.()}var b=new Blob([byteArray],{type:Browser.getMimetype(name)});var url=URL.createObjectURL(b);var audio=new Audio;audio.addEventListener(\"canplaythrough\",()=>finish(audio),false);audio.onerror=function audio_onerror(event){if(done)return;err(`warning: browser could not fully decode audio ${name}, trying slower base64 approach`);function encode64(data){var BASE=\"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/\";var PAD=\"=\";var ret=\"\";var leftchar=0;var leftbits=0;for(var i=0;i=6){var curr=leftchar>>leftbits-6&63;leftbits-=6;ret+=BASE[curr]}}if(leftbits==2){ret+=BASE[(leftchar&3)<<4];ret+=PAD+PAD}else if(leftbits==4){ret+=BASE[(leftchar&15)<<2];ret+=PAD}return ret}audio.src=\"data:audio/x-\"+name.substr(-3)+\";base64,\"+encode64(byteArray);finish(audio)};audio.src=url;safeSetTimeout(()=>{finish(audio)},1e4)};preloadPlugins.push(audioPlugin);function pointerLockChange(){Browser.pointerLock=document[\"pointerLockElement\"]===Module[\"canvas\"]||document[\"mozPointerLockElement\"]===Module[\"canvas\"]||document[\"webkitPointerLockElement\"]===Module[\"canvas\"]||document[\"msPointerLockElement\"]===Module[\"canvas\"]}var canvas=Module[\"canvas\"];if(canvas){canvas.requestPointerLock=canvas[\"requestPointerLock\"]||canvas[\"mozRequestPointerLock\"]||canvas[\"webkitRequestPointerLock\"]||canvas[\"msRequestPointerLock\"]||(()=>{});canvas.exitPointerLock=document[\"exitPointerLock\"]||document[\"mozExitPointerLock\"]||document[\"webkitExitPointerLock\"]||document[\"msExitPointerLock\"]||(()=>{});canvas.exitPointerLock=canvas.exitPointerLock.bind(document);document.addEventListener(\"pointerlockchange\",pointerLockChange,false);document.addEventListener(\"mozpointerlockchange\",pointerLockChange,false);document.addEventListener(\"webkitpointerlockchange\",pointerLockChange,false);document.addEventListener(\"mspointerlockchange\",pointerLockChange,false);if(Module[\"elementPointerLock\"]){canvas.addEventListener(\"click\",ev=>{if(!Browser.pointerLock&&Module[\"canvas\"].requestPointerLock){Module[\"canvas\"].requestPointerLock();ev.preventDefault()}},false)}}},createContext(canvas,useWebGL,setInModule,webGLContextAttributes){if(useWebGL&&Module.ctx&&canvas==Module.canvas)return Module.ctx;var ctx;var contextHandle;if(useWebGL){var contextAttributes={antialias:false,alpha:false,majorVersion:1};if(webGLContextAttributes){for(var attribute in webGLContextAttributes){contextAttributes[attribute]=webGLContextAttributes[attribute]}}if(typeof GL!=\"undefined\"){contextHandle=GL.createContext(canvas,contextAttributes);if(contextHandle){ctx=GL.getContext(contextHandle).GLctx}}}else{ctx=canvas.getContext(\"2d\")}if(!ctx)return null;if(setInModule){Module.ctx=ctx;if(useWebGL)GL.makeContextCurrent(contextHandle);Module.useWebGL=useWebGL;Browser.moduleContextCreatedCallbacks.forEach(callback=>callback());Browser.init()}return ctx},destroyContext(canvas,useWebGL,setInModule){},fullscreenHandlersInstalled:false,lockPointer:undefined,resizeCanvas:undefined,requestFullscreen(lockPointer,resizeCanvas){Browser.lockPointer=lockPointer;Browser.resizeCanvas=resizeCanvas;if(typeof Browser.lockPointer==\"undefined\")Browser.lockPointer=true;if(typeof Browser.resizeCanvas==\"undefined\")Browser.resizeCanvas=false;var canvas=Module[\"canvas\"];function fullscreenChange(){Browser.isFullscreen=false;var canvasContainer=canvas.parentNode;if((document[\"fullscreenElement\"]||document[\"mozFullScreenElement\"]||document[\"msFullscreenElement\"]||document[\"webkitFullscreenElement\"]||document[\"webkitCurrentFullScreenElement\"])===canvasContainer){canvas.exitFullscreen=Browser.exitFullscreen;if(Browser.lockPointer)canvas.requestPointerLock();Browser.isFullscreen=true;if(Browser.resizeCanvas){Browser.setFullscreenCanvasSize()}else{Browser.updateCanvasDimensions(canvas)}}else{canvasContainer.parentNode.insertBefore(canvas,canvasContainer);canvasContainer.parentNode.removeChild(canvasContainer);if(Browser.resizeCanvas){Browser.setWindowedCanvasSize()}else{Browser.updateCanvasDimensions(canvas)}}Module[\"onFullScreen\"]?.(Browser.isFullscreen);Module[\"onFullscreen\"]?.(Browser.isFullscreen)}if(!Browser.fullscreenHandlersInstalled){Browser.fullscreenHandlersInstalled=true;document.addEventListener(\"fullscreenchange\",fullscreenChange,false);document.addEventListener(\"mozfullscreenchange\",fullscreenChange,false);document.addEventListener(\"webkitfullscreenchange\",fullscreenChange,false);document.addEventListener(\"MSFullscreenChange\",fullscreenChange,false)}var canvasContainer=document.createElement(\"div\");canvas.parentNode.insertBefore(canvasContainer,canvas);canvasContainer.appendChild(canvas);canvasContainer.requestFullscreen=canvasContainer[\"requestFullscreen\"]||canvasContainer[\"mozRequestFullScreen\"]||canvasContainer[\"msRequestFullscreen\"]||(canvasContainer[\"webkitRequestFullscreen\"]?()=>canvasContainer[\"webkitRequestFullscreen\"](Element[\"ALLOW_KEYBOARD_INPUT\"]):null)||(canvasContainer[\"webkitRequestFullScreen\"]?()=>canvasContainer[\"webkitRequestFullScreen\"](Element[\"ALLOW_KEYBOARD_INPUT\"]):null);canvasContainer.requestFullscreen()},exitFullscreen(){if(!Browser.isFullscreen){return false}var CFS=document[\"exitFullscreen\"]||document[\"cancelFullScreen\"]||document[\"mozCancelFullScreen\"]||document[\"msExitFullscreen\"]||document[\"webkitCancelFullScreen\"]||(()=>{});CFS.apply(document,[]);return true},nextRAF:0,fakeRequestAnimationFrame(func){var now=Date.now();if(Browser.nextRAF===0){Browser.nextRAF=now+1e3/60}else{while(now+2>=Browser.nextRAF){Browser.nextRAF+=1e3/60}}var delay=Math.max(Browser.nextRAF-now,0);setTimeout(func,delay)},requestAnimationFrame(func){if(typeof requestAnimationFrame==\"function\"){requestAnimationFrame(func);return}var RAF=Browser.fakeRequestAnimationFrame;RAF(func)},safeSetTimeout(func,timeout){return safeSetTimeout(func,timeout)},safeRequestAnimationFrame(func){return Browser.requestAnimationFrame(()=>{callUserCallback(func)})},getMimetype(name){return{\"jpg\":\"image/jpeg\",\"jpeg\":\"image/jpeg\",\"png\":\"image/png\",\"bmp\":\"image/bmp\",\"ogg\":\"audio/ogg\",\"wav\":\"audio/wav\",\"mp3\":\"audio/mpeg\"}[name.substr(name.lastIndexOf(\".\")+1)]},getUserMedia(func){window.getUserMedia||=navigator[\"getUserMedia\"]||navigator[\"mozGetUserMedia\"];window.getUserMedia(func)},getMovementX(event){return event[\"movementX\"]||event[\"mozMovementX\"]||event[\"webkitMovementX\"]||0},getMovementY(event){return event[\"movementY\"]||event[\"mozMovementY\"]||event[\"webkitMovementY\"]||0},getMouseWheelDelta(event){var delta=0;switch(event.type){case\"DOMMouseScroll\":delta=event.detail/3;break;case\"mousewheel\":delta=event.wheelDelta/120;break;case\"wheel\":delta=event.deltaY;switch(event.deltaMode){case 0:delta/=100;break;case 1:delta/=3;break;case 2:delta*=80;break;default:throw\"unrecognized mouse wheel delta mode: \"+event.deltaMode}break;default:throw\"unrecognized mouse wheel event: \"+event.type}return delta},mouseX:0,mouseY:0,mouseMovementX:0,mouseMovementY:0,touches:{},lastTouches:{},calculateMouseCoords(pageX,pageY){var rect=Module[\"canvas\"].getBoundingClientRect();var cw=Module[\"canvas\"].width;var ch=Module[\"canvas\"].height;var scrollX=typeof window.scrollX!=\"undefined\"?window.scrollX:window.pageXOffset;var scrollY=typeof window.scrollY!=\"undefined\"?window.scrollY:window.pageYOffset;var adjustedX=pageX-(scrollX+rect.left);var adjustedY=pageY-(scrollY+rect.top);adjustedX=adjustedX*(cw/rect.width);adjustedY=adjustedY*(ch/rect.height);return{x:adjustedX,y:adjustedY}},setMouseCoords(pageX,pageY){const{x:x,y:y}=Browser.calculateMouseCoords(pageX,pageY);Browser.mouseMovementX=x-Browser.mouseX;Browser.mouseMovementY=y-Browser.mouseY;Browser.mouseX=x;Browser.mouseY=y},calculateMouseEvent(event){if(Browser.pointerLock){if(event.type!=\"mousemove\"&&\"mozMovementX\"in event){Browser.mouseMovementX=Browser.mouseMovementY=0}else{Browser.mouseMovementX=Browser.getMovementX(event);Browser.mouseMovementY=Browser.getMovementY(event)}Browser.mouseX+=Browser.mouseMovementX;Browser.mouseY+=Browser.mouseMovementY}else{if(event.type===\"touchstart\"||event.type===\"touchend\"||event.type===\"touchmove\"){var touch=event.touch;if(touch===undefined){return}var coords=Browser.calculateMouseCoords(touch.pageX,touch.pageY);if(event.type===\"touchstart\"){Browser.lastTouches[touch.identifier]=coords;Browser.touches[touch.identifier]=coords}else if(event.type===\"touchend\"||event.type===\"touchmove\"){var last=Browser.touches[touch.identifier];last||=coords;Browser.lastTouches[touch.identifier]=last;Browser.touches[touch.identifier]=coords}return}Browser.setMouseCoords(event.pageX,event.pageY)}},resizeListeners:[],updateResizeListeners(){var canvas=Module[\"canvas\"];Browser.resizeListeners.forEach(listener=>listener(canvas.width,canvas.height))},setCanvasSize(width,height,noUpdates){var canvas=Module[\"canvas\"];Browser.updateCanvasDimensions(canvas,width,height);if(!noUpdates)Browser.updateResizeListeners()},windowedWidth:0,windowedHeight:0,setFullscreenCanvasSize(){if(typeof SDL!=\"undefined\"){var flags=HEAPU32[SDL.screen>>>2>>>0];flags=flags|8388608;HEAP32[SDL.screen>>>2>>>0]=flags}Browser.updateCanvasDimensions(Module[\"canvas\"]);Browser.updateResizeListeners()},setWindowedCanvasSize(){if(typeof SDL!=\"undefined\"){var flags=HEAPU32[SDL.screen>>>2>>>0];flags=flags&~8388608;HEAP32[SDL.screen>>>2>>>0]=flags}Browser.updateCanvasDimensions(Module[\"canvas\"]);Browser.updateResizeListeners()},updateCanvasDimensions(canvas,wNative,hNative){if(wNative&&hNative){canvas.widthNative=wNative;canvas.heightNative=hNative}else{wNative=canvas.widthNative;hNative=canvas.heightNative}var w=wNative;var h=hNative;if(Module[\"forcedAspectRatio\"]&&Module[\"forcedAspectRatio\"]>0){if(w/h>>=0;onload>>>=0;onerror>>>=0;var _file=UTF8ToString(file);var data=FS.analyzePath(_file);if(!data.exists)return-1;FS.createPreloadedFile(PATH.dirname(_file),PATH.basename(_file),new Uint8Array(data.object.contents),true,true,()=>{if(onload)getWasmTableEntry(onload)(file)},()=>{if(onerror)getWasmTableEntry(onerror)(file)},true);return 0};Module[\"_emscripten_run_preload_plugins\"]=_emscripten_run_preload_plugins;_emscripten_run_preload_plugins.sig=\"ippp\";var Browser_asyncPrepareDataCounter=0;Module[\"Browser_asyncPrepareDataCounter\"]=Browser_asyncPrepareDataCounter;var _emscripten_run_preload_plugins_data=function(data,size,suffix,arg,onload,onerror){data>>>=0;suffix>>>=0;arg>>>=0;onload>>>=0;onerror>>>=0;var _suffix=UTF8ToString(suffix);var name=\"prepare_data_\"+Browser_asyncPrepareDataCounter+++\".\"+_suffix;var cname=stringToNewUTF8(name);FS.createPreloadedFile(\"/\",name,HEAPU8.subarray(data>>>0,data+size>>>0),true,true,()=>{if(onload)getWasmTableEntry(onload)(arg,cname)},()=>{if(onerror)getWasmTableEntry(onerror)(arg)},true)};Module[\"_emscripten_run_preload_plugins_data\"]=_emscripten_run_preload_plugins_data;_emscripten_run_preload_plugins_data.sig=\"vpipppp\";var _emscripten_async_run_script=function(script,millis){script>>>=0;safeSetTimeout(()=>_emscripten_run_script(script),millis)};Module[\"_emscripten_async_run_script\"]=_emscripten_async_run_script;_emscripten_async_run_script.sig=\"vpi\";var _emscripten_async_load_script=function(url,onload,onerror){url>>>=0;onload>>>=0;onerror>>>=0;url=UTF8ToString(url);onload=getWasmTableEntry(onload);onerror=getWasmTableEntry(onerror);var loadDone=()=>{if(onload){if(runDependencies>0){dependenciesFulfilled=onload}else{onload()}}};var loadError=()=>{onerror?.()};if(ENVIRONMENT_IS_NODE){readAsync(url,data=>{eval(data);loadDone()},loadError,false);return}var script=document.createElement(\"script\");script.onload=loadDone;script.onerror=loadError;script.src=url;document.body.appendChild(script)};Module[\"_emscripten_async_load_script\"]=_emscripten_async_load_script;_emscripten_async_load_script.sig=\"vppp\";function _emscripten_get_main_loop_timing(mode,value){mode>>>=0;value>>>=0;if(mode)HEAP32[mode>>>2>>>0]=Browser.mainLoop.timingMode;if(value)HEAP32[value>>>2>>>0]=Browser.mainLoop.timingValue}Module[\"_emscripten_get_main_loop_timing\"]=_emscripten_get_main_loop_timing;_emscripten_get_main_loop_timing.sig=\"vpp\";function _emscripten_set_main_loop(func,fps,simulateInfiniteLoop){func>>>=0;var browserIterationFunc=getWasmTableEntry(func);setMainLoop(browserIterationFunc,fps,simulateInfiniteLoop)}Module[\"_emscripten_set_main_loop\"]=_emscripten_set_main_loop;_emscripten_set_main_loop.sig=\"vpii\";var _emscripten_set_main_loop_arg=function(func,arg,fps,simulateInfiniteLoop){func>>>=0;arg>>>=0;var browserIterationFunc=()=>getWasmTableEntry(func)(arg);setMainLoop(browserIterationFunc,fps,simulateInfiniteLoop,arg)};Module[\"_emscripten_set_main_loop_arg\"]=_emscripten_set_main_loop_arg;_emscripten_set_main_loop_arg.sig=\"vppii\";var _emscripten_cancel_main_loop=()=>{Browser.mainLoop.pause();Browser.mainLoop.func=null};Module[\"_emscripten_cancel_main_loop\"]=_emscripten_cancel_main_loop;_emscripten_cancel_main_loop.sig=\"v\";var _emscripten_pause_main_loop=()=>{Browser.mainLoop.pause()};Module[\"_emscripten_pause_main_loop\"]=_emscripten_pause_main_loop;_emscripten_pause_main_loop.sig=\"v\";var _emscripten_resume_main_loop=()=>{Browser.mainLoop.resume()};Module[\"_emscripten_resume_main_loop\"]=_emscripten_resume_main_loop;_emscripten_resume_main_loop.sig=\"v\";var __emscripten_push_main_loop_blocker=function(func,arg,name){func>>>=0;arg>>>=0;name>>>=0;Browser.mainLoop.queue.push({func:()=>{getWasmTableEntry(func)(arg)},name:UTF8ToString(name),counted:true});Browser.mainLoop.updateStatus()};Module[\"__emscripten_push_main_loop_blocker\"]=__emscripten_push_main_loop_blocker;__emscripten_push_main_loop_blocker.sig=\"vppp\";var __emscripten_push_uncounted_main_loop_blocker=function(func,arg,name){func>>>=0;arg>>>=0;name>>>=0;Browser.mainLoop.queue.push({func:()=>{getWasmTableEntry(func)(arg)},name:UTF8ToString(name),counted:false});Browser.mainLoop.updateStatus()};Module[\"__emscripten_push_uncounted_main_loop_blocker\"]=__emscripten_push_uncounted_main_loop_blocker;__emscripten_push_uncounted_main_loop_blocker.sig=\"vppp\";var _emscripten_set_main_loop_expected_blockers=num=>{Browser.mainLoop.expectedBlockers=num;Browser.mainLoop.remainingBlockers=num;Browser.mainLoop.updateStatus()};Module[\"_emscripten_set_main_loop_expected_blockers\"]=_emscripten_set_main_loop_expected_blockers;_emscripten_set_main_loop_expected_blockers.sig=\"vi\";function _emscripten_async_call(func,arg,millis){func>>>=0;arg>>>=0;function wrapper(){getWasmTableEntry(func)(arg)}if(millis>=0||ENVIRONMENT_IS_NODE){safeSetTimeout(wrapper,millis)}else{Browser.safeRequestAnimationFrame(wrapper)}}Module[\"_emscripten_async_call\"]=_emscripten_async_call;_emscripten_async_call.sig=\"vppi\";function _emscripten_get_window_title(){var buflen=256;if(!_emscripten_get_window_title.buffer){_emscripten_get_window_title.buffer=_malloc(buflen)}stringToUTF8(document.title,_emscripten_get_window_title.buffer,buflen);return _emscripten_get_window_title.buffer}Module[\"_emscripten_get_window_title\"]=_emscripten_get_window_title;_emscripten_get_window_title.sig=\"p\";function _emscripten_set_window_title(title){title>>>=0;return document.title=UTF8ToString(title)}Module[\"_emscripten_set_window_title\"]=_emscripten_set_window_title;_emscripten_set_window_title.sig=\"vp\";function _emscripten_get_screen_size(width,height){width>>>=0;height>>>=0;HEAP32[width>>>2>>>0]=screen.width;HEAP32[height>>>2>>>0]=screen.height}Module[\"_emscripten_get_screen_size\"]=_emscripten_get_screen_size;_emscripten_get_screen_size.sig=\"vpp\";var _emscripten_hide_mouse=()=>{var styleSheet=document.styleSheets[0];var rules=styleSheet.cssRules;for(var i=0;i{Browser.setCanvasSize(width,height)};Module[\"_emscripten_set_canvas_size\"]=_emscripten_set_canvas_size;_emscripten_set_canvas_size.sig=\"vii\";function _emscripten_get_canvas_size(width,height,isFullscreen){width>>>=0;height>>>=0;isFullscreen>>>=0;var canvas=Module[\"canvas\"];HEAP32[width>>>2>>>0]=canvas.width;HEAP32[height>>>2>>>0]=canvas.height;HEAP32[isFullscreen>>>2>>>0]=Browser.isFullscreen?1:0}Module[\"_emscripten_get_canvas_size\"]=_emscripten_get_canvas_size;_emscripten_get_canvas_size.sig=\"vppp\";function _emscripten_create_worker(url){url>>>=0;url=UTF8ToString(url);var id=Browser.workers.length;var info={worker:new Worker(url),callbacks:[],awaited:0,buffer:0,bufferSize:0};info.worker.onmessage=function info_worker_onmessage(msg){if(ABORT)return;var info=Browser.workers[id];if(!info)return;var callbackId=msg.data[\"callbackId\"];var callbackInfo=info.callbacks[callbackId];if(!callbackInfo)return;if(msg.data[\"finalResponse\"]){info.awaited--;info.callbacks[callbackId]=null}var data=msg.data[\"data\"];if(data){if(!data.byteLength)data=new Uint8Array(data);if(!info.buffer||info.bufferSize>>0);callbackInfo.func(info.buffer,data.length,callbackInfo.arg)}else{callbackInfo.func(0,0,callbackInfo.arg)}};Browser.workers.push(info);return id}Module[\"_emscripten_create_worker\"]=_emscripten_create_worker;_emscripten_create_worker.sig=\"ip\";var _emscripten_destroy_worker=id=>{var info=Browser.workers[id];info.worker.terminate();if(info.buffer)_free(info.buffer);Browser.workers[id]=null};Module[\"_emscripten_destroy_worker\"]=_emscripten_destroy_worker;_emscripten_destroy_worker.sig=\"vi\";function _emscripten_call_worker(id,funcName,data,size,callback,arg){funcName>>>=0;data>>>=0;callback>>>=0;arg>>>=0;funcName=UTF8ToString(funcName);var info=Browser.workers[id];var callbackId=-1;if(callback){callbackId=info.callbacks.length;info.callbacks.push({func:getWasmTableEntry(callback),arg:arg});info.awaited++}var transferObject={\"funcName\":funcName,\"callbackId\":callbackId,\"data\":data?new Uint8Array(HEAPU8.subarray(data>>>0,data+size>>>0)):0};if(data){info.worker.postMessage(transferObject,[transferObject.data.buffer])}else{info.worker.postMessage(transferObject)}}Module[\"_emscripten_call_worker\"]=_emscripten_call_worker;_emscripten_call_worker.sig=\"vippipp\";var _emscripten_get_worker_queue_size=id=>{var info=Browser.workers[id];if(!info)return-1;return info.awaited};Module[\"_emscripten_get_worker_queue_size\"]=_emscripten_get_worker_queue_size;_emscripten_get_worker_queue_size.sig=\"ii\";var getPreloadedImageData=(path,w,h)=>{path=PATH_FS.resolve(path);var canvas=preloadedImages[path];if(!canvas)return 0;var ctx=canvas.getContext(\"2d\");var image=ctx.getImageData(0,0,canvas.width,canvas.height);var buf=_malloc(canvas.width*canvas.height*4);HEAPU8.set(image.data,buf>>>0);HEAP32[w>>>2>>>0]=canvas.width;HEAP32[h>>>2>>>0]=canvas.height;return buf};Module[\"getPreloadedImageData\"]=getPreloadedImageData;function _emscripten_get_preloaded_image_data(path,w,h){path>>>=0;w>>>=0;h>>>=0;return getPreloadedImageData(UTF8ToString(path),w,h)}Module[\"_emscripten_get_preloaded_image_data\"]=_emscripten_get_preloaded_image_data;_emscripten_get_preloaded_image_data.sig=\"pppp\";var getPreloadedImageData__data=[\"$PATH_FS\",\"malloc\"];Module[\"getPreloadedImageData__data\"]=getPreloadedImageData__data;function _emscripten_get_preloaded_image_data_from_FILE(file,w,h){file>>>=0;w>>>=0;h>>>=0;var fd=_fileno(file);var stream=FS.getStream(fd);if(stream){return getPreloadedImageData(stream.path,w,h)}return 0}Module[\"_emscripten_get_preloaded_image_data_from_FILE\"]=_emscripten_get_preloaded_image_data_from_FILE;_emscripten_get_preloaded_image_data_from_FILE.sig=\"pppp\";var wget={wgetRequests:{},nextWgetRequestHandle:0,getNextWgetRequestHandle(){var handle=wget.nextWgetRequestHandle;wget.nextWgetRequestHandle++;return handle}};Module[\"wget\"]=wget;var FS_mkdirTree=(path,mode)=>FS.mkdirTree(path,mode);Module[\"FS_mkdirTree\"]=FS_mkdirTree;var _emscripten_async_wget=function(url,file,onload,onerror){url>>>=0;file>>>=0;onload>>>=0;onerror>>>=0;var _url=UTF8ToString(url);var _file=UTF8ToString(file);_file=PATH_FS.resolve(_file);function doCallback(callback){if(callback){callUserCallback(()=>{var sp=stackSave();getWasmTableEntry(callback)(stringToUTF8OnStack(_file));stackRestore(sp)})}}var destinationDirectory=PATH.dirname(_file);FS_createPreloadedFile(destinationDirectory,PATH.basename(_file),_url,true,true,()=>doCallback(onload),()=>doCallback(onerror),false,false,()=>{try{FS_unlink(_file)}catch(e){}FS_mkdirTree(destinationDirectory)})};Module[\"_emscripten_async_wget\"]=_emscripten_async_wget;_emscripten_async_wget.sig=\"vpppp\";var _emscripten_async_wget_data=function(url,userdata,onload,onerror){url>>>=0;userdata>>>=0;onload>>>=0;onerror>>>=0;asyncLoad(UTF8ToString(url),byteArray=>{callUserCallback(()=>{var buffer=_malloc(byteArray.length);HEAPU8.set(byteArray,buffer>>>0);getWasmTableEntry(onload)(userdata,buffer,byteArray.length);_free(buffer)})},()=>{if(onerror){callUserCallback(()=>{getWasmTableEntry(onerror)(userdata)})}},true)};Module[\"_emscripten_async_wget_data\"]=_emscripten_async_wget_data;_emscripten_async_wget_data.sig=\"vpppp\";var _emscripten_async_wget2=function(url,file,request,param,userdata,onload,onerror,onprogress){url>>>=0;file>>>=0;request>>>=0;param>>>=0;userdata>>>=0;onload>>>=0;onerror>>>=0;onprogress>>>=0;var _url=UTF8ToString(url);var _file=UTF8ToString(file);_file=PATH_FS.resolve(_file);var _request=UTF8ToString(request);var _param=UTF8ToString(param);var index=_file.lastIndexOf(\"/\");var http=new XMLHttpRequest;http.open(_request,_url,true);http.responseType=\"arraybuffer\";var handle=wget.getNextWgetRequestHandle();var destinationDirectory=PATH.dirname(_file);http.onload=e=>{if(http.status>=200&&http.status<300){try{FS.unlink(_file)}catch(e){}FS.mkdirTree(destinationDirectory);FS.createDataFile(_file.substr(0,index),_file.substr(index+1),new Uint8Array(http.response),true,true,false);if(onload){var sp=stackSave();getWasmTableEntry(onload)(handle,userdata,stringToUTF8OnStack(_file));stackRestore(sp)}}else{if(onerror)getWasmTableEntry(onerror)(handle,userdata,http.status)}delete wget.wgetRequests[handle]};http.onerror=e=>{if(onerror)getWasmTableEntry(onerror)(handle,userdata,http.status);delete wget.wgetRequests[handle]};http.onprogress=e=>{if(e.lengthComputable||e.lengthComputable===undefined&&e.total!=0){var percentComplete=e.loaded/e.total*100;if(onprogress)getWasmTableEntry(onprogress)(handle,userdata,percentComplete)}};http.onabort=e=>{delete wget.wgetRequests[handle]};if(_request==\"POST\"){http.setRequestHeader(\"Content-type\",\"application/x-www-form-urlencoded\");http.send(_param)}else{http.send(null)}wget.wgetRequests[handle]=http;return handle};Module[\"_emscripten_async_wget2\"]=_emscripten_async_wget2;_emscripten_async_wget2.sig=\"ipppppppp\";function _emscripten_async_wget2_data(url,request,param,userdata,free,onload,onerror,onprogress){url>>>=0;request>>>=0;param>>>=0;userdata>>>=0;onload>>>=0;onerror>>>=0;onprogress>>>=0;var _url=UTF8ToString(url);var _request=UTF8ToString(request);var _param=UTF8ToString(param);var http=new XMLHttpRequest;http.open(_request,_url,true);http.responseType=\"arraybuffer\";var handle=wget.getNextWgetRequestHandle();function onerrorjs(){if(onerror){var sp=stackSave();var statusText=0;if(http.statusText){statusText=stringToUTF8OnStack(http.statusText)}getWasmTableEntry(onerror)(handle,userdata,http.status,statusText);stackRestore(sp)}}http.onload=e=>{if(http.status>=200&&http.status<300||http.status===0&&_url.substr(0,4).toLowerCase()!=\"http\"){var byteArray=new Uint8Array(http.response);var buffer=_malloc(byteArray.length);HEAPU8.set(byteArray,buffer>>>0);if(onload)getWasmTableEntry(onload)(handle,userdata,buffer,byteArray.length);if(free)_free(buffer)}else{onerrorjs()}delete wget.wgetRequests[handle]};http.onerror=e=>{onerrorjs();delete wget.wgetRequests[handle]};http.onprogress=e=>{if(onprogress)getWasmTableEntry(onprogress)(handle,userdata,e.loaded,e.lengthComputable||e.lengthComputable===undefined?e.total:0)};http.onabort=e=>{delete wget.wgetRequests[handle]};if(_request==\"POST\"){http.setRequestHeader(\"Content-type\",\"application/x-www-form-urlencoded\");http.send(_param)}else{http.send(null)}wget.wgetRequests[handle]=http;return handle}Module[\"_emscripten_async_wget2_data\"]=_emscripten_async_wget2_data;_emscripten_async_wget2_data.sig=\"ippppippp\";var _emscripten_async_wget2_abort=handle=>{var http=wget.wgetRequests[handle];http?.abort()};Module[\"_emscripten_async_wget2_abort\"]=_emscripten_async_wget2_abort;_emscripten_async_wget2_abort.sig=\"vi\";function __dlsym_catchup_js(handle,symbolIndex){handle>>>=0;var lib=LDSO.loadedLibsByHandle[handle];var symDict=lib.exports;var symName=Object.keys(symDict)[symbolIndex];var sym=symDict[symName];var result=addFunction(sym,sym.sig);return result}Module[\"__dlsym_catchup_js\"]=__dlsym_catchup_js;__dlsym_catchup_js.sig=\"ppi\";var _setNetworkCallback=(event,userData,callback)=>{function _callback(data){try{if(event===\"error\"){var sp=stackSave();var msg=stringToUTF8OnStack(data[2]);getWasmTableEntry(callback)(data[0],data[1],msg,userData);stackRestore(sp)}else{getWasmTableEntry(callback)(data,userData)}}catch(e){if(!(e instanceof ExitStatus)){if(e&&typeof e==\"object\"&&e.stack)err(\"exception thrown: \"+[e,e.stack]);throw e}}}Module[\"websocket\"][\"on\"](event,callback?_callback:null)};Module[\"_setNetworkCallback\"]=_setNetworkCallback;function _emscripten_set_socket_error_callback(userData,callback){userData>>>=0;callback>>>=0;_setNetworkCallback(\"error\",userData,callback)}Module[\"_emscripten_set_socket_error_callback\"]=_emscripten_set_socket_error_callback;_emscripten_set_socket_error_callback.sig=\"vpp\";function _emscripten_set_socket_open_callback(userData,callback){userData>>>=0;callback>>>=0;_setNetworkCallback(\"open\",userData,callback)}Module[\"_emscripten_set_socket_open_callback\"]=_emscripten_set_socket_open_callback;_emscripten_set_socket_open_callback.sig=\"vpp\";function _emscripten_set_socket_listen_callback(userData,callback){userData>>>=0;callback>>>=0;_setNetworkCallback(\"listen\",userData,callback)}Module[\"_emscripten_set_socket_listen_callback\"]=_emscripten_set_socket_listen_callback;_emscripten_set_socket_listen_callback.sig=\"vpp\";function _emscripten_set_socket_connection_callback(userData,callback){userData>>>=0;callback>>>=0;_setNetworkCallback(\"connection\",userData,callback)}Module[\"_emscripten_set_socket_connection_callback\"]=_emscripten_set_socket_connection_callback;_emscripten_set_socket_connection_callback.sig=\"vpp\";function _emscripten_set_socket_message_callback(userData,callback){userData>>>=0;callback>>>=0;_setNetworkCallback(\"message\",userData,callback)}Module[\"_emscripten_set_socket_message_callback\"]=_emscripten_set_socket_message_callback;_emscripten_set_socket_message_callback.sig=\"vpp\";function _emscripten_set_socket_close_callback(userData,callback){userData>>>=0;callback>>>=0;_setNetworkCallback(\"close\",userData,callback)}Module[\"_emscripten_set_socket_close_callback\"]=_emscripten_set_socket_close_callback;_emscripten_set_socket_close_callback.sig=\"vpp\";var ALLOC_NORMAL=0;Module[\"ALLOC_NORMAL\"]=ALLOC_NORMAL;var ALLOC_STACK=1;Module[\"ALLOC_STACK\"]=ALLOC_STACK;var allocate=(slab,allocator)=>{var ret;if(allocator==ALLOC_STACK){ret=stackAlloc(slab.length)}else{ret=_malloc(slab.length)}if(!slab.subarray&&!slab.slice){slab=new Uint8Array(slab)}HEAPU8.set(slab,ret>>>0);return ret};Module[\"allocate\"]=allocate;var writeStringToMemory=(string,buffer,dontAddNull)=>{warnOnce(\"writeStringToMemory is deprecated and should not be called! Use stringToUTF8() instead!\");var lastChar,end;if(dontAddNull){end=buffer+lengthBytesUTF8(string);lastChar=HEAP8[end>>>0]}stringToUTF8(string,buffer,Infinity);if(dontAddNull)HEAP8[end>>>0]=lastChar};Module[\"writeStringToMemory\"]=writeStringToMemory;var writeAsciiToMemory=(str,buffer,dontAddNull)=>{for(var i=0;i>>0]=str.charCodeAt(i)}if(!dontAddNull)HEAP8[buffer>>>0]=0};Module[\"writeAsciiToMemory\"]=writeAsciiToMemory;var allocateUTF8=stringToNewUTF8;Module[\"allocateUTF8\"]=allocateUTF8;var allocateUTF8OnStack=stringToUTF8OnStack;Module[\"allocateUTF8OnStack\"]=allocateUTF8OnStack;var setErrNo=value=>{HEAP32[___errno_location()>>>2>>>0]=value;return value};Module[\"setErrNo\"]=setErrNo;var demangle=func=>{demangle.recursionGuard=(demangle.recursionGuard|0)+1;if(demangle.recursionGuard>1)return func;return withStackSave(()=>{try{var s=func;if(s.startsWith(\"__Z\"))s=s.substr(1);var buf=stringToUTF8OnStack(s);var status=stackAlloc(4);var ret=___cxa_demangle(buf,0,0,status);if(HEAP32[status>>>2>>>0]===0&&ret){return UTF8ToString(ret)}}catch(e){}finally{_free(ret);if(demangle.recursionGuard<2)--demangle.recursionGuard}return func})};Module[\"demangle\"]=demangle;function stackTrace(){var js=jsStackTrace();if(Module[\"extraStackTrace\"])js+=\"\\n\"+Module[\"extraStackTrace\"]();return js}Module[\"stackTrace\"]=stackTrace;var _emscripten_is_main_browser_thread=()=>!ENVIRONMENT_IS_WORKER;Module[\"_emscripten_is_main_browser_thread\"]=_emscripten_is_main_browser_thread;var webSockets=new HandleAllocator;Module[\"webSockets\"]=webSockets;var WS={socketEvent:null,getSocket(socketId){if(!webSockets.has(socketId)){return 0}return webSockets.get(socketId)},getSocketEvent(socketId){this.socketEvent||=_malloc(524);HEAPU32[this.socketEvent>>>2>>>0]=socketId;return this.socketEvent}};Module[\"WS\"]=WS;function _emscripten_websocket_get_ready_state(socketId,readyState){readyState>>>=0;var socket=WS.getSocket(socketId);if(!socket){return-3}HEAP16[readyState>>>1>>>0]=socket.readyState;return 0}Module[\"_emscripten_websocket_get_ready_state\"]=_emscripten_websocket_get_ready_state;_emscripten_websocket_get_ready_state.sig=\"iip\";function _emscripten_websocket_get_buffered_amount(socketId,bufferedAmount){bufferedAmount>>>=0;var socket=WS.getSocket(socketId);if(!socket){return-3}HEAPU32[bufferedAmount>>>2>>>0]=socket.bufferedAmount;return 0}Module[\"_emscripten_websocket_get_buffered_amount\"]=_emscripten_websocket_get_buffered_amount;_emscripten_websocket_get_buffered_amount.sig=\"iip\";function _emscripten_websocket_get_extensions(socketId,extensions,extensionsLength){extensions>>>=0;var socket=WS.getSocket(socketId);if(!socket){return-3}if(!extensions)return-5;stringToUTF8(socket.extensions,extensions,extensionsLength);return 0}Module[\"_emscripten_websocket_get_extensions\"]=_emscripten_websocket_get_extensions;_emscripten_websocket_get_extensions.sig=\"iipi\";function _emscripten_websocket_get_extensions_length(socketId,extensionsLength){extensionsLength>>>=0;var socket=WS.getSocket(socketId);if(!socket){return-3}if(!extensionsLength)return-5;HEAP32[extensionsLength>>>2>>>0]=lengthBytesUTF8(socket.extensions)+1;return 0}Module[\"_emscripten_websocket_get_extensions_length\"]=_emscripten_websocket_get_extensions_length;_emscripten_websocket_get_extensions_length.sig=\"iip\";function _emscripten_websocket_get_protocol(socketId,protocol,protocolLength){protocol>>>=0;var socket=WS.getSocket(socketId);if(!socket){return-3}if(!protocol)return-5;stringToUTF8(socket.protocol,protocol,protocolLength);return 0}Module[\"_emscripten_websocket_get_protocol\"]=_emscripten_websocket_get_protocol;_emscripten_websocket_get_protocol.sig=\"iipi\";function _emscripten_websocket_get_protocol_length(socketId,protocolLength){protocolLength>>>=0;var socket=WS.getSocket(socketId);if(!socket){return-3}if(!protocolLength)return-5;HEAP32[protocolLength>>>2>>>0]=lengthBytesUTF8(socket.protocol)+1;return 0}Module[\"_emscripten_websocket_get_protocol_length\"]=_emscripten_websocket_get_protocol_length;_emscripten_websocket_get_protocol_length.sig=\"iip\";function _emscripten_websocket_get_url(socketId,url,urlLength){url>>>=0;var socket=WS.getSocket(socketId);if(!socket){return-3}if(!url)return-5;stringToUTF8(socket.url,url,urlLength);return 0}Module[\"_emscripten_websocket_get_url\"]=_emscripten_websocket_get_url;_emscripten_websocket_get_url.sig=\"iipi\";function _emscripten_websocket_get_url_length(socketId,urlLength){urlLength>>>=0;var socket=WS.getSocket(socketId);if(!socket){return-3}if(!urlLength)return-5;HEAP32[urlLength>>>2>>>0]=lengthBytesUTF8(socket.url)+1;return 0}Module[\"_emscripten_websocket_get_url_length\"]=_emscripten_websocket_get_url_length;_emscripten_websocket_get_url_length.sig=\"iip\";function _emscripten_websocket_set_onopen_callback_on_thread(socketId,userData,callbackFunc,thread){userData>>>=0;callbackFunc>>>=0;thread>>>=0;var eventPtr=WS.getSocketEvent(socketId);var socket=WS.getSocket(socketId);if(!socket){return-3}socket.onopen=function(e){getWasmTableEntry(callbackFunc)(0,eventPtr,userData)};return 0}Module[\"_emscripten_websocket_set_onopen_callback_on_thread\"]=_emscripten_websocket_set_onopen_callback_on_thread;_emscripten_websocket_set_onopen_callback_on_thread.sig=\"iippp\";function _emscripten_websocket_set_onerror_callback_on_thread(socketId,userData,callbackFunc,thread){userData>>>=0;callbackFunc>>>=0;thread>>>=0;var eventPtr=WS.getSocketEvent(socketId);var socket=WS.getSocket(socketId);if(!socket){return-3}socket.onerror=function(e){getWasmTableEntry(callbackFunc)(0,eventPtr,userData)};return 0}Module[\"_emscripten_websocket_set_onerror_callback_on_thread\"]=_emscripten_websocket_set_onerror_callback_on_thread;_emscripten_websocket_set_onerror_callback_on_thread.sig=\"iippp\";function _emscripten_websocket_set_onclose_callback_on_thread(socketId,userData,callbackFunc,thread){userData>>>=0;callbackFunc>>>=0;thread>>>=0;var eventPtr=WS.getSocketEvent(socketId);var socket=WS.getSocket(socketId);if(!socket){return-3}socket.onclose=function(e){HEAP32[eventPtr+4>>>2>>>0]=e.wasClean,HEAP16[eventPtr+4>>>1>>>0]=e.code,stringToUTF8(e.reason,eventPtr+10,512);getWasmTableEntry(callbackFunc)(0,eventPtr,userData)};return 0}Module[\"_emscripten_websocket_set_onclose_callback_on_thread\"]=_emscripten_websocket_set_onclose_callback_on_thread;_emscripten_websocket_set_onclose_callback_on_thread.sig=\"iippp\";function _emscripten_websocket_set_onmessage_callback_on_thread(socketId,userData,callbackFunc,thread){userData>>>=0;callbackFunc>>>=0;thread>>>=0;var eventPtr=WS.getSocketEvent(socketId);var socket=WS.getSocket(socketId);if(!socket){return-3}socket.onmessage=function(e){var isText=typeof e.data==\"string\";if(isText){var buf=stringToNewUTF8(e.data);var len=lengthBytesUTF8(e.data)+1}else{var len=e.data.byteLength;var buf=_malloc(len);HEAP8.set(new Uint8Array(e.data),buf>>>0)}HEAPU32[eventPtr+4>>>2>>>0]=buf,HEAP32[eventPtr+8>>>2>>>0]=len,HEAP32[eventPtr+12>>>2>>>0]=isText,getWasmTableEntry(callbackFunc)(0,eventPtr,userData);_free(buf)};return 0}Module[\"_emscripten_websocket_set_onmessage_callback_on_thread\"]=_emscripten_websocket_set_onmessage_callback_on_thread;_emscripten_websocket_set_onmessage_callback_on_thread.sig=\"iippp\";function _emscripten_websocket_new(createAttributes){createAttributes>>>=0;if(typeof WebSocket==\"undefined\"){return-1}if(!createAttributes){return-5}var url=UTF8ToString(HEAPU32[createAttributes>>>2>>>0]);var protocols=HEAPU32[createAttributes+4>>>2>>>0];var socket=protocols?new WebSocket(url,UTF8ToString(protocols).split(\",\")):new WebSocket(url);socket.binaryType=\"arraybuffer\";var socketId=webSockets.allocate(socket);return socketId}Module[\"_emscripten_websocket_new\"]=_emscripten_websocket_new;_emscripten_websocket_new.sig=\"ip\";function _emscripten_websocket_send_utf8_text(socketId,textData){textData>>>=0;var socket=WS.getSocket(socketId);if(!socket){return-3}var str=UTF8ToString(textData);socket.send(str);return 0}Module[\"_emscripten_websocket_send_utf8_text\"]=_emscripten_websocket_send_utf8_text;_emscripten_websocket_send_utf8_text.sig=\"iip\";function _emscripten_websocket_send_binary(socketId,binaryData,dataLength){binaryData>>>=0;var socket=WS.getSocket(socketId);if(!socket){return-3}socket.send(HEAPU8.subarray(binaryData>>>0,binaryData+dataLength>>>0));return 0}Module[\"_emscripten_websocket_send_binary\"]=_emscripten_websocket_send_binary;_emscripten_websocket_send_binary.sig=\"iipi\";function _emscripten_websocket_close(socketId,code,reason){reason>>>=0;var socket=WS.getSocket(socketId);if(!socket){return-3}var reasonStr=reason?UTF8ToString(reason):undefined;if(reason)socket.close(code||undefined,UTF8ToString(reason));else if(code)socket.close(code);else socket.close();return 0}Module[\"_emscripten_websocket_close\"]=_emscripten_websocket_close;_emscripten_websocket_close.sig=\"iiip\";var _emscripten_websocket_delete=socketId=>{var socket=WS.getSocket(socketId);if(!socket){return-3}socket.onopen=socket.onerror=socket.onclose=socket.onmessage=null;webSockets.free(socketId);return 0};Module[\"_emscripten_websocket_delete\"]=_emscripten_websocket_delete;_emscripten_websocket_delete.sig=\"ii\";var _emscripten_websocket_is_supported=()=>typeof WebSocket!=\"undefined\";Module[\"_emscripten_websocket_is_supported\"]=_emscripten_websocket_is_supported;_emscripten_websocket_is_supported.sig=\"i\";var _emscripten_websocket_deinitialize=()=>{for(var i in WS.sockets){var socket=WS.sockets[i];if(socket){socket.close();_emscripten_websocket_delete(i)}}WS.sockets=[]};Module[\"_emscripten_websocket_deinitialize\"]=_emscripten_websocket_deinitialize;_emscripten_websocket_deinitialize.sig=\"v\";function _emscripten_webgl_enable_ANGLE_instanced_arrays(ctx){ctx>>>=0;return webgl_enable_ANGLE_instanced_arrays(GL.contexts[ctx].GLctx)}Module[\"_emscripten_webgl_enable_ANGLE_instanced_arrays\"]=_emscripten_webgl_enable_ANGLE_instanced_arrays;_emscripten_webgl_enable_ANGLE_instanced_arrays.sig=\"ip\";function _emscripten_webgl_enable_OES_vertex_array_object(ctx){ctx>>>=0;return webgl_enable_OES_vertex_array_object(GL.contexts[ctx].GLctx)}Module[\"_emscripten_webgl_enable_OES_vertex_array_object\"]=_emscripten_webgl_enable_OES_vertex_array_object;_emscripten_webgl_enable_OES_vertex_array_object.sig=\"ip\";function _emscripten_webgl_enable_WEBGL_draw_buffers(ctx){ctx>>>=0;return webgl_enable_WEBGL_draw_buffers(GL.contexts[ctx].GLctx)}Module[\"_emscripten_webgl_enable_WEBGL_draw_buffers\"]=_emscripten_webgl_enable_WEBGL_draw_buffers;_emscripten_webgl_enable_WEBGL_draw_buffers.sig=\"ip\";function _emscripten_webgl_enable_WEBGL_multi_draw(ctx){ctx>>>=0;return webgl_enable_WEBGL_multi_draw(GL.contexts[ctx].GLctx)}Module[\"_emscripten_webgl_enable_WEBGL_multi_draw\"]=_emscripten_webgl_enable_WEBGL_multi_draw;_emscripten_webgl_enable_WEBGL_multi_draw.sig=\"ip\";function _glVertexPointer(size,type,stride,ptr){ptr>>>=0;throw\"Legacy GL function (glVertexPointer) called. If you want legacy GL emulation, you need to compile with -sLEGACY_GL_EMULATION to enable legacy GL emulation.\"}Module[\"_glVertexPointer\"]=_glVertexPointer;_glVertexPointer.sig=\"viiip\";var _glMatrixMode=()=>{throw\"Legacy GL function (glMatrixMode) called. If you want legacy GL emulation, you need to compile with -sLEGACY_GL_EMULATION to enable legacy GL emulation.\"};Module[\"_glMatrixMode\"]=_glMatrixMode;_glMatrixMode.sig=\"vi\";var _glBegin=()=>{throw\"Legacy GL function (glBegin) called. If you want legacy GL emulation, you need to compile with -sLEGACY_GL_EMULATION to enable legacy GL emulation.\"};Module[\"_glBegin\"]=_glBegin;_glBegin.sig=\"vi\";var _glLoadIdentity=()=>{throw\"Legacy GL function (glLoadIdentity) called. If you want legacy GL emulation, you need to compile with -sLEGACY_GL_EMULATION to enable legacy GL emulation.\"};Module[\"_glLoadIdentity\"]=_glLoadIdentity;_glLoadIdentity.sig=\"v\";var _glVertexAttribDivisorNV=_glVertexAttribDivisor;Module[\"_glVertexAttribDivisorNV\"]=_glVertexAttribDivisorNV;var _glDrawArraysInstancedNV=_glDrawArraysInstanced;Module[\"_glDrawArraysInstancedNV\"]=_glDrawArraysInstancedNV;var _glDrawElementsInstancedNV=_glDrawElementsInstanced;Module[\"_glDrawElementsInstancedNV\"]=_glDrawElementsInstancedNV;var _glVertexAttribDivisorEXT=_glVertexAttribDivisor;Module[\"_glVertexAttribDivisorEXT\"]=_glVertexAttribDivisorEXT;var _glDrawArraysInstancedEXT=_glDrawArraysInstanced;Module[\"_glDrawArraysInstancedEXT\"]=_glDrawArraysInstancedEXT;var _glDrawElementsInstancedEXT=_glDrawElementsInstanced;Module[\"_glDrawElementsInstancedEXT\"]=_glDrawElementsInstancedEXT;var _glVertexAttribDivisorARB=_glVertexAttribDivisor;Module[\"_glVertexAttribDivisorARB\"]=_glVertexAttribDivisorARB;var _glDrawArraysInstancedARB=_glDrawArraysInstanced;Module[\"_glDrawArraysInstancedARB\"]=_glDrawArraysInstancedARB;var _glDrawElementsInstancedARB=_glDrawElementsInstanced;Module[\"_glDrawElementsInstancedARB\"]=_glDrawElementsInstancedARB;var _glDrawBuffersEXT=_glDrawBuffers;Module[\"_glDrawBuffersEXT\"]=_glDrawBuffersEXT;function _glMultiDrawArraysWEBGL(mode,firsts,counts,drawcount){firsts>>>=0;counts>>>=0;GLctx.multiDrawWebgl[\"multiDrawArraysWEBGL\"](mode,HEAP32,firsts>>>2,HEAP32,counts>>>2,drawcount)}Module[\"_glMultiDrawArraysWEBGL\"]=_glMultiDrawArraysWEBGL;_glMultiDrawArraysWEBGL.sig=\"vippi\";var _glMultiDrawArrays=_glMultiDrawArraysWEBGL;Module[\"_glMultiDrawArrays\"]=_glMultiDrawArrays;_glMultiDrawArrays.sig=\"vippi\";var _glMultiDrawArraysANGLE=_glMultiDrawArraysWEBGL;Module[\"_glMultiDrawArraysANGLE\"]=_glMultiDrawArraysANGLE;function _glMultiDrawArraysInstancedWEBGL(mode,firsts,counts,instanceCounts,drawcount){firsts>>>=0;counts>>>=0;instanceCounts>>>=0;GLctx.multiDrawWebgl[\"multiDrawArraysInstancedWEBGL\"](mode,HEAP32,firsts>>>2,HEAP32,counts>>>2,HEAP32,instanceCounts>>>2,drawcount)}Module[\"_glMultiDrawArraysInstancedWEBGL\"]=_glMultiDrawArraysInstancedWEBGL;_glMultiDrawArraysInstancedWEBGL.sig=\"vipppi\";var _glMultiDrawArraysInstancedANGLE=_glMultiDrawArraysInstancedWEBGL;Module[\"_glMultiDrawArraysInstancedANGLE\"]=_glMultiDrawArraysInstancedANGLE;function _glMultiDrawElementsWEBGL(mode,counts,type,offsets,drawcount){counts>>>=0;offsets>>>=0;GLctx.multiDrawWebgl[\"multiDrawElementsWEBGL\"](mode,HEAP32,counts>>>2,type,HEAP32,offsets>>>2,drawcount)}Module[\"_glMultiDrawElementsWEBGL\"]=_glMultiDrawElementsWEBGL;_glMultiDrawElementsWEBGL.sig=\"vipipi\";var _glMultiDrawElements=_glMultiDrawElementsWEBGL;Module[\"_glMultiDrawElements\"]=_glMultiDrawElements;_glMultiDrawElements.sig=\"vipipi\";var _glMultiDrawElementsANGLE=_glMultiDrawElementsWEBGL;Module[\"_glMultiDrawElementsANGLE\"]=_glMultiDrawElementsANGLE;function _glMultiDrawElementsInstancedWEBGL(mode,counts,type,offsets,instanceCounts,drawcount){counts>>>=0;offsets>>>=0;instanceCounts>>>=0;GLctx.multiDrawWebgl[\"multiDrawElementsInstancedWEBGL\"](mode,HEAP32,counts>>>2,type,HEAP32,offsets>>>2,HEAP32,instanceCounts>>>2,drawcount)}Module[\"_glMultiDrawElementsInstancedWEBGL\"]=_glMultiDrawElementsInstancedWEBGL;_glMultiDrawElementsInstancedWEBGL.sig=\"vipippi\";var _glMultiDrawElementsInstancedANGLE=_glMultiDrawElementsInstancedWEBGL;Module[\"_glMultiDrawElementsInstancedANGLE\"]=_glMultiDrawElementsInstancedANGLE;var _glClearDepth=x0=>GLctx.clearDepth(x0);Module[\"_glClearDepth\"]=_glClearDepth;_glClearDepth.sig=\"vd\";var _glDepthRange=(x0,x1)=>GLctx.depthRange(x0,x1);Module[\"_glDepthRange\"]=_glDepthRange;_glDepthRange.sig=\"vdd\";var _emscripten_glGenVertexArrays=_glGenVertexArrays;Module[\"_emscripten_glGenVertexArrays\"]=_emscripten_glGenVertexArrays;_emscripten_glGenVertexArrays.sig=\"vip\";var _emscripten_glDeleteVertexArrays=_glDeleteVertexArrays;Module[\"_emscripten_glDeleteVertexArrays\"]=_emscripten_glDeleteVertexArrays;_emscripten_glDeleteVertexArrays.sig=\"vip\";var _emscripten_glBindVertexArray=_glBindVertexArray;Module[\"_emscripten_glBindVertexArray\"]=_emscripten_glBindVertexArray;_emscripten_glBindVertexArray.sig=\"vi\";var _emscripten_glIsVertexArray=_glIsVertexArray;Module[\"_emscripten_glIsVertexArray\"]=_emscripten_glIsVertexArray;_emscripten_glIsVertexArray.sig=\"ii\";var _emscripten_glVertexPointer=_glVertexPointer;Module[\"_emscripten_glVertexPointer\"]=_emscripten_glVertexPointer;_emscripten_glVertexPointer.sig=\"viiip\";var _emscripten_glMatrixMode=_glMatrixMode;Module[\"_emscripten_glMatrixMode\"]=_emscripten_glMatrixMode;_emscripten_glMatrixMode.sig=\"vi\";var _emscripten_glBegin=_glBegin;Module[\"_emscripten_glBegin\"]=_emscripten_glBegin;_emscripten_glBegin.sig=\"vi\";var _emscripten_glLoadIdentity=_glLoadIdentity;Module[\"_emscripten_glLoadIdentity\"]=_emscripten_glLoadIdentity;_emscripten_glLoadIdentity.sig=\"v\";var _emscripten_glVertexAttribDivisor=_glVertexAttribDivisor;Module[\"_emscripten_glVertexAttribDivisor\"]=_emscripten_glVertexAttribDivisor;_emscripten_glVertexAttribDivisor.sig=\"vii\";var _emscripten_glDrawArraysInstanced=_glDrawArraysInstanced;Module[\"_emscripten_glDrawArraysInstanced\"]=_emscripten_glDrawArraysInstanced;_emscripten_glDrawArraysInstanced.sig=\"viiii\";var _emscripten_glDrawElementsInstanced=_glDrawElementsInstanced;Module[\"_emscripten_glDrawElementsInstanced\"]=_emscripten_glDrawElementsInstanced;_emscripten_glDrawElementsInstanced.sig=\"viiipi\";var _emscripten_glVertexAttribDivisorNV=_glVertexAttribDivisorNV;Module[\"_emscripten_glVertexAttribDivisorNV\"]=_emscripten_glVertexAttribDivisorNV;var _emscripten_glDrawArraysInstancedNV=_glDrawArraysInstancedNV;Module[\"_emscripten_glDrawArraysInstancedNV\"]=_emscripten_glDrawArraysInstancedNV;var _emscripten_glDrawElementsInstancedNV=_glDrawElementsInstancedNV;Module[\"_emscripten_glDrawElementsInstancedNV\"]=_emscripten_glDrawElementsInstancedNV;var _emscripten_glVertexAttribDivisorEXT=_glVertexAttribDivisorEXT;Module[\"_emscripten_glVertexAttribDivisorEXT\"]=_emscripten_glVertexAttribDivisorEXT;var _emscripten_glDrawArraysInstancedEXT=_glDrawArraysInstancedEXT;Module[\"_emscripten_glDrawArraysInstancedEXT\"]=_emscripten_glDrawArraysInstancedEXT;var _emscripten_glDrawElementsInstancedEXT=_glDrawElementsInstancedEXT;Module[\"_emscripten_glDrawElementsInstancedEXT\"]=_emscripten_glDrawElementsInstancedEXT;var _emscripten_glVertexAttribDivisorARB=_glVertexAttribDivisorARB;Module[\"_emscripten_glVertexAttribDivisorARB\"]=_emscripten_glVertexAttribDivisorARB;var _emscripten_glDrawArraysInstancedARB=_glDrawArraysInstancedARB;Module[\"_emscripten_glDrawArraysInstancedARB\"]=_emscripten_glDrawArraysInstancedARB;var _emscripten_glDrawElementsInstancedARB=_glDrawElementsInstancedARB;Module[\"_emscripten_glDrawElementsInstancedARB\"]=_emscripten_glDrawElementsInstancedARB;var _emscripten_glDrawBuffers=_glDrawBuffers;Module[\"_emscripten_glDrawBuffers\"]=_emscripten_glDrawBuffers;_emscripten_glDrawBuffers.sig=\"vip\";var _emscripten_glDrawBuffersEXT=_glDrawBuffersEXT;Module[\"_emscripten_glDrawBuffersEXT\"]=_emscripten_glDrawBuffersEXT;var _emscripten_glMultiDrawArrays=_glMultiDrawArrays;Module[\"_emscripten_glMultiDrawArrays\"]=_emscripten_glMultiDrawArrays;_emscripten_glMultiDrawArrays.sig=\"vippi\";var _emscripten_glMultiDrawArraysANGLE=_glMultiDrawArraysANGLE;Module[\"_emscripten_glMultiDrawArraysANGLE\"]=_emscripten_glMultiDrawArraysANGLE;var _emscripten_glMultiDrawArraysWEBGL=_glMultiDrawArraysWEBGL;Module[\"_emscripten_glMultiDrawArraysWEBGL\"]=_emscripten_glMultiDrawArraysWEBGL;var _emscripten_glMultiDrawArraysInstancedANGLE=_glMultiDrawArraysInstancedANGLE;Module[\"_emscripten_glMultiDrawArraysInstancedANGLE\"]=_emscripten_glMultiDrawArraysInstancedANGLE;var _emscripten_glMultiDrawArraysInstancedWEBGL=_glMultiDrawArraysInstancedWEBGL;Module[\"_emscripten_glMultiDrawArraysInstancedWEBGL\"]=_emscripten_glMultiDrawArraysInstancedWEBGL;var _emscripten_glMultiDrawElements=_glMultiDrawElements;Module[\"_emscripten_glMultiDrawElements\"]=_emscripten_glMultiDrawElements;_emscripten_glMultiDrawElements.sig=\"vipipi\";var _emscripten_glMultiDrawElementsANGLE=_glMultiDrawElementsANGLE;Module[\"_emscripten_glMultiDrawElementsANGLE\"]=_emscripten_glMultiDrawElementsANGLE;var _emscripten_glMultiDrawElementsWEBGL=_glMultiDrawElementsWEBGL;Module[\"_emscripten_glMultiDrawElementsWEBGL\"]=_emscripten_glMultiDrawElementsWEBGL;var _emscripten_glMultiDrawElementsInstancedANGLE=_glMultiDrawElementsInstancedANGLE;Module[\"_emscripten_glMultiDrawElementsInstancedANGLE\"]=_emscripten_glMultiDrawElementsInstancedANGLE;var _emscripten_glMultiDrawElementsInstancedWEBGL=_glMultiDrawElementsInstancedWEBGL;Module[\"_emscripten_glMultiDrawElementsInstancedWEBGL\"]=_emscripten_glMultiDrawElementsInstancedWEBGL;var _emscripten_glClearDepth=_glClearDepth;Module[\"_emscripten_glClearDepth\"]=_emscripten_glClearDepth;_emscripten_glClearDepth.sig=\"vd\";var _emscripten_glDepthRange=_glDepthRange;Module[\"_emscripten_glDepthRange\"]=_emscripten_glDepthRange;_emscripten_glDepthRange.sig=\"vdd\";var writeGLArray=(arr,dst,dstLength,heapType)=>{var len=arr.length;var writeLength=dstLength>>2;for(var i=0;i>>0]=arr[i]}return len};Module[\"writeGLArray\"]=writeGLArray;var webglPowerPreferences=[\"default\",\"low-power\",\"high-performance\"];Module[\"webglPowerPreferences\"]=webglPowerPreferences;function _emscripten_webgl_do_create_context(target,attributes){target>>>=0;attributes>>>=0;var a=attributes>>>2;var powerPreference=HEAP32[a+(24>>2)>>>0];var contextAttributes={\"alpha\":!!HEAP32[a+(0>>2)>>>0],\"depth\":!!HEAP32[a+(4>>2)>>>0],\"stencil\":!!HEAP32[a+(8>>2)>>>0],\"antialias\":!!HEAP32[a+(12>>2)>>>0],\"premultipliedAlpha\":!!HEAP32[a+(16>>2)>>>0],\"preserveDrawingBuffer\":!!HEAP32[a+(20>>2)>>>0],\"powerPreference\":webglPowerPreferences[powerPreference],\"failIfMajorPerformanceCaveat\":!!HEAP32[a+(28>>2)>>>0],majorVersion:HEAP32[a+(32>>2)>>>0],minorVersion:HEAP32[a+(36>>2)>>>0],enableExtensionsByDefault:HEAP32[a+(40>>2)>>>0],explicitSwapControl:HEAP32[a+(44>>2)>>>0],proxyContextToMainThread:HEAP32[a+(48>>2)>>>0],renderViaOffscreenBackBuffer:HEAP32[a+(52>>2)>>>0]};var canvas=findCanvasEventTarget(target);if(!canvas){return 0}if(contextAttributes.explicitSwapControl){return 0}var contextHandle=GL.createContext(canvas,contextAttributes);return contextHandle}Module[\"_emscripten_webgl_do_create_context\"]=_emscripten_webgl_do_create_context;_emscripten_webgl_do_create_context.sig=\"ppp\";var _emscripten_webgl_create_context=_emscripten_webgl_do_create_context;Module[\"_emscripten_webgl_create_context\"]=_emscripten_webgl_create_context;_emscripten_webgl_create_context.sig=\"ppp\";function _emscripten_webgl_do_get_current_context(){return GL.currentContext?GL.currentContext.handle:0}Module[\"_emscripten_webgl_do_get_current_context\"]=_emscripten_webgl_do_get_current_context;_emscripten_webgl_do_get_current_context.sig=\"p\";var _emscripten_webgl_get_current_context=_emscripten_webgl_do_get_current_context;Module[\"_emscripten_webgl_get_current_context\"]=_emscripten_webgl_get_current_context;_emscripten_webgl_get_current_context.sig=\"p\";var _emscripten_webgl_do_commit_frame=()=>{if(!GL.currentContext||!GL.currentContext.GLctx){return-3}if(!GL.currentContext.attributes.explicitSwapControl){return-3}return 0};Module[\"_emscripten_webgl_do_commit_frame\"]=_emscripten_webgl_do_commit_frame;_emscripten_webgl_do_commit_frame.sig=\"i\";var _emscripten_webgl_commit_frame=_emscripten_webgl_do_commit_frame;Module[\"_emscripten_webgl_commit_frame\"]=_emscripten_webgl_commit_frame;_emscripten_webgl_commit_frame.sig=\"i\";function _emscripten_webgl_make_context_current(contextHandle){contextHandle>>>=0;var success=GL.makeContextCurrent(contextHandle);return success?0:-5}Module[\"_emscripten_webgl_make_context_current\"]=_emscripten_webgl_make_context_current;_emscripten_webgl_make_context_current.sig=\"ip\";function _emscripten_webgl_get_drawing_buffer_size(contextHandle,width,height){contextHandle>>>=0;width>>>=0;height>>>=0;var GLContext=GL.getContext(contextHandle);if(!GLContext||!GLContext.GLctx||!width||!height){return-5}HEAP32[width>>>2>>>0]=GLContext.GLctx.drawingBufferWidth;HEAP32[height>>>2>>>0]=GLContext.GLctx.drawingBufferHeight;return 0}Module[\"_emscripten_webgl_get_drawing_buffer_size\"]=_emscripten_webgl_get_drawing_buffer_size;_emscripten_webgl_get_drawing_buffer_size.sig=\"ippp\";function _emscripten_webgl_get_context_attributes(c,a){c>>>=0;a>>>=0;if(!a)return-5;c=GL.contexts[c];if(!c)return-3;var t=c.GLctx;if(!t)return-3;t=t.getContextAttributes();HEAP32[a>>>2>>>0]=t.alpha;HEAP32[a+4>>>2>>>0]=t.depth;HEAP32[a+8>>>2>>>0]=t.stencil;HEAP32[a+12>>>2>>>0]=t.antialias;HEAP32[a+16>>>2>>>0]=t.premultipliedAlpha;HEAP32[a+20>>>2>>>0]=t.preserveDrawingBuffer;var power=t[\"powerPreference\"]&&webglPowerPreferences.indexOf(t[\"powerPreference\"]);HEAP32[a+24>>>2>>>0]=power;HEAP32[a+28>>>2>>>0]=t.failIfMajorPerformanceCaveat;HEAP32[a+32>>>2>>>0]=c.version;HEAP32[a+36>>>2>>>0]=0;HEAP32[a+40>>>2>>>0]=c.attributes.enableExtensionsByDefault;return 0}Module[\"_emscripten_webgl_get_context_attributes\"]=_emscripten_webgl_get_context_attributes;_emscripten_webgl_get_context_attributes.sig=\"ipp\";function _emscripten_webgl_destroy_context(contextHandle){contextHandle>>>=0;if(GL.currentContext==contextHandle)GL.currentContext=0;GL.deleteContext(contextHandle)}Module[\"_emscripten_webgl_destroy_context\"]=_emscripten_webgl_destroy_context;_emscripten_webgl_destroy_context.sig=\"ip\";function _emscripten_webgl_enable_extension(contextHandle,extension){contextHandle>>>=0;extension>>>=0;var context=GL.getContext(contextHandle);var extString=UTF8ToString(extension);if(extString.startsWith(\"GL_\"))extString=extString.substr(3);if(extString==\"ANGLE_instanced_arrays\")webgl_enable_ANGLE_instanced_arrays(GLctx);if(extString==\"OES_vertex_array_object\")webgl_enable_OES_vertex_array_object(GLctx);if(extString==\"WEBGL_draw_buffers\")webgl_enable_WEBGL_draw_buffers(GLctx);if(extString==\"WEBGL_multi_draw\")webgl_enable_WEBGL_multi_draw(GLctx);var ext=context.GLctx.getExtension(extString);return!!ext}Module[\"_emscripten_webgl_enable_extension\"]=_emscripten_webgl_enable_extension;_emscripten_webgl_enable_extension.sig=\"ipp\";var _emscripten_supports_offscreencanvas=()=>0;Module[\"_emscripten_supports_offscreencanvas\"]=_emscripten_supports_offscreencanvas;_emscripten_supports_offscreencanvas.sig=\"i\";var registerWebGlEventCallback=(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString,targetThread)=>{var webGlEventHandlerFunc=(e=event)=>{if(getWasmTableEntry(callbackfunc)(eventTypeId,0,userData))e.preventDefault()};var eventHandler={target:findEventTarget(target),eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:webGlEventHandlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)};Module[\"registerWebGlEventCallback\"]=registerWebGlEventCallback;function _emscripten_set_webglcontextlost_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;registerWebGlEventCallback(target,userData,useCapture,callbackfunc,31,\"webglcontextlost\",targetThread);return 0}Module[\"_emscripten_set_webglcontextlost_callback_on_thread\"]=_emscripten_set_webglcontextlost_callback_on_thread;_emscripten_set_webglcontextlost_callback_on_thread.sig=\"ippipp\";function _emscripten_set_webglcontextrestored_callback_on_thread(target,userData,useCapture,callbackfunc,targetThread){target>>>=0;userData>>>=0;callbackfunc>>>=0;targetThread>>>=0;registerWebGlEventCallback(target,userData,useCapture,callbackfunc,32,\"webglcontextrestored\",targetThread);return 0}Module[\"_emscripten_set_webglcontextrestored_callback_on_thread\"]=_emscripten_set_webglcontextrestored_callback_on_thread;_emscripten_set_webglcontextrestored_callback_on_thread.sig=\"ippipp\";function _emscripten_is_webgl_context_lost(contextHandle){contextHandle>>>=0;return!GL.contexts[contextHandle]||GL.contexts[contextHandle].GLctx.isContextLost()}Module[\"_emscripten_is_webgl_context_lost\"]=_emscripten_is_webgl_context_lost;_emscripten_is_webgl_context_lost.sig=\"ip\";function _emscripten_webgl_get_supported_extensions(){return stringToNewUTF8(GLctx.getSupportedExtensions().join(\" \"))}Module[\"_emscripten_webgl_get_supported_extensions\"]=_emscripten_webgl_get_supported_extensions;_emscripten_webgl_get_supported_extensions.sig=\"p\";var _emscripten_webgl_get_program_parameter_d=(program,param)=>GLctx.getProgramParameter(GL.programs[program],param);Module[\"_emscripten_webgl_get_program_parameter_d\"]=_emscripten_webgl_get_program_parameter_d;_emscripten_webgl_get_program_parameter_d.sig=\"dii\";function _emscripten_webgl_get_program_info_log_utf8(program){return stringToNewUTF8(GLctx.getProgramInfoLog(GL.programs[program]))}Module[\"_emscripten_webgl_get_program_info_log_utf8\"]=_emscripten_webgl_get_program_info_log_utf8;_emscripten_webgl_get_program_info_log_utf8.sig=\"pi\";var _emscripten_webgl_get_shader_parameter_d=(shader,param)=>GLctx.getShaderParameter(GL.shaders[shader],param);Module[\"_emscripten_webgl_get_shader_parameter_d\"]=_emscripten_webgl_get_shader_parameter_d;_emscripten_webgl_get_shader_parameter_d.sig=\"dii\";function _emscripten_webgl_get_shader_info_log_utf8(shader){return stringToNewUTF8(GLctx.getShaderInfoLog(GL.shaders[shader]))}Module[\"_emscripten_webgl_get_shader_info_log_utf8\"]=_emscripten_webgl_get_shader_info_log_utf8;_emscripten_webgl_get_shader_info_log_utf8.sig=\"pi\";function _emscripten_webgl_get_shader_source_utf8(shader){return stringToNewUTF8(GLctx.getShaderSource(GL.shaders[shader]))}Module[\"_emscripten_webgl_get_shader_source_utf8\"]=_emscripten_webgl_get_shader_source_utf8;_emscripten_webgl_get_shader_source_utf8.sig=\"pi\";var _emscripten_webgl_get_vertex_attrib_d=(index,param)=>GLctx.getVertexAttrib(index,param);Module[\"_emscripten_webgl_get_vertex_attrib_d\"]=_emscripten_webgl_get_vertex_attrib_d;_emscripten_webgl_get_vertex_attrib_d.sig=\"dii\";var _emscripten_webgl_get_vertex_attrib_o=(index,param)=>{var obj=GLctx.getVertexAttrib(index,param);return obj?.name};Module[\"_emscripten_webgl_get_vertex_attrib_o\"]=_emscripten_webgl_get_vertex_attrib_o;_emscripten_webgl_get_vertex_attrib_o.sig=\"iii\";function _emscripten_webgl_get_vertex_attrib_v(index,param,dst,dstLength,dstType){dst>>>=0;return writeGLArray(GLctx.getVertexAttrib(index,param),dst,dstLength,dstType)}Module[\"_emscripten_webgl_get_vertex_attrib_v\"]=_emscripten_webgl_get_vertex_attrib_v;_emscripten_webgl_get_vertex_attrib_v.sig=\"iiipii\";var _emscripten_webgl_get_uniform_d=(program,location)=>GLctx.getUniform(GL.programs[program],webglGetUniformLocation(location));Module[\"_emscripten_webgl_get_uniform_d\"]=_emscripten_webgl_get_uniform_d;_emscripten_webgl_get_uniform_d.sig=\"dii\";function _emscripten_webgl_get_uniform_v(program,location,dst,dstLength,dstType){dst>>>=0;return writeGLArray(GLctx.getUniform(GL.programs[program],webglGetUniformLocation(location)),dst,dstLength,dstType)}Module[\"_emscripten_webgl_get_uniform_v\"]=_emscripten_webgl_get_uniform_v;_emscripten_webgl_get_uniform_v.sig=\"iiipii\";function _emscripten_webgl_get_parameter_v(param,dst,dstLength,dstType){dst>>>=0;return writeGLArray(GLctx.getParameter(param),dst,dstLength,dstType)}Module[\"_emscripten_webgl_get_parameter_v\"]=_emscripten_webgl_get_parameter_v;_emscripten_webgl_get_parameter_v.sig=\"iipii\";var _emscripten_webgl_get_parameter_d=param=>GLctx.getParameter(param);Module[\"_emscripten_webgl_get_parameter_d\"]=_emscripten_webgl_get_parameter_d;_emscripten_webgl_get_parameter_d.sig=\"di\";var _emscripten_webgl_get_parameter_o=param=>{var obj=GLctx.getParameter(param);return obj?.name};Module[\"_emscripten_webgl_get_parameter_o\"]=_emscripten_webgl_get_parameter_o;_emscripten_webgl_get_parameter_o.sig=\"ii\";function _emscripten_webgl_get_parameter_utf8(param){return stringToNewUTF8(GLctx.getParameter(param))}Module[\"_emscripten_webgl_get_parameter_utf8\"]=_emscripten_webgl_get_parameter_utf8;_emscripten_webgl_get_parameter_utf8.sig=\"pi\";function _emscripten_webgl_get_parameter_i64v(param,dst){dst>>>=0;return writeI53ToI64(dst,GLctx.getParameter(param))}Module[\"_emscripten_webgl_get_parameter_i64v\"]=_emscripten_webgl_get_parameter_i64v;_emscripten_webgl_get_parameter_i64v.sig=\"vip\";var EGL={errorCode:12288,defaultDisplayInitialized:false,currentContext:0,currentReadSurface:0,currentDrawSurface:0,contextAttributes:{alpha:false,depth:false,stencil:false,antialias:false},stringCache:{},setErrorCode(code){EGL.errorCode=code},chooseConfig(display,attribList,config,config_size,numConfigs){if(display!=62e3){EGL.setErrorCode(12296);return 0}if(attribList){for(;;){var param=HEAP32[attribList>>>2>>>0];if(param==12321){var alphaSize=HEAP32[attribList+4>>>2>>>0];EGL.contextAttributes.alpha=alphaSize>0}else if(param==12325){var depthSize=HEAP32[attribList+4>>>2>>>0];EGL.contextAttributes.depth=depthSize>0}else if(param==12326){var stencilSize=HEAP32[attribList+4>>>2>>>0];EGL.contextAttributes.stencil=stencilSize>0}else if(param==12337){var samples=HEAP32[attribList+4>>>2>>>0];EGL.contextAttributes.antialias=samples>0}else if(param==12338){var samples=HEAP32[attribList+4>>>2>>>0];EGL.contextAttributes.antialias=samples==1}else if(param==12544){var requestedPriority=HEAP32[attribList+4>>>2>>>0];EGL.contextAttributes.lowLatency=requestedPriority!=12547}else if(param==12344){break}attribList+=8}}if((!config||!config_size)&&!numConfigs){EGL.setErrorCode(12300);return 0}if(numConfigs){HEAP32[numConfigs>>>2>>>0]=1}if(config&&config_size>0){HEAPU32[config>>>2>>>0]=62002}EGL.setErrorCode(12288);return 1}};Module[\"EGL\"]=EGL;function _eglGetDisplay(nativeDisplayType){nativeDisplayType>>>=0;EGL.setErrorCode(12288);if(nativeDisplayType!=0&&nativeDisplayType!=1){return 0}return 62e3}Module[\"_eglGetDisplay\"]=_eglGetDisplay;_eglGetDisplay.sig=\"pp\";function _eglInitialize(display,majorVersion,minorVersion){display>>>=0;majorVersion>>>=0;minorVersion>>>=0;if(display!=62e3){EGL.setErrorCode(12296);return 0}if(majorVersion){HEAP32[majorVersion>>>2>>>0]=1}if(minorVersion){HEAP32[minorVersion>>>2>>>0]=4}EGL.defaultDisplayInitialized=true;EGL.setErrorCode(12288);return 1}Module[\"_eglInitialize\"]=_eglInitialize;_eglInitialize.sig=\"ippp\";function _eglTerminate(display){display>>>=0;if(display!=62e3){EGL.setErrorCode(12296);return 0}EGL.currentContext=0;EGL.currentReadSurface=0;EGL.currentDrawSurface=0;EGL.defaultDisplayInitialized=false;EGL.setErrorCode(12288);return 1}Module[\"_eglTerminate\"]=_eglTerminate;_eglTerminate.sig=\"ip\";function _eglGetConfigs(display,configs,config_size,numConfigs){display>>>=0;configs>>>=0;numConfigs>>>=0;return EGL.chooseConfig(display,0,configs,config_size,numConfigs)}Module[\"_eglGetConfigs\"]=_eglGetConfigs;_eglGetConfigs.sig=\"ippip\";function _eglChooseConfig(display,attrib_list,configs,config_size,numConfigs){display>>>=0;attrib_list>>>=0;configs>>>=0;numConfigs>>>=0;return EGL.chooseConfig(display,attrib_list,configs,config_size,numConfigs)}Module[\"_eglChooseConfig\"]=_eglChooseConfig;_eglChooseConfig.sig=\"ipppip\";function _eglGetConfigAttrib(display,config,attribute,value){display>>>=0;config>>>=0;value>>>=0;if(display!=62e3){EGL.setErrorCode(12296);return 0}if(config!=62002){EGL.setErrorCode(12293);return 0}if(!value){EGL.setErrorCode(12300);return 0}EGL.setErrorCode(12288);switch(attribute){case 12320:HEAP32[value>>>2>>>0]=EGL.contextAttributes.alpha?32:24;return 1;case 12321:HEAP32[value>>>2>>>0]=EGL.contextAttributes.alpha?8:0;return 1;case 12322:HEAP32[value>>>2>>>0]=8;return 1;case 12323:HEAP32[value>>>2>>>0]=8;return 1;case 12324:HEAP32[value>>>2>>>0]=8;return 1;case 12325:HEAP32[value>>>2>>>0]=EGL.contextAttributes.depth?24:0;return 1;case 12326:HEAP32[value>>>2>>>0]=EGL.contextAttributes.stencil?8:0;return 1;case 12327:HEAP32[value>>>2>>>0]=12344;return 1;case 12328:HEAP32[value>>>2>>>0]=62002;return 1;case 12329:HEAP32[value>>>2>>>0]=0;return 1;case 12330:HEAP32[value>>>2>>>0]=4096;return 1;case 12331:HEAP32[value>>>2>>>0]=16777216;return 1;case 12332:HEAP32[value>>>2>>>0]=4096;return 1;case 12333:HEAP32[value>>>2>>>0]=0;return 1;case 12334:HEAP32[value>>>2>>>0]=0;return 1;case 12335:HEAP32[value>>>2>>>0]=12344;return 1;case 12337:HEAP32[value>>>2>>>0]=EGL.contextAttributes.antialias?4:0;return 1;case 12338:HEAP32[value>>>2>>>0]=EGL.contextAttributes.antialias?1:0;return 1;case 12339:HEAP32[value>>>2>>>0]=4;return 1;case 12340:HEAP32[value>>>2>>>0]=12344;return 1;case 12341:case 12342:case 12343:HEAP32[value>>>2>>>0]=-1;return 1;case 12345:case 12346:HEAP32[value>>>2>>>0]=0;return 1;case 12347:HEAP32[value>>>2>>>0]=0;return 1;case 12348:HEAP32[value>>>2>>>0]=1;return 1;case 12349:case 12350:HEAP32[value>>>2>>>0]=0;return 1;case 12351:HEAP32[value>>>2>>>0]=12430;return 1;case 12352:HEAP32[value>>>2>>>0]=4;return 1;case 12354:HEAP32[value>>>2>>>0]=0;return 1;default:EGL.setErrorCode(12292);return 0}}Module[\"_eglGetConfigAttrib\"]=_eglGetConfigAttrib;_eglGetConfigAttrib.sig=\"ippip\";function _eglCreateWindowSurface(display,config,win,attrib_list){display>>>=0;config>>>=0;attrib_list>>>=0;if(display!=62e3){EGL.setErrorCode(12296);return 0}if(config!=62002){EGL.setErrorCode(12293);return 0}EGL.setErrorCode(12288);return 62006}Module[\"_eglCreateWindowSurface\"]=_eglCreateWindowSurface;_eglCreateWindowSurface.sig=\"pppip\";function _eglDestroySurface(display,surface){display>>>=0;surface>>>=0;if(display!=62e3){EGL.setErrorCode(12296);return 0}if(surface!=62006){EGL.setErrorCode(12301);return 1}if(EGL.currentReadSurface==surface){EGL.currentReadSurface=0}if(EGL.currentDrawSurface==surface){EGL.currentDrawSurface=0}EGL.setErrorCode(12288);return 1}Module[\"_eglDestroySurface\"]=_eglDestroySurface;_eglDestroySurface.sig=\"ipp\";function _eglCreateContext(display,config,hmm,contextAttribs){display>>>=0;config>>>=0;hmm>>>=0;contextAttribs>>>=0;if(display!=62e3){EGL.setErrorCode(12296);return 0}var glesContextVersion=1;for(;;){var param=HEAP32[contextAttribs>>>2>>>0];if(param==12440){glesContextVersion=HEAP32[contextAttribs+4>>>2>>>0]}else if(param==12344){break}else{EGL.setErrorCode(12292);return 0}contextAttribs+=8}if(glesContextVersion!=2){EGL.setErrorCode(12293);return 0}EGL.contextAttributes.majorVersion=glesContextVersion-1;EGL.contextAttributes.minorVersion=0;EGL.context=GL.createContext(Module[\"canvas\"],EGL.contextAttributes);if(EGL.context!=0){EGL.setErrorCode(12288);GL.makeContextCurrent(EGL.context);Module.useWebGL=true;Browser.moduleContextCreatedCallbacks.forEach(function(callback){callback()});GL.makeContextCurrent(null);return 62004}else{EGL.setErrorCode(12297);return 0}}Module[\"_eglCreateContext\"]=_eglCreateContext;_eglCreateContext.sig=\"ppppp\";function _eglDestroyContext(display,context){display>>>=0;context>>>=0;if(display!=62e3){EGL.setErrorCode(12296);return 0}if(context!=62004){EGL.setErrorCode(12294);return 0}GL.deleteContext(EGL.context);EGL.setErrorCode(12288);if(EGL.currentContext==context){EGL.currentContext=0}return 1}Module[\"_eglDestroyContext\"]=_eglDestroyContext;_eglDestroyContext.sig=\"ipp\";function _eglQuerySurface(display,surface,attribute,value){display>>>=0;surface>>>=0;value>>>=0;if(display!=62e3){EGL.setErrorCode(12296);return 0}if(surface!=62006){EGL.setErrorCode(12301);return 0}if(!value){EGL.setErrorCode(12300);return 0}EGL.setErrorCode(12288);switch(attribute){case 12328:HEAP32[value>>>2>>>0]=62002;return 1;case 12376:return 1;case 12375:HEAP32[value>>>2>>>0]=Module[\"canvas\"].width;return 1;case 12374:HEAP32[value>>>2>>>0]=Module[\"canvas\"].height;return 1;case 12432:HEAP32[value>>>2>>>0]=-1;return 1;case 12433:HEAP32[value>>>2>>>0]=-1;return 1;case 12434:HEAP32[value>>>2>>>0]=-1;return 1;case 12422:HEAP32[value>>>2>>>0]=12420;return 1;case 12441:HEAP32[value>>>2>>>0]=12442;return 1;case 12435:HEAP32[value>>>2>>>0]=12437;return 1;case 12416:case 12417:case 12418:case 12419:return 1;default:EGL.setErrorCode(12292);return 0}}Module[\"_eglQuerySurface\"]=_eglQuerySurface;_eglQuerySurface.sig=\"ippip\";function _eglQueryContext(display,context,attribute,value){display>>>=0;context>>>=0;value>>>=0;if(display!=62e3){EGL.setErrorCode(12296);return 0}if(context!=62004){EGL.setErrorCode(12294);return 0}if(!value){EGL.setErrorCode(12300);return 0}EGL.setErrorCode(12288);switch(attribute){case 12328:HEAP32[value>>>2>>>0]=62002;return 1;case 12439:HEAP32[value>>>2>>>0]=12448;return 1;case 12440:HEAP32[value>>>2>>>0]=EGL.contextAttributes.majorVersion+1;return 1;case 12422:HEAP32[value>>>2>>>0]=12420;return 1;default:EGL.setErrorCode(12292);return 0}}Module[\"_eglQueryContext\"]=_eglQueryContext;_eglQueryContext.sig=\"ippip\";var _eglGetError=()=>EGL.errorCode;Module[\"_eglGetError\"]=_eglGetError;_eglGetError.sig=\"i\";function _eglQueryString(display,name){display>>>=0;if(display!=62e3){EGL.setErrorCode(12296);return 0}EGL.setErrorCode(12288);if(EGL.stringCache[name])return EGL.stringCache[name];var ret;switch(name){case 12371:ret=stringToNewUTF8(\"Emscripten\");break;case 12372:ret=stringToNewUTF8(\"1.4 Emscripten EGL\");break;case 12373:ret=stringToNewUTF8(\"\");break;case 12429:ret=stringToNewUTF8(\"OpenGL_ES\");break;default:EGL.setErrorCode(12300);return 0}EGL.stringCache[name]=ret;return ret}Module[\"_eglQueryString\"]=_eglQueryString;_eglQueryString.sig=\"ppi\";var _eglBindAPI=api=>{if(api==12448){EGL.setErrorCode(12288);return 1}EGL.setErrorCode(12300);return 0};Module[\"_eglBindAPI\"]=_eglBindAPI;_eglBindAPI.sig=\"ii\";var _eglQueryAPI=()=>{EGL.setErrorCode(12288);return 12448};Module[\"_eglQueryAPI\"]=_eglQueryAPI;_eglQueryAPI.sig=\"i\";var _eglWaitClient=()=>{EGL.setErrorCode(12288);return 1};Module[\"_eglWaitClient\"]=_eglWaitClient;_eglWaitClient.sig=\"i\";var _eglWaitNative=nativeEngineId=>{EGL.setErrorCode(12288);return 1};Module[\"_eglWaitNative\"]=_eglWaitNative;_eglWaitNative.sig=\"ii\";var _eglWaitGL=_eglWaitClient;Module[\"_eglWaitGL\"]=_eglWaitGL;_eglWaitGL.sig=\"i\";function _eglSwapInterval(display,interval){display>>>=0;if(display!=62e3){EGL.setErrorCode(12296);return 0}if(interval==0)_emscripten_set_main_loop_timing(0,0);else _emscripten_set_main_loop_timing(1,interval);EGL.setErrorCode(12288);return 1}Module[\"_eglSwapInterval\"]=_eglSwapInterval;_eglSwapInterval.sig=\"ipi\";function _eglMakeCurrent(display,draw,read,context){display>>>=0;draw>>>=0;read>>>=0;context>>>=0;if(display!=62e3){EGL.setErrorCode(12296);return 0}if(context!=0&&context!=62004){EGL.setErrorCode(12294);return 0}if(read!=0&&read!=62006||draw!=0&&draw!=62006){EGL.setErrorCode(12301);return 0}GL.makeContextCurrent(context?EGL.context:null);EGL.currentContext=context;EGL.currentDrawSurface=draw;EGL.currentReadSurface=read;EGL.setErrorCode(12288);return 1}Module[\"_eglMakeCurrent\"]=_eglMakeCurrent;_eglMakeCurrent.sig=\"ipppp\";function _eglGetCurrentContext(){return EGL.currentContext}Module[\"_eglGetCurrentContext\"]=_eglGetCurrentContext;_eglGetCurrentContext.sig=\"p\";function _eglGetCurrentSurface(readdraw){if(readdraw==12378){return EGL.currentReadSurface}else if(readdraw==12377){return EGL.currentDrawSurface}else{EGL.setErrorCode(12300);return 0}}Module[\"_eglGetCurrentSurface\"]=_eglGetCurrentSurface;_eglGetCurrentSurface.sig=\"pi\";function _eglGetCurrentDisplay(){return EGL.currentContext?62e3:0}Module[\"_eglGetCurrentDisplay\"]=_eglGetCurrentDisplay;_eglGetCurrentDisplay.sig=\"p\";function _eglSwapBuffers(dpy,surface){dpy>>>=0;surface>>>=0;if(!EGL.defaultDisplayInitialized){EGL.setErrorCode(12289)}else if(!Module.ctx){EGL.setErrorCode(12290)}else if(Module.ctx.isContextLost()){EGL.setErrorCode(12302)}else{EGL.setErrorCode(12288);return 1}return 0}Module[\"_eglSwapBuffers\"]=_eglSwapBuffers;_eglSwapBuffers.sig=\"ipp\";var _eglReleaseThread=()=>{EGL.currentContext=0;EGL.currentReadSurface=0;EGL.currentDrawSurface=0;EGL.setErrorCode(12288);return 1};Module[\"_eglReleaseThread\"]=_eglReleaseThread;_eglReleaseThread.sig=\"i\";var _SDL_GetTicks=()=>Date.now()-SDL.startTime|0;Module[\"_SDL_GetTicks\"]=_SDL_GetTicks;_SDL_GetTicks.sig=\"i\";function _SDL_LockSurface(surf){surf>>>=0;var surfData=SDL.surfaces[surf];surfData.locked++;if(surfData.locked>1)return 0;if(!surfData.buffer){surfData.buffer=_malloc(surfData.width*surfData.height*4);HEAPU32[surf+20>>>2>>>0]=surfData.buffer}HEAPU32[surf+20>>>2>>>0]=surfData.buffer;if(surf==SDL.screen&&Module.screenIsReadOnly&&surfData.image)return 0;if(SDL.defaults.discardOnLock){if(!surfData.image){surfData.image=surfData.ctx.createImageData(surfData.width,surfData.height)}if(!SDL.defaults.opaqueFrontBuffer)return}else{surfData.image=surfData.ctx.getImageData(0,0,surfData.width,surfData.height)}if(surf==SDL.screen&&SDL.defaults.opaqueFrontBuffer){var data=surfData.image.data;var num=data.length;for(var i=0;i>>0)}}return 0}Module[\"_SDL_LockSurface\"]=_SDL_LockSurface;_SDL_LockSurface.sig=\"ip\";var SDL={defaults:{width:320,height:200,copyOnLock:true,discardOnLock:false,opaqueFrontBuffer:true},version:null,surfaces:{},canvasPool:[],events:[],fonts:[null],audios:[null],rwops:[null],music:{audio:null,volume:1},mixerFrequency:22050,mixerFormat:32784,mixerNumChannels:2,mixerChunkSize:1024,channelMinimumNumber:0,GL:false,glAttributes:{0:3,1:3,2:2,3:0,4:0,5:1,6:16,7:0,8:0,9:0,10:0,11:0,12:0,13:0,14:0,15:1,16:0,17:0,18:0},keyboardState:null,keyboardMap:{},canRequestFullscreen:false,isRequestingFullscreen:false,textInput:false,unicode:false,ttfContext:null,audio:null,startTime:null,initFlags:0,buttonState:0,modState:0,DOMButtons:[0,0,0],DOMEventToSDLEvent:{},TOUCH_DEFAULT_ID:0,eventHandler:null,eventHandlerContext:null,eventHandlerTemp:0,keyCodes:{16:1249,17:1248,18:1250,20:1081,33:1099,34:1102,35:1101,36:1098,37:1104,38:1106,39:1103,40:1105,44:316,45:1097,46:127,91:1251,93:1125,96:1122,97:1113,98:1114,99:1115,100:1116,101:1117,102:1118,103:1119,104:1120,105:1121,106:1109,107:1111,109:1110,110:1123,111:1108,112:1082,113:1083,114:1084,115:1085,116:1086,117:1087,118:1088,119:1089,120:1090,121:1091,122:1092,123:1093,124:1128,125:1129,126:1130,127:1131,128:1132,129:1133,130:1134,131:1135,132:1136,133:1137,134:1138,135:1139,144:1107,160:94,161:33,162:34,163:35,164:36,165:37,166:38,167:95,168:40,169:41,170:42,171:43,172:124,173:45,174:123,175:125,176:126,181:127,182:129,183:128,188:44,190:46,191:47,192:96,219:91,220:92,221:93,222:39,224:1251},scanCodes:{8:42,9:43,13:40,27:41,32:44,35:204,39:53,44:54,46:55,47:56,48:39,49:30,50:31,51:32,52:33,53:34,54:35,55:36,56:37,57:38,58:203,59:51,61:46,91:47,92:49,93:48,96:52,97:4,98:5,99:6,100:7,101:8,102:9,103:10,104:11,105:12,106:13,107:14,108:15,109:16,110:17,111:18,112:19,113:20,114:21,115:22,116:23,117:24,118:25,119:26,120:27,121:28,122:29,127:76,305:224,308:226,316:70},loadRect(rect){return{x:HEAP32[rect+0>>>2>>>0],y:HEAP32[rect+4>>>2>>>0],w:HEAP32[rect+8>>>2>>>0],h:HEAP32[rect+12>>>2>>>0]}},updateRect(rect,r){HEAP32[rect>>>2>>>0]=r.x;HEAP32[rect+4>>>2>>>0]=r.y;HEAP32[rect+8>>>2>>>0]=r.w;HEAP32[rect+12>>>2>>>0]=r.h},intersectionOfRects(first,second){var leftX=Math.max(first.x,second.x);var leftY=Math.max(first.y,second.y);var rightX=Math.min(first.x+first.w,second.x+second.w);var rightY=Math.min(first.y+first.h,second.y+second.h);return{x:leftX,y:leftY,w:Math.max(leftX,rightX)-leftX,h:Math.max(leftY,rightY)-leftY}},checkPixelFormat(fmt){},loadColorToCSSRGB(color){var rgba=HEAP32[color>>>2>>>0];return\"rgb(\"+(rgba&255)+\",\"+(rgba>>8&255)+\",\"+(rgba>>16&255)+\")\"},loadColorToCSSRGBA(color){var rgba=HEAP32[color>>>2>>>0];return\"rgba(\"+(rgba&255)+\",\"+(rgba>>8&255)+\",\"+(rgba>>16&255)+\",\"+(rgba>>24&255)/255+\")\"},translateColorToCSSRGBA:rgba=>\"rgba(\"+(rgba&255)+\",\"+(rgba>>8&255)+\",\"+(rgba>>16&255)+\",\"+(rgba>>>24)/255+\")\",translateRGBAToCSSRGBA:(r,g,b,a)=>\"rgba(\"+(r&255)+\",\"+(g&255)+\",\"+(b&255)+\",\"+(a&255)/255+\")\",translateRGBAToColor:(r,g,b,a)=>r|g<<8|b<<16|a<<24,makeSurface(width,height,flags,usePageCanvas,source,rmask,gmask,bmask,amask){var is_SDL_HWSURFACE=flags&1;var is_SDL_HWPALETTE=flags&2097152;var is_SDL_OPENGL=flags&67108864;var surf=_malloc(60);var pixelFormat=_malloc(44);var bpp=is_SDL_HWPALETTE?1:4;var buffer=0;if(!is_SDL_HWSURFACE&&!is_SDL_OPENGL){buffer=_malloc(width*height*4)}HEAP32[surf>>>2>>>0]=flags;HEAPU32[surf+4>>>2>>>0]=pixelFormat;HEAP32[surf+8>>>2>>>0]=width;HEAP32[surf+12>>>2>>>0]=height;HEAP32[surf+16>>>2>>>0]=width*bpp;HEAPU32[surf+20>>>2>>>0]=buffer;HEAP32[surf+36>>>2>>>0]=0;HEAP32[surf+40>>>2>>>0]=0;HEAP32[surf+44>>>2>>>0]=Module[\"canvas\"].width;HEAP32[surf+48>>>2>>>0]=Module[\"canvas\"].height;HEAP32[surf+56>>>2>>>0]=1;HEAP32[pixelFormat>>>2>>>0]=-2042224636;HEAP32[pixelFormat+4>>>2>>>0]=0;HEAP8[pixelFormat+8>>>0]=bpp*8;HEAP8[pixelFormat+9>>>0]=bpp;HEAP32[pixelFormat+12>>>2>>>0]=rmask||255;HEAP32[pixelFormat+16>>>2>>>0]=gmask||65280;HEAP32[pixelFormat+20>>>2>>>0]=bmask||16711680;HEAP32[pixelFormat+24>>>2>>>0]=amask||4278190080;SDL.GL=SDL.GL||is_SDL_OPENGL;var canvas;if(!usePageCanvas){if(SDL.canvasPool.length>0){canvas=SDL.canvasPool.pop()}else{canvas=document.createElement(\"canvas\")}canvas.width=width;canvas.height=height}else{canvas=Module[\"canvas\"]}var webGLContextAttributes={antialias:SDL.glAttributes[13]!=0&&SDL.glAttributes[14]>1,depth:SDL.glAttributes[6]>0,stencil:SDL.glAttributes[7]>0,alpha:SDL.glAttributes[3]>0};var ctx=Browser.createContext(canvas,is_SDL_OPENGL,usePageCanvas,webGLContextAttributes);SDL.surfaces[surf]={width:width,height:height,canvas:canvas,ctx:ctx,surf:surf,buffer:buffer,pixelFormat:pixelFormat,alpha:255,flags:flags,locked:0,usePageCanvas:usePageCanvas,source:source,isFlagSet:flag=>flags&flag};return surf},copyIndexedColorData(surfData,rX,rY,rW,rH){if(!surfData.colors){return}var fullWidth=Module[\"canvas\"].width;var fullHeight=Module[\"canvas\"].height;var startX=rX||0;var startY=rY||0;var endX=(rW||fullWidth-startX)+startX;var endY=(rH||fullHeight-startY)+startY;var buffer=surfData.buffer;if(!surfData.image.data32){surfData.image.data32=new Uint32Array(surfData.image.data.buffer)}var data32=surfData.image.data32;var colors32=surfData.colors32;for(var y=startY;y>>0]]}}},freeSurface(surf){var refcountPointer=surf+56;var refcount=HEAP32[refcountPointer>>>2>>>0];if(refcount>1){HEAP32[refcountPointer>>>2>>>0]=refcount-1;return}var info=SDL.surfaces[surf];if(!info.usePageCanvas&&info.canvas)SDL.canvasPool.push(info.canvas);if(info.buffer)_free(info.buffer);_free(info.pixelFormat);_free(surf);SDL.surfaces[surf]=null;if(surf===SDL.screen){SDL.screen=null}},blitSurface(src,srcrect,dst,dstrect,scale){var srcData=SDL.surfaces[src];var dstData=SDL.surfaces[dst];var sr,dr;if(srcrect){sr=SDL.loadRect(srcrect)}else{sr={x:0,y:0,w:srcData.width,h:srcData.height}}if(dstrect){dr=SDL.loadRect(dstrect)}else{dr={x:0,y:0,w:srcData.width,h:srcData.height}}if(dstData.clipRect){var widthScale=!scale||sr.w===0?1:sr.w/dr.w;var heightScale=!scale||sr.h===0?1:sr.h/dr.h;dr=SDL.intersectionOfRects(dstData.clipRect,dr);sr.w=dr.w*widthScale;sr.h=dr.h*heightScale;if(dstrect){SDL.updateRect(dstrect,dr)}}var blitw,blith;if(scale){blitw=dr.w;blith=dr.h}else{blitw=sr.w;blith=sr.h}if(sr.w===0||sr.h===0||blitw===0||blith===0){return 0}var oldAlpha=dstData.ctx.globalAlpha;dstData.ctx.globalAlpha=srcData.alpha/255;dstData.ctx.drawImage(srcData.canvas,sr.x,sr.y,sr.w,sr.h,dr.x,dr.y,blitw,blith);dstData.ctx.globalAlpha=oldAlpha;if(dst!=SDL.screen){warnOnce(\"WARNING: copying canvas data to memory for compatibility\");_SDL_LockSurface(dst);dstData.locked--}return 0},downFingers:{},savedKeydown:null,receiveEvent(event){function unpressAllPressedKeys(){for(var code in SDL.keyboardMap){SDL.events.push({type:\"keyup\",keyCode:SDL.keyboardMap[code]})}}switch(event.type){case\"touchstart\":case\"touchmove\":{event.preventDefault();var touches=[];if(event.type===\"touchstart\"){for(var i=0;i0?Math.max(delta,1):Math.min(delta,-1);var button=delta>0?3:4;SDL.events.push({type:\"mousedown\",button:button,pageX:event.pageX,pageY:event.pageY});SDL.events.push({type:\"mouseup\",button:button,pageX:event.pageX,pageY:event.pageY});SDL.events.push({type:\"wheel\",deltaX:0,deltaY:delta});event.preventDefault();break;case\"mousemove\":if(SDL.DOMButtons[0]===1){SDL.events.push({type:\"touchmove\",touch:{identifier:0,deviceID:-1,pageX:event.pageX,pageY:event.pageY}})}if(Browser.pointerLock){if(\"mozMovementX\"in event){event[\"movementX\"]=event[\"mozMovementX\"];event[\"movementY\"]=event[\"mozMovementY\"]}if(event[\"movementX\"]==0&&event[\"movementY\"]==0){event.preventDefault();return}}case\"keydown\":case\"keyup\":case\"keypress\":case\"mousedown\":case\"mouseup\":if(event.type!==\"keydown\"||!SDL.unicode&&!SDL.textInput||(event.keyCode===8||event.keyCode===9)){event.preventDefault()}if(event.type==\"mousedown\"){SDL.DOMButtons[event.button]=1;SDL.events.push({type:\"touchstart\",touch:{identifier:0,deviceID:-1,pageX:event.pageX,pageY:event.pageY}})}else if(event.type==\"mouseup\"){if(!SDL.DOMButtons[event.button]){return}SDL.events.push({type:\"touchend\",touch:{identifier:0,deviceID:-1,pageX:event.pageX,pageY:event.pageY}});SDL.DOMButtons[event.button]=0}if(event.type===\"keydown\"||event.type===\"mousedown\"){SDL.canRequestFullscreen=true}else if(event.type===\"keyup\"||event.type===\"mouseup\"){if(SDL.isRequestingFullscreen){Module[\"requestFullscreen\"](true,true);SDL.isRequestingFullscreen=false}SDL.canRequestFullscreen=false}if(event.type===\"keypress\"&&SDL.savedKeydown){SDL.savedKeydown.keypressCharCode=event.charCode;SDL.savedKeydown=null}else if(event.type===\"keydown\"){SDL.savedKeydown=event}if(event.type!==\"keypress\"||SDL.textInput){SDL.events.push(event)}break;case\"mouseout\":for(var i=0;i<3;i++){if(SDL.DOMButtons[i]){SDL.events.push({type:\"mouseup\",button:i,pageX:event.pageX,pageY:event.pageY});SDL.DOMButtons[i]=0}}event.preventDefault();break;case\"focus\":SDL.events.push(event);event.preventDefault();break;case\"blur\":SDL.events.push(event);unpressAllPressedKeys();event.preventDefault();break;case\"visibilitychange\":SDL.events.push({type:\"visibilitychange\",visible:!document.hidden});unpressAllPressedKeys();event.preventDefault();break;case\"unload\":if(Browser.mainLoop.runner){SDL.events.push(event);Browser.mainLoop.runner()}return;case\"resize\":SDL.events.push(event);if(event.preventDefault){event.preventDefault()}break}if(SDL.events.length>=1e4){err(\"SDL event queue full, dropping events\");SDL.events=SDL.events.slice(0,1e4)}SDL.flushEventsToHandler();return},lookupKeyCodeForEvent(event){var code=event.keyCode;if(code>=65&&code<=90){code+=32}else{code=SDL.keyCodes[event.keyCode]||event.keyCode;if(event.location===2&&code>=(224|1<<10)&&code<=(227|1<<10)){code+=4}}return code},handleEvent(event){if(event.handled)return;event.handled=true;switch(event.type){case\"touchstart\":case\"touchend\":case\"touchmove\":{Browser.calculateMouseEvent(event);break}case\"keydown\":case\"keyup\":{var down=event.type===\"keydown\";var code=SDL.lookupKeyCodeForEvent(event);HEAP8[SDL.keyboardState+code>>>0]=down;SDL.modState=(HEAP8[SDL.keyboardState+1248>>>0]?64:0)|(HEAP8[SDL.keyboardState+1249>>>0]?1:0)|(HEAP8[SDL.keyboardState+1250>>>0]?256:0)|(HEAP8[SDL.keyboardState+1252>>>0]?128:0)|(HEAP8[SDL.keyboardState+1253>>>0]?2:0)|(HEAP8[SDL.keyboardState+1254>>>0]?512:0);if(down){SDL.keyboardMap[code]=event.keyCode}else{delete SDL.keyboardMap[code]}break}case\"mousedown\":case\"mouseup\":if(event.type==\"mousedown\"){SDL.buttonState|=1<0){if(SDL.makeCEvent(SDL.events.shift(),ptr)!==false)return 1}return 0}return SDL.events.length>0},makeCEvent(event,ptr){if(typeof event==\"number\"){_memcpy(ptr,event,28);_free(event);return}SDL.handleEvent(event);switch(event.type){case\"keydown\":case\"keyup\":{var down=event.type===\"keydown\";var key=SDL.lookupKeyCodeForEvent(event);var scan;if(key>=1024){scan=key-1024}else{scan=SDL.scanCodes[key]||key}HEAP32[ptr>>>2>>>0]=SDL.DOMEventToSDLEvent[event.type];HEAP8[ptr+8>>>0]=down?1:0;HEAP8[ptr+9>>>0]=0;HEAP32[ptr+12>>>2>>>0]=scan;HEAP32[ptr+16>>>2>>>0]=key;HEAP16[ptr+20>>>1>>>0]=SDL.modState;HEAP32[ptr+24>>>2>>>0]=event.keypressCharCode||key;break}case\"keypress\":{HEAP32[ptr>>>2>>>0]=SDL.DOMEventToSDLEvent[event.type];var cStr=intArrayFromString(String.fromCharCode(event.charCode));for(var i=0;i>>0]=cStr[i]}break}case\"mousedown\":case\"mouseup\":case\"mousemove\":{if(event.type!=\"mousemove\"){var down=event.type===\"mousedown\";HEAP32[ptr>>>2>>>0]=SDL.DOMEventToSDLEvent[event.type];HEAP32[ptr+4>>>2>>>0]=0;HEAP32[ptr+8>>>2>>>0]=0;HEAP32[ptr+12>>>2>>>0]=0;HEAP8[ptr+16>>>0]=event.button+1;HEAP8[ptr+17>>>0]=down?1:0;HEAP32[ptr+20>>>2>>>0]=Browser.mouseX;HEAP32[ptr+24>>>2>>>0]=Browser.mouseY}else{HEAP32[ptr>>>2>>>0]=SDL.DOMEventToSDLEvent[event.type];HEAP32[ptr+4>>>2>>>0]=0;HEAP32[ptr+8>>>2>>>0]=0;HEAP32[ptr+12>>>2>>>0]=0;HEAP32[ptr+16>>>2>>>0]=SDL.buttonState;HEAP32[ptr+20>>>2>>>0]=Browser.mouseX;HEAP32[ptr+24>>>2>>>0]=Browser.mouseY;HEAP32[ptr+28>>>2>>>0]=Browser.mouseMovementX;HEAP32[ptr+32>>>2>>>0]=Browser.mouseMovementY}break}case\"wheel\":{HEAP32[ptr>>>2>>>0]=SDL.DOMEventToSDLEvent[event.type];HEAP32[ptr+16>>>2>>>0]=event.deltaX;HEAP32[ptr+20>>>2>>>0]=event.deltaY;break}case\"touchstart\":case\"touchend\":case\"touchmove\":{var touch=event.touch;if(!Browser.touches[touch.identifier])break;var w=Module[\"canvas\"].width;var h=Module[\"canvas\"].height;var x=Browser.touches[touch.identifier].x/w;var y=Browser.touches[touch.identifier].y/h;var lx=Browser.lastTouches[touch.identifier].x/w;var ly=Browser.lastTouches[touch.identifier].y/h;var dx=x-lx;var dy=y-ly;if(touch[\"deviceID\"]===undefined)touch.deviceID=SDL.TOUCH_DEFAULT_ID;if(dx===0&&dy===0&&event.type===\"touchmove\")return false;HEAP32[ptr>>>2>>>0]=SDL.DOMEventToSDLEvent[event.type];HEAP32[ptr+4>>>2>>>0]=_SDL_GetTicks();HEAP64[ptr+8>>>3]=BigInt(touch.deviceID);HEAP64[ptr+16>>>3]=BigInt(touch.identifier);HEAPF32[ptr+24>>>2>>>0]=x;HEAPF32[ptr+28>>>2>>>0]=y;HEAPF32[ptr+32>>>2>>>0]=dx;HEAPF32[ptr+36>>>2>>>0]=dy;if(touch.force!==undefined){HEAPF32[ptr+40>>>2>>>0]=touch.force}else{HEAPF32[ptr+40>>>2>>>0]=event.type==\"touchend\"?0:1}break}case\"unload\":{HEAP32[ptr>>>2>>>0]=SDL.DOMEventToSDLEvent[event.type];break}case\"resize\":{HEAP32[ptr>>>2>>>0]=SDL.DOMEventToSDLEvent[event.type];HEAP32[ptr+4>>>2>>>0]=event.w;HEAP32[ptr+8>>>2>>>0]=event.h;break}case\"joystick_button_up\":case\"joystick_button_down\":{var state=event.type===\"joystick_button_up\"?0:1;HEAP32[ptr>>>2>>>0]=SDL.DOMEventToSDLEvent[event.type];HEAP8[ptr+4>>>0]=event.index;HEAP8[ptr+5>>>0]=event.button;HEAP8[ptr+6>>>0]=state;break}case\"joystick_axis_motion\":{HEAP32[ptr>>>2>>>0]=SDL.DOMEventToSDLEvent[event.type];HEAP8[ptr+4>>>0]=event.index;HEAP8[ptr+5>>>0]=event.axis;HEAP32[ptr+8>>>2>>>0]=SDL.joystickAxisValueConversion(event.value);break}case\"focus\":{var SDL_WINDOWEVENT_FOCUS_GAINED=12;HEAP32[ptr>>>2>>>0]=SDL.DOMEventToSDLEvent[event.type];HEAP32[ptr+4>>>2>>>0]=0;HEAP8[ptr+8>>>0]=SDL_WINDOWEVENT_FOCUS_GAINED;break}case\"blur\":{var SDL_WINDOWEVENT_FOCUS_LOST=13;HEAP32[ptr>>>2>>>0]=SDL.DOMEventToSDLEvent[event.type];HEAP32[ptr+4>>>2>>>0]=0;HEAP8[ptr+8>>>0]=SDL_WINDOWEVENT_FOCUS_LOST;break}case\"visibilitychange\":{var SDL_WINDOWEVENT_SHOWN=1;var SDL_WINDOWEVENT_HIDDEN=2;var visibilityEventID=event.visible?SDL_WINDOWEVENT_SHOWN:SDL_WINDOWEVENT_HIDDEN;HEAP32[ptr>>>2>>>0]=SDL.DOMEventToSDLEvent[event.type];HEAP32[ptr+4>>>2>>>0]=0;HEAP8[ptr+8>>>0]=visibilityEventID;break}default:throw\"Unhandled SDL event: \"+event.type}},makeFontString(height,fontName){if(fontName.charAt(0)!=\"'\"&&fontName.charAt(0)!='\"'){fontName='\"'+fontName+'\"'}return height+\"px \"+fontName+\", serif\"},estimateTextWidth(fontData,text){var h=fontData.size;var fontString=SDL.makeFontString(h,fontData.name);var tempCtx=SDL.ttfContext;tempCtx.font=fontString;var ret=tempCtx.measureText(text).width|0;return ret},allocateChannels(num){if(SDL.numChannels&&SDL.numChannels>=num&&num!=0)return;SDL.numChannels=num;SDL.channels=[];for(var i=0;i{if(!audio.paused)SDL.playWebAudio(audio)});return}audio.webAudioNode=SDL.audioContext[\"createBufferSource\"]();audio.webAudioNode[\"buffer\"]=webAudio.decodedBuffer;audio.webAudioNode[\"loop\"]=audio.loop;audio.webAudioNode[\"onended\"]=audio[\"onended\"];audio.webAudioPannerNode=SDL.audioContext[\"createPanner\"]();audio.webAudioPannerNode[\"setPosition\"](0,0,-.5);audio.webAudioPannerNode[\"panningModel\"]=\"equalpower\";audio.webAudioGainNode=SDL.audioContext[\"createGain\"]();audio.webAudioGainNode[\"gain\"][\"value\"]=audio.volume;audio.webAudioNode[\"connect\"](audio.webAudioPannerNode);audio.webAudioPannerNode[\"connect\"](audio.webAudioGainNode);audio.webAudioGainNode[\"connect\"](SDL.audioContext[\"destination\"]);audio.webAudioNode[\"start\"](0,audio.currentPosition);audio.startTime=SDL.audioContext[\"currentTime\"]-audio.currentPosition}catch(e){err(`playWebAudio failed: ${e}`)}},pauseWebAudio(audio){if(!audio)return;if(audio.webAudioNode){try{audio.currentPosition=(SDL.audioContext[\"currentTime\"]-audio.startTime)%audio.resource.webAudio.decodedBuffer.duration;audio.webAudioNode[\"onended\"]=undefined;audio.webAudioNode.stop(0);audio.webAudioNode=undefined}catch(e){err(`pauseWebAudio failed: ${e}`)}}audio.paused=true},openAudioContext(){if(!SDL.audioContext){if(typeof AudioContext!=\"undefined\")SDL.audioContext=new AudioContext;else if(typeof webkitAudioContext!=\"undefined\")SDL.audioContext=new webkitAudioContext}},webAudioAvailable:()=>!!SDL.audioContext,fillWebAudioBufferFromHeap(heapPtr,sizeSamplesPerChannel,dstAudioBuffer){var audio=SDL.audio;var numChannels=audio.channels;for(var c=0;c>>1>>>0]/32768}}else if(audio.format==8){for(var j=0;j>>0];channelData[j]=(v>=0?v-128:v+128)/128}}else if(audio.format==33056){for(var j=0;j>>2>>>0]}}else{throw\"Invalid SDL audio format \"+audio.format+\"!\"}}},joystickEventState:1,lastJoystickState:{},joystickNamePool:{},recordJoystickState(joystick,state){var buttons=new Array(state.buttons.length);for(var i=0;i0},queryJoysticks(){for(var joystick in SDL.lastJoystickState){var state=SDL.getGamepad(joystick-1);var prevState=SDL.lastJoystickState[joystick];if(typeof state==\"undefined\")return;if(state===null)return;if(typeof state.timestamp!=\"number\"||state.timestamp!=prevState.timestamp||!state.timestamp){var i;for(i=0;ideviceIndex&&deviceIndex>=0){return gamepads[deviceIndex]}return null}};Module[\"SDL\"]=SDL;function _SDL_Linked_Version(){if(SDL.version===null){SDL.version=_malloc(3);HEAP8[SDL.version+0>>>0]=1;HEAP8[SDL.version+1>>>0]=3;HEAP8[SDL.version+2>>>0]=0}return SDL.version}Module[\"_SDL_Linked_Version\"]=_SDL_Linked_Version;_SDL_Linked_Version.sig=\"p\";var _SDL_Init=initFlags=>{SDL.startTime=Date.now();SDL.initFlags=initFlags;if(!Module[\"doNotCaptureKeyboard\"]){var keyboardListeningElement=Module[\"keyboardListeningElement\"]||document;keyboardListeningElement.addEventListener(\"keydown\",SDL.receiveEvent);keyboardListeningElement.addEventListener(\"keyup\",SDL.receiveEvent);keyboardListeningElement.addEventListener(\"keypress\",SDL.receiveEvent);window.addEventListener(\"focus\",SDL.receiveEvent);window.addEventListener(\"blur\",SDL.receiveEvent);document.addEventListener(\"visibilitychange\",SDL.receiveEvent)}window.addEventListener(\"unload\",SDL.receiveEvent);SDL.keyboardState=_malloc(65536);zeroMemory(SDL.keyboardState,65536);SDL.DOMEventToSDLEvent[\"keydown\"]=768;SDL.DOMEventToSDLEvent[\"keyup\"]=769;SDL.DOMEventToSDLEvent[\"keypress\"]=771;SDL.DOMEventToSDLEvent[\"mousedown\"]=1025;SDL.DOMEventToSDLEvent[\"mouseup\"]=1026;SDL.DOMEventToSDLEvent[\"mousemove\"]=1024;SDL.DOMEventToSDLEvent[\"wheel\"]=1027;SDL.DOMEventToSDLEvent[\"touchstart\"]=1792;SDL.DOMEventToSDLEvent[\"touchend\"]=1793;SDL.DOMEventToSDLEvent[\"touchmove\"]=1794;SDL.DOMEventToSDLEvent[\"unload\"]=256;SDL.DOMEventToSDLEvent[\"resize\"]=28673;SDL.DOMEventToSDLEvent[\"visibilitychange\"]=512;SDL.DOMEventToSDLEvent[\"focus\"]=512;SDL.DOMEventToSDLEvent[\"blur\"]=512;SDL.DOMEventToSDLEvent[\"joystick_axis_motion\"]=1536;SDL.DOMEventToSDLEvent[\"joystick_button_down\"]=1539;SDL.DOMEventToSDLEvent[\"joystick_button_up\"]=1540;return 0};Module[\"_SDL_Init\"]=_SDL_Init;_SDL_Init.sig=\"ii\";var _SDL_WasInit=flags=>{if(SDL.startTime===null){_SDL_Init(0)}return 1};Module[\"_SDL_WasInit\"]=_SDL_WasInit;_SDL_WasInit.sig=\"ii\";function _SDL_GetVideoInfo(){var ret=_malloc(20);zeroMemory(ret,3);HEAP32[ret+12>>>2>>>0]=Module[\"canvas\"].width;HEAP32[ret+16>>>2>>>0]=Module[\"canvas\"].height;return ret}Module[\"_SDL_GetVideoInfo\"]=_SDL_GetVideoInfo;_SDL_GetVideoInfo.sig=\"p\";function _SDL_ListModes(format,flags){format>>>=0;return-1}Module[\"_SDL_ListModes\"]=_SDL_ListModes;_SDL_ListModes.sig=\"ppi\";var _SDL_VideoModeOK=(width,height,depth,flags)=>depth;Module[\"_SDL_VideoModeOK\"]=_SDL_VideoModeOK;_SDL_VideoModeOK.sig=\"iiiii\";function _SDL_VideoDriverName(buf,max_size){buf>>>=0;if(SDL.startTime===null){return 0}var driverName=[101,109,115,99,114,105,112,116,101,110,95,115,100,108,95,100,114,105,118,101,114];var index=0;var size=driverName.length;if(max_size<=size){size=max_size-1}while(index>>0]=value;index++}HEAP8[buf+index>>>0]=0;return buf}Module[\"_SDL_VideoDriverName\"]=_SDL_VideoDriverName;_SDL_VideoDriverName.sig=\"ppi\";var _SDL_AudioDriverName=_SDL_VideoDriverName;Module[\"_SDL_AudioDriverName\"]=_SDL_AudioDriverName;_SDL_AudioDriverName.sig=\"ppi\";var _SDL_SetVideoMode=function(width,height,depth,flags){[\"touchstart\",\"touchend\",\"touchmove\",\"mousedown\",\"mouseup\",\"mousemove\",\"mousewheel\",\"wheel\",\"mouseout\",\"DOMMouseScroll\"].forEach(e=>Module[\"canvas\"].addEventListener(e,SDL.receiveEvent,true));var canvas=Module[\"canvas\"];if(width==0&&height==0){width=canvas.width;height=canvas.height}if(!SDL.addedResizeListener){SDL.addedResizeListener=true;Browser.resizeListeners.push((w,h)=>{if(!SDL.settingVideoMode){SDL.receiveEvent({type:\"resize\",w:w,h:h})}})}SDL.settingVideoMode=true;Browser.setCanvasSize(width,height);SDL.settingVideoMode=false;if(SDL.screen){SDL.freeSurface(SDL.screen);assert(!SDL.screen)}if(SDL.GL)flags=flags|67108864;SDL.screen=SDL.makeSurface(width,height,flags,true,\"screen\");return SDL.screen};Module[\"_SDL_SetVideoMode\"]=_SDL_SetVideoMode;_SDL_SetVideoMode.sig=\"piiii\";function _SDL_GetVideoSurface(){return SDL.screen}Module[\"_SDL_GetVideoSurface\"]=_SDL_GetVideoSurface;_SDL_GetVideoSurface.sig=\"p\";var _SDL_AudioQuit=()=>{for(var i=0;iout(\"SDL_VideoQuit called (and ignored)\");Module[\"_SDL_VideoQuit\"]=_SDL_VideoQuit;_SDL_VideoQuit.sig=\"v\";var _SDL_QuitSubSystem=flags=>out(\"SDL_QuitSubSystem called (and ignored)\");Module[\"_SDL_QuitSubSystem\"]=_SDL_QuitSubSystem;_SDL_QuitSubSystem.sig=\"vi\";var _SDL_Quit=()=>{_SDL_AudioQuit();out(\"SDL_Quit called (and ignored)\")};Module[\"_SDL_Quit\"]=_SDL_Quit;_SDL_Quit.sig=\"v\";function _SDL_UnlockSurface(surf){surf>>>=0;assert(!SDL.GL);var surfData=SDL.surfaces[surf];if(!surfData.locked||--surfData.locked>0){return}if(surfData.isFlagSet(2097152)){SDL.copyIndexedColorData(surfData)}else if(!surfData.colors){var data=surfData.image.data;var buffer=surfData.buffer;assert(buffer%4==0,\"Invalid buffer offset: \"+buffer);var src=buffer>>>2;var dst=0;var isScreen=surf==SDL.screen;var num;if(typeof CanvasPixelArray!=\"undefined\"&&data instanceof CanvasPixelArray){num=data.length;while(dst>>0];data[dst]=val&255;data[dst+1]=val>>8&255;data[dst+2]=val>>16&255;data[dst+3]=isScreen?255:val>>24&255;src++;dst+=4}}else{var data32=new Uint32Array(data.buffer);if(isScreen&&SDL.defaults.opaqueFrontBuffer){num=data32.length;data32.set(HEAP32.subarray(src>>>0,src+num>>>0));var data8=new Uint8Array(data.buffer);var i=3;var j=i+4*num;if(num%8==0){while(i>>0,src+data32.length>>>0))}}}else{var width=Module[\"canvas\"].width;var height=Module[\"canvas\"].height;var s=surfData.buffer;var data=surfData.image.data;var colors=surfData.colors;for(var y=0;y>>0]*4;var start=base+x*4;data[start]=colors[val];data[start+1]=colors[val+1];data[start+2]=colors[val+2]}s+=width*3}}surfData.ctx.putImageData(surfData.image,0,0)}Module[\"_SDL_UnlockSurface\"]=_SDL_UnlockSurface;_SDL_UnlockSurface.sig=\"vp\";function _SDL_Flip(surf){surf>>>=0}Module[\"_SDL_Flip\"]=_SDL_Flip;_SDL_Flip.sig=\"ip\";function _SDL_UpdateRect(surf,x,y,w,h){surf>>>=0}Module[\"_SDL_UpdateRect\"]=_SDL_UpdateRect;_SDL_UpdateRect.sig=\"vpiiii\";function _SDL_UpdateRects(surf,numrects,rects){surf>>>=0;rects>>>=0}Module[\"_SDL_UpdateRects\"]=_SDL_UpdateRects;_SDL_UpdateRects.sig=\"vpip\";var _SDL_Delay=delay=>{if(!ENVIRONMENT_IS_WORKER)abort(\"SDL_Delay called on the main thread! Potential infinite loop, quitting. (consider building with async support like ASYNCIFY)\");var now=Date.now();while(Date.now()-now>>=0;icon>>>=0;if(title){_emscripten_set_window_title(title)}icon&&=UTF8ToString(icon)}Module[\"_SDL_WM_SetCaption\"]=_SDL_WM_SetCaption;_SDL_WM_SetCaption.sig=\"vpp\";var _SDL_EnableKeyRepeat=(delay,interval)=>{};Module[\"_SDL_EnableKeyRepeat\"]=_SDL_EnableKeyRepeat;_SDL_EnableKeyRepeat.sig=\"iii\";function _SDL_GetKeyboardState(numKeys){numKeys>>>=0;if(numKeys){HEAP32[numKeys>>>2>>>0]=65536}return SDL.keyboardState}Module[\"_SDL_GetKeyboardState\"]=_SDL_GetKeyboardState;_SDL_GetKeyboardState.sig=\"pp\";var _SDL_GetKeyState=()=>_SDL_GetKeyboardState(0);Module[\"_SDL_GetKeyState\"]=_SDL_GetKeyState;function _SDL_GetKeyName(key){SDL.keyName||=stringToNewUTF8(\"unknown key\");return SDL.keyName}Module[\"_SDL_GetKeyName\"]=_SDL_GetKeyName;_SDL_GetKeyName.sig=\"pi\";var _SDL_GetModState=()=>SDL.modState;Module[\"_SDL_GetModState\"]=_SDL_GetModState;_SDL_GetModState.sig=\"i\";function _SDL_GetMouseState(x,y){x>>>=0;y>>>=0;if(x)HEAP32[x>>>2>>>0]=Browser.mouseX;if(y)HEAP32[y>>>2>>>0]=Browser.mouseY;return SDL.buttonState}Module[\"_SDL_GetMouseState\"]=_SDL_GetMouseState;_SDL_GetMouseState.sig=\"ipp\";var _SDL_WarpMouse=(x,y)=>{};Module[\"_SDL_WarpMouse\"]=_SDL_WarpMouse;_SDL_WarpMouse.sig=\"vii\";var _SDL_ShowCursor=toggle=>{switch(toggle){case 0:if(Browser.isFullscreen){Module[\"canvas\"].requestPointerLock();return 0}return 1;case 1:Module[\"canvas\"].exitPointerLock();return 1;case-1:return!Browser.pointerLock;default:err(`SDL_ShowCursor called with unknown toggle parameter value: ${toggle}`);break}};Module[\"_SDL_ShowCursor\"]=_SDL_ShowCursor;_SDL_ShowCursor.sig=\"ii\";function _SDL_GetError(){SDL.errorMessage||=stringToNewUTF8(\"unknown SDL-emscripten error\");return SDL.errorMessage}Module[\"_SDL_GetError\"]=_SDL_GetError;_SDL_GetError.sig=\"p\";function _SDL_SetError(fmt,varargs){fmt>>>=0;varargs>>>=0}Module[\"_SDL_SetError\"]=_SDL_SetError;_SDL_SetError.sig=\"vpp\";function _SDL_CreateRGBSurface(flags,width,height,depth,rmask,gmask,bmask,amask){return SDL.makeSurface(width,height,flags,false,\"CreateRGBSurface\",rmask,gmask,bmask,amask)}Module[\"_SDL_CreateRGBSurface\"]=_SDL_CreateRGBSurface;_SDL_CreateRGBSurface.sig=\"piiiiiiii\";function _SDL_CreateRGBSurfaceFrom(pixels,width,height,depth,pitch,rmask,gmask,bmask,amask){pixels>>>=0;var surf=SDL.makeSurface(width,height,0,false,\"CreateRGBSurfaceFrom\",rmask,gmask,bmask,amask);if(depth!==32){err(\"TODO: Partially unimplemented SDL_CreateRGBSurfaceFrom called!\");return surf}var data=SDL.surfaces[surf];var image=data.ctx.createImageData(width,height);var pitchOfDst=width*4;for(var row=0;row>>0]}}data.ctx.putImageData(image,0,0);return surf}Module[\"_SDL_CreateRGBSurfaceFrom\"]=_SDL_CreateRGBSurfaceFrom;_SDL_CreateRGBSurfaceFrom.sig=\"ppiiiiiiii\";function _SDL_ConvertSurface(surf,format,flags){surf>>>=0;format>>>=0;if(format){SDL.checkPixelFormat(format)}var oldData=SDL.surfaces[surf];var ret=SDL.makeSurface(oldData.width,oldData.height,oldData.flags,false,\"copy:\"+oldData.source);var newData=SDL.surfaces[ret];newData.ctx.globalCompositeOperation=\"copy\";newData.ctx.drawImage(oldData.canvas,0,0);newData.ctx.globalCompositeOperation=oldData.ctx.globalCompositeOperation;return ret}Module[\"_SDL_ConvertSurface\"]=_SDL_ConvertSurface;_SDL_ConvertSurface.sig=\"pppi\";function _SDL_DisplayFormatAlpha(surf){surf>>>=0;return _SDL_ConvertSurface(surf,0,0)}Module[\"_SDL_DisplayFormatAlpha\"]=_SDL_DisplayFormatAlpha;_SDL_DisplayFormatAlpha.sig=\"pp\";function _SDL_FreeSurface(surf){surf>>>=0;if(surf)SDL.freeSurface(surf)}Module[\"_SDL_FreeSurface\"]=_SDL_FreeSurface;_SDL_FreeSurface.sig=\"vp\";function _SDL_UpperBlit(src,srcrect,dst,dstrect){src>>>=0;srcrect>>>=0;dst>>>=0;dstrect>>>=0;return SDL.blitSurface(src,srcrect,dst,dstrect,false)}Module[\"_SDL_UpperBlit\"]=_SDL_UpperBlit;_SDL_UpperBlit.sig=\"ipppp\";function _SDL_UpperBlitScaled(src,srcrect,dst,dstrect){src>>>=0;srcrect>>>=0;dst>>>=0;dstrect>>>=0;return SDL.blitSurface(src,srcrect,dst,dstrect,true)}Module[\"_SDL_UpperBlitScaled\"]=_SDL_UpperBlitScaled;_SDL_UpperBlitScaled.sig=\"ipppp\";var _SDL_LowerBlit=_SDL_UpperBlit;Module[\"_SDL_LowerBlit\"]=_SDL_LowerBlit;_SDL_LowerBlit.sig=\"ipppp\";var _SDL_LowerBlitScaled=_SDL_UpperBlitScaled;Module[\"_SDL_LowerBlitScaled\"]=_SDL_LowerBlitScaled;_SDL_LowerBlitScaled.sig=\"ipppp\";function _SDL_GetClipRect(surf,rect){surf>>>=0;rect>>>=0;assert(rect);var surfData=SDL.surfaces[surf];var r=surfData.clipRect||{x:0,y:0,w:surfData.width,h:surfData.height};SDL.updateRect(rect,r)}Module[\"_SDL_GetClipRect\"]=_SDL_GetClipRect;_SDL_GetClipRect.sig=\"vpp\";function _SDL_SetClipRect(surf,rect){surf>>>=0;rect>>>=0;var surfData=SDL.surfaces[surf];if(rect){surfData.clipRect=SDL.intersectionOfRects({x:0,y:0,w:surfData.width,h:surfData.height},SDL.loadRect(rect))}else{delete surfData.clipRect}}Module[\"_SDL_SetClipRect\"]=_SDL_SetClipRect;_SDL_SetClipRect.sig=\"ipp\";function _SDL_FillRect(surf,rect,color){surf>>>=0;rect>>>=0;var surfData=SDL.surfaces[surf];assert(!surfData.locked);if(surfData.isFlagSet(2097152)){color=surfData.colors32[color]}var r=rect?SDL.loadRect(rect):{x:0,y:0,w:surfData.width,h:surfData.height};if(surfData.clipRect){r=SDL.intersectionOfRects(surfData.clipRect,r);if(rect){SDL.updateRect(rect,r)}}surfData.ctx.save();surfData.ctx.fillStyle=SDL.translateColorToCSSRGBA(color);surfData.ctx.fillRect(r.x,r.y,r.w,r.h);surfData.ctx.restore();return 0}Module[\"_SDL_FillRect\"]=_SDL_FillRect;_SDL_FillRect.sig=\"ippi\";function _zoomSurface(src,x,y,smooth){src>>>=0;var srcData=SDL.surfaces[src];var w=srcData.width*x;var h=srcData.height*y;var ret=SDL.makeSurface(Math.abs(w),Math.abs(h),srcData.flags,false,\"zoomSurface\");var dstData=SDL.surfaces[ret];if(x>=0&&y>=0)dstData.ctx.drawImage(srcData.canvas,0,0,w,h);else{dstData.ctx.save();dstData.ctx.scale(x<0?-1:1,y<0?-1:1);dstData.ctx.drawImage(srcData.canvas,w<0?w:0,h<0?h:0,Math.abs(w),Math.abs(h));dstData.ctx.restore()}return ret}Module[\"_zoomSurface\"]=_zoomSurface;_zoomSurface.sig=\"ppddi\";function _rotozoomSurface(src,angle,zoom,smooth){src>>>=0;if(angle%360===0){return _zoomSurface(src,zoom,zoom,smooth)}var srcData=SDL.surfaces[src];var w=srcData.width*zoom;var h=srcData.height*zoom;var diagonal=Math.ceil(Math.sqrt(Math.pow(w,2)+Math.pow(h,2)));var ret=SDL.makeSurface(diagonal,diagonal,srcData.flags,false,\"rotozoomSurface\");var dstData=SDL.surfaces[ret];dstData.ctx.translate(diagonal/2,diagonal/2);dstData.ctx.rotate(-angle*Math.PI/180);dstData.ctx.drawImage(srcData.canvas,-w/2,-h/2,w,h);return ret}Module[\"_rotozoomSurface\"]=_rotozoomSurface;_rotozoomSurface.sig=\"ppddi\";function _SDL_SetAlpha(surf,flag,alpha){surf>>>=0;var surfData=SDL.surfaces[surf];surfData.alpha=alpha;if(!(flag&65536)){surfData.alpha=255}}Module[\"_SDL_SetAlpha\"]=_SDL_SetAlpha;_SDL_SetAlpha.sig=\"ipii\";function _SDL_SetColorKey(surf,flag,key){surf>>>=0;warnOnce(\"SDL_SetColorKey is a no-op for performance reasons\");return 0}Module[\"_SDL_SetColorKey\"]=_SDL_SetColorKey;_SDL_SetColorKey.sig=\"ipii\";function _SDL_PollEvent(ptr){ptr>>>=0;return SDL.pollEvent(ptr)}Module[\"_SDL_PollEvent\"]=_SDL_PollEvent;_SDL_PollEvent.sig=\"ip\";function _SDL_PushEvent(ptr){ptr>>>=0;var copy=_malloc(28);_memcpy(copy,ptr,28);SDL.events.push(copy);return 0}Module[\"_SDL_PushEvent\"]=_SDL_PushEvent;_SDL_PushEvent.sig=\"ip\";function _SDL_PeepEvents(events,requestedEventCount,action,from,to){events>>>=0;switch(action){case 2:{assert(requestedEventCount==1);var index=0;var retrievedEventCount=0;while(indexSDL.events.forEach(SDL.handleEvent);Module[\"_SDL_PumpEvents\"]=_SDL_PumpEvents;_SDL_PumpEvents.sig=\"v\";function _emscripten_SDL_SetEventHandler(handler,userdata){handler>>>=0;userdata>>>=0;SDL.eventHandler=handler;SDL.eventHandlerContext=userdata;if(!SDL.eventHandlerTemp)SDL.eventHandlerTemp=_malloc(28)}Module[\"_emscripten_SDL_SetEventHandler\"]=_emscripten_SDL_SetEventHandler;_emscripten_SDL_SetEventHandler.sig=\"vpp\";function _SDL_SetColors(surf,colors,firstColor,nColors){surf>>>=0;colors>>>=0;var surfData=SDL.surfaces[surf];if(!surfData.colors){var buffer=new ArrayBuffer(256*4);surfData.colors=new Uint8Array(buffer);surfData.colors32=new Uint32Array(buffer)}for(var i=0;i>>0];surfData.colors[index+1]=HEAPU8[colors+(i*4+1)>>>0];surfData.colors[index+2]=HEAPU8[colors+(i*4+2)>>>0];surfData.colors[index+3]=255}return 1}Module[\"_SDL_SetColors\"]=_SDL_SetColors;_SDL_SetColors.sig=\"ippii\";function _SDL_SetPalette(surf,flags,colors,firstColor,nColors){surf>>>=0;colors>>>=0;return _SDL_SetColors(surf,colors,firstColor,nColors)}Module[\"_SDL_SetPalette\"]=_SDL_SetPalette;_SDL_SetPalette.sig=\"ipipii\";function _SDL_MapRGB(fmt,r,g,b){fmt>>>=0;SDL.checkPixelFormat(fmt);return r&255|(g&255)<<8|(b&255)<<16|4278190080}Module[\"_SDL_MapRGB\"]=_SDL_MapRGB;_SDL_MapRGB.sig=\"ipiii\";function _SDL_MapRGBA(fmt,r,g,b,a){fmt>>>=0;SDL.checkPixelFormat(fmt);return r&255|(g&255)<<8|(b&255)<<16|(a&255)<<24}Module[\"_SDL_MapRGBA\"]=_SDL_MapRGBA;_SDL_MapRGBA.sig=\"ipiiii\";function _SDL_GetRGB(pixel,fmt,r,g,b){fmt>>>=0;r>>>=0;g>>>=0;b>>>=0;SDL.checkPixelFormat(fmt);if(r){HEAP8[r>>>0]=pixel&255}if(g){HEAP8[g>>>0]=pixel>>8&255}if(b){HEAP8[b>>>0]=pixel>>16&255}}Module[\"_SDL_GetRGB\"]=_SDL_GetRGB;_SDL_GetRGB.sig=\"vipppp\";function _SDL_GetRGBA(pixel,fmt,r,g,b,a){fmt>>>=0;r>>>=0;g>>>=0;b>>>=0;a>>>=0;SDL.checkPixelFormat(fmt);if(r){HEAP8[r>>>0]=pixel&255}if(g){HEAP8[g>>>0]=pixel>>8&255}if(b){HEAP8[b>>>0]=pixel>>16&255}if(a){HEAP8[a>>>0]=pixel>>24&255}}Module[\"_SDL_GetRGBA\"]=_SDL_GetRGBA;_SDL_GetRGBA.sig=\"vippppp\";var _SDL_GetAppState=()=>{var state=0;if(Browser.pointerLock){state|=1}if(document.hasFocus()){state|=2}state|=4;return state};Module[\"_SDL_GetAppState\"]=_SDL_GetAppState;_SDL_GetAppState.sig=\"i\";var _SDL_WM_GrabInput=()=>{};Module[\"_SDL_WM_GrabInput\"]=_SDL_WM_GrabInput;_SDL_WM_GrabInput.sig=\"ii\";function _SDL_WM_ToggleFullScreen(surf){surf>>>=0;if(Browser.exitFullscreen()){return 1}if(!SDL.canRequestFullscreen){return 0}SDL.isRequestingFullscreen=true;return 1}Module[\"_SDL_WM_ToggleFullScreen\"]=_SDL_WM_ToggleFullScreen;_SDL_WM_ToggleFullScreen.sig=\"ip\";var _IMG_Init=flags=>flags;Module[\"_IMG_Init\"]=_IMG_Init;_IMG_Init.sig=\"ii\";function _SDL_FreeRW(rwopsID){rwopsID>>>=0;SDL.rwops[rwopsID]=null;while(SDL.rwops.length>0&&SDL.rwops[SDL.rwops.length-1]===null){SDL.rwops.pop()}}Module[\"_SDL_FreeRW\"]=_SDL_FreeRW;_SDL_FreeRW.sig=\"vp\";var _IMG_Load_RW=function(rwopsID,freeSrc){rwopsID>>>=0;var sp=stackSave();try{var cleanup=()=>{stackRestore(sp);if(rwops&&freeSrc)_SDL_FreeRW(rwopsID)};var addCleanup=func=>{var old=cleanup;cleanup=()=>{old();func()}};var callStbImage=(func,params)=>{var x=stackAlloc(4);var y=stackAlloc(4);var comp=stackAlloc(4);var data=Module[\"_\"+func](...params,x,y,comp,0);if(!data)return null;addCleanup(()=>Module[\"_stbi_image_free\"](data));return{rawData:true,data:data,width:HEAP32[x>>>2>>>0],height:HEAP32[y>>>2>>>0],size:HEAP32[x>>>2>>>0]*HEAP32[y>>>2>>>0]*HEAP32[comp>>>2>>>0],bpp:HEAP32[comp>>>2>>>0]}};var rwops=SDL.rwops[rwopsID];if(rwops===undefined){return 0}var raw;var filename=rwops.filename;if(filename===undefined){warnOnce(\"Only file names that have been preloaded are supported for IMG_Load_RW. Consider using STB_IMAGE=1 if you want synchronous image decoding (see settings.js), or package files with --use-preload-plugins\");return 0}if(!raw){filename=PATH_FS.resolve(filename);raw=preloadedImages[filename];if(!raw){if(raw===null)err(\"Trying to reuse preloaded image, but freePreloadedMediaOnUse is set!\");warnOnce(\"Cannot find preloaded image \"+filename);warnOnce(\"Cannot find preloaded image \"+filename+\". Consider using STB_IMAGE=1 if you want synchronous image decoding (see settings.js), or package files with --use-preload-plugins\");return 0}else if(Module[\"freePreloadedMediaOnUse\"]){preloadedImages[filename]=null}}var surf=SDL.makeSurface(raw.width,raw.height,0,false,\"load:\"+filename);var surfData=SDL.surfaces[surf];surfData.ctx.globalCompositeOperation=\"copy\";if(!raw.rawData){surfData.ctx.drawImage(raw,0,0,raw.width,raw.height,0,0,raw.width,raw.height)}else{var imageData=surfData.ctx.getImageData(0,0,surfData.width,surfData.height);if(raw.bpp==4){imageData.data.set(HEAPU8.subarray(raw.data>>>0,raw.data+raw.size>>>0))}else if(raw.bpp==3){var pixels=raw.size/3;var data=imageData.data;var sourcePtr=raw.data;var destPtr=0;for(var i=0;i>>0];data[destPtr++]=HEAPU8[sourcePtr++>>>0];data[destPtr++]=HEAPU8[sourcePtr++>>>0];data[destPtr++]=255}}else if(raw.bpp==2){var pixels=raw.size;var data=imageData.data;var sourcePtr=raw.data;var destPtr=0;for(var i=0;i>>0];var alpha=HEAPU8[sourcePtr++>>>0];data[destPtr++]=gray;data[destPtr++]=gray;data[destPtr++]=gray;data[destPtr++]=alpha}}else if(raw.bpp==1){var pixels=raw.size;var data=imageData.data;var sourcePtr=raw.data;var destPtr=0;for(var i=0;i>>0];data[destPtr++]=value;data[destPtr++]=value;data[destPtr++]=value;data[destPtr++]=255}}else{err(`cannot handle bpp ${raw.bpp}`);return 0}surfData.ctx.putImageData(imageData,0,0)}surfData.ctx.globalCompositeOperation=\"source-over\";_SDL_LockSurface(surf);surfData.locked--;if(SDL.GL){surfData.canvas=surfData.ctx=null}return surf}finally{cleanup()}};Module[\"_IMG_Load_RW\"]=_IMG_Load_RW;_IMG_Load_RW.sig=\"ppi\";var _SDL_LoadBMP_RW=_IMG_Load_RW;Module[\"_SDL_LoadBMP_RW\"]=_SDL_LoadBMP_RW;_SDL_LoadBMP_RW.sig=\"ppi\";function _SDL_RWFromFile(_name,mode){_name>>>=0;mode>>>=0;var id=SDL.rwops.length;var filename=UTF8ToString(_name);SDL.rwops.push({filename:filename,mimetype:Browser.getMimetype(filename)});return id}Module[\"_SDL_RWFromFile\"]=_SDL_RWFromFile;_SDL_RWFromFile.sig=\"ppp\";function _IMG_Load(filename){filename>>>=0;var rwops=_SDL_RWFromFile(filename,0);var result=_IMG_Load_RW(rwops,1);return result}Module[\"_IMG_Load\"]=_IMG_Load;_IMG_Load.sig=\"pp\";var _IMG_Quit=()=>out(\"IMG_Quit called (and ignored)\");Module[\"_IMG_Quit\"]=_IMG_Quit;_IMG_Quit.sig=\"v\";function _SDL_OpenAudio(desired,obtained){desired>>>=0;obtained>>>=0;try{SDL.audio={freq:HEAPU32[desired>>>2>>>0],format:HEAPU16[desired+4>>>1>>>0],channels:HEAPU8[desired+6>>>0],samples:HEAPU16[desired+8>>>1>>>0],callback:HEAPU32[desired+16>>>2>>>0],userdata:HEAPU32[desired+20>>>2>>>0],paused:true,timer:null};if(SDL.audio.format==8){SDL.audio.silence=128}else if(SDL.audio.format==32784){SDL.audio.silence=0}else if(SDL.audio.format==33056){SDL.audio.silence=0}else{throw\"Invalid SDL audio format \"+SDL.audio.format+\"!\"}if(SDL.audio.freq<=0){throw\"Unsupported sound frequency \"+SDL.audio.freq+\"!\"}else if(SDL.audio.freq<=22050){SDL.audio.freq=22050}else if(SDL.audio.freq<=32e3){SDL.audio.freq=32e3}else if(SDL.audio.freq<=44100){SDL.audio.freq=44100}else if(SDL.audio.freq<=48e3){SDL.audio.freq=48e3}else if(SDL.audio.freq<=96e3){SDL.audio.freq=96e3}else{throw`Unsupported sound frequency ${SDL.audio.freq}!`}if(SDL.audio.channels==0){SDL.audio.channels=1}else if(SDL.audio.channels<0||SDL.audio.channels>32){throw`Unsupported number of audio channels for SDL audio: ${SDL.audio.channels}!`}else if(SDL.audio.channels!=1&&SDL.audio.channels!=2){out(`Warning: Using untested number of audio channels ${SDL.audio.channels}`)}if(SDL.audio.samples<128||SDL.audio.samples>524288){throw`Unsupported audio callback buffer size ${SDL.audio.samples}!`}else if((SDL.audio.samples&SDL.audio.samples-1)!=0){throw`Audio callback buffer size ${SDL.audio.samples} must be a power-of-two!`}var totalSamples=SDL.audio.samples*SDL.audio.channels;if(SDL.audio.format==8){SDL.audio.bytesPerSample=1}else if(SDL.audio.format==32784){SDL.audio.bytesPerSample=2}else if(SDL.audio.format==33056){SDL.audio.bytesPerSample=4}else{throw`Invalid SDL audio format ${SDL.audio.format}!`}SDL.audio.bufferSize=totalSamples*SDL.audio.bytesPerSample;SDL.audio.bufferDurationSecs=SDL.audio.bufferSize/SDL.audio.bytesPerSample/SDL.audio.channels/SDL.audio.freq;SDL.audio.bufferingDelay=50/1e3;SDL.audio.buffer=_malloc(SDL.audio.bufferSize);SDL.audio.numSimultaneouslyQueuedBuffers=Module[\"SDL_numSimultaneouslyQueuedBuffers\"]||5;SDL.audio.queueNewAudioData=()=>{if(!SDL.audio)return;for(var i=0;i=SDL.audio.bufferingDelay+SDL.audio.bufferDurationSecs*SDL.audio.numSimultaneouslyQueuedBuffers)return;getWasmTableEntry(SDL.audio.callback)(SDL.audio.userdata,SDL.audio.buffer,SDL.audio.bufferSize);SDL.audio.pushAudio(SDL.audio.buffer,SDL.audio.bufferSize)}};SDL.audio.caller=()=>{if(!SDL.audio)return;--SDL.audio.numAudioTimersPending;SDL.audio.queueNewAudioData();var secsUntilNextPlayStart=SDL.audio.nextPlayTime-SDL.audioContext[\"currentTime\"];var preemptBufferFeedSecs=SDL.audio.bufferDurationSecs/2;if(SDL.audio.numAudioTimersPending{try{if(SDL.audio.paused)return;var sizeSamples=sizeBytes/SDL.audio.bytesPerSample;var sizeSamplesPerChannel=sizeSamples/SDL.audio.channels;if(sizeSamplesPerChannel!=SDL.audio.samples){throw\"Received mismatching audio buffer size!\"}var source=SDL.audioContext[\"createBufferSource\"]();var soundBuffer=SDL.audioContext[\"createBuffer\"](SDL.audio.channels,sizeSamplesPerChannel,SDL.audio.freq);source[\"connect\"](SDL.audioContext[\"destination\"]);SDL.fillWebAudioBufferFromHeap(ptr,sizeSamplesPerChannel,soundBuffer);source[\"buffer\"]=soundBuffer;var curtime=SDL.audioContext[\"currentTime\"];var playtime=Math.max(curtime+SDL.audio.bufferingDelay,SDL.audio.nextPlayTime);if(typeof source[\"start\"]!=\"undefined\"){source[\"start\"](playtime)}else if(typeof source[\"noteOn\"]!=\"undefined\"){source[\"noteOn\"](playtime)}SDL.audio.nextPlayTime=playtime+SDL.audio.bufferDurationSecs}catch(e){err(`Web Audio API error playing back audio: ${e.toString()}`)}};if(obtained){HEAP32[obtained>>>2>>>0]=SDL.audio.freq;HEAP16[obtained+4>>>1>>>0]=SDL.audio.format;HEAP8[obtained+6>>>0]=SDL.audio.channels;HEAP8[obtained+7>>>0]=SDL.audio.silence;HEAP16[obtained+8>>>1>>>0]=SDL.audio.samples;HEAPU32[obtained+16>>>2>>>0]=SDL.audio.callback;HEAPU32[obtained+20>>>2>>>0]=SDL.audio.userdata}SDL.allocateChannels(32)}catch(e){err(`Initializing SDL audio threw an exception: \"${e.toString()}\"! Continuing without audio`);SDL.audio=null;SDL.allocateChannels(0);if(obtained){HEAP32[obtained>>>2>>>0]=0;HEAP16[obtained+4>>>1>>>0]=0;HEAP8[obtained+6>>>0]=0;HEAP8[obtained+7>>>0]=0;HEAP16[obtained+8>>>1>>>0]=0;HEAPU32[obtained+16>>>2>>>0]=0;HEAPU32[obtained+20>>>2>>>0]=0}}if(!SDL.audio){return-1}return 0}Module[\"_SDL_OpenAudio\"]=_SDL_OpenAudio;_SDL_OpenAudio.sig=\"ipp\";var _SDL_PauseAudio=pauseOn=>{if(!SDL.audio){return}if(pauseOn){if(SDL.audio.timer!==undefined){clearTimeout(SDL.audio.timer);SDL.audio.numAudioTimersPending=0;SDL.audio.timer=undefined}}else if(!SDL.audio.timer){SDL.audio.numAudioTimersPending=1;SDL.audio.timer=safeSetTimeout(SDL.audio.caller,1)}SDL.audio.paused=pauseOn};Module[\"_SDL_PauseAudio\"]=_SDL_PauseAudio;_SDL_PauseAudio.sig=\"vi\";var _SDL_CloseAudio=()=>{if(SDL.audio){if(SDL.audio.callbackRemover){SDL.audio.callbackRemover();SDL.audio.callbackRemover=null}_SDL_PauseAudio(1);_free(SDL.audio.buffer);SDL.audio=null;SDL.allocateChannels(0)}};Module[\"_SDL_CloseAudio\"]=_SDL_CloseAudio;_SDL_CloseAudio.sig=\"v\";var _SDL_LockAudio=()=>{};Module[\"_SDL_LockAudio\"]=_SDL_LockAudio;_SDL_LockAudio.sig=\"v\";var _SDL_UnlockAudio=()=>{};Module[\"_SDL_UnlockAudio\"]=_SDL_UnlockAudio;_SDL_UnlockAudio.sig=\"v\";function _SDL_CreateMutex(){return 0}Module[\"_SDL_CreateMutex\"]=_SDL_CreateMutex;_SDL_CreateMutex.sig=\"p\";function _SDL_mutexP(mutex){mutex>>>=0;return 0}Module[\"_SDL_mutexP\"]=_SDL_mutexP;_SDL_mutexP.sig=\"ip\";function _SDL_mutexV(mutex){mutex>>>=0;return 0}Module[\"_SDL_mutexV\"]=_SDL_mutexV;_SDL_mutexV.sig=\"ip\";function _SDL_DestroyMutex(mutex){mutex>>>=0}Module[\"_SDL_DestroyMutex\"]=_SDL_DestroyMutex;_SDL_DestroyMutex.sig=\"vp\";function _SDL_CreateCond(){return 0}Module[\"_SDL_CreateCond\"]=_SDL_CreateCond;_SDL_CreateCond.sig=\"p\";function _SDL_CondSignal(cond){cond>>>=0}Module[\"_SDL_CondSignal\"]=_SDL_CondSignal;_SDL_CondSignal.sig=\"ip\";function _SDL_CondWait(cond,mutex){cond>>>=0;mutex>>>=0}Module[\"_SDL_CondWait\"]=_SDL_CondWait;_SDL_CondWait.sig=\"ipp\";function _SDL_DestroyCond(cond){cond>>>=0}Module[\"_SDL_DestroyCond\"]=_SDL_DestroyCond;_SDL_DestroyCond.sig=\"vp\";var _SDL_StartTextInput=()=>{SDL.textInput=true};Module[\"_SDL_StartTextInput\"]=_SDL_StartTextInput;_SDL_StartTextInput.sig=\"v\";var _SDL_StopTextInput=()=>{SDL.textInput=false};Module[\"_SDL_StopTextInput\"]=_SDL_StopTextInput;_SDL_StopTextInput.sig=\"v\";var _Mix_Init=flags=>{if(!flags)return 0;return 8};Module[\"_Mix_Init\"]=_Mix_Init;_Mix_Init.sig=\"ii\";var _Mix_Quit=()=>{};Module[\"_Mix_Quit\"]=_Mix_Quit;_Mix_Quit.sig=\"v\";var _Mix_OpenAudio=(frequency,format,channels,chunksize)=>{SDL.openAudioContext();autoResumeAudioContext(SDL.audioContext);SDL.allocateChannels(32);SDL.mixerFrequency=frequency;SDL.mixerFormat=format;SDL.mixerNumChannels=channels;SDL.mixerChunkSize=chunksize;return 0};Module[\"_Mix_OpenAudio\"]=_Mix_OpenAudio;_Mix_OpenAudio.sig=\"iiiii\";var _Mix_CloseAudio=_SDL_CloseAudio;Module[\"_Mix_CloseAudio\"]=_Mix_CloseAudio;_Mix_CloseAudio.sig=\"v\";var _Mix_AllocateChannels=num=>{SDL.allocateChannels(num);return num};Module[\"_Mix_AllocateChannels\"]=_Mix_AllocateChannels;_Mix_AllocateChannels.sig=\"ii\";function _Mix_ChannelFinished(func){func>>>=0;SDL.channelFinished=func}Module[\"_Mix_ChannelFinished\"]=_Mix_ChannelFinished;_Mix_ChannelFinished.sig=\"vp\";var _Mix_Volume=(channel,volume)=>{if(channel==-1){for(var i=0;i{left/=255;right/=255;SDL.setPannerPosition(SDL.channels[channel],right-left,0,.1);return 1};Module[\"_Mix_SetPanning\"]=_Mix_SetPanning;_Mix_SetPanning.sig=\"iiii\";function _Mix_LoadWAV_RW(rwopsID,freesrc){rwopsID>>>=0;var rwops=SDL.rwops[rwopsID];if(rwops===undefined)return 0;var filename=\"\";var audio;var webAudio;var bytes;if(rwops.filename!==undefined){filename=PATH_FS.resolve(rwops.filename);var raw=preloadedAudios[filename];if(!raw){if(raw===null)err(\"Trying to reuse preloaded audio, but freePreloadedMediaOnUse is set!\");if(!Module.noAudioDecoding)warnOnce(\"Cannot find preloaded audio \"+filename);try{bytes=FS.readFile(filename)}catch(e){err(`Couldn't find file for: ${filename}`);return 0}}if(Module[\"freePreloadedMediaOnUse\"]){preloadedAudios[filename]=null}audio=raw}else if(rwops.bytes!==undefined){if(SDL.webAudioAvailable())bytes=HEAPU8.buffer.slice(rwops.bytes,rwops.bytes+rwops.count);else bytes=HEAPU8.subarray(rwops.bytes>>>0,rwops.bytes+rwops.count>>>0)}else{return 0}var arrayBuffer=bytes?bytes.buffer||bytes:bytes;var canPlayWithWebAudio=Module[\"SDL_canPlayWithWebAudio\"]===undefined||Module[\"SDL_canPlayWithWebAudio\"](filename,arrayBuffer);if(bytes!==undefined&&SDL.webAudioAvailable()&&canPlayWithWebAudio){audio=undefined;webAudio={};webAudio.onDecodeComplete=[];var onDecodeComplete=data=>{webAudio.decodedBuffer=data;webAudio.onDecodeComplete.forEach(e=>e());webAudio.onDecodeComplete=undefined};SDL.audioContext[\"decodeAudioData\"](arrayBuffer,onDecodeComplete)}else if(audio===undefined&&bytes){var blob=new Blob([bytes],{type:rwops.mimetype});var url=URL.createObjectURL(blob);audio=new Audio;audio.src=url;audio.mozAudioChannelType=\"content\"}var id=SDL.audios.length;SDL.audios.push({source:filename,audio:audio,webAudio:webAudio});return id}Module[\"_Mix_LoadWAV_RW\"]=_Mix_LoadWAV_RW;_Mix_LoadWAV_RW.sig=\"ppi\";function _Mix_LoadWAV(filename){filename>>>=0;var rwops=_SDL_RWFromFile(filename,0);var result=_Mix_LoadWAV_RW(rwops,0);_SDL_FreeRW(rwops);return result}Module[\"_Mix_LoadWAV\"]=_Mix_LoadWAV;_Mix_LoadWAV.sig=\"pp\";function _Mix_QuickLoad_RAW(mem,len){mem>>>=0;var audio;var webAudio;var numSamples=len>>1;var buffer=new Float32Array(numSamples);for(var i=0;i>>1>>>0]/32768}if(SDL.webAudioAvailable()){webAudio={};webAudio.decodedBuffer=buffer}else{audio=new Audio;audio.mozAudioChannelType=\"content\";audio.numChannels=SDL.mixerNumChannels;audio.frequency=SDL.mixerFrequency}var id=SDL.audios.length;SDL.audios.push({source:\"\",audio:audio,webAudio:webAudio,buffer:buffer});return id}Module[\"_Mix_QuickLoad_RAW\"]=_Mix_QuickLoad_RAW;_Mix_QuickLoad_RAW.sig=\"ppi\";function _Mix_FreeChunk(id){id>>>=0;SDL.audios[id]=null}Module[\"_Mix_FreeChunk\"]=_Mix_FreeChunk;_Mix_FreeChunk.sig=\"vp\";var _Mix_ReserveChannels=num=>{SDL.channelMinimumNumber=num};Module[\"_Mix_ReserveChannels\"]=_Mix_ReserveChannels;_Mix_ReserveChannels.sig=\"ii\";function _Mix_PlayChannelTimed(channel,id,loops,ticks){id>>>=0;assert(ticks==-1);var info=SDL.audios[id];if(!info)return-1;if(!info.audio&&!info.webAudio)return-1;if(channel==-1){for(var i=SDL.channelMinimumNumber;i0;Module[\"_Mix_FadingChannel\"]=_Mix_FadingChannel;_Mix_FadingChannel.sig=\"ii\";var _Mix_HaltChannel=channel=>{function halt(channel){var info=SDL.channels[channel];if(info.audio){info.audio.pause();info.audio=null}if(SDL.channelFinished){getWasmTableEntry(SDL.channelFinished)(channel)}}if(channel!=-1){halt(channel)}else{for(var i=0;i{var audio=SDL.music.audio;if(audio){audio.src=audio.src;audio.currentPosition=0;audio.pause()}SDL.music.audio=null;if(SDL.hookMusicFinished){getWasmTableEntry(SDL.hookMusicFinished)()}return 0};Module[\"_Mix_HaltMusic\"]=_Mix_HaltMusic;_Mix_HaltMusic.sig=\"i\";function _Mix_HookMusicFinished(func){func>>>=0;SDL.hookMusicFinished=func;if(SDL.music.audio){SDL.music.audio[\"onended\"]=_Mix_HaltMusic}}Module[\"_Mix_HookMusicFinished\"]=_Mix_HookMusicFinished;_Mix_HookMusicFinished.sig=\"vp\";var _Mix_VolumeMusic=volume=>SDL.setGetVolume(SDL.music,volume);Module[\"_Mix_VolumeMusic\"]=_Mix_VolumeMusic;_Mix_VolumeMusic.sig=\"ii\";function _Mix_LoadMUS_RW(filename){filename>>>=0;return _Mix_LoadWAV_RW(filename,0)}Module[\"_Mix_LoadMUS_RW\"]=_Mix_LoadMUS_RW;_Mix_LoadMUS_RW.sig=\"pp\";function _Mix_LoadMUS(filename){filename>>>=0;var rwops=_SDL_RWFromFile(filename,0);var result=_Mix_LoadMUS_RW(rwops);_SDL_FreeRW(rwops);return result}Module[\"_Mix_LoadMUS\"]=_Mix_LoadMUS;_Mix_LoadMUS.sig=\"pp\";var _Mix_FreeMusic=_Mix_FreeChunk;Module[\"_Mix_FreeMusic\"]=_Mix_FreeMusic;_Mix_FreeMusic.sig=\"vp\";function _Mix_PlayMusic(id,loops){id>>>=0;if(SDL.music.audio){if(!SDL.music.audio.paused)err(`Music is already playing. ${SDL.music.source}`);SDL.music.audio.pause()}var info=SDL.audios[id];var audio;if(info.webAudio){audio={};audio.resource=info;audio.paused=false;audio.currentPosition=0;audio.play=function(){SDL.playWebAudio(this)};audio.pause=function(){SDL.pauseWebAudio(this)}}else if(info.audio){audio=info.audio}audio[\"onended\"]=function(){if(SDL.music.audio==this)_Mix_HaltMusic()};audio.loop=loops!=0&&loops!=1;audio.volume=SDL.music.volume;SDL.music.audio=audio;audio.play();return 0}Module[\"_Mix_PlayMusic\"]=_Mix_PlayMusic;_Mix_PlayMusic.sig=\"ipi\";var _Mix_PauseMusic=()=>{var audio=SDL.music.audio;audio?.pause()};Module[\"_Mix_PauseMusic\"]=_Mix_PauseMusic;_Mix_PauseMusic.sig=\"v\";var _Mix_ResumeMusic=()=>{var audio=SDL.music.audio;audio?.play()};Module[\"_Mix_ResumeMusic\"]=_Mix_ResumeMusic;_Mix_ResumeMusic.sig=\"v\";var _Mix_FadeInMusicPos=_Mix_PlayMusic;Module[\"_Mix_FadeInMusicPos\"]=_Mix_FadeInMusicPos;_Mix_FadeInMusicPos.sig=\"ipiid\";var _Mix_FadeOutMusic=_Mix_HaltMusic;Module[\"_Mix_FadeOutMusic\"]=_Mix_FadeOutMusic;_Mix_FadeOutMusic.sig=\"ii\";var _Mix_PlayingMusic=()=>SDL.music.audio&&!SDL.music.audio.paused?1:0;Module[\"_Mix_PlayingMusic\"]=_Mix_PlayingMusic;_Mix_PlayingMusic.sig=\"i\";var _Mix_Playing=channel=>{if(channel===-1){var count=0;for(var i=0;i{if(channel===-1){for(var i=0;i{if(channel===-1){var pausedCount=0;for(var i=0;iSDL.music.audio?.paused?1:0;Module[\"_Mix_PausedMusic\"]=_Mix_PausedMusic;_Mix_PausedMusic.sig=\"i\";var _Mix_Resume=channel=>{if(channel===-1){for(var i=0;i{try{var offscreenCanvas=new OffscreenCanvas(0,0);SDL.ttfContext=offscreenCanvas.getContext(\"2d\");if(typeof SDL.ttfContext.measureText!=\"function\"){throw\"bad context\"}}catch(ex){var canvas=document.createElement(\"canvas\");SDL.ttfContext=canvas.getContext(\"2d\")}return 0};Module[\"_TTF_Init\"]=_TTF_Init;_TTF_Init.sig=\"i\";function _TTF_OpenFont(name,size){name>>>=0;name=PATH.normalize(UTF8ToString(name));var id=SDL.fonts.length;SDL.fonts.push({name:name,size:size});return id}Module[\"_TTF_OpenFont\"]=_TTF_OpenFont;_TTF_OpenFont.sig=\"ppi\";function _TTF_CloseFont(font){font>>>=0;SDL.fonts[font]=null}Module[\"_TTF_CloseFont\"]=_TTF_CloseFont;_TTF_CloseFont.sig=\"vp\";function _TTF_RenderText_Solid(font,text,color){font>>>=0;text>>>=0;color>>>=0;text=UTF8ToString(text)||\" \";var fontData=SDL.fonts[font];var w=SDL.estimateTextWidth(fontData,text);var h=fontData.size;color=SDL.loadColorToCSSRGB(color);var fontString=SDL.makeFontString(h,fontData.name);var surf=SDL.makeSurface(w,h,0,false,\"text:\"+text);var surfData=SDL.surfaces[surf];surfData.ctx.save();surfData.ctx.fillStyle=color;surfData.ctx.font=fontString;surfData.ctx.textBaseline=\"bottom\";surfData.ctx.fillText(text,0,h|0);surfData.ctx.restore();return surf}Module[\"_TTF_RenderText_Solid\"]=_TTF_RenderText_Solid;_TTF_RenderText_Solid.sig=\"pppp\";var _TTF_RenderText_Blended=_TTF_RenderText_Solid;Module[\"_TTF_RenderText_Blended\"]=_TTF_RenderText_Blended;_TTF_RenderText_Blended.sig=\"pppp\";var _TTF_RenderText_Shaded=_TTF_RenderText_Solid;Module[\"_TTF_RenderText_Shaded\"]=_TTF_RenderText_Shaded;_TTF_RenderText_Shaded.sig=\"ppppp\";var _TTF_RenderUTF8_Solid=_TTF_RenderText_Solid;Module[\"_TTF_RenderUTF8_Solid\"]=_TTF_RenderUTF8_Solid;_TTF_RenderUTF8_Solid.sig=\"pppp\";function _TTF_SizeText(font,text,w,h){font>>>=0;text>>>=0;w>>>=0;h>>>=0;var fontData=SDL.fonts[font];if(w){HEAP32[w>>>2>>>0]=SDL.estimateTextWidth(fontData,UTF8ToString(text))}if(h){HEAP32[h>>>2>>>0]=fontData.size}return 0}Module[\"_TTF_SizeText\"]=_TTF_SizeText;_TTF_SizeText.sig=\"ipppp\";var _TTF_SizeUTF8=_TTF_SizeText;Module[\"_TTF_SizeUTF8\"]=_TTF_SizeUTF8;_TTF_SizeUTF8.sig=\"ipppp\";function _TTF_GlyphMetrics(font,ch,minx,maxx,miny,maxy,advance){font>>>=0;minx>>>=0;maxx>>>=0;miny>>>=0;maxy>>>=0;advance>>>=0;var fontData=SDL.fonts[font];var width=SDL.estimateTextWidth(fontData,String.fromCharCode(ch));if(advance){HEAP32[advance>>>2>>>0]=width}if(minx){HEAP32[minx>>>2>>>0]=0}if(maxx){HEAP32[maxx>>>2>>>0]=width}if(miny){HEAP32[miny>>>2>>>0]=0}if(maxy){HEAP32[maxy>>>2>>>0]=fontData.size}}Module[\"_TTF_GlyphMetrics\"]=_TTF_GlyphMetrics;_TTF_GlyphMetrics.sig=\"ipippppp\";function _TTF_FontAscent(font){font>>>=0;var fontData=SDL.fonts[font];return fontData.size*.98|0}Module[\"_TTF_FontAscent\"]=_TTF_FontAscent;_TTF_FontAscent.sig=\"ip\";function _TTF_FontDescent(font){font>>>=0;var fontData=SDL.fonts[font];return fontData.size*.02|0}Module[\"_TTF_FontDescent\"]=_TTF_FontDescent;_TTF_FontDescent.sig=\"ip\";function _TTF_FontHeight(font){font>>>=0;var fontData=SDL.fonts[font];return fontData.size}Module[\"_TTF_FontHeight\"]=_TTF_FontHeight;_TTF_FontHeight.sig=\"ip\";var _TTF_FontLineSkip=_TTF_FontHeight;Module[\"_TTF_FontLineSkip\"]=_TTF_FontLineSkip;_TTF_FontLineSkip.sig=\"ip\";var _TTF_Quit=()=>out(\"TTF_Quit called (and ignored)\");Module[\"_TTF_Quit\"]=_TTF_Quit;_TTF_Quit.sig=\"v\";var SDL_gfx={drawRectangle:(surf,x1,y1,x2,y2,action,cssColor)=>{x1=x1<<16>>16;y1=y1<<16>>16;x2=x2<<16>>16;y2=y2<<16>>16;var surfData=SDL.surfaces[surf];assert(!surfData.locked);var x=x1{x1=x1<<16>>16;y1=y1<<16>>16;x2=x2<<16>>16;y2=y2<<16>>16;var surfData=SDL.surfaces[surf];assert(!surfData.locked);surfData.ctx.save();surfData.ctx.strokeStyle=cssColor;surfData.ctx.beginPath();surfData.ctx.moveTo(x1,y1);surfData.ctx.lineTo(x2,y2);surfData.ctx.stroke();surfData.ctx.restore()},drawEllipse:(surf,x,y,rx,ry,action,cssColor)=>{x=x<<16>>16;y=y<<16>>16;rx=rx<<16>>16;ry=ry<<16>>16;var surfData=SDL.surfaces[surf];assert(!surfData.locked);surfData.ctx.save();surfData.ctx.beginPath();surfData.ctx.translate(x,y);surfData.ctx.scale(rx,ry);surfData.ctx.arc(0,0,1,0,2*Math.PI);surfData.ctx.restore();surfData.ctx.save();surfData.ctx[action+\"Style\"]=cssColor;surfData.ctx[action]();surfData.ctx.restore()},translateColorToCSSRGBA:rgba=>`rgba(${rgba>>>24},${rgba>>16&255},${rgba>>8&255},${rgba&255})`};Module[\"SDL_gfx\"]=SDL_gfx;function _boxColor(surf,x1,y1,x2,y2,color){surf>>>=0;return SDL_gfx.drawRectangle(surf,x1,y1,x2,y2,\"fill\",SDL_gfx.translateColorToCSSRGBA(color))}Module[\"_boxColor\"]=_boxColor;_boxColor.sig=\"ipiiiii\";function _boxRGBA(surf,x1,y1,x2,y2,r,g,b,a){surf>>>=0;return SDL_gfx.drawRectangle(surf,x1,y1,x2,y2,\"fill\",SDL.translateRGBAToCSSRGBA(r,g,b,a))}Module[\"_boxRGBA\"]=_boxRGBA;_boxRGBA.sig=\"ipiiiiiiii\";function _rectangleColor(surf,x1,y1,x2,y2,color){surf>>>=0;return SDL_gfx.drawRectangle(surf,x1,y1,x2,y2,\"stroke\",SDL_gfx.translateColorToCSSRGBA(color))}Module[\"_rectangleColor\"]=_rectangleColor;_rectangleColor.sig=\"ipiiiii\";function _rectangleRGBA(surf,x1,y1,x2,y2,r,g,b,a){surf>>>=0;return SDL_gfx.drawRectangle(surf,x1,y1,x2,y2,\"stroke\",SDL.translateRGBAToCSSRGBA(r,g,b,a))}Module[\"_rectangleRGBA\"]=_rectangleRGBA;_rectangleRGBA.sig=\"ipiiiiiiii\";function _ellipseColor(surf,x,y,rx,ry,color){surf>>>=0;return SDL_gfx.drawEllipse(surf,x,y,rx,ry,\"stroke\",SDL_gfx.translateColorToCSSRGBA(color))}Module[\"_ellipseColor\"]=_ellipseColor;_ellipseColor.sig=\"ipiiiii\";function _ellipseRGBA(surf,x,y,rx,ry,r,g,b,a){surf>>>=0;return SDL_gfx.drawEllipse(surf,x,y,rx,ry,\"stroke\",SDL.translateRGBAToCSSRGBA(r,g,b,a))}Module[\"_ellipseRGBA\"]=_ellipseRGBA;_ellipseRGBA.sig=\"ipiiiiiiii\";function _filledEllipseColor(surf,x,y,rx,ry,color){surf>>>=0;return SDL_gfx.drawEllipse(surf,x,y,rx,ry,\"fill\",SDL_gfx.translateColorToCSSRGBA(color))}Module[\"_filledEllipseColor\"]=_filledEllipseColor;_filledEllipseColor.sig=\"ipiiiii\";function _filledEllipseRGBA(surf,x,y,rx,ry,r,g,b,a){surf>>>=0;return SDL_gfx.drawEllipse(surf,x,y,rx,ry,\"fill\",SDL.translateRGBAToCSSRGBA(r,g,b,a))}Module[\"_filledEllipseRGBA\"]=_filledEllipseRGBA;_filledEllipseRGBA.sig=\"ipiiiiiiii\";function _lineColor(surf,x1,y1,x2,y2,color){surf>>>=0;return SDL_gfx.drawLine(surf,x1,y1,x2,y2,SDL_gfx.translateColorToCSSRGBA(color))}Module[\"_lineColor\"]=_lineColor;_lineColor.sig=\"ipiiiii\";function _lineRGBA(surf,x1,y1,x2,y2,r,g,b,a){surf>>>=0;return SDL_gfx.drawLine(surf,x1,y1,x2,y2,SDL.translateRGBAToCSSRGBA(r,g,b,a))}Module[\"_lineRGBA\"]=_lineRGBA;_lineRGBA.sig=\"ipiiiiiiii\";function _pixelRGBA(surf,x1,y1,r,g,b,a){surf>>>=0;return _boxRGBA(surf,x1,y1,x1,y1,r,g,b,a)}Module[\"_pixelRGBA\"]=_pixelRGBA;_pixelRGBA.sig=\"ipiiiiii\";var _SDL_GL_SetAttribute=(attr,value)=>{if(!(attr in SDL.glAttributes)){abort(\"Unknown SDL GL attribute (\"+attr+\"). Please check if your SDL version is supported.\")}SDL.glAttributes[attr]=value};Module[\"_SDL_GL_SetAttribute\"]=_SDL_GL_SetAttribute;_SDL_GL_SetAttribute.sig=\"iii\";function _SDL_GL_GetAttribute(attr,value){value>>>=0;if(!(attr in SDL.glAttributes)){abort(\"Unknown SDL GL attribute (\"+attr+\"). Please check if your SDL version is supported.\")}if(value)HEAP32[value>>>2>>>0]=SDL.glAttributes[attr];return 0}Module[\"_SDL_GL_GetAttribute\"]=_SDL_GL_GetAttribute;_SDL_GL_GetAttribute.sig=\"iip\";var _SDL_GL_SwapBuffers=()=>{Browser.doSwapBuffers?.()};Module[\"_SDL_GL_SwapBuffers\"]=_SDL_GL_SwapBuffers;_SDL_GL_SwapBuffers.sig=\"v\";function _SDL_GL_ExtensionSupported(extension){extension>>>=0;return Module.ctx.getExtension(extension)|0}Module[\"_SDL_GL_ExtensionSupported\"]=_SDL_GL_ExtensionSupported;_SDL_GL_ExtensionSupported.sig=\"ip\";function _SDL_DestroyWindow(window){window>>>=0}Module[\"_SDL_DestroyWindow\"]=_SDL_DestroyWindow;_SDL_DestroyWindow.sig=\"vp\";function _SDL_DestroyRenderer(renderer){renderer>>>=0}Module[\"_SDL_DestroyRenderer\"]=_SDL_DestroyRenderer;_SDL_DestroyRenderer.sig=\"vp\";function _SDL_GetWindowFlags(window){window>>>=0;if(Browser.isFullscreen){return 1}return 0}Module[\"_SDL_GetWindowFlags\"]=_SDL_GetWindowFlags;_SDL_GetWindowFlags.sig=\"ip\";function _SDL_GL_SwapWindow(window){window>>>=0}Module[\"_SDL_GL_SwapWindow\"]=_SDL_GL_SwapWindow;_SDL_GL_SwapWindow.sig=\"vp\";function _SDL_GL_MakeCurrent(window,context){window>>>=0;context>>>=0}Module[\"_SDL_GL_MakeCurrent\"]=_SDL_GL_MakeCurrent;_SDL_GL_MakeCurrent.sig=\"ipp\";function _SDL_GL_DeleteContext(context){context>>>=0}Module[\"_SDL_GL_DeleteContext\"]=_SDL_GL_DeleteContext;_SDL_GL_DeleteContext.sig=\"vp\";var _SDL_GL_GetSwapInterval=()=>{if(Browser.mainLoop.timingMode==1)return Browser.mainLoop.timingValue;else return 0};Module[\"_SDL_GL_GetSwapInterval\"]=_SDL_GL_GetSwapInterval;_SDL_GL_GetSwapInterval.sig=\"i\";var _SDL_GL_SetSwapInterval=state=>{_emscripten_set_main_loop_timing(1,state)};Module[\"_SDL_GL_SetSwapInterval\"]=_SDL_GL_SetSwapInterval;_SDL_GL_SetSwapInterval.sig=\"ii\";function _SDL_SetWindowTitle(window,title){window>>>=0;title>>>=0;if(title)document.title=UTF8ToString(title)}Module[\"_SDL_SetWindowTitle\"]=_SDL_SetWindowTitle;_SDL_SetWindowTitle.sig=\"vpp\";function _SDL_GetWindowSize(window,width,height){window>>>=0;width>>>=0;height>>>=0;var w=Module[\"canvas\"].width;var h=Module[\"canvas\"].height;if(width)HEAP32[width>>>2>>>0]=w;if(height)HEAP32[height>>>2>>>0]=h}Module[\"_SDL_GetWindowSize\"]=_SDL_GetWindowSize;_SDL_GetWindowSize.sig=\"vppp\";function _SDL_LogSetOutputFunction(callback,userdata){callback>>>=0;userdata>>>=0}Module[\"_SDL_LogSetOutputFunction\"]=_SDL_LogSetOutputFunction;_SDL_LogSetOutputFunction.sig=\"vpp\";function _SDL_SetWindowFullscreen(window,fullscreen){window>>>=0;if(Browser.isFullscreen){Module[\"canvas\"].exitFullscreen();return 1}return 0}Module[\"_SDL_SetWindowFullscreen\"]=_SDL_SetWindowFullscreen;_SDL_SetWindowFullscreen.sig=\"ipi\";var _SDL_ClearError=()=>{};Module[\"_SDL_ClearError\"]=_SDL_ClearError;_SDL_ClearError.sig=\"v\";var _SDL_SetGamma=(r,g,b)=>-1;Module[\"_SDL_SetGamma\"]=_SDL_SetGamma;_SDL_SetGamma.sig=\"ifff\";function _SDL_SetGammaRamp(redTable,greenTable,blueTable){redTable>>>=0;greenTable>>>=0;blueTable>>>=0;return-1}Module[\"_SDL_SetGammaRamp\"]=_SDL_SetGammaRamp;_SDL_SetGammaRamp.sig=\"ippp\";var _SDL_NumJoysticks=()=>{var count=0;var gamepads=SDL.getGamepads();for(var i=0;iSDL.lastJoystickState.hasOwnProperty(deviceIndex+1)?1:0;Module[\"_SDL_JoystickOpened\"]=_SDL_JoystickOpened;_SDL_JoystickOpened.sig=\"ii\";function _SDL_JoystickIndex(joystick){joystick>>>=0;return joystick-1}Module[\"_SDL_JoystickIndex\"]=_SDL_JoystickIndex;_SDL_JoystickIndex.sig=\"ip\";function _SDL_JoystickNumAxes(joystick){joystick>>>=0;var gamepad=SDL.getGamepad(joystick-1);if(gamepad){return gamepad.axes.length}return 0}Module[\"_SDL_JoystickNumAxes\"]=_SDL_JoystickNumAxes;_SDL_JoystickNumAxes.sig=\"ip\";function _SDL_JoystickNumBalls(joystick){joystick>>>=0;return 0}Module[\"_SDL_JoystickNumBalls\"]=_SDL_JoystickNumBalls;_SDL_JoystickNumBalls.sig=\"ip\";function _SDL_JoystickNumHats(joystick){joystick>>>=0;return 0}Module[\"_SDL_JoystickNumHats\"]=_SDL_JoystickNumHats;_SDL_JoystickNumHats.sig=\"ip\";function _SDL_JoystickNumButtons(joystick){joystick>>>=0;var gamepad=SDL.getGamepad(joystick-1);if(gamepad){return gamepad.buttons.length}return 0}Module[\"_SDL_JoystickNumButtons\"]=_SDL_JoystickNumButtons;_SDL_JoystickNumButtons.sig=\"ip\";var _SDL_JoystickUpdate=()=>SDL.queryJoysticks();Module[\"_SDL_JoystickUpdate\"]=_SDL_JoystickUpdate;_SDL_JoystickUpdate.sig=\"v\";var _SDL_JoystickEventState=state=>{if(state<0){return SDL.joystickEventState}return SDL.joystickEventState=state};Module[\"_SDL_JoystickEventState\"]=_SDL_JoystickEventState;_SDL_JoystickEventState.sig=\"ii\";function _SDL_JoystickGetAxis(joystick,axis){joystick>>>=0;var gamepad=SDL.getGamepad(joystick-1);if(gamepad&&gamepad.axes.length>axis){return SDL.joystickAxisValueConversion(gamepad.axes[axis])}return 0}Module[\"_SDL_JoystickGetAxis\"]=_SDL_JoystickGetAxis;_SDL_JoystickGetAxis.sig=\"ipi\";function _SDL_JoystickGetHat(joystick,hat){joystick>>>=0;return 0}Module[\"_SDL_JoystickGetHat\"]=_SDL_JoystickGetHat;_SDL_JoystickGetHat.sig=\"ipi\";function _SDL_JoystickGetBall(joystick,ball,dxptr,dyptr){joystick>>>=0;dxptr>>>=0;dyptr>>>=0;return-1}Module[\"_SDL_JoystickGetBall\"]=_SDL_JoystickGetBall;_SDL_JoystickGetBall.sig=\"ipipp\";function _SDL_JoystickGetButton(joystick,button){joystick>>>=0;var gamepad=SDL.getGamepad(joystick-1);if(gamepad&&gamepad.buttons.length>button){return SDL.getJoystickButtonState(gamepad.buttons[button])?1:0}return 0}Module[\"_SDL_JoystickGetButton\"]=_SDL_JoystickGetButton;_SDL_JoystickGetButton.sig=\"ipi\";function _SDL_JoystickClose(joystick){joystick>>>=0;delete SDL.lastJoystickState[joystick]}Module[\"_SDL_JoystickClose\"]=_SDL_JoystickClose;_SDL_JoystickClose.sig=\"vp\";var _SDL_InitSubSystem=flags=>0;Module[\"_SDL_InitSubSystem\"]=_SDL_InitSubSystem;_SDL_InitSubSystem.sig=\"ii\";function _SDL_RWFromConstMem(mem,size){mem>>>=0;var id=SDL.rwops.length;SDL.rwops.push({bytes:mem,count:size});return id}Module[\"_SDL_RWFromConstMem\"]=_SDL_RWFromConstMem;_SDL_RWFromConstMem.sig=\"ppi\";var _SDL_RWFromMem=_SDL_RWFromConstMem;Module[\"_SDL_RWFromMem\"]=_SDL_RWFromMem;_SDL_RWFromMem.sig=\"ppi\";var _SDL_GetNumAudioDrivers=()=>1;Module[\"_SDL_GetNumAudioDrivers\"]=_SDL_GetNumAudioDrivers;_SDL_GetNumAudioDrivers.sig=\"i\";function _SDL_GetCurrentAudioDriver(){return stringToNewUTF8(\"Emscripten Audio\")}Module[\"_SDL_GetCurrentAudioDriver\"]=_SDL_GetCurrentAudioDriver;_SDL_GetCurrentAudioDriver.sig=\"p\";var _SDL_GetScancodeFromKey=key=>SDL.scanCodes[key];Module[\"_SDL_GetScancodeFromKey\"]=_SDL_GetScancodeFromKey;_SDL_GetScancodeFromKey.sig=\"ii\";function _SDL_GetAudioDriver(index){return _SDL_GetCurrentAudioDriver()}Module[\"_SDL_GetAudioDriver\"]=_SDL_GetAudioDriver;_SDL_GetAudioDriver.sig=\"pi\";var _SDL_EnableUNICODE=on=>{var ret=SDL.unicode||0;SDL.unicode=on;return ret};Module[\"_SDL_EnableUNICODE\"]=_SDL_EnableUNICODE;_SDL_EnableUNICODE.sig=\"ii\";var _SDL_AddTimer=function(interval,callback,param){callback>>>=0;param>>>=0;return safeSetTimeout(()=>getWasmTableEntry(callback)(interval,param),interval)};Module[\"_SDL_AddTimer\"]=_SDL_AddTimer;_SDL_AddTimer.sig=\"iipp\";var _SDL_RemoveTimer=id=>{clearTimeout(id);return true};Module[\"_SDL_RemoveTimer\"]=_SDL_RemoveTimer;_SDL_RemoveTimer.sig=\"ii\";function _SDL_CreateThread(fs,data,pfnBeginThread,pfnEndThread){fs>>>=0;data>>>=0;throw\"SDL threads cannot be supported in the web platform because they assume shared state. See emscripten_create_worker etc. for a message-passing concurrency model that does let you run code in another thread.\"}Module[\"_SDL_CreateThread\"]=_SDL_CreateThread;_SDL_CreateThread.sig=\"ppp\";function _SDL_WaitThread(thread,status){thread>>>=0;status>>>=0;throw\"SDL_WaitThread\"}Module[\"_SDL_WaitThread\"]=_SDL_WaitThread;_SDL_WaitThread.sig=\"vpp\";function _SDL_GetThreadID(thread){thread>>>=0;throw\"SDL_GetThreadID\"}Module[\"_SDL_GetThreadID\"]=_SDL_GetThreadID;_SDL_GetThreadID.sig=\"pp\";function _SDL_ThreadID(){return 0}Module[\"_SDL_ThreadID\"]=_SDL_ThreadID;_SDL_ThreadID.sig=\"p\";function _SDL_AllocRW(){throw\"SDL_AllocRW: TODO\"}Module[\"_SDL_AllocRW\"]=_SDL_AllocRW;_SDL_AllocRW.sig=\"p\";function _SDL_CondBroadcast(cond){cond>>>=0;throw\"SDL_CondBroadcast: TODO\"}Module[\"_SDL_CondBroadcast\"]=_SDL_CondBroadcast;_SDL_CondBroadcast.sig=\"ip\";function _SDL_CondWaitTimeout(cond,mutex,ms){cond>>>=0;mutex>>>=0;throw\"SDL_CondWaitTimeout: TODO\"}Module[\"_SDL_CondWaitTimeout\"]=_SDL_CondWaitTimeout;_SDL_CondWaitTimeout.sig=\"ippi\";var _SDL_WM_IconifyWindow=()=>{throw\"SDL_WM_IconifyWindow TODO\"};Module[\"_SDL_WM_IconifyWindow\"]=_SDL_WM_IconifyWindow;_SDL_WM_IconifyWindow.sig=\"i\";function _Mix_SetPostMix(func,arg){func>>>=0;arg>>>=0;return warnOnce(\"Mix_SetPostMix: TODO\")}Module[\"_Mix_SetPostMix\"]=_Mix_SetPostMix;_Mix_SetPostMix.sig=\"vpp\";function _Mix_VolumeChunk(chunk,volume){chunk>>>=0;throw\"Mix_VolumeChunk: TODO\"}Module[\"_Mix_VolumeChunk\"]=_Mix_VolumeChunk;_Mix_VolumeChunk.sig=\"ipi\";var _Mix_SetPosition=(channel,angle,distance)=>{throw\"Mix_SetPosition: TODO\"};Module[\"_Mix_SetPosition\"]=_Mix_SetPosition;_Mix_SetPosition.sig=\"iiii\";function _Mix_QuerySpec(frequency,format,channels){frequency>>>=0;format>>>=0;channels>>>=0;throw\"Mix_QuerySpec: TODO\"}Module[\"_Mix_QuerySpec\"]=_Mix_QuerySpec;_Mix_QuerySpec.sig=\"ippp\";function _Mix_FadeInChannelTimed(channel,chunk,loop,ms,ticks){chunk>>>=0;throw\"Mix_FadeInChannelTimed\"}Module[\"_Mix_FadeInChannelTimed\"]=_Mix_FadeInChannelTimed;_Mix_FadeInChannelTimed.sig=\"iipiii\";var _Mix_FadeOutChannel=()=>{throw\"Mix_FadeOutChannel\"};Module[\"_Mix_FadeOutChannel\"]=_Mix_FadeOutChannel;_Mix_FadeOutChannel.sig=\"iii\";function _Mix_Linked_Version(){throw\"Mix_Linked_Version: TODO\"}Module[\"_Mix_Linked_Version\"]=_Mix_Linked_Version;_Mix_Linked_Version.sig=\"p\";function _SDL_SaveBMP_RW(surface,dst,freedst){surface>>>=0;dst>>>=0;throw\"SDL_SaveBMP_RW: TODO\"}Module[\"_SDL_SaveBMP_RW\"]=_SDL_SaveBMP_RW;_SDL_SaveBMP_RW.sig=\"ippi\";function _SDL_WM_SetIcon(icon,mask){icon>>>=0;mask>>>=0}Module[\"_SDL_WM_SetIcon\"]=_SDL_WM_SetIcon;_SDL_WM_SetIcon.sig=\"vpp\";var _SDL_HasRDTSC=()=>0;Module[\"_SDL_HasRDTSC\"]=_SDL_HasRDTSC;_SDL_HasRDTSC.sig=\"i\";var _SDL_HasMMX=()=>0;Module[\"_SDL_HasMMX\"]=_SDL_HasMMX;_SDL_HasMMX.sig=\"i\";var _SDL_HasMMXExt=()=>0;Module[\"_SDL_HasMMXExt\"]=_SDL_HasMMXExt;_SDL_HasMMXExt.sig=\"i\";var _SDL_Has3DNow=()=>0;Module[\"_SDL_Has3DNow\"]=_SDL_Has3DNow;_SDL_Has3DNow.sig=\"i\";var _SDL_Has3DNowExt=()=>0;Module[\"_SDL_Has3DNowExt\"]=_SDL_Has3DNowExt;_SDL_Has3DNowExt.sig=\"i\";var _SDL_HasSSE=()=>0;Module[\"_SDL_HasSSE\"]=_SDL_HasSSE;_SDL_HasSSE.sig=\"i\";var _SDL_HasSSE2=()=>0;Module[\"_SDL_HasSSE2\"]=_SDL_HasSSE2;_SDL_HasSSE2.sig=\"i\";var _SDL_HasAltiVec=()=>0;Module[\"_SDL_HasAltiVec\"]=_SDL_HasAltiVec;_SDL_HasAltiVec.sig=\"i\";if(!Module.createInvoke){Module.createInvoke=Module.createInvokeFunction}registerWasmPlugin();FS.createPreloadedFile=FS_createPreloadedFile;FS.staticInit();Module[\"FS_createPath\"]=FS.createPath;Module[\"FS_createDataFile\"]=FS.createDataFile;Module[\"FS_createPreloadedFile\"]=FS.createPreloadedFile;Module[\"FS_unlink\"]=FS.unlink;Module[\"FS_createLazyFile\"]=FS.createLazyFile;Module[\"FS_createDevice\"]=FS.createDevice;if(ENVIRONMENT_IS_NODE){NODEFS.staticInit()}var GLctx;for(var i=0;i<32;++i)tempFixedLengthArray.push(new Array(i));var miniTempWebGLFloatBuffersStorage=new Float32Array(288);for(var i=0;i<288;++i){miniTempWebGLFloatBuffers[i]=miniTempWebGLFloatBuffersStorage.subarray(0,i)}var miniTempWebGLIntBuffersStorage=new Int32Array(288);for(var i=0;i<288;++i){miniTempWebGLIntBuffers[i]=miniTempWebGLIntBuffersStorage.subarray(0,i)}var emSetImmediate;var emClearImmediate;if(typeof setImmediate!=\"undefined\"){emSetImmediate=setImmediateWrapped;emClearImmediate=clearImmediateWrapped}else if(typeof addEventListener==\"function\"){var __setImmediate_id_counter=0;var __setImmediate_queue=[];var __setImmediate_message_id=\"_si\";var __setImmediate_cb=e=>{if(e.data===__setImmediate_message_id){e.stopPropagation();__setImmediate_queue.shift()();++__setImmediate_id_counter}};addEventListener(\"message\",__setImmediate_cb,true);emSetImmediate=func=>{postMessage(__setImmediate_message_id,\"*\");return __setImmediate_id_counter+__setImmediate_queue.push(func)-1};emClearImmediate=id=>{var index=id-__setImmediate_id_counter;if(index>=0&&index<__setImmediate_queue.length)__setImmediate_queue[index]=()=>{}}}Module[\"requestFullscreen\"]=Browser.requestFullscreen;Module[\"requestAnimationFrame\"]=Browser.requestAnimationFrame;Module[\"setCanvasSize\"]=Browser.setCanvasSize;Module[\"pauseMainLoop\"]=Browser.mainLoop.pause;Module[\"resumeMainLoop\"]=Browser.mainLoop.resume;Module[\"getUserMedia\"]=Browser.getUserMedia;Module[\"createContext\"]=Browser.createContext;var preloadedImages={};var preloadedAudios={};var wasmImports={IMG_Init:_IMG_Init,IMG_Load:_IMG_Load,IMG_Load_RW:_IMG_Load_RW,IMG_Quit:_IMG_Quit,JsArray_count_js:JsArray_count_js,JsArray_index_js:JsArray_index_js,JsArray_inplace_repeat_js:JsArray_inplace_repeat_js,JsArray_repeat_js:JsArray_repeat_js,JsArray_reverse_js:JsArray_reverse_js,JsArray_reversed_iterator:JsArray_reversed_iterator,JsBuffer_DecodeString_js:JsBuffer_DecodeString_js,JsBuffer_get_info:JsBuffer_get_info,JsDoubleProxy_unwrap_helper:JsDoubleProxy_unwrap_helper,JsException_new_helper:JsException_new_helper,JsMap_GetIter_js:JsMap_GetIter_js,JsMap_clear_js:JsMap_clear_js,JsObjMap_GetIter_js:JsObjMap_GetIter_js,JsObjMap_ass_subscript_js:JsObjMap_ass_subscript_js,JsObjMap_contains_js:JsObjMap_contains_js,JsObjMap_length_js:JsObjMap_length_js,JsObjMap_subscript_js:JsObjMap_subscript_js,JsProxy_Bool_js:JsProxy_Bool_js,JsProxy_DelAttr_js:JsProxy_DelAttr_js,JsProxy_Dir_js:JsProxy_Dir_js,JsProxy_GetAsyncIter_js:JsProxy_GetAsyncIter_js,JsProxy_GetAttr_js:JsProxy_GetAttr_js,JsProxy_GetIter_js:JsProxy_GetIter_js,JsProxy_SetAttr_js:JsProxy_SetAttr_js,JsProxy_compute_typeflags:JsProxy_compute_typeflags,JsProxy_subscript_js:JsProxy_subscript_js,JsvArray_Check:JsvArray_Check,JsvArray_Delete:JsvArray_Delete,JsvArray_Extend:JsvArray_Extend,JsvArray_Get:JsvArray_Get,JsvArray_Insert:JsvArray_Insert,JsvArray_New:JsvArray_New,JsvArray_Push:JsvArray_Push,JsvArray_Set:JsvArray_Set,JsvArray_ShallowCopy:JsvArray_ShallowCopy,JsvArray_slice:JsvArray_slice,JsvArray_slice_assign:JsvArray_slice_assign,JsvAsyncGenerator_Check:JsvAsyncGenerator_Check,JsvBuffer_assignFromPtr:JsvBuffer_assignFromPtr,JsvBuffer_assignToPtr:JsvBuffer_assignToPtr,JsvBuffer_intoFile:JsvBuffer_intoFile,JsvBuffer_readFromFile:JsvBuffer_readFromFile,JsvBuffer_writeToFile:JsvBuffer_writeToFile,JsvError_Throw:JsvError_Throw,JsvFunction_CallBound:JsvFunction_CallBound,JsvFunction_Call_OneArg:JsvFunction_Call_OneArg,JsvFunction_Check:JsvFunction_Check,JsvFunction_Construct:JsvFunction_Construct,JsvGenerator_Check:JsvGenerator_Check,JsvLiteralMap_New:JsvLiteralMap_New,JsvMap_New:JsvMap_New,JsvMap_Set:JsvMap_Set,JsvNoValue_Check:JsvNoValue_Check,JsvNum_fromDigits:JsvNum_fromDigits,JsvNum_fromDouble:JsvNum_fromDouble,JsvNum_fromInt:JsvNum_fromInt,JsvObject_CallMethod:JsvObject_CallMethod,JsvObject_CallMethod_NoArgs:JsvObject_CallMethod_NoArgs,JsvObject_CallMethod_OneArg:JsvObject_CallMethod_OneArg,JsvObject_CallMethod_TwoArgs:JsvObject_CallMethod_TwoArgs,JsvObject_Entries:JsvObject_Entries,JsvObject_Keys:JsvObject_Keys,JsvObject_New:JsvObject_New,JsvObject_SetAttr:JsvObject_SetAttr,JsvObject_Values:JsvObject_Values,JsvObject_toString:JsvObject_toString,JsvPromise_Check:JsvPromise_Check,JsvPromise_Resolve:JsvPromise_Resolve,JsvPromise_Syncify_handleError:JsvPromise_Syncify_handleError,JsvSet_Add:JsvSet_Add,JsvSet_New:JsvSet_New,JsvUTF8ToString:JsvUTF8ToString,Jsv_constructorName:Jsv_constructorName,Jsv_equal:Jsv_equal,Jsv_greater_than:Jsv_greater_than,Jsv_greater_than_equal:Jsv_greater_than_equal,Jsv_less_than:Jsv_less_than,Jsv_less_than_equal:Jsv_less_than_equal,Jsv_not_equal:Jsv_not_equal,Jsv_to_bool:Jsv_to_bool,Jsv_typeof:Jsv_typeof,Mix_AllocateChannels:_Mix_AllocateChannels,Mix_ChannelFinished:_Mix_ChannelFinished,Mix_CloseAudio:_Mix_CloseAudio,Mix_FadeInChannelTimed:_Mix_FadeInChannelTimed,Mix_FadeInMusicPos:_Mix_FadeInMusicPos,Mix_FadeOutChannel:_Mix_FadeOutChannel,Mix_FadeOutMusic:_Mix_FadeOutMusic,Mix_FadingChannel:_Mix_FadingChannel,Mix_FreeChunk:_Mix_FreeChunk,Mix_FreeMusic:_Mix_FreeMusic,Mix_HaltChannel:_Mix_HaltChannel,Mix_HaltMusic:_Mix_HaltMusic,Mix_HookMusicFinished:_Mix_HookMusicFinished,Mix_Init:_Mix_Init,Mix_Linked_Version:_Mix_Linked_Version,Mix_LoadMUS:_Mix_LoadMUS,Mix_LoadMUS_RW:_Mix_LoadMUS_RW,Mix_LoadWAV:_Mix_LoadWAV,Mix_LoadWAV_RW:_Mix_LoadWAV_RW,Mix_OpenAudio:_Mix_OpenAudio,Mix_Pause:_Mix_Pause,Mix_PauseMusic:_Mix_PauseMusic,Mix_Paused:_Mix_Paused,Mix_PausedMusic:_Mix_PausedMusic,Mix_PlayChannelTimed:_Mix_PlayChannelTimed,Mix_PlayMusic:_Mix_PlayMusic,Mix_Playing:_Mix_Playing,Mix_PlayingMusic:_Mix_PlayingMusic,Mix_QuerySpec:_Mix_QuerySpec,Mix_QuickLoad_RAW:_Mix_QuickLoad_RAW,Mix_Quit:_Mix_Quit,Mix_ReserveChannels:_Mix_ReserveChannels,Mix_Resume:_Mix_Resume,Mix_ResumeMusic:_Mix_ResumeMusic,Mix_SetPanning:_Mix_SetPanning,Mix_SetPosition:_Mix_SetPosition,Mix_SetPostMix:_Mix_SetPostMix,Mix_Volume:_Mix_Volume,Mix_VolumeChunk:_Mix_VolumeChunk,Mix_VolumeMusic:_Mix_VolumeMusic,SDL_AddTimer:_SDL_AddTimer,SDL_AllocRW:_SDL_AllocRW,SDL_AudioDriverName:_SDL_AudioDriverName,SDL_AudioQuit:_SDL_AudioQuit,SDL_ClearError:_SDL_ClearError,SDL_CloseAudio:_SDL_CloseAudio,SDL_CondBroadcast:_SDL_CondBroadcast,SDL_CondSignal:_SDL_CondSignal,SDL_CondWait:_SDL_CondWait,SDL_CondWaitTimeout:_SDL_CondWaitTimeout,SDL_ConvertSurface:_SDL_ConvertSurface,SDL_CreateCond:_SDL_CreateCond,SDL_CreateMutex:_SDL_CreateMutex,SDL_CreateRGBSurface:_SDL_CreateRGBSurface,SDL_CreateRGBSurfaceFrom:_SDL_CreateRGBSurfaceFrom,SDL_CreateThread:_SDL_CreateThread,SDL_Delay:_SDL_Delay,SDL_DestroyCond:_SDL_DestroyCond,SDL_DestroyMutex:_SDL_DestroyMutex,SDL_DestroyRenderer:_SDL_DestroyRenderer,SDL_DestroyWindow:_SDL_DestroyWindow,SDL_DisplayFormatAlpha:_SDL_DisplayFormatAlpha,SDL_EnableKeyRepeat:_SDL_EnableKeyRepeat,SDL_EnableUNICODE:_SDL_EnableUNICODE,SDL_FillRect:_SDL_FillRect,SDL_Flip:_SDL_Flip,SDL_FreeRW:_SDL_FreeRW,SDL_FreeSurface:_SDL_FreeSurface,SDL_GL_DeleteContext:_SDL_GL_DeleteContext,SDL_GL_ExtensionSupported:_SDL_GL_ExtensionSupported,SDL_GL_GetAttribute:_SDL_GL_GetAttribute,SDL_GL_GetSwapInterval:_SDL_GL_GetSwapInterval,SDL_GL_MakeCurrent:_SDL_GL_MakeCurrent,SDL_GL_SetAttribute:_SDL_GL_SetAttribute,SDL_GL_SetSwapInterval:_SDL_GL_SetSwapInterval,SDL_GL_SwapBuffers:_SDL_GL_SwapBuffers,SDL_GL_SwapWindow:_SDL_GL_SwapWindow,SDL_GetAppState:_SDL_GetAppState,SDL_GetAudioDriver:_SDL_GetAudioDriver,SDL_GetClipRect:_SDL_GetClipRect,SDL_GetCurrentAudioDriver:_SDL_GetCurrentAudioDriver,SDL_GetError:_SDL_GetError,SDL_GetKeyName:_SDL_GetKeyName,SDL_GetKeyState:_SDL_GetKeyState,SDL_GetKeyboardState:_SDL_GetKeyboardState,SDL_GetModState:_SDL_GetModState,SDL_GetMouseState:_SDL_GetMouseState,SDL_GetNumAudioDrivers:_SDL_GetNumAudioDrivers,SDL_GetRGB:_SDL_GetRGB,SDL_GetRGBA:_SDL_GetRGBA,SDL_GetScancodeFromKey:_SDL_GetScancodeFromKey,SDL_GetThreadID:_SDL_GetThreadID,SDL_GetTicks:_SDL_GetTicks,SDL_GetVideoInfo:_SDL_GetVideoInfo,SDL_GetVideoSurface:_SDL_GetVideoSurface,SDL_GetWindowFlags:_SDL_GetWindowFlags,SDL_GetWindowSize:_SDL_GetWindowSize,SDL_Has3DNow:_SDL_Has3DNow,SDL_Has3DNowExt:_SDL_Has3DNowExt,SDL_HasAltiVec:_SDL_HasAltiVec,SDL_HasMMX:_SDL_HasMMX,SDL_HasMMXExt:_SDL_HasMMXExt,SDL_HasRDTSC:_SDL_HasRDTSC,SDL_HasSSE:_SDL_HasSSE,SDL_HasSSE2:_SDL_HasSSE2,SDL_Init:_SDL_Init,SDL_InitSubSystem:_SDL_InitSubSystem,SDL_JoystickClose:_SDL_JoystickClose,SDL_JoystickEventState:_SDL_JoystickEventState,SDL_JoystickGetAxis:_SDL_JoystickGetAxis,SDL_JoystickGetBall:_SDL_JoystickGetBall,SDL_JoystickGetButton:_SDL_JoystickGetButton,SDL_JoystickGetHat:_SDL_JoystickGetHat,SDL_JoystickIndex:_SDL_JoystickIndex,SDL_JoystickName:_SDL_JoystickName,SDL_JoystickNumAxes:_SDL_JoystickNumAxes,SDL_JoystickNumBalls:_SDL_JoystickNumBalls,SDL_JoystickNumButtons:_SDL_JoystickNumButtons,SDL_JoystickNumHats:_SDL_JoystickNumHats,SDL_JoystickOpen:_SDL_JoystickOpen,SDL_JoystickOpened:_SDL_JoystickOpened,SDL_JoystickUpdate:_SDL_JoystickUpdate,SDL_Linked_Version:_SDL_Linked_Version,SDL_ListModes:_SDL_ListModes,SDL_LoadBMP_RW:_SDL_LoadBMP_RW,SDL_LockAudio:_SDL_LockAudio,SDL_LockSurface:_SDL_LockSurface,SDL_LogSetOutputFunction:_SDL_LogSetOutputFunction,SDL_LowerBlit:_SDL_LowerBlit,SDL_LowerBlitScaled:_SDL_LowerBlitScaled,SDL_MapRGB:_SDL_MapRGB,SDL_MapRGBA:_SDL_MapRGBA,SDL_NumJoysticks:_SDL_NumJoysticks,SDL_OpenAudio:_SDL_OpenAudio,SDL_PauseAudio:_SDL_PauseAudio,SDL_PeepEvents:_SDL_PeepEvents,SDL_PollEvent:_SDL_PollEvent,SDL_PumpEvents:_SDL_PumpEvents,SDL_PushEvent:_SDL_PushEvent,SDL_Quit:_SDL_Quit,SDL_QuitSubSystem:_SDL_QuitSubSystem,SDL_RWFromConstMem:_SDL_RWFromConstMem,SDL_RWFromFile:_SDL_RWFromFile,SDL_RWFromMem:_SDL_RWFromMem,SDL_RemoveTimer:_SDL_RemoveTimer,SDL_SaveBMP_RW:_SDL_SaveBMP_RW,SDL_SetAlpha:_SDL_SetAlpha,SDL_SetClipRect:_SDL_SetClipRect,SDL_SetColorKey:_SDL_SetColorKey,SDL_SetColors:_SDL_SetColors,SDL_SetError:_SDL_SetError,SDL_SetGamma:_SDL_SetGamma,SDL_SetGammaRamp:_SDL_SetGammaRamp,SDL_SetPalette:_SDL_SetPalette,SDL_SetVideoMode:_SDL_SetVideoMode,SDL_SetWindowFullscreen:_SDL_SetWindowFullscreen,SDL_SetWindowTitle:_SDL_SetWindowTitle,SDL_ShowCursor:_SDL_ShowCursor,SDL_StartTextInput:_SDL_StartTextInput,SDL_StopTextInput:_SDL_StopTextInput,SDL_ThreadID:_SDL_ThreadID,SDL_UnlockAudio:_SDL_UnlockAudio,SDL_UnlockSurface:_SDL_UnlockSurface,SDL_UpdateRect:_SDL_UpdateRect,SDL_UpdateRects:_SDL_UpdateRects,SDL_UpperBlit:_SDL_UpperBlit,SDL_UpperBlitScaled:_SDL_UpperBlitScaled,SDL_VideoDriverName:_SDL_VideoDriverName,SDL_VideoModeOK:_SDL_VideoModeOK,SDL_VideoQuit:_SDL_VideoQuit,SDL_WM_GrabInput:_SDL_WM_GrabInput,SDL_WM_IconifyWindow:_SDL_WM_IconifyWindow,SDL_WM_SetCaption:_SDL_WM_SetCaption,SDL_WM_SetIcon:_SDL_WM_SetIcon,SDL_WM_ToggleFullScreen:_SDL_WM_ToggleFullScreen,SDL_WaitThread:_SDL_WaitThread,SDL_WarpMouse:_SDL_WarpMouse,SDL_WasInit:_SDL_WasInit,SDL_mutexP:_SDL_mutexP,SDL_mutexV:_SDL_mutexV,TTF_CloseFont:_TTF_CloseFont,TTF_FontAscent:_TTF_FontAscent,TTF_FontDescent:_TTF_FontDescent,TTF_FontHeight:_TTF_FontHeight,TTF_FontLineSkip:_TTF_FontLineSkip,TTF_GlyphMetrics:_TTF_GlyphMetrics,TTF_Init:_TTF_Init,TTF_OpenFont:_TTF_OpenFont,TTF_Quit:_TTF_Quit,TTF_RenderText_Blended:_TTF_RenderText_Blended,TTF_RenderText_Shaded:_TTF_RenderText_Shaded,TTF_RenderText_Solid:_TTF_RenderText_Solid,TTF_RenderUTF8_Solid:_TTF_RenderUTF8_Solid,TTF_SizeText:_TTF_SizeText,TTF_SizeUTF8:_TTF_SizeUTF8,_JsArray_PostProcess_helper:_JsArray_PostProcess_helper,_JsArray_PushEntry_helper:_JsArray_PushEntry_helper,_PyEM_GetCountArgsPtr:_PyEM_GetCountArgsPtr,_PyEM_TrampolineCall_JS:_PyEM_TrampolineCall_JS,_PyImport_InitFunc_TrampolineCall:_PyImport_InitFunc_TrampolineCall,_Py_CheckEmscriptenSignals_Helper:_Py_CheckEmscriptenSignals_Helper,_Py_emscripten_runtime:_Py_emscripten_runtime,_Unwind_Backtrace:__Unwind_Backtrace,_Unwind_DeleteException:__Unwind_DeleteException,_Unwind_FindEnclosingFunction:__Unwind_FindEnclosingFunction,_Unwind_GetIPInfo:__Unwind_GetIPInfo,_Unwind_RaiseException:__Unwind_RaiseException,__asctime_r:___asctime_r,__assert_fail:___assert_fail,__call_sighandler:___call_sighandler,__cxa_begin_catch:___cxa_begin_catch,__cxa_call_unexpected:___cxa_call_unexpected,__cxa_current_primary_exception:___cxa_current_primary_exception,__cxa_end_catch:___cxa_end_catch,__cxa_find_matching_catch_2:___cxa_find_matching_catch_2,__cxa_find_matching_catch_3:___cxa_find_matching_catch_3,__cxa_find_matching_catch_4:___cxa_find_matching_catch_4,__cxa_get_exception_ptr:___cxa_get_exception_ptr,__cxa_rethrow:___cxa_rethrow,__cxa_rethrow_primary_exception:___cxa_rethrow_primary_exception,__cxa_throw:___cxa_throw,__cxa_uncaught_exceptions:___cxa_uncaught_exceptions,__global_base:___global_base,__heap_base:___heap_base,__hiwire_deduplicate_delete:__hiwire_deduplicate_delete,__hiwire_deduplicate_get:__hiwire_deduplicate_get,__hiwire_deduplicate_new:__hiwire_deduplicate_new,__hiwire_deduplicate_set:__hiwire_deduplicate_set,__indirect_function_table:wasmTable,__memory_base:___memory_base,__resumeException:___resumeException,__stack_high:___stack_high,__stack_low:___stack_low,__stack_pointer:___stack_pointer,__syscall__newselect:___syscall__newselect,__syscall_accept4:___syscall_accept4,__syscall_bind:___syscall_bind,__syscall_chdir:___syscall_chdir,__syscall_chmod:___syscall_chmod,__syscall_connect:___syscall_connect,__syscall_dup:___syscall_dup,__syscall_dup3:___syscall_dup3,__syscall_faccessat:___syscall_faccessat,__syscall_fadvise64:___syscall_fadvise64,__syscall_fallocate:___syscall_fallocate,__syscall_fchdir:___syscall_fchdir,__syscall_fchmod:___syscall_fchmod,__syscall_fchmodat2:___syscall_fchmodat2,__syscall_fchown32:___syscall_fchown32,__syscall_fchownat:___syscall_fchownat,__syscall_fcntl64:___syscall_fcntl64,__syscall_fdatasync:___syscall_fdatasync,__syscall_fstat64:___syscall_fstat64,__syscall_fstatfs64:___syscall_fstatfs64,__syscall_ftruncate64:___syscall_ftruncate64,__syscall_getcwd:___syscall_getcwd,__syscall_getdents64:___syscall_getdents64,__syscall_getpeername:___syscall_getpeername,__syscall_getsockname:___syscall_getsockname,__syscall_getsockopt:___syscall_getsockopt,__syscall_ioctl:___syscall_ioctl,__syscall_listen:___syscall_listen,__syscall_lstat64:___syscall_lstat64,__syscall_mkdirat:___syscall_mkdirat,__syscall_mknodat:___syscall_mknodat,__syscall_newfstatat:___syscall_newfstatat,__syscall_openat:___syscall_openat,__syscall_pipe:___syscall_pipe,__syscall_poll:___syscall_poll,__syscall_readlinkat:___syscall_readlinkat,__syscall_recvfrom:___syscall_recvfrom,__syscall_recvmsg:___syscall_recvmsg,__syscall_renameat:___syscall_renameat,__syscall_rmdir:___syscall_rmdir,__syscall_sendmsg:___syscall_sendmsg,__syscall_sendto:___syscall_sendto,__syscall_socket:___syscall_socket,__syscall_stat64:___syscall_stat64,__syscall_statfs64:___syscall_statfs64,__syscall_symlink:___syscall_symlink,__syscall_symlinkat:___syscall_symlinkat,__syscall_truncate64:___syscall_truncate64,__syscall_unlinkat:___syscall_unlinkat,__syscall_utimensat:___syscall_utimensat,__table_base:___table_base,_agen_handle_result_js:_agen_handle_result_js,_dlopen_js:__dlopen_js,_dlsym_catchup_js:__dlsym_catchup_js,_dlsym_js:__dlsym_js,_emscripten_dlopen_js:__emscripten_dlopen_js,_emscripten_fs_load_embedded_files:__emscripten_fs_load_embedded_files,_emscripten_get_now_is_monotonic:__emscripten_get_now_is_monotonic,_emscripten_get_progname:__emscripten_get_progname,_emscripten_lookup_name:__emscripten_lookup_name,_emscripten_push_main_loop_blocker:__emscripten_push_main_loop_blocker,_emscripten_push_uncounted_main_loop_blocker:__emscripten_push_uncounted_main_loop_blocker,_emscripten_runtime_keepalive_clear:__emscripten_runtime_keepalive_clear,_emscripten_set_offscreencanvas_size:__emscripten_set_offscreencanvas_size,_emscripten_system:__emscripten_system,_emscripten_throw_longjmp:__emscripten_throw_longjmp,_glGetActiveAttribOrUniform:__glGetActiveAttribOrUniform,_gmtime_js:__gmtime_js,_localtime_js:__localtime_js,_mktime_js:__mktime_js,_mmap_js:__mmap_js,_msync_js:__msync_js,_munmap_js:__munmap_js,_pyproxyGen_make_result:_pyproxyGen_make_result,_pyproxy_get_buffer_result:_pyproxy_get_buffer_result,_python2js_add_to_cache:_python2js_add_to_cache,_python2js_addto_postprocess_list:_python2js_addto_postprocess_list,_python2js_buffer_inner:_python2js_buffer_inner,_python2js_cache_lookup:_python2js_cache_lookup,_python2js_handle_postprocess_list:_python2js_handle_postprocess_list,_python2js_ucs1:_python2js_ucs1,_python2js_ucs2:_python2js_ucs2,_python2js_ucs4:_python2js_ucs4,_setitimer_js:__setitimer_js,_timegm_js:__timegm_js,_tzset_js:__tzset_js,abort:_abort,array_to_js:array_to_js,boxColor:_boxColor,boxRGBA:_boxRGBA,can_run_sync_js:can_run_sync_js,capture_stderr:capture_stderr,clock_res_get:_clock_res_get,clock_time_get:_clock_time_get,create_once_callable:create_once_callable,create_promise_handles:create_promise_handles,destroy_jsarray_entries:destroy_jsarray_entries,destroy_proxies:destroy_proxies,destroy_proxies_js:destroy_proxies_js,destroy_proxy:destroy_proxy,eglBindAPI:_eglBindAPI,eglChooseConfig:_eglChooseConfig,eglCreateContext:_eglCreateContext,eglCreateWindowSurface:_eglCreateWindowSurface,eglDestroyContext:_eglDestroyContext,eglDestroySurface:_eglDestroySurface,eglGetConfigAttrib:_eglGetConfigAttrib,eglGetConfigs:_eglGetConfigs,eglGetCurrentContext:_eglGetCurrentContext,eglGetCurrentDisplay:_eglGetCurrentDisplay,eglGetCurrentSurface:_eglGetCurrentSurface,eglGetDisplay:_eglGetDisplay,eglGetError:_eglGetError,eglInitialize:_eglInitialize,eglMakeCurrent:_eglMakeCurrent,eglQueryAPI:_eglQueryAPI,eglQueryContext:_eglQueryContext,eglQueryString:_eglQueryString,eglQuerySurface:_eglQuerySurface,eglReleaseThread:_eglReleaseThread,eglSwapBuffers:_eglSwapBuffers,eglSwapInterval:_eglSwapInterval,eglTerminate:_eglTerminate,eglWaitClient:_eglWaitClient,eglWaitGL:_eglWaitGL,eglWaitNative:_eglWaitNative,ellipseColor:_ellipseColor,ellipseRGBA:_ellipseRGBA,emscripten_SDL_SetEventHandler:_emscripten_SDL_SetEventHandler,emscripten_asm_const_async_on_main_thread:_emscripten_asm_const_async_on_main_thread,emscripten_asm_const_double:_emscripten_asm_const_double,emscripten_asm_const_double_sync_on_main_thread:_emscripten_asm_const_double_sync_on_main_thread,emscripten_asm_const_int:_emscripten_asm_const_int,emscripten_asm_const_int_sync_on_main_thread:_emscripten_asm_const_int_sync_on_main_thread,emscripten_asm_const_ptr:_emscripten_asm_const_ptr,emscripten_asm_const_ptr_sync_on_main_thread:_emscripten_asm_const_ptr_sync_on_main_thread,emscripten_async_call:_emscripten_async_call,emscripten_async_load_script:_emscripten_async_load_script,emscripten_async_run_script:_emscripten_async_run_script,emscripten_async_wget:_emscripten_async_wget,emscripten_async_wget2:_emscripten_async_wget2,emscripten_async_wget2_abort:_emscripten_async_wget2_abort,emscripten_async_wget2_data:_emscripten_async_wget2_data,emscripten_async_wget_data:_emscripten_async_wget_data,emscripten_call_worker:_emscripten_call_worker,emscripten_cancel_animation_frame:_emscripten_cancel_animation_frame,emscripten_cancel_main_loop:_emscripten_cancel_main_loop,emscripten_clear_immediate:_emscripten_clear_immediate,emscripten_clear_interval:_emscripten_clear_interval,emscripten_clear_timeout:_emscripten_clear_timeout,emscripten_console_error:_emscripten_console_error,emscripten_console_log:_emscripten_console_log,emscripten_console_warn:_emscripten_console_warn,emscripten_create_worker:_emscripten_create_worker,emscripten_date_now:_emscripten_date_now,emscripten_debugger:_emscripten_debugger,emscripten_destroy_worker:_emscripten_destroy_worker,emscripten_enter_soft_fullscreen:_emscripten_enter_soft_fullscreen,emscripten_err:_emscripten_err,emscripten_errn:_emscripten_errn,emscripten_exit_fullscreen:_emscripten_exit_fullscreen,emscripten_exit_pointerlock:_emscripten_exit_pointerlock,emscripten_exit_soft_fullscreen:_emscripten_exit_soft_fullscreen,emscripten_exit_with_live_runtime:_emscripten_exit_with_live_runtime,emscripten_force_exit:_emscripten_force_exit,emscripten_get_battery_status:_emscripten_get_battery_status,emscripten_get_callstack:_emscripten_get_callstack,emscripten_get_canvas_element_size:_emscripten_get_canvas_element_size,emscripten_get_canvas_size:_emscripten_get_canvas_size,emscripten_get_compiler_setting:_emscripten_get_compiler_setting,emscripten_get_device_pixel_ratio:_emscripten_get_device_pixel_ratio,emscripten_get_devicemotion_status:_emscripten_get_devicemotion_status,emscripten_get_deviceorientation_status:_emscripten_get_deviceorientation_status,emscripten_get_element_css_size:_emscripten_get_element_css_size,emscripten_get_fullscreen_status:_emscripten_get_fullscreen_status,emscripten_get_gamepad_status:_emscripten_get_gamepad_status,emscripten_get_heap_max:_emscripten_get_heap_max,emscripten_get_main_loop_timing:_emscripten_get_main_loop_timing,emscripten_get_module_name:_emscripten_get_module_name,emscripten_get_mouse_status:_emscripten_get_mouse_status,emscripten_get_now:_emscripten_get_now,emscripten_get_now_res:_emscripten_get_now_res,emscripten_get_num_gamepads:_emscripten_get_num_gamepads,emscripten_get_orientation_status:_emscripten_get_orientation_status,emscripten_get_pointerlock_status:_emscripten_get_pointerlock_status,emscripten_get_preloaded_image_data:_emscripten_get_preloaded_image_data,emscripten_get_preloaded_image_data_from_FILE:_emscripten_get_preloaded_image_data_from_FILE,emscripten_get_screen_size:_emscripten_get_screen_size,emscripten_get_visibility_status:_emscripten_get_visibility_status,emscripten_get_window_title:_emscripten_get_window_title,emscripten_get_worker_queue_size:_emscripten_get_worker_queue_size,emscripten_glActiveTexture:_emscripten_glActiveTexture,emscripten_glAttachShader:_emscripten_glAttachShader,emscripten_glBegin:_emscripten_glBegin,emscripten_glBeginQueryEXT:_emscripten_glBeginQueryEXT,emscripten_glBindAttribLocation:_emscripten_glBindAttribLocation,emscripten_glBindBuffer:_emscripten_glBindBuffer,emscripten_glBindFramebuffer:_emscripten_glBindFramebuffer,emscripten_glBindRenderbuffer:_emscripten_glBindRenderbuffer,emscripten_glBindTexture:_emscripten_glBindTexture,emscripten_glBindVertexArray:_emscripten_glBindVertexArray,emscripten_glBindVertexArrayOES:_emscripten_glBindVertexArrayOES,emscripten_glBlendColor:_emscripten_glBlendColor,emscripten_glBlendEquation:_emscripten_glBlendEquation,emscripten_glBlendEquationSeparate:_emscripten_glBlendEquationSeparate,emscripten_glBlendFunc:_emscripten_glBlendFunc,emscripten_glBlendFuncSeparate:_emscripten_glBlendFuncSeparate,emscripten_glBufferData:_emscripten_glBufferData,emscripten_glBufferSubData:_emscripten_glBufferSubData,emscripten_glCheckFramebufferStatus:_emscripten_glCheckFramebufferStatus,emscripten_glClear:_emscripten_glClear,emscripten_glClearColor:_emscripten_glClearColor,emscripten_glClearDepth:_emscripten_glClearDepth,emscripten_glClearDepthf:_emscripten_glClearDepthf,emscripten_glClearStencil:_emscripten_glClearStencil,emscripten_glColorMask:_emscripten_glColorMask,emscripten_glCompileShader:_emscripten_glCompileShader,emscripten_glCompressedTexImage2D:_emscripten_glCompressedTexImage2D,emscripten_glCompressedTexSubImage2D:_emscripten_glCompressedTexSubImage2D,emscripten_glCopyTexImage2D:_emscripten_glCopyTexImage2D,emscripten_glCopyTexSubImage2D:_emscripten_glCopyTexSubImage2D,emscripten_glCreateProgram:_emscripten_glCreateProgram,emscripten_glCreateShader:_emscripten_glCreateShader,emscripten_glCullFace:_emscripten_glCullFace,emscripten_glDeleteBuffers:_emscripten_glDeleteBuffers,emscripten_glDeleteFramebuffers:_emscripten_glDeleteFramebuffers,emscripten_glDeleteProgram:_emscripten_glDeleteProgram,emscripten_glDeleteQueriesEXT:_emscripten_glDeleteQueriesEXT,emscripten_glDeleteRenderbuffers:_emscripten_glDeleteRenderbuffers,emscripten_glDeleteShader:_emscripten_glDeleteShader,emscripten_glDeleteTextures:_emscripten_glDeleteTextures,emscripten_glDeleteVertexArrays:_emscripten_glDeleteVertexArrays,emscripten_glDeleteVertexArraysOES:_emscripten_glDeleteVertexArraysOES,emscripten_glDepthFunc:_emscripten_glDepthFunc,emscripten_glDepthMask:_emscripten_glDepthMask,emscripten_glDepthRange:_emscripten_glDepthRange,emscripten_glDepthRangef:_emscripten_glDepthRangef,emscripten_glDetachShader:_emscripten_glDetachShader,emscripten_glDisable:_emscripten_glDisable,emscripten_glDisableVertexAttribArray:_emscripten_glDisableVertexAttribArray,emscripten_glDrawArrays:_emscripten_glDrawArrays,emscripten_glDrawArraysInstanced:_emscripten_glDrawArraysInstanced,emscripten_glDrawArraysInstancedANGLE:_emscripten_glDrawArraysInstancedANGLE,emscripten_glDrawArraysInstancedARB:_emscripten_glDrawArraysInstancedARB,emscripten_glDrawArraysInstancedEXT:_emscripten_glDrawArraysInstancedEXT,emscripten_glDrawArraysInstancedNV:_emscripten_glDrawArraysInstancedNV,emscripten_glDrawBuffers:_emscripten_glDrawBuffers,emscripten_glDrawBuffersEXT:_emscripten_glDrawBuffersEXT,emscripten_glDrawBuffersWEBGL:_emscripten_glDrawBuffersWEBGL,emscripten_glDrawElements:_emscripten_glDrawElements,emscripten_glDrawElementsInstanced:_emscripten_glDrawElementsInstanced,emscripten_glDrawElementsInstancedANGLE:_emscripten_glDrawElementsInstancedANGLE,emscripten_glDrawElementsInstancedARB:_emscripten_glDrawElementsInstancedARB,emscripten_glDrawElementsInstancedEXT:_emscripten_glDrawElementsInstancedEXT,emscripten_glDrawElementsInstancedNV:_emscripten_glDrawElementsInstancedNV,emscripten_glEnable:_emscripten_glEnable,emscripten_glEnableVertexAttribArray:_emscripten_glEnableVertexAttribArray,emscripten_glEndQueryEXT:_emscripten_glEndQueryEXT,emscripten_glFinish:_emscripten_glFinish,emscripten_glFlush:_emscripten_glFlush,emscripten_glFramebufferRenderbuffer:_emscripten_glFramebufferRenderbuffer,emscripten_glFramebufferTexture2D:_emscripten_glFramebufferTexture2D,emscripten_glFrontFace:_emscripten_glFrontFace,emscripten_glGenBuffers:_emscripten_glGenBuffers,emscripten_glGenFramebuffers:_emscripten_glGenFramebuffers,emscripten_glGenQueriesEXT:_emscripten_glGenQueriesEXT,emscripten_glGenRenderbuffers:_emscripten_glGenRenderbuffers,emscripten_glGenTextures:_emscripten_glGenTextures,emscripten_glGenVertexArrays:_emscripten_glGenVertexArrays,emscripten_glGenVertexArraysOES:_emscripten_glGenVertexArraysOES,emscripten_glGenerateMipmap:_emscripten_glGenerateMipmap,emscripten_glGetActiveAttrib:_emscripten_glGetActiveAttrib,emscripten_glGetActiveUniform:_emscripten_glGetActiveUniform,emscripten_glGetAttachedShaders:_emscripten_glGetAttachedShaders,emscripten_glGetAttribLocation:_emscripten_glGetAttribLocation,emscripten_glGetBooleanv:_emscripten_glGetBooleanv,emscripten_glGetBufferParameteriv:_emscripten_glGetBufferParameteriv,emscripten_glGetError:_emscripten_glGetError,emscripten_glGetFloatv:_emscripten_glGetFloatv,emscripten_glGetFramebufferAttachmentParameteriv:_emscripten_glGetFramebufferAttachmentParameteriv,emscripten_glGetIntegerv:_emscripten_glGetIntegerv,emscripten_glGetProgramInfoLog:_emscripten_glGetProgramInfoLog,emscripten_glGetProgramiv:_emscripten_glGetProgramiv,emscripten_glGetQueryObjecti64vEXT:_emscripten_glGetQueryObjecti64vEXT,emscripten_glGetQueryObjectivEXT:_emscripten_glGetQueryObjectivEXT,emscripten_glGetQueryObjectui64vEXT:_emscripten_glGetQueryObjectui64vEXT,emscripten_glGetQueryObjectuivEXT:_emscripten_glGetQueryObjectuivEXT,emscripten_glGetQueryivEXT:_emscripten_glGetQueryivEXT,emscripten_glGetRenderbufferParameteriv:_emscripten_glGetRenderbufferParameteriv,emscripten_glGetShaderInfoLog:_emscripten_glGetShaderInfoLog,emscripten_glGetShaderPrecisionFormat:_emscripten_glGetShaderPrecisionFormat,emscripten_glGetShaderSource:_emscripten_glGetShaderSource,emscripten_glGetShaderiv:_emscripten_glGetShaderiv,emscripten_glGetString:_emscripten_glGetString,emscripten_glGetTexParameterfv:_emscripten_glGetTexParameterfv,emscripten_glGetTexParameteriv:_emscripten_glGetTexParameteriv,emscripten_glGetUniformLocation:_emscripten_glGetUniformLocation,emscripten_glGetUniformfv:_emscripten_glGetUniformfv,emscripten_glGetUniformiv:_emscripten_glGetUniformiv,emscripten_glGetVertexAttribPointerv:_emscripten_glGetVertexAttribPointerv,emscripten_glGetVertexAttribfv:_emscripten_glGetVertexAttribfv,emscripten_glGetVertexAttribiv:_emscripten_glGetVertexAttribiv,emscripten_glHint:_emscripten_glHint,emscripten_glIsBuffer:_emscripten_glIsBuffer,emscripten_glIsEnabled:_emscripten_glIsEnabled,emscripten_glIsFramebuffer:_emscripten_glIsFramebuffer,emscripten_glIsProgram:_emscripten_glIsProgram,emscripten_glIsQueryEXT:_emscripten_glIsQueryEXT,emscripten_glIsRenderbuffer:_emscripten_glIsRenderbuffer,emscripten_glIsShader:_emscripten_glIsShader,emscripten_glIsTexture:_emscripten_glIsTexture,emscripten_glIsVertexArray:_emscripten_glIsVertexArray,emscripten_glIsVertexArrayOES:_emscripten_glIsVertexArrayOES,emscripten_glLineWidth:_emscripten_glLineWidth,emscripten_glLinkProgram:_emscripten_glLinkProgram,emscripten_glLoadIdentity:_emscripten_glLoadIdentity,emscripten_glMatrixMode:_emscripten_glMatrixMode,emscripten_glMultiDrawArrays:_emscripten_glMultiDrawArrays,emscripten_glMultiDrawArraysANGLE:_emscripten_glMultiDrawArraysANGLE,emscripten_glMultiDrawArraysInstancedANGLE:_emscripten_glMultiDrawArraysInstancedANGLE,emscripten_glMultiDrawArraysInstancedWEBGL:_emscripten_glMultiDrawArraysInstancedWEBGL,emscripten_glMultiDrawArraysWEBGL:_emscripten_glMultiDrawArraysWEBGL,emscripten_glMultiDrawElements:_emscripten_glMultiDrawElements,emscripten_glMultiDrawElementsANGLE:_emscripten_glMultiDrawElementsANGLE,emscripten_glMultiDrawElementsInstancedANGLE:_emscripten_glMultiDrawElementsInstancedANGLE,emscripten_glMultiDrawElementsInstancedWEBGL:_emscripten_glMultiDrawElementsInstancedWEBGL,emscripten_glMultiDrawElementsWEBGL:_emscripten_glMultiDrawElementsWEBGL,emscripten_glPixelStorei:_emscripten_glPixelStorei,emscripten_glPolygonOffset:_emscripten_glPolygonOffset,emscripten_glQueryCounterEXT:_emscripten_glQueryCounterEXT,emscripten_glReadPixels:_emscripten_glReadPixels,emscripten_glReleaseShaderCompiler:_emscripten_glReleaseShaderCompiler,emscripten_glRenderbufferStorage:_emscripten_glRenderbufferStorage,emscripten_glSampleCoverage:_emscripten_glSampleCoverage,emscripten_glScissor:_emscripten_glScissor,emscripten_glShaderBinary:_emscripten_glShaderBinary,emscripten_glShaderSource:_emscripten_glShaderSource,emscripten_glStencilFunc:_emscripten_glStencilFunc,emscripten_glStencilFuncSeparate:_emscripten_glStencilFuncSeparate,emscripten_glStencilMask:_emscripten_glStencilMask,emscripten_glStencilMaskSeparate:_emscripten_glStencilMaskSeparate,emscripten_glStencilOp:_emscripten_glStencilOp,emscripten_glStencilOpSeparate:_emscripten_glStencilOpSeparate,emscripten_glTexImage2D:_emscripten_glTexImage2D,emscripten_glTexParameterf:_emscripten_glTexParameterf,emscripten_glTexParameterfv:_emscripten_glTexParameterfv,emscripten_glTexParameteri:_emscripten_glTexParameteri,emscripten_glTexParameteriv:_emscripten_glTexParameteriv,emscripten_glTexSubImage2D:_emscripten_glTexSubImage2D,emscripten_glUniform1f:_emscripten_glUniform1f,emscripten_glUniform1fv:_emscripten_glUniform1fv,emscripten_glUniform1i:_emscripten_glUniform1i,emscripten_glUniform1iv:_emscripten_glUniform1iv,emscripten_glUniform2f:_emscripten_glUniform2f,emscripten_glUniform2fv:_emscripten_glUniform2fv,emscripten_glUniform2i:_emscripten_glUniform2i,emscripten_glUniform2iv:_emscripten_glUniform2iv,emscripten_glUniform3f:_emscripten_glUniform3f,emscripten_glUniform3fv:_emscripten_glUniform3fv,emscripten_glUniform3i:_emscripten_glUniform3i,emscripten_glUniform3iv:_emscripten_glUniform3iv,emscripten_glUniform4f:_emscripten_glUniform4f,emscripten_glUniform4fv:_emscripten_glUniform4fv,emscripten_glUniform4i:_emscripten_glUniform4i,emscripten_glUniform4iv:_emscripten_glUniform4iv,emscripten_glUniformMatrix2fv:_emscripten_glUniformMatrix2fv,emscripten_glUniformMatrix3fv:_emscripten_glUniformMatrix3fv,emscripten_glUniformMatrix4fv:_emscripten_glUniformMatrix4fv,emscripten_glUseProgram:_emscripten_glUseProgram,emscripten_glValidateProgram:_emscripten_glValidateProgram,emscripten_glVertexAttrib1f:_emscripten_glVertexAttrib1f,emscripten_glVertexAttrib1fv:_emscripten_glVertexAttrib1fv,emscripten_glVertexAttrib2f:_emscripten_glVertexAttrib2f,emscripten_glVertexAttrib2fv:_emscripten_glVertexAttrib2fv,emscripten_glVertexAttrib3f:_emscripten_glVertexAttrib3f,emscripten_glVertexAttrib3fv:_emscripten_glVertexAttrib3fv,emscripten_glVertexAttrib4f:_emscripten_glVertexAttrib4f,emscripten_glVertexAttrib4fv:_emscripten_glVertexAttrib4fv,emscripten_glVertexAttribDivisor:_emscripten_glVertexAttribDivisor,emscripten_glVertexAttribDivisorANGLE:_emscripten_glVertexAttribDivisorANGLE,emscripten_glVertexAttribDivisorARB:_emscripten_glVertexAttribDivisorARB,emscripten_glVertexAttribDivisorEXT:_emscripten_glVertexAttribDivisorEXT,emscripten_glVertexAttribDivisorNV:_emscripten_glVertexAttribDivisorNV,emscripten_glVertexAttribPointer:_emscripten_glVertexAttribPointer,emscripten_glVertexPointer:_emscripten_glVertexPointer,emscripten_glViewport:_emscripten_glViewport,emscripten_has_asyncify:_emscripten_has_asyncify,emscripten_hide_mouse:_emscripten_hide_mouse,emscripten_html5_remove_all_event_listeners:_emscripten_html5_remove_all_event_listeners,emscripten_is_main_browser_thread:_emscripten_is_main_browser_thread,emscripten_is_webgl_context_lost:_emscripten_is_webgl_context_lost,emscripten_lock_orientation:_emscripten_lock_orientation,emscripten_log:_emscripten_log,emscripten_math_acos:_emscripten_math_acos,emscripten_math_acosh:_emscripten_math_acosh,emscripten_math_asin:_emscripten_math_asin,emscripten_math_asinh:_emscripten_math_asinh,emscripten_math_atan:_emscripten_math_atan,emscripten_math_atan2:_emscripten_math_atan2,emscripten_math_atanh:_emscripten_math_atanh,emscripten_math_cbrt:_emscripten_math_cbrt,emscripten_math_cos:_emscripten_math_cos,emscripten_math_cosh:_emscripten_math_cosh,emscripten_math_exp:_emscripten_math_exp,emscripten_math_expm1:_emscripten_math_expm1,emscripten_math_fmod:_emscripten_math_fmod,emscripten_math_hypot:_emscripten_math_hypot,emscripten_math_log:_emscripten_math_log,emscripten_math_log10:_emscripten_math_log10,emscripten_math_log1p:_emscripten_math_log1p,emscripten_math_log2:_emscripten_math_log2,emscripten_math_pow:_emscripten_math_pow,emscripten_math_random:_emscripten_math_random,emscripten_math_round:_emscripten_math_round,emscripten_math_sign:_emscripten_math_sign,emscripten_math_sin:_emscripten_math_sin,emscripten_math_sinh:_emscripten_math_sinh,emscripten_math_sqrt:_emscripten_math_sqrt,emscripten_math_tan:_emscripten_math_tan,emscripten_math_tanh:_emscripten_math_tanh,emscripten_notify_memory_growth:_emscripten_notify_memory_growth,emscripten_out:_emscripten_out,emscripten_outn:_emscripten_outn,emscripten_pause_main_loop:_emscripten_pause_main_loop,emscripten_pc_get_column:_emscripten_pc_get_column,emscripten_pc_get_file:_emscripten_pc_get_file,emscripten_pc_get_function:_emscripten_pc_get_function,emscripten_pc_get_line:_emscripten_pc_get_line,emscripten_performance_now:_emscripten_performance_now,emscripten_print_double:_emscripten_print_double,emscripten_promise_all:_emscripten_promise_all,emscripten_promise_all_settled:_emscripten_promise_all_settled,emscripten_promise_any:_emscripten_promise_any,emscripten_promise_await:_emscripten_promise_await,emscripten_promise_create:_emscripten_promise_create,emscripten_promise_destroy:_emscripten_promise_destroy,emscripten_promise_race:_emscripten_promise_race,emscripten_promise_resolve:_emscripten_promise_resolve,emscripten_promise_then:_emscripten_promise_then,emscripten_random:_emscripten_random,emscripten_request_animation_frame:_emscripten_request_animation_frame,emscripten_request_animation_frame_loop:_emscripten_request_animation_frame_loop,emscripten_request_fullscreen:_emscripten_request_fullscreen,emscripten_request_fullscreen_strategy:_emscripten_request_fullscreen_strategy,emscripten_request_pointerlock:_emscripten_request_pointerlock,emscripten_resize_heap:_emscripten_resize_heap,emscripten_resume_main_loop:_emscripten_resume_main_loop,emscripten_return_address:_emscripten_return_address,emscripten_run_preload_plugins:_emscripten_run_preload_plugins,emscripten_run_preload_plugins_data:_emscripten_run_preload_plugins_data,emscripten_run_script:_emscripten_run_script,emscripten_run_script_int:_emscripten_run_script_int,emscripten_run_script_string:_emscripten_run_script_string,emscripten_runtime_keepalive_check:_emscripten_runtime_keepalive_check,emscripten_runtime_keepalive_pop:_emscripten_runtime_keepalive_pop,emscripten_runtime_keepalive_push:_emscripten_runtime_keepalive_push,emscripten_sample_gamepad_data:_emscripten_sample_gamepad_data,emscripten_set_batterychargingchange_callback_on_thread:_emscripten_set_batterychargingchange_callback_on_thread,emscripten_set_batterylevelchange_callback_on_thread:_emscripten_set_batterylevelchange_callback_on_thread,emscripten_set_beforeunload_callback_on_thread:_emscripten_set_beforeunload_callback_on_thread,emscripten_set_blur_callback_on_thread:_emscripten_set_blur_callback_on_thread,emscripten_set_canvas_element_size:_emscripten_set_canvas_element_size,emscripten_set_canvas_size:_emscripten_set_canvas_size,emscripten_set_click_callback_on_thread:_emscripten_set_click_callback_on_thread,emscripten_set_dblclick_callback_on_thread:_emscripten_set_dblclick_callback_on_thread,emscripten_set_devicemotion_callback_on_thread:_emscripten_set_devicemotion_callback_on_thread,emscripten_set_deviceorientation_callback_on_thread:_emscripten_set_deviceorientation_callback_on_thread,emscripten_set_element_css_size:_emscripten_set_element_css_size,emscripten_set_focus_callback_on_thread:_emscripten_set_focus_callback_on_thread,emscripten_set_focusin_callback_on_thread:_emscripten_set_focusin_callback_on_thread,emscripten_set_focusout_callback_on_thread:_emscripten_set_focusout_callback_on_thread,emscripten_set_fullscreenchange_callback_on_thread:_emscripten_set_fullscreenchange_callback_on_thread,emscripten_set_gamepadconnected_callback_on_thread:_emscripten_set_gamepadconnected_callback_on_thread,emscripten_set_gamepaddisconnected_callback_on_thread:_emscripten_set_gamepaddisconnected_callback_on_thread,emscripten_set_immediate:_emscripten_set_immediate,emscripten_set_immediate_loop:_emscripten_set_immediate_loop,emscripten_set_interval:_emscripten_set_interval,emscripten_set_keydown_callback_on_thread:_emscripten_set_keydown_callback_on_thread,emscripten_set_keypress_callback_on_thread:_emscripten_set_keypress_callback_on_thread,emscripten_set_keyup_callback_on_thread:_emscripten_set_keyup_callback_on_thread,emscripten_set_main_loop:_emscripten_set_main_loop,emscripten_set_main_loop_arg:_emscripten_set_main_loop_arg,emscripten_set_main_loop_expected_blockers:_emscripten_set_main_loop_expected_blockers,emscripten_set_main_loop_timing:_emscripten_set_main_loop_timing,emscripten_set_mousedown_callback_on_thread:_emscripten_set_mousedown_callback_on_thread,emscripten_set_mouseenter_callback_on_thread:_emscripten_set_mouseenter_callback_on_thread,emscripten_set_mouseleave_callback_on_thread:_emscripten_set_mouseleave_callback_on_thread,emscripten_set_mousemove_callback_on_thread:_emscripten_set_mousemove_callback_on_thread,emscripten_set_mouseout_callback_on_thread:_emscripten_set_mouseout_callback_on_thread,emscripten_set_mouseover_callback_on_thread:_emscripten_set_mouseover_callback_on_thread,emscripten_set_mouseup_callback_on_thread:_emscripten_set_mouseup_callback_on_thread,emscripten_set_orientationchange_callback_on_thread:_emscripten_set_orientationchange_callback_on_thread,emscripten_set_pointerlockchange_callback_on_thread:_emscripten_set_pointerlockchange_callback_on_thread,emscripten_set_pointerlockerror_callback_on_thread:_emscripten_set_pointerlockerror_callback_on_thread,emscripten_set_resize_callback_on_thread:_emscripten_set_resize_callback_on_thread,emscripten_set_scroll_callback_on_thread:_emscripten_set_scroll_callback_on_thread,emscripten_set_socket_close_callback:_emscripten_set_socket_close_callback,emscripten_set_socket_connection_callback:_emscripten_set_socket_connection_callback,emscripten_set_socket_error_callback:_emscripten_set_socket_error_callback,emscripten_set_socket_listen_callback:_emscripten_set_socket_listen_callback,emscripten_set_socket_message_callback:_emscripten_set_socket_message_callback,emscripten_set_socket_open_callback:_emscripten_set_socket_open_callback,emscripten_set_timeout:_emscripten_set_timeout,emscripten_set_timeout_loop:_emscripten_set_timeout_loop,emscripten_set_touchcancel_callback_on_thread:_emscripten_set_touchcancel_callback_on_thread,emscripten_set_touchend_callback_on_thread:_emscripten_set_touchend_callback_on_thread,emscripten_set_touchmove_callback_on_thread:_emscripten_set_touchmove_callback_on_thread,emscripten_set_touchstart_callback_on_thread:_emscripten_set_touchstart_callback_on_thread,emscripten_set_visibilitychange_callback_on_thread:_emscripten_set_visibilitychange_callback_on_thread,emscripten_set_webglcontextlost_callback_on_thread:_emscripten_set_webglcontextlost_callback_on_thread,emscripten_set_webglcontextrestored_callback_on_thread:_emscripten_set_webglcontextrestored_callback_on_thread,emscripten_set_wheel_callback_on_thread:_emscripten_set_wheel_callback_on_thread,emscripten_set_window_title:_emscripten_set_window_title,emscripten_stack_snapshot:_emscripten_stack_snapshot,emscripten_stack_unwind_buffer:_emscripten_stack_unwind_buffer,emscripten_supports_offscreencanvas:_emscripten_supports_offscreencanvas,emscripten_throw_number:_emscripten_throw_number,emscripten_throw_string:_emscripten_throw_string,emscripten_unlock_orientation:_emscripten_unlock_orientation,emscripten_unwind_to_js_event_loop:_emscripten_unwind_to_js_event_loop,emscripten_vibrate:_emscripten_vibrate,emscripten_vibrate_pattern:_emscripten_vibrate_pattern,emscripten_webgl_commit_frame:_emscripten_webgl_commit_frame,emscripten_webgl_create_context:_emscripten_webgl_create_context,emscripten_webgl_destroy_context:_emscripten_webgl_destroy_context,emscripten_webgl_do_commit_frame:_emscripten_webgl_do_commit_frame,emscripten_webgl_do_create_context:_emscripten_webgl_do_create_context,emscripten_webgl_do_get_current_context:_emscripten_webgl_do_get_current_context,emscripten_webgl_enable_ANGLE_instanced_arrays:_emscripten_webgl_enable_ANGLE_instanced_arrays,emscripten_webgl_enable_OES_vertex_array_object:_emscripten_webgl_enable_OES_vertex_array_object,emscripten_webgl_enable_WEBGL_draw_buffers:_emscripten_webgl_enable_WEBGL_draw_buffers,emscripten_webgl_enable_WEBGL_multi_draw:_emscripten_webgl_enable_WEBGL_multi_draw,emscripten_webgl_enable_extension:_emscripten_webgl_enable_extension,emscripten_webgl_get_context_attributes:_emscripten_webgl_get_context_attributes,emscripten_webgl_get_current_context:_emscripten_webgl_get_current_context,emscripten_webgl_get_drawing_buffer_size:_emscripten_webgl_get_drawing_buffer_size,emscripten_webgl_get_parameter_d:_emscripten_webgl_get_parameter_d,emscripten_webgl_get_parameter_i64v:_emscripten_webgl_get_parameter_i64v,emscripten_webgl_get_parameter_o:_emscripten_webgl_get_parameter_o,emscripten_webgl_get_parameter_utf8:_emscripten_webgl_get_parameter_utf8,emscripten_webgl_get_parameter_v:_emscripten_webgl_get_parameter_v,emscripten_webgl_get_program_info_log_utf8:_emscripten_webgl_get_program_info_log_utf8,emscripten_webgl_get_program_parameter_d:_emscripten_webgl_get_program_parameter_d,emscripten_webgl_get_shader_info_log_utf8:_emscripten_webgl_get_shader_info_log_utf8,emscripten_webgl_get_shader_parameter_d:_emscripten_webgl_get_shader_parameter_d,emscripten_webgl_get_shader_source_utf8:_emscripten_webgl_get_shader_source_utf8,emscripten_webgl_get_supported_extensions:_emscripten_webgl_get_supported_extensions,emscripten_webgl_get_uniform_d:_emscripten_webgl_get_uniform_d,emscripten_webgl_get_uniform_v:_emscripten_webgl_get_uniform_v,emscripten_webgl_get_vertex_attrib_d:_emscripten_webgl_get_vertex_attrib_d,emscripten_webgl_get_vertex_attrib_o:_emscripten_webgl_get_vertex_attrib_o,emscripten_webgl_get_vertex_attrib_v:_emscripten_webgl_get_vertex_attrib_v,emscripten_webgl_make_context_current:_emscripten_webgl_make_context_current,emscripten_websocket_close:_emscripten_websocket_close,emscripten_websocket_deinitialize:_emscripten_websocket_deinitialize,emscripten_websocket_delete:_emscripten_websocket_delete,emscripten_websocket_get_buffered_amount:_emscripten_websocket_get_buffered_amount,emscripten_websocket_get_extensions:_emscripten_websocket_get_extensions,emscripten_websocket_get_extensions_length:_emscripten_websocket_get_extensions_length,emscripten_websocket_get_protocol:_emscripten_websocket_get_protocol,emscripten_websocket_get_protocol_length:_emscripten_websocket_get_protocol_length,emscripten_websocket_get_ready_state:_emscripten_websocket_get_ready_state,emscripten_websocket_get_url:_emscripten_websocket_get_url,emscripten_websocket_get_url_length:_emscripten_websocket_get_url_length,emscripten_websocket_is_supported:_emscripten_websocket_is_supported,emscripten_websocket_new:_emscripten_websocket_new,emscripten_websocket_send_binary:_emscripten_websocket_send_binary,emscripten_websocket_send_utf8_text:_emscripten_websocket_send_utf8_text,emscripten_websocket_set_onclose_callback_on_thread:_emscripten_websocket_set_onclose_callback_on_thread,emscripten_websocket_set_onerror_callback_on_thread:_emscripten_websocket_set_onerror_callback_on_thread,emscripten_websocket_set_onmessage_callback_on_thread:_emscripten_websocket_set_onmessage_callback_on_thread,emscripten_websocket_set_onopen_callback_on_thread:_emscripten_websocket_set_onopen_callback_on_thread,endprotoent:_endprotoent,environ_get:_environ_get,environ_sizes_get:_environ_sizes_get,exit:_exit,fail_test:fail_test,fd_close:_fd_close,fd_fdstat_get:_fd_fdstat_get,fd_pread:_fd_pread,fd_pwrite:_fd_pwrite,fd_read:_fd_read,fd_seek:_fd_seek,fd_sync:_fd_sync,fd_write:_fd_write,ffi_call_js:ffi_call_js,ffi_closure_alloc_js:ffi_closure_alloc_js,ffi_closure_free_js:ffi_closure_free_js,ffi_prep_closure_loc_js:ffi_prep_closure_loc_js,filledEllipseColor:_filledEllipseColor,filledEllipseRGBA:_filledEllipseRGBA,gc_register_proxies:gc_register_proxies,get_async_js_call_done_callback:get_async_js_call_done_callback,get_length_helper:get_length_helper,get_length_string:get_length_string,get_suspender:get_suspender,getaddrinfo:_getaddrinfo,getentropy:_getentropy,getnameinfo:_getnameinfo,getprotobyname:_getprotobyname,getprotobynumber:_getprotobynumber,getprotoent:_getprotoent,glActiveTexture:_glActiveTexture,glAttachShader:_glAttachShader,glBegin:_glBegin,glBeginQueryEXT:_glBeginQueryEXT,glBindAttribLocation:_glBindAttribLocation,glBindBuffer:_glBindBuffer,glBindFramebuffer:_glBindFramebuffer,glBindRenderbuffer:_glBindRenderbuffer,glBindTexture:_glBindTexture,glBindVertexArray:_glBindVertexArray,glBindVertexArrayOES:_glBindVertexArrayOES,glBlendColor:_glBlendColor,glBlendEquation:_glBlendEquation,glBlendEquationSeparate:_glBlendEquationSeparate,glBlendFunc:_glBlendFunc,glBlendFuncSeparate:_glBlendFuncSeparate,glBufferData:_glBufferData,glBufferSubData:_glBufferSubData,glCheckFramebufferStatus:_glCheckFramebufferStatus,glClear:_glClear,glClearColor:_glClearColor,glClearDepth:_glClearDepth,glClearDepthf:_glClearDepthf,glClearStencil:_glClearStencil,glColorMask:_glColorMask,glCompileShader:_glCompileShader,glCompressedTexImage2D:_glCompressedTexImage2D,glCompressedTexSubImage2D:_glCompressedTexSubImage2D,glCopyTexImage2D:_glCopyTexImage2D,glCopyTexSubImage2D:_glCopyTexSubImage2D,glCreateProgram:_glCreateProgram,glCreateShader:_glCreateShader,glCullFace:_glCullFace,glDeleteBuffers:_glDeleteBuffers,glDeleteFramebuffers:_glDeleteFramebuffers,glDeleteProgram:_glDeleteProgram,glDeleteQueriesEXT:_glDeleteQueriesEXT,glDeleteRenderbuffers:_glDeleteRenderbuffers,glDeleteShader:_glDeleteShader,glDeleteTextures:_glDeleteTextures,glDeleteVertexArrays:_glDeleteVertexArrays,glDeleteVertexArraysOES:_glDeleteVertexArraysOES,glDepthFunc:_glDepthFunc,glDepthMask:_glDepthMask,glDepthRange:_glDepthRange,glDepthRangef:_glDepthRangef,glDetachShader:_glDetachShader,glDisable:_glDisable,glDisableVertexAttribArray:_glDisableVertexAttribArray,glDrawArrays:_glDrawArrays,glDrawArraysInstanced:_glDrawArraysInstanced,glDrawArraysInstancedANGLE:_glDrawArraysInstancedANGLE,glDrawArraysInstancedARB:_glDrawArraysInstancedARB,glDrawArraysInstancedEXT:_glDrawArraysInstancedEXT,glDrawArraysInstancedNV:_glDrawArraysInstancedNV,glDrawBuffers:_glDrawBuffers,glDrawBuffersEXT:_glDrawBuffersEXT,glDrawBuffersWEBGL:_glDrawBuffersWEBGL,glDrawElements:_glDrawElements,glDrawElementsInstanced:_glDrawElementsInstanced,glDrawElementsInstancedANGLE:_glDrawElementsInstancedANGLE,glDrawElementsInstancedARB:_glDrawElementsInstancedARB,glDrawElementsInstancedEXT:_glDrawElementsInstancedEXT,glDrawElementsInstancedNV:_glDrawElementsInstancedNV,glEnable:_glEnable,glEnableVertexAttribArray:_glEnableVertexAttribArray,glEndQueryEXT:_glEndQueryEXT,glFinish:_glFinish,glFlush:_glFlush,glFramebufferRenderbuffer:_glFramebufferRenderbuffer,glFramebufferTexture2D:_glFramebufferTexture2D,glFrontFace:_glFrontFace,glGenBuffers:_glGenBuffers,glGenFramebuffers:_glGenFramebuffers,glGenQueriesEXT:_glGenQueriesEXT,glGenRenderbuffers:_glGenRenderbuffers,glGenTextures:_glGenTextures,glGenVertexArrays:_glGenVertexArrays,glGenVertexArraysOES:_glGenVertexArraysOES,glGenerateMipmap:_glGenerateMipmap,glGetActiveAttrib:_glGetActiveAttrib,glGetActiveUniform:_glGetActiveUniform,glGetAttachedShaders:_glGetAttachedShaders,glGetAttribLocation:_glGetAttribLocation,glGetBooleanv:_glGetBooleanv,glGetBufferParameteriv:_glGetBufferParameteriv,glGetError:_glGetError,glGetFloatv:_glGetFloatv,glGetFramebufferAttachmentParameteriv:_glGetFramebufferAttachmentParameteriv,glGetIntegerv:_glGetIntegerv,glGetProgramInfoLog:_glGetProgramInfoLog,glGetProgramiv:_glGetProgramiv,glGetQueryObjecti64vEXT:_glGetQueryObjecti64vEXT,glGetQueryObjectivEXT:_glGetQueryObjectivEXT,glGetQueryObjectui64vEXT:_glGetQueryObjectui64vEXT,glGetQueryObjectuivEXT:_glGetQueryObjectuivEXT,glGetQueryivEXT:_glGetQueryivEXT,glGetRenderbufferParameteriv:_glGetRenderbufferParameteriv,glGetShaderInfoLog:_glGetShaderInfoLog,glGetShaderPrecisionFormat:_glGetShaderPrecisionFormat,glGetShaderSource:_glGetShaderSource,glGetShaderiv:_glGetShaderiv,glGetString:_glGetString,glGetTexParameterfv:_glGetTexParameterfv,glGetTexParameteriv:_glGetTexParameteriv,glGetUniformLocation:_glGetUniformLocation,glGetUniformfv:_glGetUniformfv,glGetUniformiv:_glGetUniformiv,glGetVertexAttribPointerv:_glGetVertexAttribPointerv,glGetVertexAttribfv:_glGetVertexAttribfv,glGetVertexAttribiv:_glGetVertexAttribiv,glHint:_glHint,glIsBuffer:_glIsBuffer,glIsEnabled:_glIsEnabled,glIsFramebuffer:_glIsFramebuffer,glIsProgram:_glIsProgram,glIsQueryEXT:_glIsQueryEXT,glIsRenderbuffer:_glIsRenderbuffer,glIsShader:_glIsShader,glIsTexture:_glIsTexture,glIsVertexArray:_glIsVertexArray,glIsVertexArrayOES:_glIsVertexArrayOES,glLineWidth:_glLineWidth,glLinkProgram:_glLinkProgram,glLoadIdentity:_glLoadIdentity,glMatrixMode:_glMatrixMode,glMultiDrawArrays:_glMultiDrawArrays,glMultiDrawArraysANGLE:_glMultiDrawArraysANGLE,glMultiDrawArraysInstancedANGLE:_glMultiDrawArraysInstancedANGLE,glMultiDrawArraysInstancedWEBGL:_glMultiDrawArraysInstancedWEBGL,glMultiDrawArraysWEBGL:_glMultiDrawArraysWEBGL,glMultiDrawElements:_glMultiDrawElements,glMultiDrawElementsANGLE:_glMultiDrawElementsANGLE,glMultiDrawElementsInstancedANGLE:_glMultiDrawElementsInstancedANGLE,glMultiDrawElementsInstancedWEBGL:_glMultiDrawElementsInstancedWEBGL,glMultiDrawElementsWEBGL:_glMultiDrawElementsWEBGL,glPixelStorei:_glPixelStorei,glPolygonOffset:_glPolygonOffset,glQueryCounterEXT:_glQueryCounterEXT,glReadPixels:_glReadPixels,glReleaseShaderCompiler:_glReleaseShaderCompiler,glRenderbufferStorage:_glRenderbufferStorage,glSampleCoverage:_glSampleCoverage,glScissor:_glScissor,glShaderBinary:_glShaderBinary,glShaderSource:_glShaderSource,glStencilFunc:_glStencilFunc,glStencilFuncSeparate:_glStencilFuncSeparate,glStencilMask:_glStencilMask,glStencilMaskSeparate:_glStencilMaskSeparate,glStencilOp:_glStencilOp,glStencilOpSeparate:_glStencilOpSeparate,glTexImage2D:_glTexImage2D,glTexParameterf:_glTexParameterf,glTexParameterfv:_glTexParameterfv,glTexParameteri:_glTexParameteri,glTexParameteriv:_glTexParameteriv,glTexSubImage2D:_glTexSubImage2D,glUniform1f:_glUniform1f,glUniform1fv:_glUniform1fv,glUniform1i:_glUniform1i,glUniform1iv:_glUniform1iv,glUniform2f:_glUniform2f,glUniform2fv:_glUniform2fv,glUniform2i:_glUniform2i,glUniform2iv:_glUniform2iv,glUniform3f:_glUniform3f,glUniform3fv:_glUniform3fv,glUniform3i:_glUniform3i,glUniform3iv:_glUniform3iv,glUniform4f:_glUniform4f,glUniform4fv:_glUniform4fv,glUniform4i:_glUniform4i,glUniform4iv:_glUniform4iv,glUniformMatrix2fv:_glUniformMatrix2fv,glUniformMatrix3fv:_glUniformMatrix3fv,glUniformMatrix4fv:_glUniformMatrix4fv,glUseProgram:_glUseProgram,glValidateProgram:_glValidateProgram,glVertexAttrib1f:_glVertexAttrib1f,glVertexAttrib1fv:_glVertexAttrib1fv,glVertexAttrib2f:_glVertexAttrib2f,glVertexAttrib2fv:_glVertexAttrib2fv,glVertexAttrib3f:_glVertexAttrib3f,glVertexAttrib3fv:_glVertexAttrib3fv,glVertexAttrib4f:_glVertexAttrib4f,glVertexAttrib4fv:_glVertexAttrib4fv,glVertexAttribDivisor:_glVertexAttribDivisor,glVertexAttribDivisorANGLE:_glVertexAttribDivisorANGLE,glVertexAttribDivisorARB:_glVertexAttribDivisorARB,glVertexAttribDivisorEXT:_glVertexAttribDivisorEXT,glVertexAttribDivisorNV:_glVertexAttribDivisorNV,glVertexAttribPointer:_glVertexAttribPointer,glVertexPointer:_glVertexPointer,glViewport:_glViewport,handle_next_result_js:handle_next_result_js,hiwire_invalid_ref:hiwire_invalid_ref,invoke_diii:invoke_diii,invoke_fiii:invoke_fiii,invoke_i:invoke_i,invoke_ii:invoke_ii,invoke_iii:invoke_iii,invoke_iiii:invoke_iiii,invoke_iiiii:invoke_iiiii,invoke_iiiiid:invoke_iiiiid,invoke_iiiiii:invoke_iiiiii,invoke_iiiiiii:invoke_iiiiiii,invoke_iiiiiiii:invoke_iiiiiiii,invoke_iiiiiiiiiii:invoke_iiiiiiiiiii,invoke_iiiiiiiiiiii:invoke_iiiiiiiiiiii,invoke_iiiiiiiiiiiii:invoke_iiiiiiiiiiiii,invoke_iiiiij:invoke_iiiiij,invoke_iiiiijj:invoke_iiiiijj,invoke_iiji:invoke_iiji,invoke_j:invoke_j,invoke_ji:invoke_ji,invoke_jii:invoke_jii,invoke_jiii:invoke_jiii,invoke_jiiii:invoke_jiiii,invoke_v:invoke_v,invoke_vi:invoke_vi,invoke_vii:invoke_vii,invoke_viid:invoke_viid,invoke_viif:invoke_viif,invoke_viii:invoke_viii,invoke_viiidi:invoke_viiidi,invoke_viiifi:invoke_viiifi,invoke_viiii:invoke_viiii,invoke_viiiii:invoke_viiiii,invoke_viiiiii:invoke_viiiiii,invoke_viiiiiii:invoke_viiiiiii,invoke_viiiiiiiiii:invoke_viiiiiiiiii,invoke_viiiiiiiiiiiiiii:invoke_viiiiiiiiiiiiiii,invoke_viijii:invoke_viijii,invoke_viijj:invoke_viijj,is_comlink_proxy:is_comlink_proxy,js2python_convert:js2python_convert,js2python_immutable_js:js2python_immutable_js,js2python_js:js2python_js,jslib_init_buffers_js:jslib_init_buffers_js,jslib_init_js:jslib_init_js,lineColor:_lineColor,lineRGBA:_lineRGBA,llvm_eh_typeid_for:_llvm_eh_typeid_for,memory:wasmMemory,my_dict_converter:my_dict_converter,new_error:new_error,pixelRGBA:_pixelRGBA,proc_exit:_proc_exit,proxy_cache_get:proxy_cache_get,proxy_cache_set:proxy_cache_set,pyodide_js_init:pyodide_js_init,pyproxy_AsPyObject:pyproxy_AsPyObject,pyproxy_Check:pyproxy_Check,pyproxy_new:pyproxy_new,pyproxy_new_ex:pyproxy_new_ex,python2js__default_converter_js:python2js__default_converter_js,python2js_custom__create_jscontext:python2js_custom__create_jscontext,random_get:_random_get,raw_call_js:raw_call_js,rectangleColor:_rectangleColor,rectangleRGBA:_rectangleRGBA,restoreState:restoreState,restore_stderr:restore_stderr,rotozoomSurface:_rotozoomSurface,saveState:saveState,setNetworkCallback:_setNetworkCallback,set_pyodide_module:set_pyodide_module,set_suspender:set_suspender,setprotoent:_setprotoent,stackAlloc:_stackAlloc,stackRestore:_stackRestore,stackSave:_stackSave,strftime:_strftime,strftime_l:_strftime_l,strptime:_strptime,strptime_l:_strptime_l,syncifyHandler:syncifyHandler,throw_no_gil:throw_no_gil,wrap_async_generator:wrap_async_generator,wrap_generator:wrap_generator,zoomSurface:_zoomSurface};var wasmExports=createWasm();var ___wasm_call_ctors=()=>(___wasm_call_ctors=wasmExports[\"__wasm_call_ctors\"])();var ___wasm_apply_data_relocs=()=>(___wasm_apply_data_relocs=wasmExports[\"__wasm_apply_data_relocs\"])();var _set_method_docstring=Module[\"_set_method_docstring\"]=(a0,a1)=>(_set_method_docstring=Module[\"_set_method_docstring\"]=wasmExports[\"set_method_docstring\"])(a0,a1);var _PyObject_GetAttrString=Module[\"_PyObject_GetAttrString\"]=(a0,a1)=>(_PyObject_GetAttrString=Module[\"_PyObject_GetAttrString\"]=wasmExports[\"PyObject_GetAttrString\"])(a0,a1);var __PyUnicode_FromId=Module[\"__PyUnicode_FromId\"]=a0=>(__PyUnicode_FromId=Module[\"__PyUnicode_FromId\"]=wasmExports[\"_PyUnicode_FromId\"])(a0);var _PyObject_VectorcallMethod=Module[\"_PyObject_VectorcallMethod\"]=(a0,a1,a2,a3)=>(_PyObject_VectorcallMethod=Module[\"_PyObject_VectorcallMethod\"]=wasmExports[\"PyObject_VectorcallMethod\"])(a0,a1,a2,a3);var _PyUnicode_AsUTF8AndSize=Module[\"_PyUnicode_AsUTF8AndSize\"]=(a0,a1)=>(_PyUnicode_AsUTF8AndSize=Module[\"_PyUnicode_AsUTF8AndSize\"]=wasmExports[\"PyUnicode_AsUTF8AndSize\"])(a0,a1);var _malloc=a0=>(_malloc=wasmExports[\"malloc\"])(a0);var _memcpy=(a0,a1,a2)=>(_memcpy=wasmExports[\"memcpy\"])(a0,a1,a2);var __Py_Dealloc=Module[\"__Py_Dealloc\"]=a0=>(__Py_Dealloc=Module[\"__Py_Dealloc\"]=wasmExports[\"_Py_Dealloc\"])(a0);var _PyErr_Format=Module[\"_PyErr_Format\"]=(a0,a1,a2)=>(_PyErr_Format=Module[\"_PyErr_Format\"]=wasmExports[\"PyErr_Format\"])(a0,a1,a2);var _add_methods_and_set_docstrings=Module[\"_add_methods_and_set_docstrings\"]=(a0,a1,a2)=>(_add_methods_and_set_docstrings=Module[\"_add_methods_and_set_docstrings\"]=wasmExports[\"add_methods_and_set_docstrings\"])(a0,a1,a2);var _PyModule_AddFunctions=Module[\"_PyModule_AddFunctions\"]=(a0,a1)=>(_PyModule_AddFunctions=Module[\"_PyModule_AddFunctions\"]=wasmExports[\"PyModule_AddFunctions\"])(a0,a1);var _docstring_init=Module[\"_docstring_init\"]=()=>(_docstring_init=Module[\"_docstring_init\"]=wasmExports[\"docstring_init\"])();var _PyImport_ImportModule=Module[\"_PyImport_ImportModule\"]=a0=>(_PyImport_ImportModule=Module[\"_PyImport_ImportModule\"]=wasmExports[\"PyImport_ImportModule\"])(a0);var _dump_traceback=Module[\"_dump_traceback\"]=()=>(_dump_traceback=Module[\"_dump_traceback\"]=wasmExports[\"dump_traceback\"])();var _fileno=a0=>(_fileno=wasmExports[\"fileno\"])(a0);var _PyGILState_GetThisThreadState=Module[\"_PyGILState_GetThisThreadState\"]=()=>(_PyGILState_GetThisThreadState=Module[\"_PyGILState_GetThisThreadState\"]=wasmExports[\"PyGILState_GetThisThreadState\"])();var __Py_DumpTraceback=Module[\"__Py_DumpTraceback\"]=(a0,a1)=>(__Py_DumpTraceback=Module[\"__Py_DumpTraceback\"]=wasmExports[\"_Py_DumpTraceback\"])(a0,a1);var _set_error=Module[\"_set_error\"]=a0=>(_set_error=Module[\"_set_error\"]=wasmExports[\"set_error\"])(a0);var _PyErr_SetObject=Module[\"_PyErr_SetObject\"]=(a0,a1)=>(_PyErr_SetObject=Module[\"_PyErr_SetObject\"]=wasmExports[\"PyErr_SetObject\"])(a0,a1);var _restore_sys_last_exception=Module[\"_restore_sys_last_exception\"]=a0=>(_restore_sys_last_exception=Module[\"_restore_sys_last_exception\"]=wasmExports[\"restore_sys_last_exception\"])(a0);var _PySys_GetObject=Module[\"_PySys_GetObject\"]=a0=>(_PySys_GetObject=Module[\"_PySys_GetObject\"]=wasmExports[\"PySys_GetObject\"])(a0);var _PyErr_SetRaisedException=Module[\"_PyErr_SetRaisedException\"]=a0=>(_PyErr_SetRaisedException=Module[\"_PyErr_SetRaisedException\"]=wasmExports[\"PyErr_SetRaisedException\"])(a0);var _wrap_exception=Module[\"_wrap_exception\"]=()=>(_wrap_exception=Module[\"_wrap_exception\"]=wasmExports[\"wrap_exception\"])();var _PyErr_GetRaisedException=Module[\"_PyErr_GetRaisedException\"]=()=>(_PyErr_GetRaisedException=Module[\"_PyErr_GetRaisedException\"]=wasmExports[\"PyErr_GetRaisedException\"])();var _PyErr_GivenExceptionMatches=Module[\"_PyErr_GivenExceptionMatches\"]=(a0,a1)=>(_PyErr_GivenExceptionMatches=Module[\"_PyErr_GivenExceptionMatches\"]=wasmExports[\"PyErr_GivenExceptionMatches\"])(a0,a1);var _PyErr_Print=Module[\"_PyErr_Print\"]=()=>(_PyErr_Print=Module[\"_PyErr_Print\"]=wasmExports[\"PyErr_Print\"])();var __PyObject_GetAttrId=Module[\"__PyObject_GetAttrId\"]=(a0,a1)=>(__PyObject_GetAttrId=Module[\"__PyObject_GetAttrId\"]=wasmExports[\"_PyObject_GetAttrId\"])(a0,a1);var _PyUnicode_AsUTF8=Module[\"_PyUnicode_AsUTF8\"]=a0=>(_PyUnicode_AsUTF8=Module[\"_PyUnicode_AsUTF8\"]=wasmExports[\"PyUnicode_AsUTF8\"])(a0);var _JsvNull_Check=Module[\"_JsvNull_Check\"]=a0=>(_JsvNull_Check=Module[\"_JsvNull_Check\"]=wasmExports[\"JsvNull_Check\"])(a0);var _PySys_WriteStderr=Module[\"_PySys_WriteStderr\"]=(a0,a1)=>(_PySys_WriteStderr=Module[\"_PySys_WriteStderr\"]=wasmExports[\"PySys_WriteStderr\"])(a0,a1);var _PyErr_DisplayException=Module[\"_PyErr_DisplayException\"]=a0=>(_PyErr_DisplayException=Module[\"_PyErr_DisplayException\"]=wasmExports[\"PyErr_DisplayException\"])(a0);var _JsvString_FromId=Module[\"_JsvString_FromId\"]=a0=>(_JsvString_FromId=Module[\"_JsvString_FromId\"]=wasmExports[\"JsvString_FromId\"])(a0);var _pythonexc2js=Module[\"_pythonexc2js\"]=()=>(_pythonexc2js=Module[\"_pythonexc2js\"]=wasmExports[\"pythonexc2js\"])();var _trigger_fatal_error=Module[\"_trigger_fatal_error\"]=(a0,a1)=>(_trigger_fatal_error=Module[\"_trigger_fatal_error\"]=wasmExports[\"trigger_fatal_error\"])(a0,a1);var _raw_call=Module[\"_raw_call\"]=(a0,a1)=>(_raw_call=Module[\"_raw_call\"]=wasmExports[\"raw_call\"])(a0,a1);var _JsProxy_Val=Module[\"_JsProxy_Val\"]=a0=>(_JsProxy_Val=Module[\"_JsProxy_Val\"]=wasmExports[\"JsProxy_Val\"])(a0);var _error_handling_init=Module[\"_error_handling_init\"]=a0=>(_error_handling_init=Module[\"_error_handling_init\"]=wasmExports[\"error_handling_init\"])(a0);var _hiwire_new_deduplicate=Module[\"_hiwire_new_deduplicate\"]=a0=>(_hiwire_new_deduplicate=Module[\"_hiwire_new_deduplicate\"]=wasmExports[\"hiwire_new_deduplicate\"])(a0);var _hiwire_new=Module[\"_hiwire_new\"]=a0=>(_hiwire_new=Module[\"_hiwire_new\"]=wasmExports[\"hiwire_new\"])(a0);var _hiwire_incref_deduplicate=Module[\"_hiwire_incref_deduplicate\"]=a0=>(_hiwire_incref_deduplicate=Module[\"_hiwire_incref_deduplicate\"]=wasmExports[\"hiwire_incref_deduplicate\"])(a0);var _hiwire_decref=Module[\"_hiwire_decref\"]=a0=>(_hiwire_decref=Module[\"_hiwire_decref\"]=wasmExports[\"hiwire_decref\"])(a0);var _init_pyodide_proxy=Module[\"_init_pyodide_proxy\"]=()=>(_init_pyodide_proxy=Module[\"_init_pyodide_proxy\"]=wasmExports[\"init_pyodide_proxy\"])();var _python2js=Module[\"_python2js\"]=a0=>(_python2js=Module[\"_python2js\"]=wasmExports[\"python2js\"])(a0);var _PyInit__pyodide_core=Module[\"_PyInit__pyodide_core\"]=()=>(_PyInit__pyodide_core=Module[\"_PyInit__pyodide_core\"]=wasmExports[\"PyInit__pyodide_core\"])();var _PyErr_Occurred=Module[\"_PyErr_Occurred\"]=()=>(_PyErr_Occurred=Module[\"_PyErr_Occurred\"]=wasmExports[\"PyErr_Occurred\"])();var __PyErr_FormatFromCause=Module[\"__PyErr_FormatFromCause\"]=(a0,a1,a2)=>(__PyErr_FormatFromCause=Module[\"__PyErr_FormatFromCause\"]=wasmExports[\"_PyErr_FormatFromCause\"])(a0,a1,a2);var _PyModule_Create2=Module[\"_PyModule_Create2\"]=(a0,a1)=>(_PyModule_Create2=Module[\"_PyModule_Create2\"]=wasmExports[\"PyModule_Create2\"])(a0,a1);var _PyImport_GetModuleDict=Module[\"_PyImport_GetModuleDict\"]=()=>(_PyImport_GetModuleDict=Module[\"_PyImport_GetModuleDict\"]=wasmExports[\"PyImport_GetModuleDict\"])();var _PyDict_SetItemString=Module[\"_PyDict_SetItemString\"]=(a0,a1,a2)=>(_PyDict_SetItemString=Module[\"_PyDict_SetItemString\"]=wasmExports[\"PyDict_SetItemString\"])(a0,a1,a2);var _jslib_init=Module[\"_jslib_init\"]=()=>(_jslib_init=Module[\"_jslib_init\"]=wasmExports[\"jslib_init\"])();var _python2js_init=Module[\"_python2js_init\"]=a0=>(_python2js_init=Module[\"_python2js_init\"]=wasmExports[\"python2js_init\"])(a0);var _jsproxy_init=Module[\"_jsproxy_init\"]=a0=>(_jsproxy_init=Module[\"_jsproxy_init\"]=wasmExports[\"jsproxy_init\"])(a0);var _jsproxy_call_init=Module[\"_jsproxy_call_init\"]=a0=>(_jsproxy_call_init=Module[\"_jsproxy_call_init\"]=wasmExports[\"jsproxy_call_init\"])(a0);var _pyproxy_init=Module[\"_pyproxy_init\"]=a0=>(_pyproxy_init=Module[\"_pyproxy_init\"]=wasmExports[\"pyproxy_init\"])(a0);var _jsbind_init=Module[\"_jsbind_init\"]=a0=>(_jsbind_init=Module[\"_jsbind_init\"]=wasmExports[\"jsbind_init\"])(a0);var _pyodide_export=Module[\"_pyodide_export\"]=()=>(_pyodide_export=Module[\"_pyodide_export\"]=wasmExports[\"pyodide_export\"])();var _py_version_major=Module[\"_py_version_major\"]=()=>(_py_version_major=Module[\"_py_version_major\"]=wasmExports[\"py_version_major\"])();var _set_new_cframe=Module[\"_set_new_cframe\"]=a0=>(_set_new_cframe=Module[\"_set_new_cframe\"]=wasmExports[\"set_new_cframe\"])(a0);var _PyUnicode_Data=Module[\"_PyUnicode_Data\"]=a0=>(_PyUnicode_Data=Module[\"_PyUnicode_Data\"]=wasmExports[\"PyUnicode_Data\"])(a0);var __js2python_none=Module[\"__js2python_none\"]=()=>(__js2python_none=Module[\"__js2python_none\"]=wasmExports[\"_js2python_none\"])();var __js2python_true=Module[\"__js2python_true\"]=()=>(__js2python_true=Module[\"__js2python_true\"]=wasmExports[\"_js2python_true\"])();var __js2python_false=Module[\"__js2python_false\"]=()=>(__js2python_false=Module[\"__js2python_false\"]=wasmExports[\"_js2python_false\"])();var __js2python_pyproxy=Module[\"__js2python_pyproxy\"]=a0=>(__js2python_pyproxy=Module[\"__js2python_pyproxy\"]=wasmExports[\"_js2python_pyproxy\"])(a0);var _js2python_immutable=Module[\"_js2python_immutable\"]=a0=>(_js2python_immutable=Module[\"_js2python_immutable\"]=wasmExports[\"js2python_immutable\"])(a0);var _js2python=Module[\"_js2python\"]=a0=>(_js2python=Module[\"_js2python\"]=wasmExports[\"js2python\"])(a0);var _JsProxy_getflags=Module[\"_JsProxy_getflags\"]=a0=>(_JsProxy_getflags=Module[\"_JsProxy_getflags\"]=wasmExports[\"JsProxy_getflags\"])(a0);var _PyLong_AsLong=Module[\"_PyLong_AsLong\"]=a0=>(_PyLong_AsLong=Module[\"_PyLong_AsLong\"]=wasmExports[\"PyLong_AsLong\"])(a0);var _JsProxy_is_py_json=Module[\"_JsProxy_is_py_json\"]=a0=>(_JsProxy_is_py_json=Module[\"_JsProxy_is_py_json\"]=wasmExports[\"JsProxy_is_py_json\"])(a0);var _js2python_as_py_json=Module[\"_js2python_as_py_json\"]=a0=>(_js2python_as_py_json=Module[\"_js2python_as_py_json\"]=wasmExports[\"js2python_as_py_json\"])(a0);var _JsProxy_create_with_type=Module[\"_JsProxy_create_with_type\"]=(a0,a1,a2,a3)=>(_JsProxy_create_with_type=Module[\"_JsProxy_create_with_type\"]=wasmExports[\"JsProxy_create_with_type\"])(a0,a1,a2,a3);var _JsProxy_bind_sig=Module[\"_JsProxy_bind_sig\"]=(a0,a1)=>(_JsProxy_bind_sig=Module[\"_JsProxy_bind_sig\"]=wasmExports[\"JsProxy_bind_sig\"])(a0,a1);var _hiwire_get=Module[\"_hiwire_get\"]=a0=>(_hiwire_get=Module[\"_hiwire_get\"]=wasmExports[\"hiwire_get\"])(a0);var _JsRef_toVal=Module[\"_JsRef_toVal\"]=a0=>(_JsRef_toVal=Module[\"_JsRef_toVal\"]=wasmExports[\"JsRef_toVal\"])(a0);var _PyErr_SetString=Module[\"_PyErr_SetString\"]=(a0,a1)=>(_PyErr_SetString=Module[\"_PyErr_SetString\"]=wasmExports[\"PyErr_SetString\"])(a0,a1);var _JsProxy_create_with_this=Module[\"_JsProxy_create_with_this\"]=(a0,a1,a2,a3)=>(_JsProxy_create_with_this=Module[\"_JsProxy_create_with_this\"]=wasmExports[\"JsProxy_create_with_this\"])(a0,a1,a2,a3);var _clear_method_call_singleton=Module[\"_clear_method_call_singleton\"]=()=>(_clear_method_call_singleton=Module[\"_clear_method_call_singleton\"]=wasmExports[\"clear_method_call_singleton\"])();var _JsProxy_GetMethod=Module[\"_JsProxy_GetMethod\"]=(a0,a1)=>(_JsProxy_GetMethod=Module[\"_JsProxy_GetMethod\"]=wasmExports[\"JsProxy_GetMethod\"])(a0,a1);var __PyObject_GenericGetAttrWithDict=Module[\"__PyObject_GenericGetAttrWithDict\"]=(a0,a1,a2,a3)=>(__PyObject_GenericGetAttrWithDict=Module[\"__PyObject_GenericGetAttrWithDict\"]=wasmExports[\"_PyObject_GenericGetAttrWithDict\"])(a0,a1,a2,a3);var _strcmp=Module[\"_strcmp\"]=(a0,a1)=>(_strcmp=Module[\"_strcmp\"]=wasmExports[\"strcmp\"])(a0,a1);var __PyObject_CallMethodIdObjArgs=Module[\"__PyObject_CallMethodIdObjArgs\"]=(a0,a1,a2)=>(__PyObject_CallMethodIdObjArgs=Module[\"__PyObject_CallMethodIdObjArgs\"]=wasmExports[\"_PyObject_CallMethodIdObjArgs\"])(a0,a1,a2);var __PyArg_ParseTuple_SizeT=Module[\"__PyArg_ParseTuple_SizeT\"]=(a0,a1,a2)=>(__PyArg_ParseTuple_SizeT=Module[\"__PyArg_ParseTuple_SizeT\"]=wasmExports[\"_PyArg_ParseTuple_SizeT\"])(a0,a1,a2);var _Js2PyConverter_convert=Module[\"_Js2PyConverter_convert\"]=(a0,a1,a2)=>(_Js2PyConverter_convert=Module[\"_Js2PyConverter_convert\"]=wasmExports[\"Js2PyConverter_convert\"])(a0,a1,a2);var _hiwire_incref=Module[\"_hiwire_incref\"]=a0=>(_hiwire_incref=Module[\"_hiwire_incref\"]=wasmExports[\"hiwire_incref\"])(a0);var _JsProxy_GetAttr=Module[\"_JsProxy_GetAttr\"]=(a0,a1)=>(_JsProxy_GetAttr=Module[\"_JsProxy_GetAttr\"]=wasmExports[\"JsProxy_GetAttr\"])(a0,a1);var _handle_next_result=Module[\"_handle_next_result\"]=(a0,a1,a2)=>(_handle_next_result=Module[\"_handle_next_result\"]=wasmExports[\"handle_next_result\"])(a0,a1,a2);var _free=Module[\"_free\"]=a0=>(_free=Module[\"_free\"]=wasmExports[\"free\"])(a0);var _JsProxy_create_objmap=Module[\"_JsProxy_create_objmap\"]=(a0,a1)=>(_JsProxy_create_objmap=Module[\"_JsProxy_create_objmap\"]=wasmExports[\"JsProxy_create_objmap\"])(a0,a1);var _JsProxy_am_send=Module[\"_JsProxy_am_send\"]=(a0,a1,a2)=>(_JsProxy_am_send=Module[\"_JsProxy_am_send\"]=wasmExports[\"JsProxy_am_send\"])(a0,a1,a2);var _python2js_track_proxies=Module[\"_python2js_track_proxies\"]=(a0,a1,a2)=>(_python2js_track_proxies=Module[\"_python2js_track_proxies\"]=wasmExports[\"python2js_track_proxies\"])(a0,a1,a2);var _JsvObject_CallMethodId_OneArg=Module[\"_JsvObject_CallMethodId_OneArg\"]=(a0,a1,a2)=>(_JsvObject_CallMethodId_OneArg=Module[\"_JsvObject_CallMethodId_OneArg\"]=wasmExports[\"JsvObject_CallMethodId_OneArg\"])(a0,a1,a2);var _JsProxy_IterNext=Module[\"_JsProxy_IterNext\"]=a0=>(_JsProxy_IterNext=Module[\"_JsProxy_IterNext\"]=wasmExports[\"JsProxy_IterNext\"])(a0);var __PyGen_SetStopIterationValue=Module[\"__PyGen_SetStopIterationValue\"]=a0=>(__PyGen_SetStopIterationValue=Module[\"__PyGen_SetStopIterationValue\"]=wasmExports[\"_PyGen_SetStopIterationValue\"])(a0);var _JsGenerator_send=Module[\"_JsGenerator_send\"]=(a0,a1)=>(_JsGenerator_send=Module[\"_JsGenerator_send\"]=wasmExports[\"JsGenerator_send\"])(a0,a1);var _PyErr_SetNone=Module[\"_PyErr_SetNone\"]=a0=>(_PyErr_SetNone=Module[\"_PyErr_SetNone\"]=wasmExports[\"PyErr_SetNone\"])(a0);var _JsException_js_error_getter=Module[\"_JsException_js_error_getter\"]=(a0,a1)=>(_JsException_js_error_getter=Module[\"_JsException_js_error_getter\"]=wasmExports[\"JsException_js_error_getter\"])(a0,a1);var _process_throw_args=Module[\"_process_throw_args\"]=(a0,a1,a2,a3)=>(_process_throw_args=Module[\"_process_throw_args\"]=wasmExports[\"process_throw_args\"])(a0,a1,a2,a3);var _PyErr_NormalizeException=Module[\"_PyErr_NormalizeException\"]=(a0,a1,a2)=>(_PyErr_NormalizeException=Module[\"_PyErr_NormalizeException\"]=wasmExports[\"PyErr_NormalizeException\"])(a0,a1,a2);var _PyException_GetTraceback=Module[\"_PyException_GetTraceback\"]=a0=>(_PyException_GetTraceback=Module[\"_PyException_GetTraceback\"]=wasmExports[\"PyException_GetTraceback\"])(a0);var _PyException_SetTraceback=Module[\"_PyException_SetTraceback\"]=(a0,a1)=>(_PyException_SetTraceback=Module[\"_PyException_SetTraceback\"]=wasmExports[\"PyException_SetTraceback\"])(a0,a1);var _PyErr_Restore=Module[\"_PyErr_Restore\"]=(a0,a1,a2)=>(_PyErr_Restore=Module[\"_PyErr_Restore\"]=wasmExports[\"PyErr_Restore\"])(a0,a1,a2);var _PyErr_ExceptionMatches=Module[\"_PyErr_ExceptionMatches\"]=a0=>(_PyErr_ExceptionMatches=Module[\"_PyErr_ExceptionMatches\"]=wasmExports[\"PyErr_ExceptionMatches\"])(a0);var _PyErr_Clear=Module[\"_PyErr_Clear\"]=()=>(_PyErr_Clear=Module[\"_PyErr_Clear\"]=wasmExports[\"PyErr_Clear\"])();var _JsvObject_CallMethodId_NoArgs=Module[\"_JsvObject_CallMethodId_NoArgs\"]=(a0,a1)=>(_JsvObject_CallMethodId_NoArgs=Module[\"_JsvObject_CallMethodId_NoArgs\"]=wasmExports[\"JsvObject_CallMethodId_NoArgs\"])(a0,a1);var _PyErr_Fetch=Module[\"_PyErr_Fetch\"]=(a0,a1,a2)=>(_PyErr_Fetch=Module[\"_PyErr_Fetch\"]=wasmExports[\"PyErr_Fetch\"])(a0,a1,a2);var __agen_handle_result_js_c=Module[\"__agen_handle_result_js_c\"]=(a0,a1,a2,a3,a4)=>(__agen_handle_result_js_c=Module[\"__agen_handle_result_js_c\"]=wasmExports[\"_agen_handle_result_js_c\"])(a0,a1,a2,a3,a4);var _PyObject_CallOneArg=Module[\"_PyObject_CallOneArg\"]=(a0,a1)=>(_PyObject_CallOneArg=Module[\"_PyObject_CallOneArg\"]=wasmExports[\"PyObject_CallOneArg\"])(a0,a1);var __agen_handle_result=Module[\"__agen_handle_result\"]=(a0,a1)=>(__agen_handle_result=Module[\"__agen_handle_result\"]=wasmExports[\"_agen_handle_result\"])(a0,a1);var _JsArray_sq_item=Module[\"_JsArray_sq_item\"]=(a0,a1)=>(_JsArray_sq_item=Module[\"_JsArray_sq_item\"]=wasmExports[\"JsArray_sq_item\"])(a0,a1);var _JsArray_sq_ass_item=Module[\"_JsArray_sq_ass_item\"]=(a0,a1,a2)=>(_JsArray_sq_ass_item=Module[\"_JsArray_sq_ass_item\"]=wasmExports[\"JsArray_sq_ass_item\"])(a0,a1,a2);var _JsTypedArray_sq_ass_item=Module[\"_JsTypedArray_sq_ass_item\"]=(a0,a1,a2)=>(_JsTypedArray_sq_ass_item=Module[\"_JsTypedArray_sq_ass_item\"]=wasmExports[\"JsTypedArray_sq_ass_item\"])(a0,a1,a2);var _JsMap_update=Module[\"_JsMap_update\"]=(a0,a1,a2)=>(_JsMap_update=Module[\"_JsMap_update\"]=wasmExports[\"JsMap_update\"])(a0,a1,a2);var _wrap_promise=Module[\"_wrap_promise\"]=(a0,a1,a2)=>(_wrap_promise=Module[\"_wrap_promise\"]=wasmExports[\"wrap_promise\"])(a0,a1,a2);var _PyTuple_GetItem=Module[\"_PyTuple_GetItem\"]=(a0,a1)=>(_PyTuple_GetItem=Module[\"_PyTuple_GetItem\"]=wasmExports[\"PyTuple_GetItem\"])(a0,a1);var _JsvObject_CallMethodId=Module[\"_JsvObject_CallMethodId\"]=(a0,a1,a2)=>(_JsvObject_CallMethodId=Module[\"_JsvObject_CallMethodId\"]=wasmExports[\"JsvObject_CallMethodId\"])(a0,a1,a2);var _JsBuffer_CopyIntoMemoryView=Module[\"_JsBuffer_CopyIntoMemoryView\"]=(a0,a1,a2,a3)=>(_JsBuffer_CopyIntoMemoryView=Module[\"_JsBuffer_CopyIntoMemoryView\"]=wasmExports[\"JsBuffer_CopyIntoMemoryView\"])(a0,a1,a2,a3);var _PyMem_Malloc=Module[\"_PyMem_Malloc\"]=a0=>(_PyMem_Malloc=Module[\"_PyMem_Malloc\"]=wasmExports[\"PyMem_Malloc\"])(a0);var _PyMemoryView_FromObject=Module[\"_PyMemoryView_FromObject\"]=a0=>(_PyMemoryView_FromObject=Module[\"_PyMemoryView_FromObject\"]=wasmExports[\"PyMemoryView_FromObject\"])(a0);var _JsBuffer_cinit=Module[\"_JsBuffer_cinit\"]=a0=>(_JsBuffer_cinit=Module[\"_JsBuffer_cinit\"]=wasmExports[\"JsBuffer_cinit\"])(a0);var _JsRef_new=Module[\"_JsRef_new\"]=a0=>(_JsRef_new=Module[\"_JsRef_new\"]=wasmExports[\"JsRef_new\"])(a0);var _PyTuple_Pack=Module[\"_PyTuple_Pack\"]=(a0,a1)=>(_PyTuple_Pack=Module[\"_PyTuple_Pack\"]=wasmExports[\"PyTuple_Pack\"])(a0,a1);var _PyLong_FromLong=Module[\"_PyLong_FromLong\"]=a0=>(_PyLong_FromLong=Module[\"_PyLong_FromLong\"]=wasmExports[\"PyLong_FromLong\"])(a0);var _PyDict_GetItemWithError=Module[\"_PyDict_GetItemWithError\"]=(a0,a1)=>(_PyDict_GetItemWithError=Module[\"_PyDict_GetItemWithError\"]=wasmExports[\"PyDict_GetItemWithError\"])(a0,a1);var _PyObject_SelfIter=Module[\"_PyObject_SelfIter\"]=a0=>(_PyObject_SelfIter=Module[\"_PyObject_SelfIter\"]=wasmExports[\"PyObject_SelfIter\"])(a0);var _PyVectorcall_Call=Module[\"_PyVectorcall_Call\"]=(a0,a1,a2)=>(_PyVectorcall_Call=Module[\"_PyVectorcall_Call\"]=wasmExports[\"PyVectorcall_Call\"])(a0,a1,a2);var _PyErr_NoMemory=Module[\"_PyErr_NoMemory\"]=()=>(_PyErr_NoMemory=Module[\"_PyErr_NoMemory\"]=wasmExports[\"PyErr_NoMemory\"])();var _PyType_FromSpecWithBases=Module[\"_PyType_FromSpecWithBases\"]=(a0,a1)=>(_PyType_FromSpecWithBases=Module[\"_PyType_FromSpecWithBases\"]=wasmExports[\"PyType_FromSpecWithBases\"])(a0,a1);var __PyObject_SetAttrId=Module[\"__PyObject_SetAttrId\"]=(a0,a1,a2)=>(__PyObject_SetAttrId=Module[\"__PyObject_SetAttrId\"]=wasmExports[\"_PyObject_SetAttrId\"])(a0,a1,a2);var _PyMem_Free=Module[\"_PyMem_Free\"]=a0=>(_PyMem_Free=Module[\"_PyMem_Free\"]=wasmExports[\"PyMem_Free\"])(a0);var _PyDict_SetItem=Module[\"_PyDict_SetItem\"]=(a0,a1,a2)=>(_PyDict_SetItem=Module[\"_PyDict_SetItem\"]=wasmExports[\"PyDict_SetItem\"])(a0,a1,a2);var _JsProxy_create=Module[\"_JsProxy_create\"]=a0=>(_JsProxy_create=Module[\"_JsProxy_create\"]=wasmExports[\"JsProxy_create\"])(a0);var _JsProxy_Check=Module[\"_JsProxy_Check\"]=a0=>(_JsProxy_Check=Module[\"_JsProxy_Check\"]=wasmExports[\"JsProxy_Check\"])(a0);var _PyType_IsSubtype=Module[\"_PyType_IsSubtype\"]=(a0,a1)=>(_PyType_IsSubtype=Module[\"_PyType_IsSubtype\"]=wasmExports[\"PyType_IsSubtype\"])(a0,a1);var _JsProxy_init_docstrings=Module[\"_JsProxy_init_docstrings\"]=a0=>(_JsProxy_init_docstrings=Module[\"_JsProxy_init_docstrings\"]=wasmExports[\"JsProxy_init_docstrings\"])(a0);var _run_sync_not_supported=Module[\"_run_sync_not_supported\"]=(a0,a1)=>(_run_sync_not_supported=Module[\"_run_sync_not_supported\"]=wasmExports[\"run_sync_not_supported\"])(a0,a1);var _run_sync=Module[\"_run_sync\"]=(a0,a1)=>(_run_sync=Module[\"_run_sync\"]=wasmExports[\"run_sync\"])(a0,a1);var _py_is_awaitable=Module[\"_py_is_awaitable\"]=a0=>(_py_is_awaitable=Module[\"_py_is_awaitable\"]=wasmExports[\"py_is_awaitable\"])(a0);var _JsvPromise_Syncify=Module[\"_JsvPromise_Syncify\"]=a0=>(_JsvPromise_Syncify=Module[\"_JsvPromise_Syncify\"]=wasmExports[\"JsvPromise_Syncify\"])(a0);var _can_run_sync=Module[\"_can_run_sync\"]=(a0,a1)=>(_can_run_sync=Module[\"_can_run_sync\"]=wasmExports[\"can_run_sync\"])(a0,a1);var _PyDict_New=Module[\"_PyDict_New\"]=()=>(_PyDict_New=Module[\"_PyDict_New\"]=wasmExports[\"PyDict_New\"])();var _PyObject_SetAttrString=Module[\"_PyObject_SetAttrString\"]=(a0,a1,a2)=>(_PyObject_SetAttrString=Module[\"_PyObject_SetAttrString\"]=wasmExports[\"PyObject_SetAttrString\"])(a0,a1,a2);var _PyModule_AddObject=Module[\"_PyModule_AddObject\"]=(a0,a1,a2)=>(_PyModule_AddObject=Module[\"_PyModule_AddObject\"]=wasmExports[\"PyModule_AddObject\"])(a0,a1,a2);var _PyType_Ready=Module[\"_PyType_Ready\"]=a0=>(_PyType_Ready=Module[\"_PyType_Ready\"]=wasmExports[\"PyType_Ready\"])(a0);var _JsMethod_Vectorcall_impl=Module[\"_JsMethod_Vectorcall_impl\"]=(a0,a1,a2,a3,a4,a5)=>(_JsMethod_Vectorcall_impl=Module[\"_JsMethod_Vectorcall_impl\"]=wasmExports[\"JsMethod_Vectorcall_impl\"])(a0,a1,a2,a3,a4,a5);var _JsvObject_CallMethodId_TwoArgs=Module[\"_JsvObject_CallMethodId_TwoArgs\"]=(a0,a1,a2,a3)=>(_JsvObject_CallMethodId_TwoArgs=Module[\"_JsvObject_CallMethodId_TwoArgs\"]=wasmExports[\"JsvObject_CallMethodId_TwoArgs\"])(a0,a1,a2,a3);var _PyObject_Repr=Module[\"_PyObject_Repr\"]=a0=>(_PyObject_Repr=Module[\"_PyObject_Repr\"]=wasmExports[\"PyObject_Repr\"])(a0);var _PyIndex_Check=Module[\"_PyIndex_Check\"]=a0=>(_PyIndex_Check=Module[\"_PyIndex_Check\"]=wasmExports[\"PyIndex_Check\"])(a0);var _PyNumber_AsSsize_t=Module[\"_PyNumber_AsSsize_t\"]=(a0,a1)=>(_PyNumber_AsSsize_t=Module[\"_PyNumber_AsSsize_t\"]=wasmExports[\"PyNumber_AsSsize_t\"])(a0,a1);var _PySlice_Unpack=Module[\"_PySlice_Unpack\"]=(a0,a1,a2,a3)=>(_PySlice_Unpack=Module[\"_PySlice_Unpack\"]=wasmExports[\"PySlice_Unpack\"])(a0,a1,a2,a3);var _PySlice_AdjustIndices=Module[\"_PySlice_AdjustIndices\"]=(a0,a1,a2,a3)=>(_PySlice_AdjustIndices=Module[\"_PySlice_AdjustIndices\"]=wasmExports[\"PySlice_AdjustIndices\"])(a0,a1,a2,a3);var _PySequence_Fast=Module[\"_PySequence_Fast\"]=(a0,a1)=>(_PySequence_Fast=Module[\"_PySequence_Fast\"]=wasmExports[\"PySequence_Fast\"])(a0,a1);var __PyArg_ParseTupleAndKeywords_SizeT=Module[\"__PyArg_ParseTupleAndKeywords_SizeT\"]=(a0,a1,a2,a3,a4)=>(__PyArg_ParseTupleAndKeywords_SizeT=Module[\"__PyArg_ParseTupleAndKeywords_SizeT\"]=wasmExports[\"_PyArg_ParseTupleAndKeywords_SizeT\"])(a0,a1,a2,a3,a4);var _PySet_New=Module[\"_PySet_New\"]=a0=>(_PySet_New=Module[\"_PySet_New\"]=wasmExports[\"PySet_New\"])(a0);var __PySet_Update=Module[\"__PySet_Update\"]=(a0,a1)=>(__PySet_Update=Module[\"__PySet_Update\"]=wasmExports[\"_PySet_Update\"])(a0,a1);var _PyUnicode_FromString=Module[\"_PyUnicode_FromString\"]=a0=>(_PyUnicode_FromString=Module[\"_PyUnicode_FromString\"]=wasmExports[\"PyUnicode_FromString\"])(a0);var _PySet_Discard=Module[\"_PySet_Discard\"]=(a0,a1)=>(_PySet_Discard=Module[\"_PySet_Discard\"]=wasmExports[\"PySet_Discard\"])(a0,a1);var _PyList_New=Module[\"_PyList_New\"]=a0=>(_PyList_New=Module[\"_PyList_New\"]=wasmExports[\"PyList_New\"])(a0);var __PyList_Extend=Module[\"__PyList_Extend\"]=(a0,a1)=>(__PyList_Extend=Module[\"__PyList_Extend\"]=wasmExports[\"_PyList_Extend\"])(a0,a1);var _PyList_Sort=Module[\"_PyList_Sort\"]=a0=>(_PyList_Sort=Module[\"_PyList_Sort\"]=wasmExports[\"PyList_Sort\"])(a0);var __PyArg_ParseStack_SizeT=Module[\"__PyArg_ParseStack_SizeT\"]=(a0,a1,a2,a3)=>(__PyArg_ParseStack_SizeT=Module[\"__PyArg_ParseStack_SizeT\"]=wasmExports[\"_PyArg_ParseStack_SizeT\"])(a0,a1,a2,a3);var _PyObject_GetIter=Module[\"_PyObject_GetIter\"]=a0=>(_PyObject_GetIter=Module[\"_PyObject_GetIter\"]=wasmExports[\"PyObject_GetIter\"])(a0);var _PyObject_RichCompareBool=Module[\"_PyObject_RichCompareBool\"]=(a0,a1,a2)=>(_PyObject_RichCompareBool=Module[\"_PyObject_RichCompareBool\"]=wasmExports[\"PyObject_RichCompareBool\"])(a0,a1,a2);var __PyArg_ParseStackAndKeywords_SizeT=Module[\"__PyArg_ParseStackAndKeywords_SizeT\"]=(a0,a1,a2,a3,a4)=>(__PyArg_ParseStackAndKeywords_SizeT=Module[\"__PyArg_ParseStackAndKeywords_SizeT\"]=wasmExports[\"_PyArg_ParseStackAndKeywords_SizeT\"])(a0,a1,a2,a3,a4);var _hiwire_pop=Module[\"_hiwire_pop\"]=a0=>(_hiwire_pop=Module[\"_hiwire_pop\"]=wasmExports[\"hiwire_pop\"])(a0);var _puts=Module[\"_puts\"]=a0=>(_puts=Module[\"_puts\"]=wasmExports[\"puts\"])(a0);var _strncmp=Module[\"_strncmp\"]=(a0,a1,a2)=>(_strncmp=Module[\"_strncmp\"]=wasmExports[\"strncmp\"])(a0,a1,a2);var _PyObject_GenericSetAttr=Module[\"_PyObject_GenericSetAttr\"]=(a0,a1,a2)=>(_PyObject_GenericSetAttr=Module[\"_PyObject_GenericSetAttr\"]=wasmExports[\"PyObject_GenericSetAttr\"])(a0,a1,a2);var __Py_HashBytes=Module[\"__Py_HashBytes\"]=(a0,a1)=>(__Py_HashBytes=Module[\"__Py_HashBytes\"]=wasmExports[\"_Py_HashBytes\"])(a0,a1);var _JsMethod_Construct_impl=Module[\"_JsMethod_Construct_impl\"]=(a0,a1,a2,a3,a4)=>(_JsMethod_Construct_impl=Module[\"_JsMethod_Construct_impl\"]=wasmExports[\"JsMethod_Construct_impl\"])(a0,a1,a2,a3,a4);var __PyArg_CheckPositional=Module[\"__PyArg_CheckPositional\"]=(a0,a1,a2,a3)=>(__PyArg_CheckPositional=Module[\"__PyArg_CheckPositional\"]=wasmExports[\"_PyArg_CheckPositional\"])(a0,a1,a2,a3);var __PyNumber_Index=Module[\"__PyNumber_Index\"]=a0=>(__PyNumber_Index=Module[\"__PyNumber_Index\"]=wasmExports[\"_PyNumber_Index\"])(a0);var _PyLong_AsSsize_t=Module[\"_PyLong_AsSsize_t\"]=a0=>(_PyLong_AsSsize_t=Module[\"_PyLong_AsSsize_t\"]=wasmExports[\"PyLong_AsSsize_t\"])(a0);var _PyLong_FromSsize_t=Module[\"_PyLong_FromSsize_t\"]=a0=>(_PyLong_FromSsize_t=Module[\"_PyLong_FromSsize_t\"]=wasmExports[\"PyLong_FromSsize_t\"])(a0);var _PyObject_GetItem=Module[\"_PyObject_GetItem\"]=(a0,a1)=>(_PyObject_GetItem=Module[\"_PyObject_GetItem\"]=wasmExports[\"PyObject_GetItem\"])(a0,a1);var _PyObject_DelItem=Module[\"_PyObject_DelItem\"]=(a0,a1)=>(_PyObject_DelItem=Module[\"_PyObject_DelItem\"]=wasmExports[\"PyObject_DelItem\"])(a0,a1);var _PyObject_SetItem=Module[\"_PyObject_SetItem\"]=(a0,a1,a2)=>(_PyObject_SetItem=Module[\"_PyObject_SetItem\"]=wasmExports[\"PyObject_SetItem\"])(a0,a1,a2);var _PyObject_GetBuffer=Module[\"_PyObject_GetBuffer\"]=(a0,a1,a2)=>(_PyObject_GetBuffer=Module[\"_PyObject_GetBuffer\"]=wasmExports[\"PyObject_GetBuffer\"])(a0,a1,a2);var _PyBuffer_Release=Module[\"_PyBuffer_Release\"]=a0=>(_PyBuffer_Release=Module[\"_PyBuffer_Release\"]=wasmExports[\"PyBuffer_Release\"])(a0);var _PyBytes_FromStringAndSize=Module[\"_PyBytes_FromStringAndSize\"]=(a0,a1)=>(_PyBytes_FromStringAndSize=Module[\"_PyBytes_FromStringAndSize\"]=wasmExports[\"PyBytes_FromStringAndSize\"])(a0,a1);var _PyObject_Vectorcall=Module[\"_PyObject_Vectorcall\"]=(a0,a1,a2,a3)=>(_PyObject_Vectorcall=Module[\"_PyObject_Vectorcall\"]=wasmExports[\"PyObject_Vectorcall\"])(a0,a1,a2,a3);var _Py_EnterRecursiveCall=Module[\"_Py_EnterRecursiveCall\"]=a0=>(_Py_EnterRecursiveCall=Module[\"_Py_EnterRecursiveCall\"]=wasmExports[\"Py_EnterRecursiveCall\"])(a0);var _Py_LeaveRecursiveCall=Module[\"_Py_LeaveRecursiveCall\"]=()=>(_Py_LeaveRecursiveCall=Module[\"_Py_LeaveRecursiveCall\"]=wasmExports[\"Py_LeaveRecursiveCall\"])();var _Py2JsConverter_convert=Module[\"_Py2JsConverter_convert\"]=(a0,a1,a2)=>(_Py2JsConverter_convert=Module[\"_Py2JsConverter_convert\"]=wasmExports[\"Py2JsConverter_convert\"])(a0,a1,a2);var __PyUnicode_EQ=Module[\"__PyUnicode_EQ\"]=(a0,a1)=>(__PyUnicode_EQ=Module[\"__PyUnicode_EQ\"]=wasmExports[\"_PyUnicode_EQ\"])(a0,a1);var _PyUnicode_FromFormat=Module[\"_PyUnicode_FromFormat\"]=(a0,a1)=>(_PyUnicode_FromFormat=Module[\"_PyUnicode_FromFormat\"]=wasmExports[\"PyUnicode_FromFormat\"])(a0,a1);var _PyType_GenericNew=Module[\"_PyType_GenericNew\"]=(a0,a1,a2)=>(_PyType_GenericNew=Module[\"_PyType_GenericNew\"]=wasmExports[\"PyType_GenericNew\"])(a0,a1,a2);var _PyObject_IsInstance=Module[\"_PyObject_IsInstance\"]=(a0,a1)=>(_PyObject_IsInstance=Module[\"_PyObject_IsInstance\"]=wasmExports[\"PyObject_IsInstance\"])(a0,a1);var _python2js_inner=Module[\"_python2js_inner\"]=(a0,a1,a2,a3,a4)=>(_python2js_inner=Module[\"_python2js_inner\"]=wasmExports[\"python2js_inner\"])(a0,a1,a2,a3,a4);var _python2js_custom=Module[\"_python2js_custom\"]=(a0,a1,a2,a3,a4)=>(_python2js_custom=Module[\"_python2js_custom\"]=wasmExports[\"python2js_custom\"])(a0,a1,a2,a3,a4);var _PyObject_GC_UnTrack=Module[\"_PyObject_GC_UnTrack\"]=a0=>(_PyObject_GC_UnTrack=Module[\"_PyObject_GC_UnTrack\"]=wasmExports[\"PyObject_GC_UnTrack\"])(a0);var _check_gil=Module[\"_check_gil\"]=()=>(_check_gil=Module[\"_check_gil\"]=wasmExports[\"check_gil\"])();var _PyGILState_Check=Module[\"_PyGILState_Check\"]=()=>(_PyGILState_Check=Module[\"_PyGILState_Check\"]=wasmExports[\"PyGILState_Check\"])();var _PyGen_GetCode=Module[\"_PyGen_GetCode\"]=a0=>(_PyGen_GetCode=Module[\"_PyGen_GetCode\"]=wasmExports[\"PyGen_GetCode\"])(a0);var _pyproxy_getflags=Module[\"_pyproxy_getflags\"]=(a0,a1)=>(_pyproxy_getflags=Module[\"_pyproxy_getflags\"]=wasmExports[\"pyproxy_getflags\"])(a0,a1);var _PyObject_HasAttr=Module[\"_PyObject_HasAttr\"]=(a0,a1)=>(_PyObject_HasAttr=Module[\"_PyObject_HasAttr\"]=wasmExports[\"PyObject_HasAttr\"])(a0,a1);var __PyObject_NextNotImplemented=Module[\"__PyObject_NextNotImplemented\"]=a0=>(__PyObject_NextNotImplemented=Module[\"__PyObject_NextNotImplemented\"]=wasmExports[\"_PyObject_NextNotImplemented\"])(a0);var _PyObject_IsSubclass=Module[\"_PyObject_IsSubclass\"]=(a0,a1)=>(_PyObject_IsSubclass=Module[\"_PyObject_IsSubclass\"]=wasmExports[\"PyObject_IsSubclass\"])(a0,a1);var __pyproxy_repr=Module[\"__pyproxy_repr\"]=a0=>(__pyproxy_repr=Module[\"__pyproxy_repr\"]=wasmExports[\"_pyproxy_repr\"])(a0);var _PyObject_Str=Module[\"_PyObject_Str\"]=a0=>(_PyObject_Str=Module[\"_PyObject_Str\"]=wasmExports[\"PyObject_Str\"])(a0);var __pyproxy_type=Module[\"__pyproxy_type\"]=a0=>(__pyproxy_type=Module[\"__pyproxy_type\"]=wasmExports[\"_pyproxy_type\"])(a0);var __pyproxy_hasattr=Module[\"__pyproxy_hasattr\"]=(a0,a1)=>(__pyproxy_hasattr=Module[\"__pyproxy_hasattr\"]=wasmExports[\"_pyproxy_hasattr\"])(a0,a1);var _python2js_json_adaptor=Module[\"_python2js_json_adaptor\"]=(a0,a1,a2)=>(_python2js_json_adaptor=Module[\"_python2js_json_adaptor\"]=wasmExports[\"python2js_json_adaptor\"])(a0,a1,a2);var __pyproxy_getattr=Module[\"__pyproxy_getattr\"]=(a0,a1,a2)=>(__pyproxy_getattr=Module[\"__pyproxy_getattr\"]=wasmExports[\"_pyproxy_getattr\"])(a0,a1,a2);var __PyObject_GetMethod=Module[\"__PyObject_GetMethod\"]=(a0,a1,a2)=>(__PyObject_GetMethod=Module[\"__PyObject_GetMethod\"]=wasmExports[\"_PyObject_GetMethod\"])(a0,a1,a2);var __pyproxy_setattr=Module[\"__pyproxy_setattr\"]=(a0,a1,a2)=>(__pyproxy_setattr=Module[\"__pyproxy_setattr\"]=wasmExports[\"_pyproxy_setattr\"])(a0,a1,a2);var _PyObject_SetAttr=Module[\"_PyObject_SetAttr\"]=(a0,a1,a2)=>(_PyObject_SetAttr=Module[\"_PyObject_SetAttr\"]=wasmExports[\"PyObject_SetAttr\"])(a0,a1,a2);var __pyproxy_delattr=Module[\"__pyproxy_delattr\"]=(a0,a1)=>(__pyproxy_delattr=Module[\"__pyproxy_delattr\"]=wasmExports[\"_pyproxy_delattr\"])(a0,a1);var __pyproxy_getitem=Module[\"__pyproxy_getitem\"]=(a0,a1,a2,a3)=>(__pyproxy_getitem=Module[\"__pyproxy_getitem\"]=wasmExports[\"_pyproxy_getitem\"])(a0,a1,a2,a3);var __pyproxy_setitem=Module[\"__pyproxy_setitem\"]=(a0,a1,a2)=>(__pyproxy_setitem=Module[\"__pyproxy_setitem\"]=wasmExports[\"_pyproxy_setitem\"])(a0,a1,a2);var __pyproxy_delitem=Module[\"__pyproxy_delitem\"]=(a0,a1)=>(__pyproxy_delitem=Module[\"__pyproxy_delitem\"]=wasmExports[\"_pyproxy_delitem\"])(a0,a1);var __pyproxy_slice_assign=Module[\"__pyproxy_slice_assign\"]=(a0,a1,a2,a3)=>(__pyproxy_slice_assign=Module[\"__pyproxy_slice_assign\"]=wasmExports[\"_pyproxy_slice_assign\"])(a0,a1,a2,a3);var _PySequence_Size=Module[\"_PySequence_Size\"]=a0=>(_PySequence_Size=Module[\"_PySequence_Size\"]=wasmExports[\"PySequence_Size\"])(a0);var _PySequence_GetSlice=Module[\"_PySequence_GetSlice\"]=(a0,a1,a2)=>(_PySequence_GetSlice=Module[\"_PySequence_GetSlice\"]=wasmExports[\"PySequence_GetSlice\"])(a0,a1,a2);var _PySequence_SetSlice=Module[\"_PySequence_SetSlice\"]=(a0,a1,a2,a3)=>(_PySequence_SetSlice=Module[\"_PySequence_SetSlice\"]=wasmExports[\"PySequence_SetSlice\"])(a0,a1,a2,a3);var _python2js_with_depth=Module[\"_python2js_with_depth\"]=(a0,a1,a2)=>(_python2js_with_depth=Module[\"_python2js_with_depth\"]=wasmExports[\"python2js_with_depth\"])(a0,a1,a2);var __pyproxy_pop=Module[\"__pyproxy_pop\"]=(a0,a1)=>(__pyproxy_pop=Module[\"__pyproxy_pop\"]=wasmExports[\"_pyproxy_pop\"])(a0,a1);var __pyproxy_contains=Module[\"__pyproxy_contains\"]=(a0,a1)=>(__pyproxy_contains=Module[\"__pyproxy_contains\"]=wasmExports[\"_pyproxy_contains\"])(a0,a1);var _PySequence_Contains=Module[\"_PySequence_Contains\"]=(a0,a1)=>(_PySequence_Contains=Module[\"_PySequence_Contains\"]=wasmExports[\"PySequence_Contains\"])(a0,a1);var __pyproxy_ownKeys=Module[\"__pyproxy_ownKeys\"]=a0=>(__pyproxy_ownKeys=Module[\"__pyproxy_ownKeys\"]=wasmExports[\"_pyproxy_ownKeys\"])(a0);var _PyObject_Dir=Module[\"_PyObject_Dir\"]=a0=>(_PyObject_Dir=Module[\"_PyObject_Dir\"]=wasmExports[\"PyObject_Dir\"])(a0);var _PyList_Size=Module[\"_PyList_Size\"]=a0=>(_PyList_Size=Module[\"_PyList_Size\"]=wasmExports[\"PyList_Size\"])(a0);var _PyList_GetItem=Module[\"_PyList_GetItem\"]=(a0,a1)=>(_PyList_GetItem=Module[\"_PyList_GetItem\"]=wasmExports[\"PyList_GetItem\"])(a0,a1);var __pyproxy_apply=Module[\"__pyproxy_apply\"]=(a0,a1,a2,a3,a4)=>(__pyproxy_apply=Module[\"__pyproxy_apply\"]=wasmExports[\"_pyproxy_apply\"])(a0,a1,a2,a3,a4);var _PyTuple_New=Module[\"_PyTuple_New\"]=a0=>(_PyTuple_New=Module[\"_PyTuple_New\"]=wasmExports[\"PyTuple_New\"])(a0);var __pyproxy_apply_promising=Module[\"__pyproxy_apply_promising\"]=(a0,a1,a2,a3,a4,a5,a6)=>(__pyproxy_apply_promising=Module[\"__pyproxy_apply_promising\"]=wasmExports[\"_pyproxy_apply_promising\"])(a0,a1,a2,a3,a4,a5,a6);var _get_cframe=Module[\"_get_cframe\"]=()=>(_get_cframe=Module[\"_get_cframe\"]=wasmExports[\"get_cframe\"])();var _exit_cframe=Module[\"_exit_cframe\"]=a0=>(_exit_cframe=Module[\"_exit_cframe\"]=wasmExports[\"exit_cframe\"])(a0);var __iscoroutinefunction=Module[\"__iscoroutinefunction\"]=a0=>(__iscoroutinefunction=Module[\"__iscoroutinefunction\"]=wasmExports[\"_iscoroutinefunction\"])(a0);var __pyproxy_iter_next=Module[\"__pyproxy_iter_next\"]=(a0,a1,a2)=>(__pyproxy_iter_next=Module[\"__pyproxy_iter_next\"]=wasmExports[\"_pyproxy_iter_next\"])(a0,a1,a2);var _PyIter_Next=Module[\"_PyIter_Next\"]=a0=>(_PyIter_Next=Module[\"_PyIter_Next\"]=wasmExports[\"PyIter_Next\"])(a0);var __pyproxyGen_Send=Module[\"__pyproxyGen_Send\"]=(a0,a1)=>(__pyproxyGen_Send=Module[\"__pyproxyGen_Send\"]=wasmExports[\"_pyproxyGen_Send\"])(a0,a1);var _PyIter_Send=Module[\"_PyIter_Send\"]=(a0,a1,a2)=>(_PyIter_Send=Module[\"_PyIter_Send\"]=wasmExports[\"PyIter_Send\"])(a0,a1,a2);var __pyproxyGen_return=Module[\"__pyproxyGen_return\"]=(a0,a1)=>(__pyproxyGen_return=Module[\"__pyproxyGen_return\"]=wasmExports[\"_pyproxyGen_return\"])(a0,a1);var __PyGen_FetchStopIterationValue=Module[\"__PyGen_FetchStopIterationValue\"]=a0=>(__PyGen_FetchStopIterationValue=Module[\"__PyGen_FetchStopIterationValue\"]=wasmExports[\"_PyGen_FetchStopIterationValue\"])(a0);var __pyproxyGen_throw=Module[\"__pyproxyGen_throw\"]=(a0,a1)=>(__pyproxyGen_throw=Module[\"__pyproxyGen_throw\"]=wasmExports[\"_pyproxyGen_throw\"])(a0,a1);var __pyproxyGen_asend=Module[\"__pyproxyGen_asend\"]=(a0,a1)=>(__pyproxyGen_asend=Module[\"__pyproxyGen_asend\"]=wasmExports[\"_pyproxyGen_asend\"])(a0,a1);var __pyproxyGen_areturn=Module[\"__pyproxyGen_areturn\"]=a0=>(__pyproxyGen_areturn=Module[\"__pyproxyGen_areturn\"]=wasmExports[\"_pyproxyGen_areturn\"])(a0);var __pyproxyGen_athrow=Module[\"__pyproxyGen_athrow\"]=(a0,a1)=>(__pyproxyGen_athrow=Module[\"__pyproxyGen_athrow\"]=wasmExports[\"_pyproxyGen_athrow\"])(a0,a1);var __pyproxy_aiter_next=Module[\"__pyproxy_aiter_next\"]=a0=>(__pyproxy_aiter_next=Module[\"__pyproxy_aiter_next\"]=wasmExports[\"_pyproxy_aiter_next\"])(a0);var _FutureDoneCallback_call_resolve=Module[\"_FutureDoneCallback_call_resolve\"]=(a0,a1)=>(_FutureDoneCallback_call_resolve=Module[\"_FutureDoneCallback_call_resolve\"]=wasmExports[\"FutureDoneCallback_call_resolve\"])(a0,a1);var _FutureDoneCallback_call_reject=Module[\"_FutureDoneCallback_call_reject\"]=a0=>(_FutureDoneCallback_call_reject=Module[\"_FutureDoneCallback_call_reject\"]=wasmExports[\"FutureDoneCallback_call_reject\"])(a0);var _FutureDoneCallback_call=Module[\"_FutureDoneCallback_call\"]=(a0,a1,a2)=>(_FutureDoneCallback_call=Module[\"_FutureDoneCallback_call\"]=wasmExports[\"FutureDoneCallback_call\"])(a0,a1,a2);var _PyArg_UnpackTuple=Module[\"_PyArg_UnpackTuple\"]=(a0,a1,a2,a3,a4)=>(_PyArg_UnpackTuple=Module[\"_PyArg_UnpackTuple\"]=wasmExports[\"PyArg_UnpackTuple\"])(a0,a1,a2,a3,a4);var __pyproxy_ensure_future=Module[\"__pyproxy_ensure_future\"]=(a0,a1,a2)=>(__pyproxy_ensure_future=Module[\"__pyproxy_ensure_future\"]=wasmExports[\"_pyproxy_ensure_future\"])(a0,a1,a2);var __pyproxy_get_buffer=Module[\"__pyproxy_get_buffer\"]=a0=>(__pyproxy_get_buffer=Module[\"__pyproxy_get_buffer\"]=wasmExports[\"_pyproxy_get_buffer\"])(a0);var _PyBuffer_FillContiguousStrides=Module[\"_PyBuffer_FillContiguousStrides\"]=(a0,a1,a2,a3,a4)=>(_PyBuffer_FillContiguousStrides=Module[\"_PyBuffer_FillContiguousStrides\"]=wasmExports[\"PyBuffer_FillContiguousStrides\"])(a0,a1,a2,a3,a4);var _PyBuffer_IsContiguous=Module[\"_PyBuffer_IsContiguous\"]=(a0,a1)=>(_PyBuffer_IsContiguous=Module[\"_PyBuffer_IsContiguous\"]=wasmExports[\"PyBuffer_IsContiguous\"])(a0,a1);var _create_promise_handles_result_helper=Module[\"_create_promise_handles_result_helper\"]=(a0,a1,a2)=>(_create_promise_handles_result_helper=Module[\"_create_promise_handles_result_helper\"]=wasmExports[\"create_promise_handles_result_helper\"])(a0,a1,a2);var __python2js_buffer=Module[\"__python2js_buffer\"]=a0=>(__python2js_buffer=Module[\"__python2js_buffer\"]=wasmExports[\"_python2js_buffer\"])(a0);var _jslib_init_buffers=Module[\"_jslib_init_buffers\"]=()=>(_jslib_init_buffers=Module[\"_jslib_init_buffers\"]=wasmExports[\"jslib_init_buffers\"])();var _JsRef_pop=Module[\"_JsRef_pop\"]=a0=>(_JsRef_pop=Module[\"_JsRef_pop\"]=wasmExports[\"JsRef_pop\"])(a0);var _JsrString_FromId=Module[\"_JsrString_FromId\"]=a0=>(_JsrString_FromId=Module[\"_JsrString_FromId\"]=wasmExports[\"JsrString_FromId\"])(a0);var _hiwire_intern=Module[\"_hiwire_intern\"]=a0=>(_hiwire_intern=Module[\"_hiwire_intern\"]=wasmExports[\"hiwire_intern\"])(a0);var __python2js=Module[\"__python2js\"]=(a0,a1)=>(__python2js=Module[\"__python2js\"]=wasmExports[\"_python2js\"])(a0,a1);var _PySequence_GetItem=Module[\"_PySequence_GetItem\"]=(a0,a1)=>(_PySequence_GetItem=Module[\"_PySequence_GetItem\"]=wasmExports[\"PySequence_GetItem\"])(a0,a1);var _PyObject_CheckBuffer=Module[\"_PyObject_CheckBuffer\"]=a0=>(_PyObject_CheckBuffer=Module[\"_PyObject_CheckBuffer\"]=wasmExports[\"PyObject_CheckBuffer\"])(a0);var _PyFloat_AsDouble=Module[\"_PyFloat_AsDouble\"]=a0=>(_PyFloat_AsDouble=Module[\"_PyFloat_AsDouble\"]=wasmExports[\"PyFloat_AsDouble\"])(a0);var _python2js__default_converter=Module[\"_python2js__default_converter\"]=(a0,a1)=>(_python2js__default_converter=Module[\"_python2js__default_converter\"]=wasmExports[\"python2js__default_converter\"])(a0,a1);var _PyLong_AsLongAndOverflow=Module[\"_PyLong_AsLongAndOverflow\"]=(a0,a1)=>(_PyLong_AsLongAndOverflow=Module[\"_PyLong_AsLongAndOverflow\"]=wasmExports[\"PyLong_AsLongAndOverflow\"])(a0,a1);var __PyLong_NumBits=Module[\"__PyLong_NumBits\"]=a0=>(__PyLong_NumBits=Module[\"__PyLong_NumBits\"]=wasmExports[\"_PyLong_NumBits\"])(a0);var __PyLong_AsByteArray=Module[\"__PyLong_AsByteArray\"]=(a0,a1,a2,a3,a4)=>(__PyLong_AsByteArray=Module[\"__PyLong_AsByteArray\"]=wasmExports[\"_PyLong_AsByteArray\"])(a0,a1,a2,a3,a4);var _py_version_minor=Module[\"_py_version_minor\"]=()=>(_py_version_minor=Module[\"_py_version_minor\"]=wasmExports[\"py_version_minor\"])();var _py_version_micro=Module[\"_py_version_micro\"]=()=>(_py_version_micro=Module[\"_py_version_micro\"]=wasmExports[\"py_version_micro\"])();var _saveAsyncioState=Module[\"_saveAsyncioState\"]=a0=>(_saveAsyncioState=Module[\"_saveAsyncioState\"]=wasmExports[\"saveAsyncioState\"])(a0);var _PyObject_Hash=Module[\"_PyObject_Hash\"]=a0=>(_PyObject_Hash=Module[\"_PyObject_Hash\"]=wasmExports[\"PyObject_Hash\"])(a0);var __PyDict_GetItem_KnownHash=Module[\"__PyDict_GetItem_KnownHash\"]=(a0,a1,a2)=>(__PyDict_GetItem_KnownHash=Module[\"__PyDict_GetItem_KnownHash\"]=wasmExports[\"_PyDict_GetItem_KnownHash\"])(a0,a1,a2);var _restoreAsyncioState=Module[\"_restoreAsyncioState\"]=a0=>(_restoreAsyncioState=Module[\"_restoreAsyncioState\"]=wasmExports[\"restoreAsyncioState\"])(a0);var _captureThreadState=Module[\"_captureThreadState\"]=()=>(_captureThreadState=Module[\"_captureThreadState\"]=wasmExports[\"captureThreadState\"])();var _PyInterpreterState_Get=Module[\"_PyInterpreterState_Get\"]=()=>(_PyInterpreterState_Get=Module[\"_PyInterpreterState_Get\"]=wasmExports[\"PyInterpreterState_Get\"])();var _PyThreadState_New=Module[\"_PyThreadState_New\"]=a0=>(_PyThreadState_New=Module[\"_PyThreadState_New\"]=wasmExports[\"PyThreadState_New\"])(a0);var _restoreThreadState=Module[\"_restoreThreadState\"]=a0=>(_restoreThreadState=Module[\"_restoreThreadState\"]=wasmExports[\"restoreThreadState\"])(a0);var _PyThreadState_Delete=Module[\"_PyThreadState_Delete\"]=a0=>(_PyThreadState_Delete=Module[\"_PyThreadState_Delete\"]=wasmExports[\"PyThreadState_Delete\"])(a0);var _PyThreadState_Get=Module[\"_PyThreadState_Get\"]=()=>(_PyThreadState_Get=Module[\"_PyThreadState_Get\"]=wasmExports[\"PyThreadState_Get\"])();var _restore_cframe=Module[\"_restore_cframe\"]=a0=>(_restore_cframe=Module[\"_restore_cframe\"]=wasmExports[\"restore_cframe\"])(a0);var _PyObject_GetArenaAllocator=Module[\"_PyObject_GetArenaAllocator\"]=a0=>(_PyObject_GetArenaAllocator=Module[\"_PyObject_GetArenaAllocator\"]=wasmExports[\"PyObject_GetArenaAllocator\"])(a0);var _main=Module[\"_main\"]=(a0,a1)=>(_main=Module[\"_main\"]=wasmExports[\"__main_argc_argv\"])(a0,a1);var _PyImport_AppendInittab=Module[\"_PyImport_AppendInittab\"]=(a0,a1)=>(_PyImport_AppendInittab=Module[\"_PyImport_AppendInittab\"]=wasmExports[\"PyImport_AppendInittab\"])(a0,a1);var _PyPreConfig_InitPythonConfig=Module[\"_PyPreConfig_InitPythonConfig\"]=a0=>(_PyPreConfig_InitPythonConfig=Module[\"_PyPreConfig_InitPythonConfig\"]=wasmExports[\"PyPreConfig_InitPythonConfig\"])(a0);var _Py_PreInitializeFromBytesArgs=Module[\"_Py_PreInitializeFromBytesArgs\"]=(a0,a1,a2,a3)=>(_Py_PreInitializeFromBytesArgs=Module[\"_Py_PreInitializeFromBytesArgs\"]=wasmExports[\"Py_PreInitializeFromBytesArgs\"])(a0,a1,a2,a3);var _PyStatus_Exception=Module[\"_PyStatus_Exception\"]=a0=>(_PyStatus_Exception=Module[\"_PyStatus_Exception\"]=wasmExports[\"PyStatus_Exception\"])(a0);var _PyConfig_InitPythonConfig=Module[\"_PyConfig_InitPythonConfig\"]=a0=>(_PyConfig_InitPythonConfig=Module[\"_PyConfig_InitPythonConfig\"]=wasmExports[\"PyConfig_InitPythonConfig\"])(a0);var _PyConfig_SetBytesArgv=Module[\"_PyConfig_SetBytesArgv\"]=(a0,a1,a2,a3)=>(_PyConfig_SetBytesArgv=Module[\"_PyConfig_SetBytesArgv\"]=wasmExports[\"PyConfig_SetBytesArgv\"])(a0,a1,a2,a3);var _PyConfig_SetBytesString=Module[\"_PyConfig_SetBytesString\"]=(a0,a1,a2,a3)=>(_PyConfig_SetBytesString=Module[\"_PyConfig_SetBytesString\"]=wasmExports[\"PyConfig_SetBytesString\"])(a0,a1,a2,a3);var _Py_InitializeFromConfig=Module[\"_Py_InitializeFromConfig\"]=(a0,a1)=>(_Py_InitializeFromConfig=Module[\"_Py_InitializeFromConfig\"]=wasmExports[\"Py_InitializeFromConfig\"])(a0,a1);var _PyConfig_Clear=Module[\"_PyConfig_Clear\"]=a0=>(_PyConfig_Clear=Module[\"_PyConfig_Clear\"]=wasmExports[\"PyConfig_Clear\"])(a0);var _Py_ExitStatusException=Module[\"_Py_ExitStatusException\"]=a0=>(_Py_ExitStatusException=Module[\"_Py_ExitStatusException\"]=wasmExports[\"Py_ExitStatusException\"])(a0);var _run_main=Module[\"_run_main\"]=()=>(_run_main=Module[\"_run_main\"]=wasmExports[\"run_main\"])();var _Py_GetBuildInfo=Module[\"_Py_GetBuildInfo\"]=()=>(_Py_GetBuildInfo=Module[\"_Py_GetBuildInfo\"]=wasmExports[\"Py_GetBuildInfo\"])();var _PyOS_snprintf=Module[\"_PyOS_snprintf\"]=(a0,a1,a2,a3)=>(_PyOS_snprintf=Module[\"_PyOS_snprintf\"]=wasmExports[\"PyOS_snprintf\"])(a0,a1,a2,a3);var __Py_gitversion=Module[\"__Py_gitversion\"]=()=>(__Py_gitversion=Module[\"__Py_gitversion\"]=wasmExports[\"_Py_gitversion\"])();var __Py_gitidentifier=Module[\"__Py_gitidentifier\"]=()=>(__Py_gitidentifier=Module[\"__Py_gitidentifier\"]=wasmExports[\"_Py_gitidentifier\"])();var __PyToken_OneChar=Module[\"__PyToken_OneChar\"]=a0=>(__PyToken_OneChar=Module[\"__PyToken_OneChar\"]=wasmExports[\"_PyToken_OneChar\"])(a0);var __PyToken_TwoChars=Module[\"__PyToken_TwoChars\"]=(a0,a1)=>(__PyToken_TwoChars=Module[\"__PyToken_TwoChars\"]=wasmExports[\"_PyToken_TwoChars\"])(a0,a1);var __PyToken_ThreeChars=Module[\"__PyToken_ThreeChars\"]=(a0,a1,a2)=>(__PyToken_ThreeChars=Module[\"__PyToken_ThreeChars\"]=wasmExports[\"_PyToken_ThreeChars\"])(a0,a1,a2);var _strlen=Module[\"_strlen\"]=a0=>(_strlen=Module[\"_strlen\"]=wasmExports[\"strlen\"])(a0);var _PyUnicode_DecodeUTF8=Module[\"_PyUnicode_DecodeUTF8\"]=(a0,a1,a2)=>(_PyUnicode_DecodeUTF8=Module[\"_PyUnicode_DecodeUTF8\"]=wasmExports[\"PyUnicode_DecodeUTF8\"])(a0,a1,a2);var _PyUnicode_Substring=Module[\"_PyUnicode_Substring\"]=(a0,a1,a2)=>(_PyUnicode_Substring=Module[\"_PyUnicode_Substring\"]=wasmExports[\"PyUnicode_Substring\"])(a0,a1,a2);var __PyImport_GetModuleAttrString=Module[\"__PyImport_GetModuleAttrString\"]=(a0,a1)=>(__PyImport_GetModuleAttrString=Module[\"__PyImport_GetModuleAttrString\"]=wasmExports[\"_PyImport_GetModuleAttrString\"])(a0,a1);var __PyUnicode_EqualToASCIIString=Module[\"__PyUnicode_EqualToASCIIString\"]=(a0,a1)=>(__PyUnicode_EqualToASCIIString=Module[\"__PyUnicode_EqualToASCIIString\"]=wasmExports[\"_PyUnicode_EqualToASCIIString\"])(a0,a1);var __PyArena_Malloc=Module[\"__PyArena_Malloc\"]=(a0,a1)=>(__PyArena_Malloc=Module[\"__PyArena_Malloc\"]=wasmExports[\"_PyArena_Malloc\"])(a0,a1);var _strncpy=Module[\"_strncpy\"]=(a0,a1,a2)=>(_strncpy=Module[\"_strncpy\"]=wasmExports[\"strncpy\"])(a0,a1,a2);var _PyMem_Realloc=Module[\"_PyMem_Realloc\"]=(a0,a1)=>(_PyMem_Realloc=Module[\"_PyMem_Realloc\"]=wasmExports[\"PyMem_Realloc\"])(a0,a1);var _PyMem_Calloc=Module[\"_PyMem_Calloc\"]=(a0,a1)=>(_PyMem_Calloc=Module[\"_PyMem_Calloc\"]=wasmExports[\"PyMem_Calloc\"])(a0,a1);var __PyArena_AddPyObject=Module[\"__PyArena_AddPyObject\"]=(a0,a1)=>(__PyArena_AddPyObject=Module[\"__PyArena_AddPyObject\"]=wasmExports[\"_PyArena_AddPyObject\"])(a0,a1);var _PyBytes_AsString=Module[\"_PyBytes_AsString\"]=a0=>(_PyBytes_AsString=Module[\"_PyBytes_AsString\"]=wasmExports[\"PyBytes_AsString\"])(a0);var _PyUnicode_InternFromString=Module[\"_PyUnicode_InternFromString\"]=a0=>(_PyUnicode_InternFromString=Module[\"_PyUnicode_InternFromString\"]=wasmExports[\"PyUnicode_InternFromString\"])(a0);var __PyObject_FastCall=Module[\"__PyObject_FastCall\"]=(a0,a1,a2)=>(__PyObject_FastCall=Module[\"__PyObject_FastCall\"]=wasmExports[\"_PyObject_FastCall\"])(a0,a1,a2);var __PyType_Name=Module[\"__PyType_Name\"]=a0=>(__PyType_Name=Module[\"__PyType_Name\"]=wasmExports[\"_PyType_Name\"])(a0);var __PyUnicode_InternImmortal=Module[\"__PyUnicode_InternImmortal\"]=(a0,a1)=>(__PyUnicode_InternImmortal=Module[\"__PyUnicode_InternImmortal\"]=wasmExports[\"_PyUnicode_InternImmortal\"])(a0,a1);var _PyBytes_AsStringAndSize=Module[\"_PyBytes_AsStringAndSize\"]=(a0,a1,a2)=>(_PyBytes_AsStringAndSize=Module[\"_PyBytes_AsStringAndSize\"]=wasmExports[\"PyBytes_AsStringAndSize\"])(a0,a1,a2);var _strchr=Module[\"_strchr\"]=(a0,a1)=>(_strchr=Module[\"_strchr\"]=wasmExports[\"strchr\"])(a0,a1);var _PyUnicode_CompareWithASCIIString=Module[\"_PyUnicode_CompareWithASCIIString\"]=(a0,a1)=>(_PyUnicode_CompareWithASCIIString=Module[\"_PyUnicode_CompareWithASCIIString\"]=wasmExports[\"PyUnicode_CompareWithASCIIString\"])(a0,a1);var ___errno_location=()=>(___errno_location=wasmExports[\"__errno_location\"])();var _PyOS_strtoul=Module[\"_PyOS_strtoul\"]=(a0,a1,a2)=>(_PyOS_strtoul=Module[\"_PyOS_strtoul\"]=wasmExports[\"PyOS_strtoul\"])(a0,a1,a2);var _PyLong_FromString=Module[\"_PyLong_FromString\"]=(a0,a1,a2)=>(_PyLong_FromString=Module[\"_PyLong_FromString\"]=wasmExports[\"PyLong_FromString\"])(a0,a1,a2);var _PyOS_strtol=Module[\"_PyOS_strtol\"]=(a0,a1,a2)=>(_PyOS_strtol=Module[\"_PyOS_strtol\"]=wasmExports[\"PyOS_strtol\"])(a0,a1,a2);var _PyOS_string_to_double=Module[\"_PyOS_string_to_double\"]=(a0,a1,a2)=>(_PyOS_string_to_double=Module[\"_PyOS_string_to_double\"]=wasmExports[\"PyOS_string_to_double\"])(a0,a1,a2);var _PyComplex_FromCComplex=Module[\"_PyComplex_FromCComplex\"]=a0=>(_PyComplex_FromCComplex=Module[\"_PyComplex_FromCComplex\"]=wasmExports[\"PyComplex_FromCComplex\"])(a0);var _PyFloat_FromDouble=Module[\"_PyFloat_FromDouble\"]=a0=>(_PyFloat_FromDouble=Module[\"_PyFloat_FromDouble\"]=wasmExports[\"PyFloat_FromDouble\"])(a0);var _Py_BuildValue=Module[\"_Py_BuildValue\"]=(a0,a1)=>(_Py_BuildValue=Module[\"_Py_BuildValue\"]=wasmExports[\"Py_BuildValue\"])(a0,a1);var _PyUnicode_FromFormatV=Module[\"_PyUnicode_FromFormatV\"]=(a0,a1)=>(_PyUnicode_FromFormatV=Module[\"_PyUnicode_FromFormatV\"]=wasmExports[\"PyUnicode_FromFormatV\"])(a0,a1);var __PyErr_ProgramDecodedTextObject=Module[\"__PyErr_ProgramDecodedTextObject\"]=(a0,a1,a2)=>(__PyErr_ProgramDecodedTextObject=Module[\"__PyErr_ProgramDecodedTextObject\"]=wasmExports[\"_PyErr_ProgramDecodedTextObject\"])(a0,a1,a2);var _PyUnicode_FromStringAndSize=Module[\"_PyUnicode_FromStringAndSize\"]=(a0,a1)=>(_PyUnicode_FromStringAndSize=Module[\"_PyUnicode_FromStringAndSize\"]=wasmExports[\"PyUnicode_FromStringAndSize\"])(a0,a1);var _strcpy=Module[\"_strcpy\"]=(a0,a1)=>(_strcpy=Module[\"_strcpy\"]=wasmExports[\"strcpy\"])(a0,a1);var __PyUnicode_InternMortal=Module[\"__PyUnicode_InternMortal\"]=(a0,a1)=>(__PyUnicode_InternMortal=Module[\"__PyUnicode_InternMortal\"]=wasmExports[\"_PyUnicode_InternMortal\"])(a0,a1);var _PyUnicode_GetLength=Module[\"_PyUnicode_GetLength\"]=a0=>(_PyUnicode_GetLength=Module[\"_PyUnicode_GetLength\"]=wasmExports[\"PyUnicode_GetLength\"])(a0);var _PyBytes_FromString=Module[\"_PyBytes_FromString\"]=a0=>(_PyBytes_FromString=Module[\"_PyBytes_FromString\"]=wasmExports[\"PyBytes_FromString\"])(a0);var _PyBytes_Concat=Module[\"_PyBytes_Concat\"]=(a0,a1)=>(_PyBytes_Concat=Module[\"_PyBytes_Concat\"]=wasmExports[\"PyBytes_Concat\"])(a0,a1);var __PyUnicodeWriter_Init=Module[\"__PyUnicodeWriter_Init\"]=a0=>(__PyUnicodeWriter_Init=Module[\"__PyUnicodeWriter_Init\"]=wasmExports[\"_PyUnicodeWriter_Init\"])(a0);var __PyUnicodeWriter_WriteStr=Module[\"__PyUnicodeWriter_WriteStr\"]=(a0,a1)=>(__PyUnicodeWriter_WriteStr=Module[\"__PyUnicodeWriter_WriteStr\"]=wasmExports[\"_PyUnicodeWriter_WriteStr\"])(a0,a1);var __PyUnicodeWriter_Dealloc=Module[\"__PyUnicodeWriter_Dealloc\"]=a0=>(__PyUnicodeWriter_Dealloc=Module[\"__PyUnicodeWriter_Dealloc\"]=wasmExports[\"_PyUnicodeWriter_Dealloc\"])(a0);var __PyUnicodeWriter_Finish=Module[\"__PyUnicodeWriter_Finish\"]=a0=>(__PyUnicodeWriter_Finish=Module[\"__PyUnicodeWriter_Finish\"]=wasmExports[\"_PyUnicodeWriter_Finish\"])(a0);var _strpbrk=Module[\"_strpbrk\"]=(a0,a1)=>(_strpbrk=Module[\"_strpbrk\"]=wasmExports[\"strpbrk\"])(a0,a1);var _PyUnicode_DecodeUTF8Stateful=Module[\"_PyUnicode_DecodeUTF8Stateful\"]=(a0,a1,a2,a3)=>(_PyUnicode_DecodeUTF8Stateful=Module[\"_PyUnicode_DecodeUTF8Stateful\"]=wasmExports[\"PyUnicode_DecodeUTF8Stateful\"])(a0,a1,a2,a3);var _siprintf=Module[\"_siprintf\"]=(a0,a1,a2)=>(_siprintf=Module[\"_siprintf\"]=wasmExports[\"siprintf\"])(a0,a1,a2);var __PyUnicode_DecodeUnicodeEscapeInternal=Module[\"__PyUnicode_DecodeUnicodeEscapeInternal\"]=(a0,a1,a2,a3,a4)=>(__PyUnicode_DecodeUnicodeEscapeInternal=Module[\"__PyUnicode_DecodeUnicodeEscapeInternal\"]=wasmExports[\"_PyUnicode_DecodeUnicodeEscapeInternal\"])(a0,a1,a2,a3,a4);var __PyErr_BadInternalCall=Module[\"__PyErr_BadInternalCall\"]=(a0,a1)=>(__PyErr_BadInternalCall=Module[\"__PyErr_BadInternalCall\"]=wasmExports[\"_PyErr_BadInternalCall\"])(a0,a1);var __PyBytes_DecodeEscape=Module[\"__PyBytes_DecodeEscape\"]=(a0,a1,a2,a3)=>(__PyBytes_DecodeEscape=Module[\"__PyBytes_DecodeEscape\"]=wasmExports[\"_PyBytes_DecodeEscape\"])(a0,a1,a2,a3);var _PyErr_WarnExplicitObject=Module[\"_PyErr_WarnExplicitObject\"]=(a0,a1,a2,a3,a4,a5)=>(_PyErr_WarnExplicitObject=Module[\"_PyErr_WarnExplicitObject\"]=wasmExports[\"PyErr_WarnExplicitObject\"])(a0,a1,a2,a3,a4,a5);var _PySys_Audit=Module[\"_PySys_Audit\"]=(a0,a1,a2)=>(_PySys_Audit=Module[\"_PySys_Audit\"]=wasmExports[\"PySys_Audit\"])(a0,a1,a2);var _fflush=Module[\"_fflush\"]=a0=>(_fflush=Module[\"_fflush\"]=wasmExports[\"fflush\"])(a0);var _fputs=Module[\"_fputs\"]=(a0,a1)=>(_fputs=Module[\"_fputs\"]=wasmExports[\"fputs\"])(a0,a1);var _PyMem_RawFree=Module[\"_PyMem_RawFree\"]=a0=>(_PyMem_RawFree=Module[\"_PyMem_RawFree\"]=wasmExports[\"PyMem_RawFree\"])(a0);var _PyEval_RestoreThread=Module[\"_PyEval_RestoreThread\"]=a0=>(_PyEval_RestoreThread=Module[\"_PyEval_RestoreThread\"]=wasmExports[\"PyEval_RestoreThread\"])(a0);var _PyEval_SaveThread=Module[\"_PyEval_SaveThread\"]=()=>(_PyEval_SaveThread=Module[\"_PyEval_SaveThread\"]=wasmExports[\"PyEval_SaveThread\"])();var _PyMem_RawRealloc=Module[\"_PyMem_RawRealloc\"]=(a0,a1)=>(_PyMem_RawRealloc=Module[\"_PyMem_RawRealloc\"]=wasmExports[\"PyMem_RawRealloc\"])(a0,a1);var _clearerr=Module[\"_clearerr\"]=a0=>(_clearerr=Module[\"_clearerr\"]=wasmExports[\"clearerr\"])(a0);var _fgets=Module[\"_fgets\"]=(a0,a1,a2)=>(_fgets=Module[\"_fgets\"]=wasmExports[\"fgets\"])(a0,a1,a2);var _feof=Module[\"_feof\"]=a0=>(_feof=Module[\"_feof\"]=wasmExports[\"feof\"])(a0);var __PyOS_InterruptOccurred=Module[\"__PyOS_InterruptOccurred\"]=a0=>(__PyOS_InterruptOccurred=Module[\"__PyOS_InterruptOccurred\"]=wasmExports[\"_PyOS_InterruptOccurred\"])(a0);var _PyErr_CheckSignals=Module[\"_PyErr_CheckSignals\"]=()=>(_PyErr_CheckSignals=Module[\"_PyErr_CheckSignals\"]=wasmExports[\"PyErr_CheckSignals\"])();var _PyOS_Readline=Module[\"_PyOS_Readline\"]=(a0,a1,a2)=>(_PyOS_Readline=Module[\"_PyOS_Readline\"]=wasmExports[\"PyOS_Readline\"])(a0,a1,a2);var _PyThread_allocate_lock=Module[\"_PyThread_allocate_lock\"]=()=>(_PyThread_allocate_lock=Module[\"_PyThread_allocate_lock\"]=wasmExports[\"PyThread_allocate_lock\"])();var _PyThread_acquire_lock=Module[\"_PyThread_acquire_lock\"]=(a0,a1)=>(_PyThread_acquire_lock=Module[\"_PyThread_acquire_lock\"]=wasmExports[\"PyThread_acquire_lock\"])(a0,a1);var _isatty=Module[\"_isatty\"]=a0=>(_isatty=Module[\"_isatty\"]=wasmExports[\"isatty\"])(a0);var _PyThread_release_lock=Module[\"_PyThread_release_lock\"]=a0=>(_PyThread_release_lock=Module[\"_PyThread_release_lock\"]=wasmExports[\"PyThread_release_lock\"])(a0);var _PyUnicode_Decode=Module[\"_PyUnicode_Decode\"]=(a0,a1,a2,a3)=>(_PyUnicode_Decode=Module[\"_PyUnicode_Decode\"]=wasmExports[\"PyUnicode_Decode\"])(a0,a1,a2,a3);var _PyUnicode_AsUTF8String=Module[\"_PyUnicode_AsUTF8String\"]=a0=>(_PyUnicode_AsUTF8String=Module[\"_PyUnicode_AsUTF8String\"]=wasmExports[\"PyUnicode_AsUTF8String\"])(a0);var __Py_FatalErrorFunc=Module[\"__Py_FatalErrorFunc\"]=(a0,a1)=>(__Py_FatalErrorFunc=Module[\"__Py_FatalErrorFunc\"]=wasmExports[\"_Py_FatalErrorFunc\"])(a0,a1);var __Py_dup=Module[\"__Py_dup\"]=a0=>(__Py_dup=Module[\"__Py_dup\"]=wasmExports[\"_Py_dup\"])(a0);var _fdopen=Module[\"_fdopen\"]=(a0,a1)=>(_fdopen=Module[\"_fdopen\"]=wasmExports[\"fdopen\"])(a0,a1);var _fclose=Module[\"_fclose\"]=a0=>(_fclose=Module[\"_fclose\"]=wasmExports[\"fclose\"])(a0);var _memcmp=Module[\"_memcmp\"]=(a0,a1,a2)=>(_memcmp=Module[\"_memcmp\"]=wasmExports[\"memcmp\"])(a0,a1,a2);var _tolower=Module[\"_tolower\"]=a0=>(_tolower=Module[\"_tolower\"]=wasmExports[\"tolower\"])(a0);var __PyUnicode_ScanIdentifier=Module[\"__PyUnicode_ScanIdentifier\"]=a0=>(__PyUnicode_ScanIdentifier=Module[\"__PyUnicode_ScanIdentifier\"]=wasmExports[\"_PyUnicode_ScanIdentifier\"])(a0);var __PyUnicode_IsPrintable=Module[\"__PyUnicode_IsPrintable\"]=a0=>(__PyUnicode_IsPrintable=Module[\"__PyUnicode_IsPrintable\"]=wasmExports[\"_PyUnicode_IsPrintable\"])(a0);var _isxdigit=Module[\"_isxdigit\"]=a0=>(_isxdigit=Module[\"_isxdigit\"]=wasmExports[\"isxdigit\"])(a0);var _PyObject_CallNoArgs=Module[\"_PyObject_CallNoArgs\"]=a0=>(_PyObject_CallNoArgs=Module[\"_PyObject_CallNoArgs\"]=wasmExports[\"PyObject_CallNoArgs\"])(a0);var _getc=Module[\"_getc\"]=a0=>(_getc=Module[\"_getc\"]=wasmExports[\"getc\"])(a0);var _ungetc=Module[\"_ungetc\"]=(a0,a1)=>(_ungetc=Module[\"_ungetc\"]=wasmExports[\"ungetc\"])(a0,a1);var __Py_UniversalNewlineFgetsWithSize=Module[\"__Py_UniversalNewlineFgetsWithSize\"]=(a0,a1,a2,a3,a4)=>(__Py_UniversalNewlineFgetsWithSize=Module[\"__Py_UniversalNewlineFgetsWithSize\"]=wasmExports[\"_Py_UniversalNewlineFgetsWithSize\"])(a0,a1,a2,a3,a4);var _memchr=Module[\"_memchr\"]=(a0,a1,a2)=>(_memchr=Module[\"_memchr\"]=wasmExports[\"memchr\"])(a0,a1,a2);var _PyObject_Malloc=Module[\"_PyObject_Malloc\"]=a0=>(_PyObject_Malloc=Module[\"_PyObject_Malloc\"]=wasmExports[\"PyObject_Malloc\"])(a0);var _PyObject_Free=Module[\"_PyObject_Free\"]=a0=>(_PyObject_Free=Module[\"_PyObject_Free\"]=wasmExports[\"PyObject_Free\"])(a0);var _ftell=Module[\"_ftell\"]=a0=>(_ftell=Module[\"_ftell\"]=wasmExports[\"ftell\"])(a0);var _lseek=Module[\"_lseek\"]=(a0,a1,a2)=>(_lseek=Module[\"_lseek\"]=wasmExports[\"lseek\"])(a0,a1,a2);var _PyErr_SetFromErrnoWithFilename=Module[\"_PyErr_SetFromErrnoWithFilename\"]=(a0,a1)=>(_PyErr_SetFromErrnoWithFilename=Module[\"_PyErr_SetFromErrnoWithFilename\"]=wasmExports[\"PyErr_SetFromErrnoWithFilename\"])(a0,a1);var __PyObject_CallFunction_SizeT=Module[\"__PyObject_CallFunction_SizeT\"]=(a0,a1,a2)=>(__PyObject_CallFunction_SizeT=Module[\"__PyObject_CallFunction_SizeT\"]=wasmExports[\"_PyObject_CallFunction_SizeT\"])(a0,a1,a2);var _PyObject_GetAttr=Module[\"_PyObject_GetAttr\"]=(a0,a1)=>(_PyObject_GetAttr=Module[\"_PyObject_GetAttr\"]=wasmExports[\"PyObject_GetAttr\"])(a0,a1);var __PyObject_MakeTpCall=Module[\"__PyObject_MakeTpCall\"]=(a0,a1,a2,a3,a4)=>(__PyObject_MakeTpCall=Module[\"__PyObject_MakeTpCall\"]=wasmExports[\"_PyObject_MakeTpCall\"])(a0,a1,a2,a3,a4);var __Py_CheckFunctionResult=Module[\"__Py_CheckFunctionResult\"]=(a0,a1,a2,a3)=>(__Py_CheckFunctionResult=Module[\"__Py_CheckFunctionResult\"]=wasmExports[\"_Py_CheckFunctionResult\"])(a0,a1,a2,a3);var _strcspn=Module[\"_strcspn\"]=(a0,a1)=>(_strcspn=Module[\"_strcspn\"]=wasmExports[\"strcspn\"])(a0,a1);var __Py_BuildValue_SizeT=Module[\"__Py_BuildValue_SizeT\"]=(a0,a1)=>(__Py_BuildValue_SizeT=Module[\"__Py_BuildValue_SizeT\"]=wasmExports[\"_Py_BuildValue_SizeT\"])(a0,a1);var _PyObject_Type=Module[\"_PyObject_Type\"]=a0=>(_PyObject_Type=Module[\"_PyObject_Type\"]=wasmExports[\"PyObject_Type\"])(a0);var __PyErr_SetString=Module[\"__PyErr_SetString\"]=(a0,a1,a2)=>(__PyErr_SetString=Module[\"__PyErr_SetString\"]=wasmExports[\"_PyErr_SetString\"])(a0,a1,a2);var _PyObject_Size=Module[\"_PyObject_Size\"]=a0=>(_PyObject_Size=Module[\"_PyObject_Size\"]=wasmExports[\"PyObject_Size\"])(a0);var _PyMapping_Size=Module[\"_PyMapping_Size\"]=a0=>(_PyMapping_Size=Module[\"_PyMapping_Size\"]=wasmExports[\"PyMapping_Size\"])(a0);var _PyObject_Length=Module[\"_PyObject_Length\"]=a0=>(_PyObject_Length=Module[\"_PyObject_Length\"]=wasmExports[\"PyObject_Length\"])(a0);var __PyObject_HasLen=Module[\"__PyObject_HasLen\"]=a0=>(__PyObject_HasLen=Module[\"__PyObject_HasLen\"]=wasmExports[\"_PyObject_HasLen\"])(a0);var _PyObject_LengthHint=Module[\"_PyObject_LengthHint\"]=(a0,a1)=>(_PyObject_LengthHint=Module[\"_PyObject_LengthHint\"]=wasmExports[\"PyObject_LengthHint\"])(a0,a1);var __PyErr_ExceptionMatches=Module[\"__PyErr_ExceptionMatches\"]=(a0,a1)=>(__PyErr_ExceptionMatches=Module[\"__PyErr_ExceptionMatches\"]=wasmExports[\"_PyErr_ExceptionMatches\"])(a0,a1);var __PyErr_Clear=Module[\"__PyErr_Clear\"]=a0=>(__PyErr_Clear=Module[\"__PyErr_Clear\"]=wasmExports[\"_PyErr_Clear\"])(a0);var __PyObject_LookupSpecial=Module[\"__PyObject_LookupSpecial\"]=(a0,a1)=>(__PyObject_LookupSpecial=Module[\"__PyObject_LookupSpecial\"]=wasmExports[\"_PyObject_LookupSpecial\"])(a0,a1);var _Py_GenericAlias=Module[\"_Py_GenericAlias\"]=(a0,a1)=>(_Py_GenericAlias=Module[\"_Py_GenericAlias\"]=wasmExports[\"Py_GenericAlias\"])(a0,a1);var __PyObject_LookupAttr=Module[\"__PyObject_LookupAttr\"]=(a0,a1,a2)=>(__PyObject_LookupAttr=Module[\"__PyObject_LookupAttr\"]=wasmExports[\"_PyObject_LookupAttr\"])(a0,a1,a2);var __PyErr_Format=Module[\"__PyErr_Format\"]=(a0,a1,a2,a3)=>(__PyErr_Format=Module[\"__PyErr_Format\"]=wasmExports[\"_PyErr_Format\"])(a0,a1,a2,a3);var _PySequence_SetItem=Module[\"_PySequence_SetItem\"]=(a0,a1,a2)=>(_PySequence_SetItem=Module[\"_PySequence_SetItem\"]=wasmExports[\"PySequence_SetItem\"])(a0,a1,a2);var _PySequence_DelItem=Module[\"_PySequence_DelItem\"]=(a0,a1)=>(_PySequence_DelItem=Module[\"_PySequence_DelItem\"]=wasmExports[\"PySequence_DelItem\"])(a0,a1);var _PyObject_DelItemString=Module[\"_PyObject_DelItemString\"]=(a0,a1)=>(_PyObject_DelItemString=Module[\"_PyObject_DelItemString\"]=wasmExports[\"PyObject_DelItemString\"])(a0,a1);var _PyObject_CheckReadBuffer=Module[\"_PyObject_CheckReadBuffer\"]=a0=>(_PyObject_CheckReadBuffer=Module[\"_PyObject_CheckReadBuffer\"]=wasmExports[\"PyObject_CheckReadBuffer\"])(a0);var _PyObject_AsCharBuffer=Module[\"_PyObject_AsCharBuffer\"]=(a0,a1,a2)=>(_PyObject_AsCharBuffer=Module[\"_PyObject_AsCharBuffer\"]=wasmExports[\"PyObject_AsCharBuffer\"])(a0,a1,a2);var _PyObject_AsReadBuffer=Module[\"_PyObject_AsReadBuffer\"]=(a0,a1,a2)=>(_PyObject_AsReadBuffer=Module[\"_PyObject_AsReadBuffer\"]=wasmExports[\"PyObject_AsReadBuffer\"])(a0,a1,a2);var _PyObject_AsWriteBuffer=Module[\"_PyObject_AsWriteBuffer\"]=(a0,a1,a2)=>(_PyObject_AsWriteBuffer=Module[\"_PyObject_AsWriteBuffer\"]=wasmExports[\"PyObject_AsWriteBuffer\"])(a0,a1,a2);var _PyBuffer_GetPointer=Module[\"_PyBuffer_GetPointer\"]=(a0,a1)=>(_PyBuffer_GetPointer=Module[\"_PyBuffer_GetPointer\"]=wasmExports[\"PyBuffer_GetPointer\"])(a0,a1);var __Py_add_one_to_index_F=Module[\"__Py_add_one_to_index_F\"]=(a0,a1,a2)=>(__Py_add_one_to_index_F=Module[\"__Py_add_one_to_index_F\"]=wasmExports[\"_Py_add_one_to_index_F\"])(a0,a1,a2);var __Py_add_one_to_index_C=Module[\"__Py_add_one_to_index_C\"]=(a0,a1,a2)=>(__Py_add_one_to_index_C=Module[\"__Py_add_one_to_index_C\"]=wasmExports[\"_Py_add_one_to_index_C\"])(a0,a1,a2);var _PyBuffer_SizeFromFormat=Module[\"_PyBuffer_SizeFromFormat\"]=a0=>(_PyBuffer_SizeFromFormat=Module[\"_PyBuffer_SizeFromFormat\"]=wasmExports[\"PyBuffer_SizeFromFormat\"])(a0);var _PyObject_CallFunctionObjArgs=Module[\"_PyObject_CallFunctionObjArgs\"]=(a0,a1)=>(_PyObject_CallFunctionObjArgs=Module[\"_PyObject_CallFunctionObjArgs\"]=wasmExports[\"PyObject_CallFunctionObjArgs\"])(a0,a1);var _PyBuffer_FromContiguous=Module[\"_PyBuffer_FromContiguous\"]=(a0,a1,a2,a3)=>(_PyBuffer_FromContiguous=Module[\"_PyBuffer_FromContiguous\"]=wasmExports[\"PyBuffer_FromContiguous\"])(a0,a1,a2,a3);var _memset=Module[\"_memset\"]=(a0,a1,a2)=>(_memset=Module[\"_memset\"]=wasmExports[\"memset\"])(a0,a1,a2);var _PyObject_CopyData=Module[\"_PyObject_CopyData\"]=(a0,a1)=>(_PyObject_CopyData=Module[\"_PyObject_CopyData\"]=wasmExports[\"PyObject_CopyData\"])(a0,a1);var _PyBuffer_FillInfo=Module[\"_PyBuffer_FillInfo\"]=(a0,a1,a2,a3,a4,a5)=>(_PyBuffer_FillInfo=Module[\"_PyBuffer_FillInfo\"]=wasmExports[\"PyBuffer_FillInfo\"])(a0,a1,a2,a3,a4,a5);var _PyObject_Format=Module[\"_PyObject_Format\"]=(a0,a1)=>(_PyObject_Format=Module[\"_PyObject_Format\"]=wasmExports[\"PyObject_Format\"])(a0,a1);var _PyUnicode_New=Module[\"_PyUnicode_New\"]=(a0,a1)=>(_PyUnicode_New=Module[\"_PyUnicode_New\"]=wasmExports[\"PyUnicode_New\"])(a0,a1);var _PyNumber_Check=Module[\"_PyNumber_Check\"]=a0=>(_PyNumber_Check=Module[\"_PyNumber_Check\"]=wasmExports[\"PyNumber_Check\"])(a0);var _PyNumber_Or=Module[\"_PyNumber_Or\"]=(a0,a1)=>(_PyNumber_Or=Module[\"_PyNumber_Or\"]=wasmExports[\"PyNumber_Or\"])(a0,a1);var _PyNumber_Xor=Module[\"_PyNumber_Xor\"]=(a0,a1)=>(_PyNumber_Xor=Module[\"_PyNumber_Xor\"]=wasmExports[\"PyNumber_Xor\"])(a0,a1);var _PyNumber_And=Module[\"_PyNumber_And\"]=(a0,a1)=>(_PyNumber_And=Module[\"_PyNumber_And\"]=wasmExports[\"PyNumber_And\"])(a0,a1);var _PyNumber_Lshift=Module[\"_PyNumber_Lshift\"]=(a0,a1)=>(_PyNumber_Lshift=Module[\"_PyNumber_Lshift\"]=wasmExports[\"PyNumber_Lshift\"])(a0,a1);var _PyNumber_Rshift=Module[\"_PyNumber_Rshift\"]=(a0,a1)=>(_PyNumber_Rshift=Module[\"_PyNumber_Rshift\"]=wasmExports[\"PyNumber_Rshift\"])(a0,a1);var _PyNumber_Subtract=Module[\"_PyNumber_Subtract\"]=(a0,a1)=>(_PyNumber_Subtract=Module[\"_PyNumber_Subtract\"]=wasmExports[\"PyNumber_Subtract\"])(a0,a1);var _PyNumber_Divmod=Module[\"_PyNumber_Divmod\"]=(a0,a1)=>(_PyNumber_Divmod=Module[\"_PyNumber_Divmod\"]=wasmExports[\"PyNumber_Divmod\"])(a0,a1);var _PyNumber_Add=Module[\"_PyNumber_Add\"]=(a0,a1)=>(_PyNumber_Add=Module[\"_PyNumber_Add\"]=wasmExports[\"PyNumber_Add\"])(a0,a1);var _PyNumber_Multiply=Module[\"_PyNumber_Multiply\"]=(a0,a1)=>(_PyNumber_Multiply=Module[\"_PyNumber_Multiply\"]=wasmExports[\"PyNumber_Multiply\"])(a0,a1);var _PyNumber_MatrixMultiply=Module[\"_PyNumber_MatrixMultiply\"]=(a0,a1)=>(_PyNumber_MatrixMultiply=Module[\"_PyNumber_MatrixMultiply\"]=wasmExports[\"PyNumber_MatrixMultiply\"])(a0,a1);var _PyNumber_FloorDivide=Module[\"_PyNumber_FloorDivide\"]=(a0,a1)=>(_PyNumber_FloorDivide=Module[\"_PyNumber_FloorDivide\"]=wasmExports[\"PyNumber_FloorDivide\"])(a0,a1);var _PyNumber_TrueDivide=Module[\"_PyNumber_TrueDivide\"]=(a0,a1)=>(_PyNumber_TrueDivide=Module[\"_PyNumber_TrueDivide\"]=wasmExports[\"PyNumber_TrueDivide\"])(a0,a1);var _PyNumber_Remainder=Module[\"_PyNumber_Remainder\"]=(a0,a1)=>(_PyNumber_Remainder=Module[\"_PyNumber_Remainder\"]=wasmExports[\"PyNumber_Remainder\"])(a0,a1);var _PyNumber_Power=Module[\"_PyNumber_Power\"]=(a0,a1,a2)=>(_PyNumber_Power=Module[\"_PyNumber_Power\"]=wasmExports[\"PyNumber_Power\"])(a0,a1,a2);var _PyNumber_InPlaceOr=Module[\"_PyNumber_InPlaceOr\"]=(a0,a1)=>(_PyNumber_InPlaceOr=Module[\"_PyNumber_InPlaceOr\"]=wasmExports[\"PyNumber_InPlaceOr\"])(a0,a1);var _PyNumber_InPlaceXor=Module[\"_PyNumber_InPlaceXor\"]=(a0,a1)=>(_PyNumber_InPlaceXor=Module[\"_PyNumber_InPlaceXor\"]=wasmExports[\"PyNumber_InPlaceXor\"])(a0,a1);var _PyNumber_InPlaceAnd=Module[\"_PyNumber_InPlaceAnd\"]=(a0,a1)=>(_PyNumber_InPlaceAnd=Module[\"_PyNumber_InPlaceAnd\"]=wasmExports[\"PyNumber_InPlaceAnd\"])(a0,a1);var _PyNumber_InPlaceLshift=Module[\"_PyNumber_InPlaceLshift\"]=(a0,a1)=>(_PyNumber_InPlaceLshift=Module[\"_PyNumber_InPlaceLshift\"]=wasmExports[\"PyNumber_InPlaceLshift\"])(a0,a1);var _PyNumber_InPlaceRshift=Module[\"_PyNumber_InPlaceRshift\"]=(a0,a1)=>(_PyNumber_InPlaceRshift=Module[\"_PyNumber_InPlaceRshift\"]=wasmExports[\"PyNumber_InPlaceRshift\"])(a0,a1);var _PyNumber_InPlaceSubtract=Module[\"_PyNumber_InPlaceSubtract\"]=(a0,a1)=>(_PyNumber_InPlaceSubtract=Module[\"_PyNumber_InPlaceSubtract\"]=wasmExports[\"PyNumber_InPlaceSubtract\"])(a0,a1);var _PyNumber_InPlaceMatrixMultiply=Module[\"_PyNumber_InPlaceMatrixMultiply\"]=(a0,a1)=>(_PyNumber_InPlaceMatrixMultiply=Module[\"_PyNumber_InPlaceMatrixMultiply\"]=wasmExports[\"PyNumber_InPlaceMatrixMultiply\"])(a0,a1);var _PyNumber_InPlaceFloorDivide=Module[\"_PyNumber_InPlaceFloorDivide\"]=(a0,a1)=>(_PyNumber_InPlaceFloorDivide=Module[\"_PyNumber_InPlaceFloorDivide\"]=wasmExports[\"PyNumber_InPlaceFloorDivide\"])(a0,a1);var _PyNumber_InPlaceTrueDivide=Module[\"_PyNumber_InPlaceTrueDivide\"]=(a0,a1)=>(_PyNumber_InPlaceTrueDivide=Module[\"_PyNumber_InPlaceTrueDivide\"]=wasmExports[\"PyNumber_InPlaceTrueDivide\"])(a0,a1);var _PyNumber_InPlaceRemainder=Module[\"_PyNumber_InPlaceRemainder\"]=(a0,a1)=>(_PyNumber_InPlaceRemainder=Module[\"_PyNumber_InPlaceRemainder\"]=wasmExports[\"PyNumber_InPlaceRemainder\"])(a0,a1);var _PyNumber_InPlaceAdd=Module[\"_PyNumber_InPlaceAdd\"]=(a0,a1)=>(_PyNumber_InPlaceAdd=Module[\"_PyNumber_InPlaceAdd\"]=wasmExports[\"PyNumber_InPlaceAdd\"])(a0,a1);var _PyNumber_InPlaceMultiply=Module[\"_PyNumber_InPlaceMultiply\"]=(a0,a1)=>(_PyNumber_InPlaceMultiply=Module[\"_PyNumber_InPlaceMultiply\"]=wasmExports[\"PyNumber_InPlaceMultiply\"])(a0,a1);var _PyNumber_InPlacePower=Module[\"_PyNumber_InPlacePower\"]=(a0,a1,a2)=>(_PyNumber_InPlacePower=Module[\"_PyNumber_InPlacePower\"]=wasmExports[\"PyNumber_InPlacePower\"])(a0,a1,a2);var _PyNumber_Negative=Module[\"_PyNumber_Negative\"]=a0=>(_PyNumber_Negative=Module[\"_PyNumber_Negative\"]=wasmExports[\"PyNumber_Negative\"])(a0);var _PyNumber_Positive=Module[\"_PyNumber_Positive\"]=a0=>(_PyNumber_Positive=Module[\"_PyNumber_Positive\"]=wasmExports[\"PyNumber_Positive\"])(a0);var _PyNumber_Invert=Module[\"_PyNumber_Invert\"]=a0=>(_PyNumber_Invert=Module[\"_PyNumber_Invert\"]=wasmExports[\"PyNumber_Invert\"])(a0);var _PyNumber_Absolute=Module[\"_PyNumber_Absolute\"]=a0=>(_PyNumber_Absolute=Module[\"_PyNumber_Absolute\"]=wasmExports[\"PyNumber_Absolute\"])(a0);var _PyErr_WarnFormat=Module[\"_PyErr_WarnFormat\"]=(a0,a1,a2,a3)=>(_PyErr_WarnFormat=Module[\"_PyErr_WarnFormat\"]=wasmExports[\"PyErr_WarnFormat\"])(a0,a1,a2,a3);var _PyNumber_Index=Module[\"_PyNumber_Index\"]=a0=>(_PyNumber_Index=Module[\"_PyNumber_Index\"]=wasmExports[\"PyNumber_Index\"])(a0);var __PyLong_Copy=Module[\"__PyLong_Copy\"]=a0=>(__PyLong_Copy=Module[\"__PyLong_Copy\"]=wasmExports[\"_PyLong_Copy\"])(a0);var _PyNumber_Long=Module[\"_PyNumber_Long\"]=a0=>(_PyNumber_Long=Module[\"_PyNumber_Long\"]=wasmExports[\"PyNumber_Long\"])(a0);var _PyErr_WarnEx=Module[\"_PyErr_WarnEx\"]=(a0,a1,a2)=>(_PyErr_WarnEx=Module[\"_PyErr_WarnEx\"]=wasmExports[\"PyErr_WarnEx\"])(a0,a1,a2);var _PyLong_FromUnicodeObject=Module[\"_PyLong_FromUnicodeObject\"]=(a0,a1)=>(_PyLong_FromUnicodeObject=Module[\"_PyLong_FromUnicodeObject\"]=wasmExports[\"PyLong_FromUnicodeObject\"])(a0,a1);var __PyLong_FromBytes=Module[\"__PyLong_FromBytes\"]=(a0,a1,a2)=>(__PyLong_FromBytes=Module[\"__PyLong_FromBytes\"]=wasmExports[\"_PyLong_FromBytes\"])(a0,a1,a2);var _PyNumber_Float=Module[\"_PyNumber_Float\"]=a0=>(_PyNumber_Float=Module[\"_PyNumber_Float\"]=wasmExports[\"PyNumber_Float\"])(a0);var _PyLong_AsDouble=Module[\"_PyLong_AsDouble\"]=a0=>(_PyLong_AsDouble=Module[\"_PyLong_AsDouble\"]=wasmExports[\"PyLong_AsDouble\"])(a0);var _PyFloat_FromString=Module[\"_PyFloat_FromString\"]=a0=>(_PyFloat_FromString=Module[\"_PyFloat_FromString\"]=wasmExports[\"PyFloat_FromString\"])(a0);var _PyNumber_ToBase=Module[\"_PyNumber_ToBase\"]=(a0,a1)=>(_PyNumber_ToBase=Module[\"_PyNumber_ToBase\"]=wasmExports[\"PyNumber_ToBase\"])(a0,a1);var __PyLong_Format=Module[\"__PyLong_Format\"]=(a0,a1)=>(__PyLong_Format=Module[\"__PyLong_Format\"]=wasmExports[\"_PyLong_Format\"])(a0,a1);var _PySequence_Check=Module[\"_PySequence_Check\"]=a0=>(_PySequence_Check=Module[\"_PySequence_Check\"]=wasmExports[\"PySequence_Check\"])(a0);var _PySequence_Length=Module[\"_PySequence_Length\"]=a0=>(_PySequence_Length=Module[\"_PySequence_Length\"]=wasmExports[\"PySequence_Length\"])(a0);var _PySequence_Concat=Module[\"_PySequence_Concat\"]=(a0,a1)=>(_PySequence_Concat=Module[\"_PySequence_Concat\"]=wasmExports[\"PySequence_Concat\"])(a0,a1);var _PySequence_Repeat=Module[\"_PySequence_Repeat\"]=(a0,a1)=>(_PySequence_Repeat=Module[\"_PySequence_Repeat\"]=wasmExports[\"PySequence_Repeat\"])(a0,a1);var _PySequence_InPlaceConcat=Module[\"_PySequence_InPlaceConcat\"]=(a0,a1)=>(_PySequence_InPlaceConcat=Module[\"_PySequence_InPlaceConcat\"]=wasmExports[\"PySequence_InPlaceConcat\"])(a0,a1);var _PySequence_InPlaceRepeat=Module[\"_PySequence_InPlaceRepeat\"]=(a0,a1)=>(_PySequence_InPlaceRepeat=Module[\"_PySequence_InPlaceRepeat\"]=wasmExports[\"PySequence_InPlaceRepeat\"])(a0,a1);var __PySlice_FromIndices=Module[\"__PySlice_FromIndices\"]=(a0,a1)=>(__PySlice_FromIndices=Module[\"__PySlice_FromIndices\"]=wasmExports[\"_PySlice_FromIndices\"])(a0,a1);var _PySequence_DelSlice=Module[\"_PySequence_DelSlice\"]=(a0,a1,a2)=>(_PySequence_DelSlice=Module[\"_PySequence_DelSlice\"]=wasmExports[\"PySequence_DelSlice\"])(a0,a1,a2);var _PySequence_Tuple=Module[\"_PySequence_Tuple\"]=a0=>(_PySequence_Tuple=Module[\"_PySequence_Tuple\"]=wasmExports[\"PySequence_Tuple\"])(a0);var _PyList_AsTuple=Module[\"_PyList_AsTuple\"]=a0=>(_PyList_AsTuple=Module[\"_PyList_AsTuple\"]=wasmExports[\"PyList_AsTuple\"])(a0);var __PyTuple_Resize=Module[\"__PyTuple_Resize\"]=(a0,a1)=>(__PyTuple_Resize=Module[\"__PyTuple_Resize\"]=wasmExports[\"_PyTuple_Resize\"])(a0,a1);var _PySeqIter_New=Module[\"_PySeqIter_New\"]=a0=>(_PySeqIter_New=Module[\"_PySeqIter_New\"]=wasmExports[\"PySeqIter_New\"])(a0);var _PySequence_List=Module[\"_PySequence_List\"]=a0=>(_PySequence_List=Module[\"_PySequence_List\"]=wasmExports[\"PySequence_List\"])(a0);var __PySequence_IterSearch=Module[\"__PySequence_IterSearch\"]=(a0,a1,a2)=>(__PySequence_IterSearch=Module[\"__PySequence_IterSearch\"]=wasmExports[\"_PySequence_IterSearch\"])(a0,a1,a2);var _PySequence_Count=Module[\"_PySequence_Count\"]=(a0,a1)=>(_PySequence_Count=Module[\"_PySequence_Count\"]=wasmExports[\"PySequence_Count\"])(a0,a1);var _PySequence_In=Module[\"_PySequence_In\"]=(a0,a1)=>(_PySequence_In=Module[\"_PySequence_In\"]=wasmExports[\"PySequence_In\"])(a0,a1);var _PySequence_Index=Module[\"_PySequence_Index\"]=(a0,a1)=>(_PySequence_Index=Module[\"_PySequence_Index\"]=wasmExports[\"PySequence_Index\"])(a0,a1);var _PyMapping_Check=Module[\"_PyMapping_Check\"]=a0=>(_PyMapping_Check=Module[\"_PyMapping_Check\"]=wasmExports[\"PyMapping_Check\"])(a0);var _PyMapping_Length=Module[\"_PyMapping_Length\"]=a0=>(_PyMapping_Length=Module[\"_PyMapping_Length\"]=wasmExports[\"PyMapping_Length\"])(a0);var _PyMapping_GetItemString=Module[\"_PyMapping_GetItemString\"]=(a0,a1)=>(_PyMapping_GetItemString=Module[\"_PyMapping_GetItemString\"]=wasmExports[\"PyMapping_GetItemString\"])(a0,a1);var _PyMapping_SetItemString=Module[\"_PyMapping_SetItemString\"]=(a0,a1,a2)=>(_PyMapping_SetItemString=Module[\"_PyMapping_SetItemString\"]=wasmExports[\"PyMapping_SetItemString\"])(a0,a1,a2);var _PyMapping_HasKeyString=Module[\"_PyMapping_HasKeyString\"]=(a0,a1)=>(_PyMapping_HasKeyString=Module[\"_PyMapping_HasKeyString\"]=wasmExports[\"PyMapping_HasKeyString\"])(a0,a1);var _PyMapping_HasKey=Module[\"_PyMapping_HasKey\"]=(a0,a1)=>(_PyMapping_HasKey=Module[\"_PyMapping_HasKey\"]=wasmExports[\"PyMapping_HasKey\"])(a0,a1);var _PyMapping_Keys=Module[\"_PyMapping_Keys\"]=a0=>(_PyMapping_Keys=Module[\"_PyMapping_Keys\"]=wasmExports[\"PyMapping_Keys\"])(a0);var _PyDict_Keys=Module[\"_PyDict_Keys\"]=a0=>(_PyDict_Keys=Module[\"_PyDict_Keys\"]=wasmExports[\"PyDict_Keys\"])(a0);var _PyMapping_Items=Module[\"_PyMapping_Items\"]=a0=>(_PyMapping_Items=Module[\"_PyMapping_Items\"]=wasmExports[\"PyMapping_Items\"])(a0);var _PyDict_Items=Module[\"_PyDict_Items\"]=a0=>(_PyDict_Items=Module[\"_PyDict_Items\"]=wasmExports[\"PyDict_Items\"])(a0);var _PyMapping_Values=Module[\"_PyMapping_Values\"]=a0=>(_PyMapping_Values=Module[\"_PyMapping_Values\"]=wasmExports[\"PyMapping_Values\"])(a0);var _PyDict_Values=Module[\"_PyDict_Values\"]=a0=>(_PyDict_Values=Module[\"_PyDict_Values\"]=wasmExports[\"PyDict_Values\"])(a0);var __Py_CheckRecursiveCall=Module[\"__Py_CheckRecursiveCall\"]=(a0,a1)=>(__Py_CheckRecursiveCall=Module[\"__Py_CheckRecursiveCall\"]=wasmExports[\"_Py_CheckRecursiveCall\"])(a0,a1);var _PyObject_IsTrue=Module[\"_PyObject_IsTrue\"]=a0=>(_PyObject_IsTrue=Module[\"_PyObject_IsTrue\"]=wasmExports[\"PyObject_IsTrue\"])(a0);var __PyObject_RealIsInstance=Module[\"__PyObject_RealIsInstance\"]=(a0,a1)=>(__PyObject_RealIsInstance=Module[\"__PyObject_RealIsInstance\"]=wasmExports[\"_PyObject_RealIsInstance\"])(a0,a1);var __PyObject_RealIsSubclass=Module[\"__PyObject_RealIsSubclass\"]=(a0,a1)=>(__PyObject_RealIsSubclass=Module[\"__PyObject_RealIsSubclass\"]=wasmExports[\"_PyObject_RealIsSubclass\"])(a0,a1);var _PyIter_Check=Module[\"_PyIter_Check\"]=a0=>(_PyIter_Check=Module[\"_PyIter_Check\"]=wasmExports[\"PyIter_Check\"])(a0);var _PyObject_GetAIter=Module[\"_PyObject_GetAIter\"]=a0=>(_PyObject_GetAIter=Module[\"_PyObject_GetAIter\"]=wasmExports[\"PyObject_GetAIter\"])(a0);var _PyAIter_Check=Module[\"_PyAIter_Check\"]=a0=>(_PyAIter_Check=Module[\"_PyAIter_Check\"]=wasmExports[\"PyAIter_Check\"])(a0);var __PySequence_BytesToCharpArray=Module[\"__PySequence_BytesToCharpArray\"]=a0=>(__PySequence_BytesToCharpArray=Module[\"__PySequence_BytesToCharpArray\"]=wasmExports[\"_PySequence_BytesToCharpArray\"])(a0);var __Py_FreeCharPArray=Module[\"__Py_FreeCharPArray\"]=a0=>(__Py_FreeCharPArray=Module[\"__Py_FreeCharPArray\"]=wasmExports[\"_Py_FreeCharPArray\"])(a0);var _PyBool_FromLong=Module[\"_PyBool_FromLong\"]=a0=>(_PyBool_FromLong=Module[\"_PyBool_FromLong\"]=wasmExports[\"PyBool_FromLong\"])(a0);var __PyArg_NoKeywords=Module[\"__PyArg_NoKeywords\"]=(a0,a1)=>(__PyArg_NoKeywords=Module[\"__PyArg_NoKeywords\"]=wasmExports[\"_PyArg_NoKeywords\"])(a0,a1);var __PyArg_NoKwnames=Module[\"__PyArg_NoKwnames\"]=(a0,a1)=>(__PyArg_NoKwnames=Module[\"__PyArg_NoKwnames\"]=wasmExports[\"_PyArg_NoKwnames\"])(a0,a1);var _memrchr=Module[\"_memrchr\"]=(a0,a1,a2)=>(_memrchr=Module[\"_memrchr\"]=wasmExports[\"memrchr\"])(a0,a1,a2);var __PyEval_SliceIndex=Module[\"__PyEval_SliceIndex\"]=(a0,a1)=>(__PyEval_SliceIndex=Module[\"__PyEval_SliceIndex\"]=wasmExports[\"_PyEval_SliceIndex\"])(a0,a1);var _PyByteArray_FromObject=Module[\"_PyByteArray_FromObject\"]=a0=>(_PyByteArray_FromObject=Module[\"_PyByteArray_FromObject\"]=wasmExports[\"PyByteArray_FromObject\"])(a0);var _PyByteArray_FromStringAndSize=Module[\"_PyByteArray_FromStringAndSize\"]=(a0,a1)=>(_PyByteArray_FromStringAndSize=Module[\"_PyByteArray_FromStringAndSize\"]=wasmExports[\"PyByteArray_FromStringAndSize\"])(a0,a1);var __PyObject_New=Module[\"__PyObject_New\"]=a0=>(__PyObject_New=Module[\"__PyObject_New\"]=wasmExports[\"_PyObject_New\"])(a0);var _PyByteArray_Size=Module[\"_PyByteArray_Size\"]=a0=>(_PyByteArray_Size=Module[\"_PyByteArray_Size\"]=wasmExports[\"PyByteArray_Size\"])(a0);var _PyByteArray_AsString=Module[\"_PyByteArray_AsString\"]=a0=>(_PyByteArray_AsString=Module[\"_PyByteArray_AsString\"]=wasmExports[\"PyByteArray_AsString\"])(a0);var _PyByteArray_Resize=Module[\"_PyByteArray_Resize\"]=(a0,a1)=>(_PyByteArray_Resize=Module[\"_PyByteArray_Resize\"]=wasmExports[\"PyByteArray_Resize\"])(a0,a1);var _PyObject_Realloc=Module[\"_PyObject_Realloc\"]=(a0,a1)=>(_PyObject_Realloc=Module[\"_PyObject_Realloc\"]=wasmExports[\"PyObject_Realloc\"])(a0,a1);var _PyByteArray_Concat=Module[\"_PyByteArray_Concat\"]=(a0,a1)=>(_PyByteArray_Concat=Module[\"_PyByteArray_Concat\"]=wasmExports[\"PyByteArray_Concat\"])(a0,a1);var __Py_GetConfig=Module[\"__Py_GetConfig\"]=()=>(__Py_GetConfig=Module[\"__Py_GetConfig\"]=wasmExports[\"_Py_GetConfig\"])();var __PyObject_GC_New=Module[\"__PyObject_GC_New\"]=a0=>(__PyObject_GC_New=Module[\"__PyObject_GC_New\"]=wasmExports[\"_PyObject_GC_New\"])(a0);var __PyArg_UnpackKeywords=Module[\"__PyArg_UnpackKeywords\"]=(a0,a1,a2,a3,a4,a5,a6,a7,a8)=>(__PyArg_UnpackKeywords=Module[\"__PyArg_UnpackKeywords\"]=wasmExports[\"_PyArg_UnpackKeywords\"])(a0,a1,a2,a3,a4,a5,a6,a7,a8);var __PyArg_BadArgument=Module[\"__PyArg_BadArgument\"]=(a0,a1,a2,a3)=>(__PyArg_BadArgument=Module[\"__PyArg_BadArgument\"]=wasmExports[\"_PyArg_BadArgument\"])(a0,a1,a2,a3);var _PyUnicode_AsEncodedString=Module[\"_PyUnicode_AsEncodedString\"]=(a0,a1,a2)=>(_PyUnicode_AsEncodedString=Module[\"_PyUnicode_AsEncodedString\"]=wasmExports[\"PyUnicode_AsEncodedString\"])(a0,a1,a2);var _PyBuffer_ToContiguous=Module[\"_PyBuffer_ToContiguous\"]=(a0,a1,a2,a3)=>(_PyBuffer_ToContiguous=Module[\"_PyBuffer_ToContiguous\"]=wasmExports[\"PyBuffer_ToContiguous\"])(a0,a1,a2,a3);var _PyObject_GC_Del=Module[\"_PyObject_GC_Del\"]=a0=>(_PyObject_GC_Del=Module[\"_PyObject_GC_Del\"]=wasmExports[\"PyObject_GC_Del\"])(a0);var __PyBytes_FormatEx=Module[\"__PyBytes_FormatEx\"]=(a0,a1,a2,a3)=>(__PyBytes_FormatEx=Module[\"__PyBytes_FormatEx\"]=wasmExports[\"_PyBytes_FormatEx\"])(a0,a1,a2,a3);var __PyBytes_Repeat=Module[\"__PyBytes_Repeat\"]=(a0,a1,a2,a3)=>(__PyBytes_Repeat=Module[\"__PyBytes_Repeat\"]=wasmExports[\"_PyBytes_Repeat\"])(a0,a1,a2,a3);var _memmove=Module[\"_memmove\"]=(a0,a1,a2)=>(_memmove=Module[\"_memmove\"]=wasmExports[\"memmove\"])(a0,a1,a2);var __PyObject_GetState=Module[\"__PyObject_GetState\"]=a0=>(__PyObject_GetState=Module[\"__PyObject_GetState\"]=wasmExports[\"_PyObject_GetState\"])(a0);var _PyUnicode_DecodeLatin1=Module[\"_PyUnicode_DecodeLatin1\"]=(a0,a1,a2)=>(_PyUnicode_DecodeLatin1=Module[\"_PyUnicode_DecodeLatin1\"]=wasmExports[\"PyUnicode_DecodeLatin1\"])(a0,a1,a2);var __PyLong_AsInt=Module[\"__PyLong_AsInt\"]=a0=>(__PyLong_AsInt=Module[\"__PyLong_AsInt\"]=wasmExports[\"_PyLong_AsInt\"])(a0);var _PyLong_FromSize_t=Module[\"_PyLong_FromSize_t\"]=a0=>(_PyLong_FromSize_t=Module[\"_PyLong_FromSize_t\"]=wasmExports[\"PyLong_FromSize_t\"])(a0);var _PyUnicode_GetDefaultEncoding=Module[\"_PyUnicode_GetDefaultEncoding\"]=()=>(_PyUnicode_GetDefaultEncoding=Module[\"_PyUnicode_GetDefaultEncoding\"]=wasmExports[\"PyUnicode_GetDefaultEncoding\"])();var _PyUnicode_FromEncodedObject=Module[\"_PyUnicode_FromEncodedObject\"]=(a0,a1,a2)=>(_PyUnicode_FromEncodedObject=Module[\"_PyUnicode_FromEncodedObject\"]=wasmExports[\"PyUnicode_FromEncodedObject\"])(a0,a1,a2);var __PyBytes_FromHex=Module[\"__PyBytes_FromHex\"]=(a0,a1)=>(__PyBytes_FromHex=Module[\"__PyBytes_FromHex\"]=wasmExports[\"_PyBytes_FromHex\"])(a0,a1);var __Py_strhex_with_sep=Module[\"__Py_strhex_with_sep\"]=(a0,a1,a2,a3)=>(__Py_strhex_with_sep=Module[\"__Py_strhex_with_sep\"]=wasmExports[\"_Py_strhex_with_sep\"])(a0,a1,a2,a3);var _PyList_Append=Module[\"_PyList_Append\"]=(a0,a1)=>(_PyList_Append=Module[\"_PyList_Append\"]=wasmExports[\"PyList_Append\"])(a0,a1);var _PyList_Reverse=Module[\"_PyList_Reverse\"]=a0=>(_PyList_Reverse=Module[\"_PyList_Reverse\"]=wasmExports[\"PyList_Reverse\"])(a0);var __PyEval_GetBuiltin=Module[\"__PyEval_GetBuiltin\"]=a0=>(__PyEval_GetBuiltin=Module[\"__PyEval_GetBuiltin\"]=wasmExports[\"_PyEval_GetBuiltin\"])(a0);var _PyObject_GenericGetAttr=Module[\"_PyObject_GenericGetAttr\"]=(a0,a1)=>(_PyObject_GenericGetAttr=Module[\"_PyObject_GenericGetAttr\"]=wasmExports[\"PyObject_GenericGetAttr\"])(a0,a1);var _PyType_GenericAlloc=Module[\"_PyType_GenericAlloc\"]=(a0,a1)=>(_PyType_GenericAlloc=Module[\"_PyType_GenericAlloc\"]=wasmExports[\"PyType_GenericAlloc\"])(a0,a1);var _PyObject_Calloc=Module[\"_PyObject_Calloc\"]=(a0,a1)=>(_PyObject_Calloc=Module[\"_PyObject_Calloc\"]=wasmExports[\"PyObject_Calloc\"])(a0,a1);var __Py_NewReference=Module[\"__Py_NewReference\"]=a0=>(__Py_NewReference=Module[\"__Py_NewReference\"]=wasmExports[\"_Py_NewReference\"])(a0);var _PyBytes_FromFormatV=Module[\"_PyBytes_FromFormatV\"]=(a0,a1)=>(_PyBytes_FromFormatV=Module[\"_PyBytes_FromFormatV\"]=wasmExports[\"PyBytes_FromFormatV\"])(a0,a1);var __PyBytesWriter_Resize=Module[\"__PyBytesWriter_Resize\"]=(a0,a1,a2)=>(__PyBytesWriter_Resize=Module[\"__PyBytesWriter_Resize\"]=wasmExports[\"_PyBytesWriter_Resize\"])(a0,a1,a2);var __PyBytesWriter_Finish=Module[\"__PyBytesWriter_Finish\"]=(a0,a1)=>(__PyBytesWriter_Finish=Module[\"__PyBytesWriter_Finish\"]=wasmExports[\"_PyBytesWriter_Finish\"])(a0,a1);var __PyBytesWriter_Init=Module[\"__PyBytesWriter_Init\"]=a0=>(__PyBytesWriter_Init=Module[\"__PyBytesWriter_Init\"]=wasmExports[\"_PyBytesWriter_Init\"])(a0);var __PyBytesWriter_Alloc=Module[\"__PyBytesWriter_Alloc\"]=(a0,a1)=>(__PyBytesWriter_Alloc=Module[\"__PyBytesWriter_Alloc\"]=wasmExports[\"_PyBytesWriter_Alloc\"])(a0,a1);var __PyBytesWriter_WriteBytes=Module[\"__PyBytesWriter_WriteBytes\"]=(a0,a1,a2,a3)=>(__PyBytesWriter_WriteBytes=Module[\"__PyBytesWriter_WriteBytes\"]=wasmExports[\"_PyBytesWriter_WriteBytes\"])(a0,a1,a2,a3);var __PyBytes_Resize=Module[\"__PyBytes_Resize\"]=(a0,a1)=>(__PyBytes_Resize=Module[\"__PyBytes_Resize\"]=wasmExports[\"_PyBytes_Resize\"])(a0,a1);var __PyBytesWriter_Dealloc=Module[\"__PyBytesWriter_Dealloc\"]=a0=>(__PyBytesWriter_Dealloc=Module[\"__PyBytesWriter_Dealloc\"]=wasmExports[\"_PyBytesWriter_Dealloc\"])(a0);var _PyBytes_FromFormat=Module[\"_PyBytes_FromFormat\"]=(a0,a1)=>(_PyBytes_FromFormat=Module[\"_PyBytes_FromFormat\"]=wasmExports[\"PyBytes_FromFormat\"])(a0,a1);var _PyObject_ASCII=Module[\"_PyObject_ASCII\"]=a0=>(_PyObject_ASCII=Module[\"_PyObject_ASCII\"]=wasmExports[\"PyObject_ASCII\"])(a0);var __PyLong_FormatBytesWriter=Module[\"__PyLong_FormatBytesWriter\"]=(a0,a1,a2,a3,a4)=>(__PyLong_FormatBytesWriter=Module[\"__PyLong_FormatBytesWriter\"]=wasmExports[\"_PyLong_FormatBytesWriter\"])(a0,a1,a2,a3,a4);var __PyUnicode_FormatLong=Module[\"__PyUnicode_FormatLong\"]=(a0,a1,a2,a3)=>(__PyUnicode_FormatLong=Module[\"__PyUnicode_FormatLong\"]=wasmExports[\"_PyUnicode_FormatLong\"])(a0,a1,a2,a3);var _PyOS_double_to_string=Module[\"_PyOS_double_to_string\"]=(a0,a1,a2,a3,a4)=>(_PyOS_double_to_string=Module[\"_PyOS_double_to_string\"]=wasmExports[\"PyOS_double_to_string\"])(a0,a1,a2,a3,a4);var __PyBytesWriter_Prepare=Module[\"__PyBytesWriter_Prepare\"]=(a0,a1,a2)=>(__PyBytesWriter_Prepare=Module[\"__PyBytesWriter_Prepare\"]=wasmExports[\"_PyBytesWriter_Prepare\"])(a0,a1,a2);var _PyBytes_DecodeEscape=Module[\"_PyBytes_DecodeEscape\"]=(a0,a1,a2,a3,a4)=>(_PyBytes_DecodeEscape=Module[\"_PyBytes_DecodeEscape\"]=wasmExports[\"PyBytes_DecodeEscape\"])(a0,a1,a2,a3,a4);var _PyBytes_Size=Module[\"_PyBytes_Size\"]=a0=>(_PyBytes_Size=Module[\"_PyBytes_Size\"]=wasmExports[\"PyBytes_Size\"])(a0);var __PyBytes_Find=Module[\"__PyBytes_Find\"]=(a0,a1,a2,a3,a4)=>(__PyBytes_Find=Module[\"__PyBytes_Find\"]=wasmExports[\"_PyBytes_Find\"])(a0,a1,a2,a3,a4);var __PyBytes_ReverseFind=Module[\"__PyBytes_ReverseFind\"]=(a0,a1,a2,a3,a4)=>(__PyBytes_ReverseFind=Module[\"__PyBytes_ReverseFind\"]=wasmExports[\"_PyBytes_ReverseFind\"])(a0,a1,a2,a3,a4);var _PyBytes_Repr=Module[\"_PyBytes_Repr\"]=(a0,a1)=>(_PyBytes_Repr=Module[\"_PyBytes_Repr\"]=wasmExports[\"PyBytes_Repr\"])(a0,a1);var __PyBytes_Join=Module[\"__PyBytes_Join\"]=(a0,a1)=>(__PyBytes_Join=Module[\"__PyBytes_Join\"]=wasmExports[\"_PyBytes_Join\"])(a0,a1);var _PyBytes_FromObject=Module[\"_PyBytes_FromObject\"]=a0=>(_PyBytes_FromObject=Module[\"_PyBytes_FromObject\"]=wasmExports[\"PyBytes_FromObject\"])(a0);var _PyErr_BadArgument=Module[\"_PyErr_BadArgument\"]=()=>(_PyErr_BadArgument=Module[\"_PyErr_BadArgument\"]=wasmExports[\"PyErr_BadArgument\"])();var __Py_NewReferenceNoTotal=Module[\"__Py_NewReferenceNoTotal\"]=a0=>(__Py_NewReferenceNoTotal=Module[\"__Py_NewReferenceNoTotal\"]=wasmExports[\"_Py_NewReferenceNoTotal\"])(a0);var _PyBytes_ConcatAndDel=Module[\"_PyBytes_ConcatAndDel\"]=(a0,a1)=>(_PyBytes_ConcatAndDel=Module[\"_PyBytes_ConcatAndDel\"]=wasmExports[\"PyBytes_ConcatAndDel\"])(a0,a1);var __PyErr_FormatFromCauseTstate=Module[\"__PyErr_FormatFromCauseTstate\"]=(a0,a1,a2,a3)=>(__PyErr_FormatFromCauseTstate=Module[\"__PyErr_FormatFromCauseTstate\"]=wasmExports[\"_PyErr_FormatFromCauseTstate\"])(a0,a1,a2,a3);var __Py_FatalErrorFormat=Module[\"__Py_FatalErrorFormat\"]=(a0,a1,a2)=>(__Py_FatalErrorFormat=Module[\"__Py_FatalErrorFormat\"]=wasmExports[\"_Py_FatalErrorFormat\"])(a0,a1,a2);var __PyObject_FastCallDictTstate=Module[\"__PyObject_FastCallDictTstate\"]=(a0,a1,a2,a3,a4)=>(__PyObject_FastCallDictTstate=Module[\"__PyObject_FastCallDictTstate\"]=wasmExports[\"_PyObject_FastCallDictTstate\"])(a0,a1,a2,a3,a4);var _PyVectorcall_Function=Module[\"_PyVectorcall_Function\"]=a0=>(_PyVectorcall_Function=Module[\"_PyVectorcall_Function\"]=wasmExports[\"PyVectorcall_Function\"])(a0);var __PyErr_NoMemory=Module[\"__PyErr_NoMemory\"]=a0=>(__PyErr_NoMemory=Module[\"__PyErr_NoMemory\"]=wasmExports[\"_PyErr_NoMemory\"])(a0);var _PyDict_Next=Module[\"_PyDict_Next\"]=(a0,a1,a2,a3)=>(_PyDict_Next=Module[\"_PyDict_Next\"]=wasmExports[\"PyDict_Next\"])(a0,a1,a2,a3);var _PyObject_VectorcallDict=Module[\"_PyObject_VectorcallDict\"]=(a0,a1,a2,a3)=>(_PyObject_VectorcallDict=Module[\"_PyObject_VectorcallDict\"]=wasmExports[\"PyObject_VectorcallDict\"])(a0,a1,a2,a3);var _PyModule_GetNameObject=Module[\"_PyModule_GetNameObject\"]=a0=>(_PyModule_GetNameObject=Module[\"_PyModule_GetNameObject\"]=wasmExports[\"PyModule_GetNameObject\"])(a0);var _PyCallable_Check=Module[\"_PyCallable_Check\"]=a0=>(_PyCallable_Check=Module[\"_PyCallable_Check\"]=wasmExports[\"PyCallable_Check\"])(a0);var __PyStack_AsDict=Module[\"__PyStack_AsDict\"]=(a0,a1)=>(__PyStack_AsDict=Module[\"__PyStack_AsDict\"]=wasmExports[\"_PyStack_AsDict\"])(a0,a1);var __PyObject_Call=Module[\"__PyObject_Call\"]=(a0,a1,a2,a3)=>(__PyObject_Call=Module[\"__PyObject_Call\"]=wasmExports[\"_PyObject_Call\"])(a0,a1,a2,a3);var _PyObject_Call=Module[\"_PyObject_Call\"]=(a0,a1,a2)=>(_PyObject_Call=Module[\"_PyObject_Call\"]=wasmExports[\"PyObject_Call\"])(a0,a1,a2);var _PyCFunction_Call=Module[\"_PyCFunction_Call\"]=(a0,a1,a2)=>(_PyCFunction_Call=Module[\"_PyCFunction_Call\"]=wasmExports[\"PyCFunction_Call\"])(a0,a1,a2);var __PyFunction_Vectorcall=Module[\"__PyFunction_Vectorcall\"]=(a0,a1,a2,a3)=>(__PyFunction_Vectorcall=Module[\"__PyFunction_Vectorcall\"]=wasmExports[\"_PyFunction_Vectorcall\"])(a0,a1,a2,a3);var _PyEval_CallObjectWithKeywords=Module[\"_PyEval_CallObjectWithKeywords\"]=(a0,a1,a2)=>(_PyEval_CallObjectWithKeywords=Module[\"_PyEval_CallObjectWithKeywords\"]=wasmExports[\"PyEval_CallObjectWithKeywords\"])(a0,a1,a2);var _PyObject_CallObject=Module[\"_PyObject_CallObject\"]=(a0,a1)=>(_PyObject_CallObject=Module[\"_PyObject_CallObject\"]=wasmExports[\"PyObject_CallObject\"])(a0,a1);var __PyObject_Call_Prepend=Module[\"__PyObject_Call_Prepend\"]=(a0,a1,a2,a3,a4)=>(__PyObject_Call_Prepend=Module[\"__PyObject_Call_Prepend\"]=wasmExports[\"_PyObject_Call_Prepend\"])(a0,a1,a2,a3,a4);var _PyObject_CallFunction=Module[\"_PyObject_CallFunction\"]=(a0,a1,a2)=>(_PyObject_CallFunction=Module[\"_PyObject_CallFunction\"]=wasmExports[\"PyObject_CallFunction\"])(a0,a1,a2);var __Py_VaBuildStack_SizeT=Module[\"__Py_VaBuildStack_SizeT\"]=(a0,a1,a2,a3,a4)=>(__Py_VaBuildStack_SizeT=Module[\"__Py_VaBuildStack_SizeT\"]=wasmExports[\"_Py_VaBuildStack_SizeT\"])(a0,a1,a2,a3,a4);var __Py_VaBuildStack=Module[\"__Py_VaBuildStack\"]=(a0,a1,a2,a3,a4)=>(__Py_VaBuildStack=Module[\"__Py_VaBuildStack\"]=wasmExports[\"_Py_VaBuildStack\"])(a0,a1,a2,a3,a4);var _PyEval_CallFunction=Module[\"_PyEval_CallFunction\"]=(a0,a1,a2)=>(_PyEval_CallFunction=Module[\"_PyEval_CallFunction\"]=wasmExports[\"PyEval_CallFunction\"])(a0,a1,a2);var _PyObject_CallMethod=Module[\"_PyObject_CallMethod\"]=(a0,a1,a2,a3)=>(_PyObject_CallMethod=Module[\"_PyObject_CallMethod\"]=wasmExports[\"PyObject_CallMethod\"])(a0,a1,a2,a3);var _PyEval_CallMethod=Module[\"_PyEval_CallMethod\"]=(a0,a1,a2,a3)=>(_PyEval_CallMethod=Module[\"_PyEval_CallMethod\"]=wasmExports[\"PyEval_CallMethod\"])(a0,a1,a2,a3);var __PyObject_CallMethod=Module[\"__PyObject_CallMethod\"]=(a0,a1,a2,a3)=>(__PyObject_CallMethod=Module[\"__PyObject_CallMethod\"]=wasmExports[\"_PyObject_CallMethod\"])(a0,a1,a2,a3);var __PyObject_CallMethodId=Module[\"__PyObject_CallMethodId\"]=(a0,a1,a2,a3)=>(__PyObject_CallMethodId=Module[\"__PyObject_CallMethodId\"]=wasmExports[\"_PyObject_CallMethodId\"])(a0,a1,a2,a3);var __PyObject_CallMethod_SizeT=Module[\"__PyObject_CallMethod_SizeT\"]=(a0,a1,a2,a3)=>(__PyObject_CallMethod_SizeT=Module[\"__PyObject_CallMethod_SizeT\"]=wasmExports[\"_PyObject_CallMethod_SizeT\"])(a0,a1,a2,a3);var __PyObject_CallMethodId_SizeT=Module[\"__PyObject_CallMethodId_SizeT\"]=(a0,a1,a2,a3)=>(__PyObject_CallMethodId_SizeT=Module[\"__PyObject_CallMethodId_SizeT\"]=wasmExports[\"_PyObject_CallMethodId_SizeT\"])(a0,a1,a2,a3);var _PyObject_CallMethodObjArgs=Module[\"_PyObject_CallMethodObjArgs\"]=(a0,a1,a2)=>(_PyObject_CallMethodObjArgs=Module[\"_PyObject_CallMethodObjArgs\"]=wasmExports[\"PyObject_CallMethodObjArgs\"])(a0,a1,a2);var _PyVectorcall_NARGS=Module[\"_PyVectorcall_NARGS\"]=a0=>(_PyVectorcall_NARGS=Module[\"_PyVectorcall_NARGS\"]=wasmExports[\"PyVectorcall_NARGS\"])(a0);var _PyCapsule_New=Module[\"_PyCapsule_New\"]=(a0,a1,a2)=>(_PyCapsule_New=Module[\"_PyCapsule_New\"]=wasmExports[\"PyCapsule_New\"])(a0,a1,a2);var _PyCapsule_IsValid=Module[\"_PyCapsule_IsValid\"]=(a0,a1)=>(_PyCapsule_IsValid=Module[\"_PyCapsule_IsValid\"]=wasmExports[\"PyCapsule_IsValid\"])(a0,a1);var _PyCapsule_GetPointer=Module[\"_PyCapsule_GetPointer\"]=(a0,a1)=>(_PyCapsule_GetPointer=Module[\"_PyCapsule_GetPointer\"]=wasmExports[\"PyCapsule_GetPointer\"])(a0,a1);var _PyCapsule_GetName=Module[\"_PyCapsule_GetName\"]=a0=>(_PyCapsule_GetName=Module[\"_PyCapsule_GetName\"]=wasmExports[\"PyCapsule_GetName\"])(a0);var _PyCapsule_GetDestructor=Module[\"_PyCapsule_GetDestructor\"]=a0=>(_PyCapsule_GetDestructor=Module[\"_PyCapsule_GetDestructor\"]=wasmExports[\"PyCapsule_GetDestructor\"])(a0);var _PyCapsule_GetContext=Module[\"_PyCapsule_GetContext\"]=a0=>(_PyCapsule_GetContext=Module[\"_PyCapsule_GetContext\"]=wasmExports[\"PyCapsule_GetContext\"])(a0);var _PyCapsule_SetPointer=Module[\"_PyCapsule_SetPointer\"]=(a0,a1)=>(_PyCapsule_SetPointer=Module[\"_PyCapsule_SetPointer\"]=wasmExports[\"PyCapsule_SetPointer\"])(a0,a1);var _PyCapsule_SetName=Module[\"_PyCapsule_SetName\"]=(a0,a1)=>(_PyCapsule_SetName=Module[\"_PyCapsule_SetName\"]=wasmExports[\"PyCapsule_SetName\"])(a0,a1);var _PyCapsule_SetDestructor=Module[\"_PyCapsule_SetDestructor\"]=(a0,a1)=>(_PyCapsule_SetDestructor=Module[\"_PyCapsule_SetDestructor\"]=wasmExports[\"PyCapsule_SetDestructor\"])(a0,a1);var _PyCapsule_SetContext=Module[\"_PyCapsule_SetContext\"]=(a0,a1)=>(_PyCapsule_SetContext=Module[\"_PyCapsule_SetContext\"]=wasmExports[\"PyCapsule_SetContext\"])(a0,a1);var _PyCapsule_Import=Module[\"_PyCapsule_Import\"]=(a0,a1)=>(_PyCapsule_Import=Module[\"_PyCapsule_Import\"]=wasmExports[\"PyCapsule_Import\"])(a0,a1);var _PyCell_New=Module[\"_PyCell_New\"]=a0=>(_PyCell_New=Module[\"_PyCell_New\"]=wasmExports[\"PyCell_New\"])(a0);var _PyCell_Get=Module[\"_PyCell_Get\"]=a0=>(_PyCell_Get=Module[\"_PyCell_Get\"]=wasmExports[\"PyCell_Get\"])(a0);var _PyCell_Set=Module[\"_PyCell_Set\"]=(a0,a1)=>(_PyCell_Set=Module[\"_PyCell_Set\"]=wasmExports[\"PyCell_Set\"])(a0,a1);var _PyObject_RichCompare=Module[\"_PyObject_RichCompare\"]=(a0,a1,a2)=>(_PyObject_RichCompare=Module[\"_PyObject_RichCompare\"]=wasmExports[\"PyObject_RichCompare\"])(a0,a1,a2);var _PyMethod_Function=Module[\"_PyMethod_Function\"]=a0=>(_PyMethod_Function=Module[\"_PyMethod_Function\"]=wasmExports[\"PyMethod_Function\"])(a0);var _PyMethod_Self=Module[\"_PyMethod_Self\"]=a0=>(_PyMethod_Self=Module[\"_PyMethod_Self\"]=wasmExports[\"PyMethod_Self\"])(a0);var _PyMethod_New=Module[\"_PyMethod_New\"]=(a0,a1)=>(_PyMethod_New=Module[\"_PyMethod_New\"]=wasmExports[\"PyMethod_New\"])(a0,a1);var _PyObject_ClearWeakRefs=Module[\"_PyObject_ClearWeakRefs\"]=a0=>(_PyObject_ClearWeakRefs=Module[\"_PyObject_ClearWeakRefs\"]=wasmExports[\"PyObject_ClearWeakRefs\"])(a0);var __Py_HashPointer=Module[\"__Py_HashPointer\"]=a0=>(__Py_HashPointer=Module[\"__Py_HashPointer\"]=wasmExports[\"_Py_HashPointer\"])(a0);var __PyType_GetDict=Module[\"__PyType_GetDict\"]=a0=>(__PyType_GetDict=Module[\"__PyType_GetDict\"]=wasmExports[\"_PyType_GetDict\"])(a0);var __PyType_Lookup=Module[\"__PyType_Lookup\"]=(a0,a1)=>(__PyType_Lookup=Module[\"__PyType_Lookup\"]=wasmExports[\"_PyType_Lookup\"])(a0,a1);var _PyInstanceMethod_New=Module[\"_PyInstanceMethod_New\"]=a0=>(_PyInstanceMethod_New=Module[\"_PyInstanceMethod_New\"]=wasmExports[\"PyInstanceMethod_New\"])(a0);var _PyInstanceMethod_Function=Module[\"_PyInstanceMethod_Function\"]=a0=>(_PyInstanceMethod_Function=Module[\"_PyInstanceMethod_Function\"]=wasmExports[\"PyInstanceMethod_Function\"])(a0);var _PyCode_AddWatcher=Module[\"_PyCode_AddWatcher\"]=a0=>(_PyCode_AddWatcher=Module[\"_PyCode_AddWatcher\"]=wasmExports[\"PyCode_AddWatcher\"])(a0);var _PyCode_ClearWatcher=Module[\"_PyCode_ClearWatcher\"]=a0=>(_PyCode_ClearWatcher=Module[\"_PyCode_ClearWatcher\"]=wasmExports[\"PyCode_ClearWatcher\"])(a0);var __PyCode_Validate=Module[\"__PyCode_Validate\"]=a0=>(__PyCode_Validate=Module[\"__PyCode_Validate\"]=wasmExports[\"_PyCode_Validate\"])(a0);var __PyCode_New=Module[\"__PyCode_New\"]=a0=>(__PyCode_New=Module[\"__PyCode_New\"]=wasmExports[\"_PyCode_New\"])(a0);var __PyObject_NewVar=Module[\"__PyObject_NewVar\"]=(a0,a1)=>(__PyObject_NewVar=Module[\"__PyObject_NewVar\"]=wasmExports[\"_PyObject_NewVar\"])(a0,a1);var _PyFrozenSet_New=Module[\"_PyFrozenSet_New\"]=a0=>(_PyFrozenSet_New=Module[\"_PyFrozenSet_New\"]=wasmExports[\"PyFrozenSet_New\"])(a0);var _PyUnstable_Code_NewWithPosOnlyArgs=Module[\"_PyUnstable_Code_NewWithPosOnlyArgs\"]=(a0,a1,a2,a3,a4,a5,a6,a7,a8,a9,a10,a11,a12,a13,a14,a15,a16,a17)=>(_PyUnstable_Code_NewWithPosOnlyArgs=Module[\"_PyUnstable_Code_NewWithPosOnlyArgs\"]=wasmExports[\"PyUnstable_Code_NewWithPosOnlyArgs\"])(a0,a1,a2,a3,a4,a5,a6,a7,a8,a9,a10,a11,a12,a13,a14,a15,a16,a17);var _PyUnicode_Compare=Module[\"_PyUnicode_Compare\"]=(a0,a1)=>(_PyUnicode_Compare=Module[\"_PyUnicode_Compare\"]=wasmExports[\"PyUnicode_Compare\"])(a0,a1);var _PyUnstable_Code_New=Module[\"_PyUnstable_Code_New\"]=(a0,a1,a2,a3,a4,a5,a6,a7,a8,a9,a10,a11,a12,a13,a14,a15,a16)=>(_PyUnstable_Code_New=Module[\"_PyUnstable_Code_New\"]=wasmExports[\"PyUnstable_Code_New\"])(a0,a1,a2,a3,a4,a5,a6,a7,a8,a9,a10,a11,a12,a13,a14,a15,a16);var _PyCode_NewEmpty=Module[\"_PyCode_NewEmpty\"]=(a0,a1,a2)=>(_PyCode_NewEmpty=Module[\"_PyCode_NewEmpty\"]=wasmExports[\"PyCode_NewEmpty\"])(a0,a1,a2);var _PyUnicode_DecodeFSDefault=Module[\"_PyUnicode_DecodeFSDefault\"]=a0=>(_PyUnicode_DecodeFSDefault=Module[\"_PyUnicode_DecodeFSDefault\"]=wasmExports[\"PyUnicode_DecodeFSDefault\"])(a0);var _PyCode_Addr2Line=Module[\"_PyCode_Addr2Line\"]=(a0,a1)=>(_PyCode_Addr2Line=Module[\"_PyCode_Addr2Line\"]=wasmExports[\"PyCode_Addr2Line\"])(a0,a1);var __PyCode_CheckLineNumber=Module[\"__PyCode_CheckLineNumber\"]=(a0,a1)=>(__PyCode_CheckLineNumber=Module[\"__PyCode_CheckLineNumber\"]=wasmExports[\"_PyCode_CheckLineNumber\"])(a0,a1);var _PyCode_Addr2Location=Module[\"_PyCode_Addr2Location\"]=(a0,a1,a2,a3,a4,a5)=>(_PyCode_Addr2Location=Module[\"_PyCode_Addr2Location\"]=wasmExports[\"PyCode_Addr2Location\"])(a0,a1,a2,a3,a4,a5);var _PyUnstable_Code_GetExtra=Module[\"_PyUnstable_Code_GetExtra\"]=(a0,a1,a2)=>(_PyUnstable_Code_GetExtra=Module[\"_PyUnstable_Code_GetExtra\"]=wasmExports[\"PyUnstable_Code_GetExtra\"])(a0,a1,a2);var _PyUnstable_Code_SetExtra=Module[\"_PyUnstable_Code_SetExtra\"]=(a0,a1,a2)=>(_PyUnstable_Code_SetExtra=Module[\"_PyUnstable_Code_SetExtra\"]=wasmExports[\"PyUnstable_Code_SetExtra\"])(a0,a1,a2);var _PyCode_GetVarnames=Module[\"_PyCode_GetVarnames\"]=a0=>(_PyCode_GetVarnames=Module[\"_PyCode_GetVarnames\"]=wasmExports[\"PyCode_GetVarnames\"])(a0);var _PyCode_GetCellvars=Module[\"_PyCode_GetCellvars\"]=a0=>(_PyCode_GetCellvars=Module[\"_PyCode_GetCellvars\"]=wasmExports[\"PyCode_GetCellvars\"])(a0);var _PyCode_GetFreevars=Module[\"_PyCode_GetFreevars\"]=a0=>(_PyCode_GetFreevars=Module[\"_PyCode_GetFreevars\"]=wasmExports[\"PyCode_GetFreevars\"])(a0);var _PyCode_GetCode=Module[\"_PyCode_GetCode\"]=a0=>(_PyCode_GetCode=Module[\"_PyCode_GetCode\"]=wasmExports[\"PyCode_GetCode\"])(a0);var __PyCode_ConstantKey=Module[\"__PyCode_ConstantKey\"]=a0=>(__PyCode_ConstantKey=Module[\"__PyCode_ConstantKey\"]=wasmExports[\"_PyCode_ConstantKey\"])(a0);var _PyComplex_AsCComplex=Module[\"_PyComplex_AsCComplex\"]=(a0,a1)=>(_PyComplex_AsCComplex=Module[\"_PyComplex_AsCComplex\"]=wasmExports[\"PyComplex_AsCComplex\"])(a0,a1);var __PySet_NextEntry=Module[\"__PySet_NextEntry\"]=(a0,a1,a2,a3)=>(__PySet_NextEntry=Module[\"__PySet_NextEntry\"]=wasmExports[\"_PySet_NextEntry\"])(a0,a1,a2,a3);var _PyLong_FromVoidPtr=Module[\"_PyLong_FromVoidPtr\"]=a0=>(_PyLong_FromVoidPtr=Module[\"_PyLong_FromVoidPtr\"]=wasmExports[\"PyLong_FromVoidPtr\"])(a0);var __PyUnicode_FromASCII=Module[\"__PyUnicode_FromASCII\"]=(a0,a1)=>(__PyUnicode_FromASCII=Module[\"__PyUnicode_FromASCII\"]=wasmExports[\"_PyUnicode_FromASCII\"])(a0,a1);var _PyErr_WriteUnraisable=Module[\"_PyErr_WriteUnraisable\"]=a0=>(_PyErr_WriteUnraisable=Module[\"_PyErr_WriteUnraisable\"]=wasmExports[\"PyErr_WriteUnraisable\"])(a0);var __PyUnicode_Copy=Module[\"__PyUnicode_Copy\"]=a0=>(__PyUnicode_Copy=Module[\"__PyUnicode_Copy\"]=wasmExports[\"_PyUnicode_Copy\"])(a0);var __Py_c_sum=Module[\"__Py_c_sum\"]=(a0,a1,a2)=>(__Py_c_sum=Module[\"__Py_c_sum\"]=wasmExports[\"_Py_c_sum\"])(a0,a1,a2);var __Py_c_diff=Module[\"__Py_c_diff\"]=(a0,a1,a2)=>(__Py_c_diff=Module[\"__Py_c_diff\"]=wasmExports[\"_Py_c_diff\"])(a0,a1,a2);var __Py_c_neg=Module[\"__Py_c_neg\"]=(a0,a1)=>(__Py_c_neg=Module[\"__Py_c_neg\"]=wasmExports[\"_Py_c_neg\"])(a0,a1);var __Py_c_prod=Module[\"__Py_c_prod\"]=(a0,a1,a2)=>(__Py_c_prod=Module[\"__Py_c_prod\"]=wasmExports[\"_Py_c_prod\"])(a0,a1,a2);var __Py_c_quot=Module[\"__Py_c_quot\"]=(a0,a1,a2)=>(__Py_c_quot=Module[\"__Py_c_quot\"]=wasmExports[\"_Py_c_quot\"])(a0,a1,a2);var __Py_c_pow=Module[\"__Py_c_pow\"]=(a0,a1,a2)=>(__Py_c_pow=Module[\"__Py_c_pow\"]=wasmExports[\"_Py_c_pow\"])(a0,a1,a2);var _hypot=Module[\"_hypot\"]=(a0,a1)=>(_hypot=Module[\"_hypot\"]=wasmExports[\"hypot\"])(a0,a1);var _atan2=Module[\"_atan2\"]=(a0,a1)=>(_atan2=Module[\"_atan2\"]=wasmExports[\"atan2\"])(a0,a1);var _pow=Module[\"_pow\"]=(a0,a1)=>(_pow=Module[\"_pow\"]=wasmExports[\"pow\"])(a0,a1);var _log=Module[\"_log\"]=a0=>(_log=Module[\"_log\"]=wasmExports[\"log\"])(a0);var _exp=Module[\"_exp\"]=a0=>(_exp=Module[\"_exp\"]=wasmExports[\"exp\"])(a0);var _sin=Module[\"_sin\"]=a0=>(_sin=Module[\"_sin\"]=wasmExports[\"sin\"])(a0);var _cos=Module[\"_cos\"]=a0=>(_cos=Module[\"_cos\"]=wasmExports[\"cos\"])(a0);var __Py_c_abs=Module[\"__Py_c_abs\"]=a0=>(__Py_c_abs=Module[\"__Py_c_abs\"]=wasmExports[\"_Py_c_abs\"])(a0);var _PyComplex_FromDoubles=Module[\"_PyComplex_FromDoubles\"]=(a0,a1)=>(_PyComplex_FromDoubles=Module[\"_PyComplex_FromDoubles\"]=wasmExports[\"PyComplex_FromDoubles\"])(a0,a1);var _PyComplex_RealAsDouble=Module[\"_PyComplex_RealAsDouble\"]=a0=>(_PyComplex_RealAsDouble=Module[\"_PyComplex_RealAsDouble\"]=wasmExports[\"PyComplex_RealAsDouble\"])(a0);var _PyComplex_ImagAsDouble=Module[\"_PyComplex_ImagAsDouble\"]=a0=>(_PyComplex_ImagAsDouble=Module[\"_PyComplex_ImagAsDouble\"]=wasmExports[\"PyComplex_ImagAsDouble\"])(a0);var __Py_HashDouble=Module[\"__Py_HashDouble\"]=(a0,a1)=>(__Py_HashDouble=Module[\"__Py_HashDouble\"]=wasmExports[\"_Py_HashDouble\"])(a0,a1);var __PyUnicode_TransformDecimalAndSpaceToASCII=Module[\"__PyUnicode_TransformDecimalAndSpaceToASCII\"]=a0=>(__PyUnicode_TransformDecimalAndSpaceToASCII=Module[\"__PyUnicode_TransformDecimalAndSpaceToASCII\"]=wasmExports[\"_PyUnicode_TransformDecimalAndSpaceToASCII\"])(a0);var __Py_string_to_number_with_underscores=Module[\"__Py_string_to_number_with_underscores\"]=(a0,a1,a2,a3,a4,a5)=>(__Py_string_to_number_with_underscores=Module[\"__Py_string_to_number_with_underscores\"]=wasmExports[\"_Py_string_to_number_with_underscores\"])(a0,a1,a2,a3,a4,a5);var _PyCMethod_New=Module[\"_PyCMethod_New\"]=(a0,a1,a2,a3)=>(_PyCMethod_New=Module[\"_PyCMethod_New\"]=wasmExports[\"PyCMethod_New\"])(a0,a1,a2,a3);var _PyMember_GetOne=Module[\"_PyMember_GetOne\"]=(a0,a1)=>(_PyMember_GetOne=Module[\"_PyMember_GetOne\"]=wasmExports[\"PyMember_GetOne\"])(a0,a1);var _PyMember_SetOne=Module[\"_PyMember_SetOne\"]=(a0,a1,a2)=>(_PyMember_SetOne=Module[\"_PyMember_SetOne\"]=wasmExports[\"PyMember_SetOne\"])(a0,a1,a2);var _PyTuple_GetSlice=Module[\"_PyTuple_GetSlice\"]=(a0,a1,a2)=>(_PyTuple_GetSlice=Module[\"_PyTuple_GetSlice\"]=wasmExports[\"PyTuple_GetSlice\"])(a0,a1,a2);var _PyDescr_NewMethod=Module[\"_PyDescr_NewMethod\"]=(a0,a1)=>(_PyDescr_NewMethod=Module[\"_PyDescr_NewMethod\"]=wasmExports[\"PyDescr_NewMethod\"])(a0,a1);var __PyObject_FunctionStr=Module[\"__PyObject_FunctionStr\"]=a0=>(__PyObject_FunctionStr=Module[\"__PyObject_FunctionStr\"]=wasmExports[\"_PyObject_FunctionStr\"])(a0);var _PyDescr_NewClassMethod=Module[\"_PyDescr_NewClassMethod\"]=(a0,a1)=>(_PyDescr_NewClassMethod=Module[\"_PyDescr_NewClassMethod\"]=wasmExports[\"PyDescr_NewClassMethod\"])(a0,a1);var _PyDescr_NewMember=Module[\"_PyDescr_NewMember\"]=(a0,a1)=>(_PyDescr_NewMember=Module[\"_PyDescr_NewMember\"]=wasmExports[\"PyDescr_NewMember\"])(a0,a1);var _PyDescr_NewGetSet=Module[\"_PyDescr_NewGetSet\"]=(a0,a1)=>(_PyDescr_NewGetSet=Module[\"_PyDescr_NewGetSet\"]=wasmExports[\"PyDescr_NewGetSet\"])(a0,a1);var _PyDescr_NewWrapper=Module[\"_PyDescr_NewWrapper\"]=(a0,a1,a2)=>(_PyDescr_NewWrapper=Module[\"_PyDescr_NewWrapper\"]=wasmExports[\"PyDescr_NewWrapper\"])(a0,a1,a2);var _PyDescr_IsData=Module[\"_PyDescr_IsData\"]=a0=>(_PyDescr_IsData=Module[\"_PyDescr_IsData\"]=wasmExports[\"PyDescr_IsData\"])(a0);var _PyDictProxy_New=Module[\"_PyDictProxy_New\"]=a0=>(_PyDictProxy_New=Module[\"_PyDictProxy_New\"]=wasmExports[\"PyDictProxy_New\"])(a0);var __PyTrash_cond=Module[\"__PyTrash_cond\"]=(a0,a1)=>(__PyTrash_cond=Module[\"__PyTrash_cond\"]=wasmExports[\"_PyTrash_cond\"])(a0,a1);var __PyThreadState_UncheckedGet=Module[\"__PyThreadState_UncheckedGet\"]=()=>(__PyThreadState_UncheckedGet=Module[\"__PyThreadState_UncheckedGet\"]=wasmExports[\"_PyThreadState_UncheckedGet\"])();var __PyTrash_begin=Module[\"__PyTrash_begin\"]=(a0,a1)=>(__PyTrash_begin=Module[\"__PyTrash_begin\"]=wasmExports[\"_PyTrash_begin\"])(a0,a1);var __PyTrash_end=Module[\"__PyTrash_end\"]=a0=>(__PyTrash_end=Module[\"__PyTrash_end\"]=wasmExports[\"_PyTrash_end\"])(a0);var _PyWrapper_New=Module[\"_PyWrapper_New\"]=(a0,a1)=>(_PyWrapper_New=Module[\"_PyWrapper_New\"]=wasmExports[\"PyWrapper_New\"])(a0,a1);var _PyType_GetQualName=Module[\"_PyType_GetQualName\"]=a0=>(_PyType_GetQualName=Module[\"_PyType_GetQualName\"]=wasmExports[\"PyType_GetQualName\"])(a0);var __PyType_GetDocFromInternalDoc=Module[\"__PyType_GetDocFromInternalDoc\"]=(a0,a1)=>(__PyType_GetDocFromInternalDoc=Module[\"__PyType_GetDocFromInternalDoc\"]=wasmExports[\"_PyType_GetDocFromInternalDoc\"])(a0,a1);var __PyType_GetTextSignatureFromInternalDoc=Module[\"__PyType_GetTextSignatureFromInternalDoc\"]=(a0,a1)=>(__PyType_GetTextSignatureFromInternalDoc=Module[\"__PyType_GetTextSignatureFromInternalDoc\"]=wasmExports[\"_PyType_GetTextSignatureFromInternalDoc\"])(a0,a1);var _PyDict_Contains=Module[\"_PyDict_Contains\"]=(a0,a1)=>(_PyDict_Contains=Module[\"_PyDict_Contains\"]=wasmExports[\"PyDict_Contains\"])(a0,a1);var __PyArg_UnpackStack=Module[\"__PyArg_UnpackStack\"]=(a0,a1,a2,a3,a4,a5)=>(__PyArg_UnpackStack=Module[\"__PyArg_UnpackStack\"]=wasmExports[\"_PyArg_UnpackStack\"])(a0,a1,a2,a3,a4,a5);var __PyObject_IsAbstract=Module[\"__PyObject_IsAbstract\"]=a0=>(__PyObject_IsAbstract=Module[\"__PyObject_IsAbstract\"]=wasmExports[\"_PyObject_IsAbstract\"])(a0);var _PyException_GetCause=Module[\"_PyException_GetCause\"]=a0=>(_PyException_GetCause=Module[\"_PyException_GetCause\"]=wasmExports[\"PyException_GetCause\"])(a0);var _PyException_SetCause=Module[\"_PyException_SetCause\"]=(a0,a1)=>(_PyException_SetCause=Module[\"_PyException_SetCause\"]=wasmExports[\"PyException_SetCause\"])(a0,a1);var _PyException_GetContext=Module[\"_PyException_GetContext\"]=a0=>(_PyException_GetContext=Module[\"_PyException_GetContext\"]=wasmExports[\"PyException_GetContext\"])(a0);var _PyException_SetContext=Module[\"_PyException_SetContext\"]=(a0,a1)=>(_PyException_SetContext=Module[\"_PyException_SetContext\"]=wasmExports[\"PyException_SetContext\"])(a0,a1);var _PyException_GetArgs=Module[\"_PyException_GetArgs\"]=a0=>(_PyException_GetArgs=Module[\"_PyException_GetArgs\"]=wasmExports[\"PyException_GetArgs\"])(a0);var _PyException_SetArgs=Module[\"_PyException_SetArgs\"]=(a0,a1)=>(_PyException_SetArgs=Module[\"_PyException_SetArgs\"]=wasmExports[\"PyException_SetArgs\"])(a0,a1);var _PyExceptionClass_Name=Module[\"_PyExceptionClass_Name\"]=a0=>(_PyExceptionClass_Name=Module[\"_PyExceptionClass_Name\"]=wasmExports[\"PyExceptionClass_Name\"])(a0);var __PyExc_CreateExceptionGroup=Module[\"__PyExc_CreateExceptionGroup\"]=(a0,a1)=>(__PyExc_CreateExceptionGroup=Module[\"__PyExc_CreateExceptionGroup\"]=wasmExports[\"_PyExc_CreateExceptionGroup\"])(a0,a1);var __PyExc_PrepReraiseStar=Module[\"__PyExc_PrepReraiseStar\"]=(a0,a1)=>(__PyExc_PrepReraiseStar=Module[\"__PyExc_PrepReraiseStar\"]=wasmExports[\"_PyExc_PrepReraiseStar\"])(a0,a1);var _PyUnstable_Exc_PrepReraiseStar=Module[\"_PyUnstable_Exc_PrepReraiseStar\"]=(a0,a1)=>(_PyUnstable_Exc_PrepReraiseStar=Module[\"_PyUnstable_Exc_PrepReraiseStar\"]=wasmExports[\"PyUnstable_Exc_PrepReraiseStar\"])(a0,a1);var _PyUnicodeEncodeError_GetEncoding=Module[\"_PyUnicodeEncodeError_GetEncoding\"]=a0=>(_PyUnicodeEncodeError_GetEncoding=Module[\"_PyUnicodeEncodeError_GetEncoding\"]=wasmExports[\"PyUnicodeEncodeError_GetEncoding\"])(a0);var _PyUnicodeDecodeError_GetEncoding=Module[\"_PyUnicodeDecodeError_GetEncoding\"]=a0=>(_PyUnicodeDecodeError_GetEncoding=Module[\"_PyUnicodeDecodeError_GetEncoding\"]=wasmExports[\"PyUnicodeDecodeError_GetEncoding\"])(a0);var _PyUnicodeEncodeError_GetObject=Module[\"_PyUnicodeEncodeError_GetObject\"]=a0=>(_PyUnicodeEncodeError_GetObject=Module[\"_PyUnicodeEncodeError_GetObject\"]=wasmExports[\"PyUnicodeEncodeError_GetObject\"])(a0);var _PyUnicodeDecodeError_GetObject=Module[\"_PyUnicodeDecodeError_GetObject\"]=a0=>(_PyUnicodeDecodeError_GetObject=Module[\"_PyUnicodeDecodeError_GetObject\"]=wasmExports[\"PyUnicodeDecodeError_GetObject\"])(a0);var _PyUnicodeTranslateError_GetObject=Module[\"_PyUnicodeTranslateError_GetObject\"]=a0=>(_PyUnicodeTranslateError_GetObject=Module[\"_PyUnicodeTranslateError_GetObject\"]=wasmExports[\"PyUnicodeTranslateError_GetObject\"])(a0);var _PyUnicodeEncodeError_GetStart=Module[\"_PyUnicodeEncodeError_GetStart\"]=(a0,a1)=>(_PyUnicodeEncodeError_GetStart=Module[\"_PyUnicodeEncodeError_GetStart\"]=wasmExports[\"PyUnicodeEncodeError_GetStart\"])(a0,a1);var _PyUnicodeDecodeError_GetStart=Module[\"_PyUnicodeDecodeError_GetStart\"]=(a0,a1)=>(_PyUnicodeDecodeError_GetStart=Module[\"_PyUnicodeDecodeError_GetStart\"]=wasmExports[\"PyUnicodeDecodeError_GetStart\"])(a0,a1);var _PyUnicodeTranslateError_GetStart=Module[\"_PyUnicodeTranslateError_GetStart\"]=(a0,a1)=>(_PyUnicodeTranslateError_GetStart=Module[\"_PyUnicodeTranslateError_GetStart\"]=wasmExports[\"PyUnicodeTranslateError_GetStart\"])(a0,a1);var _PyUnicodeEncodeError_SetStart=Module[\"_PyUnicodeEncodeError_SetStart\"]=(a0,a1)=>(_PyUnicodeEncodeError_SetStart=Module[\"_PyUnicodeEncodeError_SetStart\"]=wasmExports[\"PyUnicodeEncodeError_SetStart\"])(a0,a1);var _PyUnicodeDecodeError_SetStart=Module[\"_PyUnicodeDecodeError_SetStart\"]=(a0,a1)=>(_PyUnicodeDecodeError_SetStart=Module[\"_PyUnicodeDecodeError_SetStart\"]=wasmExports[\"PyUnicodeDecodeError_SetStart\"])(a0,a1);var _PyUnicodeTranslateError_SetStart=Module[\"_PyUnicodeTranslateError_SetStart\"]=(a0,a1)=>(_PyUnicodeTranslateError_SetStart=Module[\"_PyUnicodeTranslateError_SetStart\"]=wasmExports[\"PyUnicodeTranslateError_SetStart\"])(a0,a1);var _PyUnicodeEncodeError_GetEnd=Module[\"_PyUnicodeEncodeError_GetEnd\"]=(a0,a1)=>(_PyUnicodeEncodeError_GetEnd=Module[\"_PyUnicodeEncodeError_GetEnd\"]=wasmExports[\"PyUnicodeEncodeError_GetEnd\"])(a0,a1);var _PyUnicodeDecodeError_GetEnd=Module[\"_PyUnicodeDecodeError_GetEnd\"]=(a0,a1)=>(_PyUnicodeDecodeError_GetEnd=Module[\"_PyUnicodeDecodeError_GetEnd\"]=wasmExports[\"PyUnicodeDecodeError_GetEnd\"])(a0,a1);var _PyUnicodeTranslateError_GetEnd=Module[\"_PyUnicodeTranslateError_GetEnd\"]=(a0,a1)=>(_PyUnicodeTranslateError_GetEnd=Module[\"_PyUnicodeTranslateError_GetEnd\"]=wasmExports[\"PyUnicodeTranslateError_GetEnd\"])(a0,a1);var _PyUnicodeEncodeError_SetEnd=Module[\"_PyUnicodeEncodeError_SetEnd\"]=(a0,a1)=>(_PyUnicodeEncodeError_SetEnd=Module[\"_PyUnicodeEncodeError_SetEnd\"]=wasmExports[\"PyUnicodeEncodeError_SetEnd\"])(a0,a1);var _PyUnicodeDecodeError_SetEnd=Module[\"_PyUnicodeDecodeError_SetEnd\"]=(a0,a1)=>(_PyUnicodeDecodeError_SetEnd=Module[\"_PyUnicodeDecodeError_SetEnd\"]=wasmExports[\"PyUnicodeDecodeError_SetEnd\"])(a0,a1);var _PyUnicodeTranslateError_SetEnd=Module[\"_PyUnicodeTranslateError_SetEnd\"]=(a0,a1)=>(_PyUnicodeTranslateError_SetEnd=Module[\"_PyUnicodeTranslateError_SetEnd\"]=wasmExports[\"PyUnicodeTranslateError_SetEnd\"])(a0,a1);var _PyUnicodeEncodeError_GetReason=Module[\"_PyUnicodeEncodeError_GetReason\"]=a0=>(_PyUnicodeEncodeError_GetReason=Module[\"_PyUnicodeEncodeError_GetReason\"]=wasmExports[\"PyUnicodeEncodeError_GetReason\"])(a0);var _PyUnicodeDecodeError_GetReason=Module[\"_PyUnicodeDecodeError_GetReason\"]=a0=>(_PyUnicodeDecodeError_GetReason=Module[\"_PyUnicodeDecodeError_GetReason\"]=wasmExports[\"PyUnicodeDecodeError_GetReason\"])(a0);var _PyUnicodeTranslateError_GetReason=Module[\"_PyUnicodeTranslateError_GetReason\"]=a0=>(_PyUnicodeTranslateError_GetReason=Module[\"_PyUnicodeTranslateError_GetReason\"]=wasmExports[\"PyUnicodeTranslateError_GetReason\"])(a0);var _PyUnicodeEncodeError_SetReason=Module[\"_PyUnicodeEncodeError_SetReason\"]=(a0,a1)=>(_PyUnicodeEncodeError_SetReason=Module[\"_PyUnicodeEncodeError_SetReason\"]=wasmExports[\"PyUnicodeEncodeError_SetReason\"])(a0,a1);var _PyUnicodeDecodeError_SetReason=Module[\"_PyUnicodeDecodeError_SetReason\"]=(a0,a1)=>(_PyUnicodeDecodeError_SetReason=Module[\"_PyUnicodeDecodeError_SetReason\"]=wasmExports[\"PyUnicodeDecodeError_SetReason\"])(a0,a1);var _PyUnicodeTranslateError_SetReason=Module[\"_PyUnicodeTranslateError_SetReason\"]=(a0,a1)=>(_PyUnicodeTranslateError_SetReason=Module[\"_PyUnicodeTranslateError_SetReason\"]=wasmExports[\"PyUnicodeTranslateError_SetReason\"])(a0,a1);var _PyUnicodeDecodeError_Create=Module[\"_PyUnicodeDecodeError_Create\"]=(a0,a1,a2,a3,a4,a5)=>(_PyUnicodeDecodeError_Create=Module[\"_PyUnicodeDecodeError_Create\"]=wasmExports[\"PyUnicodeDecodeError_Create\"])(a0,a1,a2,a3,a4,a5);var __PyUnicodeTranslateError_Create=Module[\"__PyUnicodeTranslateError_Create\"]=(a0,a1,a2,a3)=>(__PyUnicodeTranslateError_Create=Module[\"__PyUnicodeTranslateError_Create\"]=wasmExports[\"_PyUnicodeTranslateError_Create\"])(a0,a1,a2,a3);var _PyModule_GetDict=Module[\"_PyModule_GetDict\"]=a0=>(_PyModule_GetDict=Module[\"_PyModule_GetDict\"]=wasmExports[\"PyModule_GetDict\"])(a0);var _PyErr_NewException=Module[\"_PyErr_NewException\"]=(a0,a1,a2)=>(_PyErr_NewException=Module[\"_PyErr_NewException\"]=wasmExports[\"PyErr_NewException\"])(a0,a1,a2);var __PyException_AddNote=Module[\"__PyException_AddNote\"]=(a0,a1)=>(__PyException_AddNote=Module[\"__PyException_AddNote\"]=wasmExports[\"_PyException_AddNote\"])(a0,a1);var _PySet_Add=Module[\"_PySet_Add\"]=(a0,a1)=>(_PySet_Add=Module[\"_PySet_Add\"]=wasmExports[\"PySet_Add\"])(a0,a1);var _PySet_Contains=Module[\"_PySet_Contains\"]=(a0,a1)=>(_PySet_Contains=Module[\"_PySet_Contains\"]=wasmExports[\"PySet_Contains\"])(a0,a1);var _PyTuple_Size=Module[\"_PyTuple_Size\"]=a0=>(_PyTuple_Size=Module[\"_PyTuple_Size\"]=wasmExports[\"PyTuple_Size\"])(a0);var _PyDict_Copy=Module[\"_PyDict_Copy\"]=a0=>(_PyDict_Copy=Module[\"_PyDict_Copy\"]=wasmExports[\"PyDict_Copy\"])(a0);var _PyUnicode_ReadChar=Module[\"_PyUnicode_ReadChar\"]=(a0,a1)=>(_PyUnicode_ReadChar=Module[\"_PyUnicode_ReadChar\"]=wasmExports[\"PyUnicode_ReadChar\"])(a0,a1);var _PyObject_GenericGetDict=Module[\"_PyObject_GenericGetDict\"]=(a0,a1)=>(_PyObject_GenericGetDict=Module[\"_PyObject_GenericGetDict\"]=wasmExports[\"PyObject_GenericGetDict\"])(a0,a1);var _PyObject_GenericSetDict=Module[\"_PyObject_GenericSetDict\"]=(a0,a1,a2)=>(_PyObject_GenericSetDict=Module[\"_PyObject_GenericSetDict\"]=wasmExports[\"PyObject_GenericSetDict\"])(a0,a1,a2);var _PyList_SetSlice=Module[\"_PyList_SetSlice\"]=(a0,a1,a2,a3)=>(_PyList_SetSlice=Module[\"_PyList_SetSlice\"]=wasmExports[\"PyList_SetSlice\"])(a0,a1,a2,a3);var __PyUnicodeWriter_WriteASCIIString=Module[\"__PyUnicodeWriter_WriteASCIIString\"]=(a0,a1,a2)=>(__PyUnicodeWriter_WriteASCIIString=Module[\"__PyUnicodeWriter_WriteASCIIString\"]=wasmExports[\"_PyUnicodeWriter_WriteASCIIString\"])(a0,a1,a2);var _PyObject_GC_Track=Module[\"_PyObject_GC_Track\"]=a0=>(_PyObject_GC_Track=Module[\"_PyObject_GC_Track\"]=wasmExports[\"PyObject_GC_Track\"])(a0);var __PyGen_Finalize=Module[\"__PyGen_Finalize\"]=a0=>(__PyGen_Finalize=Module[\"__PyGen_Finalize\"]=wasmExports[\"_PyGen_Finalize\"])(a0);var _PyObject_CallFinalizerFromDealloc=Module[\"_PyObject_CallFinalizerFromDealloc\"]=a0=>(_PyObject_CallFinalizerFromDealloc=Module[\"_PyObject_CallFinalizerFromDealloc\"]=wasmExports[\"PyObject_CallFinalizerFromDealloc\"])(a0);var __PyObject_GC_NewVar=Module[\"__PyObject_GC_NewVar\"]=(a0,a1)=>(__PyObject_GC_NewVar=Module[\"__PyObject_GC_NewVar\"]=wasmExports[\"_PyObject_GC_NewVar\"])(a0,a1);var _PyUnstable_InterpreterFrame_GetLine=Module[\"_PyUnstable_InterpreterFrame_GetLine\"]=a0=>(_PyUnstable_InterpreterFrame_GetLine=Module[\"_PyUnstable_InterpreterFrame_GetLine\"]=wasmExports[\"PyUnstable_InterpreterFrame_GetLine\"])(a0);var _PyGen_NewWithQualName=Module[\"_PyGen_NewWithQualName\"]=(a0,a1,a2)=>(_PyGen_NewWithQualName=Module[\"_PyGen_NewWithQualName\"]=wasmExports[\"PyGen_NewWithQualName\"])(a0,a1,a2);var _PyGen_New=Module[\"_PyGen_New\"]=a0=>(_PyGen_New=Module[\"_PyGen_New\"]=wasmExports[\"PyGen_New\"])(a0);var _PyCoro_New=Module[\"_PyCoro_New\"]=(a0,a1,a2)=>(_PyCoro_New=Module[\"_PyCoro_New\"]=wasmExports[\"PyCoro_New\"])(a0,a1,a2);var _PyAsyncGen_New=Module[\"_PyAsyncGen_New\"]=(a0,a1,a2)=>(_PyAsyncGen_New=Module[\"_PyAsyncGen_New\"]=wasmExports[\"PyAsyncGen_New\"])(a0,a1,a2);var __PyErr_ChainStackItem=Module[\"__PyErr_ChainStackItem\"]=a0=>(__PyErr_ChainStackItem=Module[\"__PyErr_ChainStackItem\"]=wasmExports[\"_PyErr_ChainStackItem\"])(a0);var __PyEval_EvalFrameDefault=Module[\"__PyEval_EvalFrameDefault\"]=(a0,a1,a2)=>(__PyEval_EvalFrameDefault=Module[\"__PyEval_EvalFrameDefault\"]=wasmExports[\"_PyEval_EvalFrameDefault\"])(a0,a1,a2);var _PyFile_FromFd=Module[\"_PyFile_FromFd\"]=(a0,a1,a2,a3,a4,a5,a6,a7)=>(_PyFile_FromFd=Module[\"_PyFile_FromFd\"]=wasmExports[\"PyFile_FromFd\"])(a0,a1,a2,a3,a4,a5,a6,a7);var _PyFile_GetLine=Module[\"_PyFile_GetLine\"]=(a0,a1)=>(_PyFile_GetLine=Module[\"_PyFile_GetLine\"]=wasmExports[\"PyFile_GetLine\"])(a0,a1);var _PyFile_WriteObject=Module[\"_PyFile_WriteObject\"]=(a0,a1,a2)=>(_PyFile_WriteObject=Module[\"_PyFile_WriteObject\"]=wasmExports[\"PyFile_WriteObject\"])(a0,a1,a2);var _PyFile_WriteString=Module[\"_PyFile_WriteString\"]=(a0,a1)=>(_PyFile_WriteString=Module[\"_PyFile_WriteString\"]=wasmExports[\"PyFile_WriteString\"])(a0,a1);var _PyObject_AsFileDescriptor=Module[\"_PyObject_AsFileDescriptor\"]=a0=>(_PyObject_AsFileDescriptor=Module[\"_PyObject_AsFileDescriptor\"]=wasmExports[\"PyObject_AsFileDescriptor\"])(a0);var __PyLong_FileDescriptor_Converter=Module[\"__PyLong_FileDescriptor_Converter\"]=(a0,a1)=>(__PyLong_FileDescriptor_Converter=Module[\"__PyLong_FileDescriptor_Converter\"]=wasmExports[\"_PyLong_FileDescriptor_Converter\"])(a0,a1);var _flockfile=Module[\"_flockfile\"]=a0=>(_flockfile=Module[\"_flockfile\"]=wasmExports[\"flockfile\"])(a0);var _getc_unlocked=Module[\"_getc_unlocked\"]=a0=>(_getc_unlocked=Module[\"_getc_unlocked\"]=wasmExports[\"getc_unlocked\"])(a0);var _funlockfile=Module[\"_funlockfile\"]=a0=>(_funlockfile=Module[\"_funlockfile\"]=wasmExports[\"funlockfile\"])(a0);var _Py_UniversalNewlineFgets=Module[\"_Py_UniversalNewlineFgets\"]=(a0,a1,a2,a3)=>(_Py_UniversalNewlineFgets=Module[\"_Py_UniversalNewlineFgets\"]=wasmExports[\"Py_UniversalNewlineFgets\"])(a0,a1,a2,a3);var _PyFile_NewStdPrinter=Module[\"_PyFile_NewStdPrinter\"]=a0=>(_PyFile_NewStdPrinter=Module[\"_PyFile_NewStdPrinter\"]=wasmExports[\"PyFile_NewStdPrinter\"])(a0);var _PyFile_SetOpenCodeHook=Module[\"_PyFile_SetOpenCodeHook\"]=(a0,a1)=>(_PyFile_SetOpenCodeHook=Module[\"_PyFile_SetOpenCodeHook\"]=wasmExports[\"PyFile_SetOpenCodeHook\"])(a0,a1);var _Py_IsInitialized=Module[\"_Py_IsInitialized\"]=()=>(_Py_IsInitialized=Module[\"_Py_IsInitialized\"]=wasmExports[\"Py_IsInitialized\"])();var _PyFile_OpenCodeObject=Module[\"_PyFile_OpenCodeObject\"]=a0=>(_PyFile_OpenCodeObject=Module[\"_PyFile_OpenCodeObject\"]=wasmExports[\"PyFile_OpenCodeObject\"])(a0);var _PyFile_OpenCode=Module[\"_PyFile_OpenCode\"]=a0=>(_PyFile_OpenCode=Module[\"_PyFile_OpenCode\"]=wasmExports[\"PyFile_OpenCode\"])(a0);var __PyUnicode_AsUTF8String=Module[\"__PyUnicode_AsUTF8String\"]=(a0,a1)=>(__PyUnicode_AsUTF8String=Module[\"__PyUnicode_AsUTF8String\"]=wasmExports[\"_PyUnicode_AsUTF8String\"])(a0,a1);var __Py_write=Module[\"__Py_write\"]=(a0,a1,a2)=>(__Py_write=Module[\"__Py_write\"]=wasmExports[\"_Py_write\"])(a0,a1,a2);var _PyFloat_GetMax=Module[\"_PyFloat_GetMax\"]=()=>(_PyFloat_GetMax=Module[\"_PyFloat_GetMax\"]=wasmExports[\"PyFloat_GetMax\"])();var _PyFloat_GetMin=Module[\"_PyFloat_GetMin\"]=()=>(_PyFloat_GetMin=Module[\"_PyFloat_GetMin\"]=wasmExports[\"PyFloat_GetMin\"])();var _PyFloat_GetInfo=Module[\"_PyFloat_GetInfo\"]=()=>(_PyFloat_GetInfo=Module[\"_PyFloat_GetInfo\"]=wasmExports[\"PyFloat_GetInfo\"])();var _PyStructSequence_New=Module[\"_PyStructSequence_New\"]=a0=>(_PyStructSequence_New=Module[\"_PyStructSequence_New\"]=wasmExports[\"PyStructSequence_New\"])(a0);var __PyLong_Sign=Module[\"__PyLong_Sign\"]=a0=>(__PyLong_Sign=Module[\"__PyLong_Sign\"]=wasmExports[\"_PyLong_Sign\"])(a0);var _frexp=Module[\"_frexp\"]=(a0,a1)=>(_frexp=Module[\"_frexp\"]=wasmExports[\"frexp\"])(a0,a1);var _modf=Module[\"_modf\"]=(a0,a1)=>(_modf=Module[\"_modf\"]=wasmExports[\"modf\"])(a0,a1);var _PyLong_FromDouble=Module[\"_PyLong_FromDouble\"]=a0=>(_PyLong_FromDouble=Module[\"_PyLong_FromDouble\"]=wasmExports[\"PyLong_FromDouble\"])(a0);var __PyLong_Lshift=Module[\"__PyLong_Lshift\"]=(a0,a1)=>(__PyLong_Lshift=Module[\"__PyLong_Lshift\"]=wasmExports[\"_PyLong_Lshift\"])(a0,a1);var __PyFloat_DebugMallocStats=Module[\"__PyFloat_DebugMallocStats\"]=a0=>(__PyFloat_DebugMallocStats=Module[\"__PyFloat_DebugMallocStats\"]=wasmExports[\"_PyFloat_DebugMallocStats\"])(a0);var __PyDebugAllocatorStats=Module[\"__PyDebugAllocatorStats\"]=(a0,a1,a2,a3)=>(__PyDebugAllocatorStats=Module[\"__PyDebugAllocatorStats\"]=wasmExports[\"_PyDebugAllocatorStats\"])(a0,a1,a2,a3);var _PyFloat_Pack2=Module[\"_PyFloat_Pack2\"]=(a0,a1,a2)=>(_PyFloat_Pack2=Module[\"_PyFloat_Pack2\"]=wasmExports[\"PyFloat_Pack2\"])(a0,a1,a2);var _ldexp=Module[\"_ldexp\"]=(a0,a1)=>(_ldexp=Module[\"_ldexp\"]=wasmExports[\"ldexp\"])(a0,a1);var _PyFloat_Pack4=Module[\"_PyFloat_Pack4\"]=(a0,a1,a2)=>(_PyFloat_Pack4=Module[\"_PyFloat_Pack4\"]=wasmExports[\"PyFloat_Pack4\"])(a0,a1,a2);var _PyFloat_Pack8=Module[\"_PyFloat_Pack8\"]=(a0,a1,a2)=>(_PyFloat_Pack8=Module[\"_PyFloat_Pack8\"]=wasmExports[\"PyFloat_Pack8\"])(a0,a1,a2);var _PyFloat_Unpack2=Module[\"_PyFloat_Unpack2\"]=(a0,a1)=>(_PyFloat_Unpack2=Module[\"_PyFloat_Unpack2\"]=wasmExports[\"PyFloat_Unpack2\"])(a0,a1);var _PyFloat_Unpack4=Module[\"_PyFloat_Unpack4\"]=(a0,a1)=>(_PyFloat_Unpack4=Module[\"_PyFloat_Unpack4\"]=wasmExports[\"PyFloat_Unpack4\"])(a0,a1);var _PyFloat_Unpack8=Module[\"_PyFloat_Unpack8\"]=(a0,a1)=>(_PyFloat_Unpack8=Module[\"_PyFloat_Unpack8\"]=wasmExports[\"PyFloat_Unpack8\"])(a0,a1);var _fmod=Module[\"_fmod\"]=(a0,a1)=>(_fmod=Module[\"_fmod\"]=wasmExports[\"fmod\"])(a0,a1);var _PyErr_SetFromErrno=Module[\"_PyErr_SetFromErrno\"]=a0=>(_PyErr_SetFromErrno=Module[\"_PyErr_SetFromErrno\"]=wasmExports[\"PyErr_SetFromErrno\"])(a0);var _round=Module[\"_round\"]=a0=>(_round=Module[\"_round\"]=wasmExports[\"round\"])(a0);var __Py_dg_dtoa=Module[\"__Py_dg_dtoa\"]=(a0,a1,a2,a3,a4,a5)=>(__Py_dg_dtoa=Module[\"__Py_dg_dtoa\"]=wasmExports[\"_Py_dg_dtoa\"])(a0,a1,a2,a3,a4,a5);var __Py_dg_strtod=Module[\"__Py_dg_strtod\"]=(a0,a1)=>(__Py_dg_strtod=Module[\"__Py_dg_strtod\"]=wasmExports[\"_Py_dg_strtod\"])(a0,a1);var __Py_dg_freedtoa=Module[\"__Py_dg_freedtoa\"]=a0=>(__Py_dg_freedtoa=Module[\"__Py_dg_freedtoa\"]=wasmExports[\"_Py_dg_freedtoa\"])(a0);var __Py_parse_inf_or_nan=Module[\"__Py_parse_inf_or_nan\"]=(a0,a1)=>(__Py_parse_inf_or_nan=Module[\"__Py_parse_inf_or_nan\"]=wasmExports[\"_Py_parse_inf_or_nan\"])(a0,a1);var _strtol=Module[\"_strtol\"]=(a0,a1,a2)=>(_strtol=Module[\"_strtol\"]=wasmExports[\"strtol\"])(a0,a1,a2);var __PyFloat_FormatAdvancedWriter=Module[\"__PyFloat_FormatAdvancedWriter\"]=(a0,a1,a2,a3,a4)=>(__PyFloat_FormatAdvancedWriter=Module[\"__PyFloat_FormatAdvancedWriter\"]=wasmExports[\"_PyFloat_FormatAdvancedWriter\"])(a0,a1,a2,a3,a4);var _PyFrame_GetLineNumber=Module[\"_PyFrame_GetLineNumber\"]=a0=>(_PyFrame_GetLineNumber=Module[\"_PyFrame_GetLineNumber\"]=wasmExports[\"PyFrame_GetLineNumber\"])(a0);var _PyFrame_New=Module[\"_PyFrame_New\"]=(a0,a1,a2,a3)=>(_PyFrame_New=Module[\"_PyFrame_New\"]=wasmExports[\"PyFrame_New\"])(a0,a1,a2,a3);var _PyDict_Size=Module[\"_PyDict_Size\"]=a0=>(_PyDict_Size=Module[\"_PyDict_Size\"]=wasmExports[\"PyDict_Size\"])(a0);var _PyDict_Merge=Module[\"_PyDict_Merge\"]=(a0,a1,a2)=>(_PyDict_Merge=Module[\"_PyDict_Merge\"]=wasmExports[\"PyDict_Merge\"])(a0,a1,a2);var _PyFrame_GetVar=Module[\"_PyFrame_GetVar\"]=(a0,a1)=>(_PyFrame_GetVar=Module[\"_PyFrame_GetVar\"]=wasmExports[\"PyFrame_GetVar\"])(a0,a1);var __PyUnicode_Equal=Module[\"__PyUnicode_Equal\"]=(a0,a1)=>(__PyUnicode_Equal=Module[\"__PyUnicode_Equal\"]=wasmExports[\"_PyUnicode_Equal\"])(a0,a1);var _PyFrame_GetVarString=Module[\"_PyFrame_GetVarString\"]=(a0,a1)=>(_PyFrame_GetVarString=Module[\"_PyFrame_GetVarString\"]=wasmExports[\"PyFrame_GetVarString\"])(a0,a1);var _PyFrame_FastToLocalsWithError=Module[\"_PyFrame_FastToLocalsWithError\"]=a0=>(_PyFrame_FastToLocalsWithError=Module[\"_PyFrame_FastToLocalsWithError\"]=wasmExports[\"PyFrame_FastToLocalsWithError\"])(a0);var _PyFrame_FastToLocals=Module[\"_PyFrame_FastToLocals\"]=a0=>(_PyFrame_FastToLocals=Module[\"_PyFrame_FastToLocals\"]=wasmExports[\"PyFrame_FastToLocals\"])(a0);var _PyFrame_LocalsToFast=Module[\"_PyFrame_LocalsToFast\"]=(a0,a1)=>(_PyFrame_LocalsToFast=Module[\"_PyFrame_LocalsToFast\"]=wasmExports[\"PyFrame_LocalsToFast\"])(a0,a1);var __PyFrame_IsEntryFrame=Module[\"__PyFrame_IsEntryFrame\"]=a0=>(__PyFrame_IsEntryFrame=Module[\"__PyFrame_IsEntryFrame\"]=wasmExports[\"_PyFrame_IsEntryFrame\"])(a0);var _PyFrame_GetCode=Module[\"_PyFrame_GetCode\"]=a0=>(_PyFrame_GetCode=Module[\"_PyFrame_GetCode\"]=wasmExports[\"PyFrame_GetCode\"])(a0);var _PyFrame_GetBack=Module[\"_PyFrame_GetBack\"]=a0=>(_PyFrame_GetBack=Module[\"_PyFrame_GetBack\"]=wasmExports[\"PyFrame_GetBack\"])(a0);var _PyFrame_GetLocals=Module[\"_PyFrame_GetLocals\"]=a0=>(_PyFrame_GetLocals=Module[\"_PyFrame_GetLocals\"]=wasmExports[\"PyFrame_GetLocals\"])(a0);var _PyFrame_GetGlobals=Module[\"_PyFrame_GetGlobals\"]=a0=>(_PyFrame_GetGlobals=Module[\"_PyFrame_GetGlobals\"]=wasmExports[\"PyFrame_GetGlobals\"])(a0);var _PyFrame_GetBuiltins=Module[\"_PyFrame_GetBuiltins\"]=a0=>(_PyFrame_GetBuiltins=Module[\"_PyFrame_GetBuiltins\"]=wasmExports[\"PyFrame_GetBuiltins\"])(a0);var _PyFrame_GetLasti=Module[\"_PyFrame_GetLasti\"]=a0=>(_PyFrame_GetLasti=Module[\"_PyFrame_GetLasti\"]=wasmExports[\"PyFrame_GetLasti\"])(a0);var _PyFrame_GetGenerator=Module[\"_PyFrame_GetGenerator\"]=a0=>(_PyFrame_GetGenerator=Module[\"_PyFrame_GetGenerator\"]=wasmExports[\"PyFrame_GetGenerator\"])(a0);var _PyCompile_OpcodeStackEffect=Module[\"_PyCompile_OpcodeStackEffect\"]=(a0,a1)=>(_PyCompile_OpcodeStackEffect=Module[\"_PyCompile_OpcodeStackEffect\"]=wasmExports[\"PyCompile_OpcodeStackEffect\"])(a0,a1);var _PyFunction_AddWatcher=Module[\"_PyFunction_AddWatcher\"]=a0=>(_PyFunction_AddWatcher=Module[\"_PyFunction_AddWatcher\"]=wasmExports[\"PyFunction_AddWatcher\"])(a0);var _PyFunction_ClearWatcher=Module[\"_PyFunction_ClearWatcher\"]=a0=>(_PyFunction_ClearWatcher=Module[\"_PyFunction_ClearWatcher\"]=wasmExports[\"PyFunction_ClearWatcher\"])(a0);var _PyFunction_NewWithQualName=Module[\"_PyFunction_NewWithQualName\"]=(a0,a1,a2)=>(_PyFunction_NewWithQualName=Module[\"_PyFunction_NewWithQualName\"]=wasmExports[\"PyFunction_NewWithQualName\"])(a0,a1,a2);var _PyFunction_New=Module[\"_PyFunction_New\"]=(a0,a1)=>(_PyFunction_New=Module[\"_PyFunction_New\"]=wasmExports[\"PyFunction_New\"])(a0,a1);var _PyFunction_GetCode=Module[\"_PyFunction_GetCode\"]=a0=>(_PyFunction_GetCode=Module[\"_PyFunction_GetCode\"]=wasmExports[\"PyFunction_GetCode\"])(a0);var _PyFunction_GetGlobals=Module[\"_PyFunction_GetGlobals\"]=a0=>(_PyFunction_GetGlobals=Module[\"_PyFunction_GetGlobals\"]=wasmExports[\"PyFunction_GetGlobals\"])(a0);var _PyFunction_GetModule=Module[\"_PyFunction_GetModule\"]=a0=>(_PyFunction_GetModule=Module[\"_PyFunction_GetModule\"]=wasmExports[\"PyFunction_GetModule\"])(a0);var _PyFunction_GetDefaults=Module[\"_PyFunction_GetDefaults\"]=a0=>(_PyFunction_GetDefaults=Module[\"_PyFunction_GetDefaults\"]=wasmExports[\"PyFunction_GetDefaults\"])(a0);var _PyFunction_SetDefaults=Module[\"_PyFunction_SetDefaults\"]=(a0,a1)=>(_PyFunction_SetDefaults=Module[\"_PyFunction_SetDefaults\"]=wasmExports[\"PyFunction_SetDefaults\"])(a0,a1);var _PyFunction_SetVectorcall=Module[\"_PyFunction_SetVectorcall\"]=(a0,a1)=>(_PyFunction_SetVectorcall=Module[\"_PyFunction_SetVectorcall\"]=wasmExports[\"PyFunction_SetVectorcall\"])(a0,a1);var _PyFunction_GetKwDefaults=Module[\"_PyFunction_GetKwDefaults\"]=a0=>(_PyFunction_GetKwDefaults=Module[\"_PyFunction_GetKwDefaults\"]=wasmExports[\"PyFunction_GetKwDefaults\"])(a0);var _PyFunction_SetKwDefaults=Module[\"_PyFunction_SetKwDefaults\"]=(a0,a1)=>(_PyFunction_SetKwDefaults=Module[\"_PyFunction_SetKwDefaults\"]=wasmExports[\"PyFunction_SetKwDefaults\"])(a0,a1);var _PyFunction_GetClosure=Module[\"_PyFunction_GetClosure\"]=a0=>(_PyFunction_GetClosure=Module[\"_PyFunction_GetClosure\"]=wasmExports[\"PyFunction_GetClosure\"])(a0);var _PyFunction_SetClosure=Module[\"_PyFunction_SetClosure\"]=(a0,a1)=>(_PyFunction_SetClosure=Module[\"_PyFunction_SetClosure\"]=wasmExports[\"PyFunction_SetClosure\"])(a0,a1);var _PyFunction_GetAnnotations=Module[\"_PyFunction_GetAnnotations\"]=a0=>(_PyFunction_GetAnnotations=Module[\"_PyFunction_GetAnnotations\"]=wasmExports[\"PyFunction_GetAnnotations\"])(a0);var _PyFunction_SetAnnotations=Module[\"_PyFunction_SetAnnotations\"]=(a0,a1)=>(_PyFunction_SetAnnotations=Module[\"_PyFunction_SetAnnotations\"]=wasmExports[\"PyFunction_SetAnnotations\"])(a0,a1);var _PyClassMethod_New=Module[\"_PyClassMethod_New\"]=a0=>(_PyClassMethod_New=Module[\"_PyClassMethod_New\"]=wasmExports[\"PyClassMethod_New\"])(a0);var _PyStaticMethod_New=Module[\"_PyStaticMethod_New\"]=a0=>(_PyStaticMethod_New=Module[\"_PyStaticMethod_New\"]=wasmExports[\"PyStaticMethod_New\"])(a0);var __PyInterpreterState_LookUpID=Module[\"__PyInterpreterState_LookUpID\"]=a0=>(__PyInterpreterState_LookUpID=Module[\"__PyInterpreterState_LookUpID\"]=wasmExports[\"_PyInterpreterState_LookUpID\"])(a0);var __PyInterpreterState_IDDecref=Module[\"__PyInterpreterState_IDDecref\"]=a0=>(__PyInterpreterState_IDDecref=Module[\"__PyInterpreterState_IDDecref\"]=wasmExports[\"_PyInterpreterState_IDDecref\"])(a0);var _PyLong_FromLongLong=Module[\"_PyLong_FromLongLong\"]=a0=>(_PyLong_FromLongLong=Module[\"_PyLong_FromLongLong\"]=wasmExports[\"PyLong_FromLongLong\"])(a0);var _PyLong_AsLongLongAndOverflow=Module[\"_PyLong_AsLongLongAndOverflow\"]=(a0,a1)=>(_PyLong_AsLongLongAndOverflow=Module[\"_PyLong_AsLongLongAndOverflow\"]=wasmExports[\"PyLong_AsLongLongAndOverflow\"])(a0,a1);var _PyArg_ParseTupleAndKeywords=Module[\"_PyArg_ParseTupleAndKeywords\"]=(a0,a1,a2,a3,a4)=>(_PyArg_ParseTupleAndKeywords=Module[\"_PyArg_ParseTupleAndKeywords\"]=wasmExports[\"PyArg_ParseTupleAndKeywords\"])(a0,a1,a2,a3,a4);var __PyInterpreterState_IDIncref=Module[\"__PyInterpreterState_IDIncref\"]=a0=>(__PyInterpreterState_IDIncref=Module[\"__PyInterpreterState_IDIncref\"]=wasmExports[\"_PyInterpreterState_IDIncref\"])(a0);var __PyInterpreterID_New=Module[\"__PyInterpreterID_New\"]=a0=>(__PyInterpreterID_New=Module[\"__PyInterpreterID_New\"]=wasmExports[\"_PyInterpreterID_New\"])(a0);var __PyInterpreterState_GetIDObject=Module[\"__PyInterpreterState_GetIDObject\"]=a0=>(__PyInterpreterState_GetIDObject=Module[\"__PyInterpreterState_GetIDObject\"]=wasmExports[\"_PyInterpreterState_GetIDObject\"])(a0);var __PyInterpreterState_IDInitref=Module[\"__PyInterpreterState_IDInitref\"]=a0=>(__PyInterpreterState_IDInitref=Module[\"__PyInterpreterState_IDInitref\"]=wasmExports[\"_PyInterpreterState_IDInitref\"])(a0);var _PyInterpreterState_GetID=Module[\"_PyInterpreterState_GetID\"]=a0=>(_PyInterpreterState_GetID=Module[\"_PyInterpreterState_GetID\"]=wasmExports[\"PyInterpreterState_GetID\"])(a0);var __PyInterpreterID_LookUp=Module[\"__PyInterpreterID_LookUp\"]=a0=>(__PyInterpreterID_LookUp=Module[\"__PyInterpreterID_LookUp\"]=wasmExports[\"_PyInterpreterID_LookUp\"])(a0);var _PyLong_AsLongLong=Module[\"_PyLong_AsLongLong\"]=a0=>(_PyLong_AsLongLong=Module[\"_PyLong_AsLongLong\"]=wasmExports[\"PyLong_AsLongLong\"])(a0);var _PyCallIter_New=Module[\"_PyCallIter_New\"]=(a0,a1)=>(_PyCallIter_New=Module[\"_PyCallIter_New\"]=wasmExports[\"PyCallIter_New\"])(a0,a1);var __PyList_DebugMallocStats=Module[\"__PyList_DebugMallocStats\"]=a0=>(__PyList_DebugMallocStats=Module[\"__PyList_DebugMallocStats\"]=wasmExports[\"_PyList_DebugMallocStats\"])(a0);var _PyList_SetItem=Module[\"_PyList_SetItem\"]=(a0,a1,a2)=>(_PyList_SetItem=Module[\"_PyList_SetItem\"]=wasmExports[\"PyList_SetItem\"])(a0,a1,a2);var _PyList_Insert=Module[\"_PyList_Insert\"]=(a0,a1,a2)=>(_PyList_Insert=Module[\"_PyList_Insert\"]=wasmExports[\"PyList_Insert\"])(a0,a1,a2);var _PyList_GetSlice=Module[\"_PyList_GetSlice\"]=(a0,a1,a2)=>(_PyList_GetSlice=Module[\"_PyList_GetSlice\"]=wasmExports[\"PyList_GetSlice\"])(a0,a1,a2);var _Py_ReprEnter=Module[\"_Py_ReprEnter\"]=a0=>(_Py_ReprEnter=Module[\"_Py_ReprEnter\"]=wasmExports[\"Py_ReprEnter\"])(a0);var __PyUnicodeWriter_WriteChar=Module[\"__PyUnicodeWriter_WriteChar\"]=(a0,a1)=>(__PyUnicodeWriter_WriteChar=Module[\"__PyUnicodeWriter_WriteChar\"]=wasmExports[\"_PyUnicodeWriter_WriteChar\"])(a0,a1);var _Py_ReprLeave=Module[\"_Py_ReprLeave\"]=a0=>(_Py_ReprLeave=Module[\"_Py_ReprLeave\"]=wasmExports[\"Py_ReprLeave\"])(a0);var __PyEval_SliceIndexNotNone=Module[\"__PyEval_SliceIndexNotNone\"]=(a0,a1)=>(__PyEval_SliceIndexNotNone=Module[\"__PyEval_SliceIndexNotNone\"]=wasmExports[\"_PyEval_SliceIndexNotNone\"])(a0,a1);var _PyObject_HashNotImplemented=Module[\"_PyObject_HashNotImplemented\"]=a0=>(_PyObject_HashNotImplemented=Module[\"_PyObject_HashNotImplemented\"]=wasmExports[\"PyObject_HashNotImplemented\"])(a0);var __PyLong_New=Module[\"__PyLong_New\"]=a0=>(__PyLong_New=Module[\"__PyLong_New\"]=wasmExports[\"_PyLong_New\"])(a0);var __PyLong_FromDigits=Module[\"__PyLong_FromDigits\"]=(a0,a1,a2)=>(__PyLong_FromDigits=Module[\"__PyLong_FromDigits\"]=wasmExports[\"_PyLong_FromDigits\"])(a0,a1,a2);var _PyLong_FromUnsignedLong=Module[\"_PyLong_FromUnsignedLong\"]=a0=>(_PyLong_FromUnsignedLong=Module[\"_PyLong_FromUnsignedLong\"]=wasmExports[\"PyLong_FromUnsignedLong\"])(a0);var _PyLong_FromUnsignedLongLong=Module[\"_PyLong_FromUnsignedLongLong\"]=a0=>(_PyLong_FromUnsignedLongLong=Module[\"_PyLong_FromUnsignedLongLong\"]=wasmExports[\"PyLong_FromUnsignedLongLong\"])(a0);var _PyLong_AsUnsignedLong=Module[\"_PyLong_AsUnsignedLong\"]=a0=>(_PyLong_AsUnsignedLong=Module[\"_PyLong_AsUnsignedLong\"]=wasmExports[\"PyLong_AsUnsignedLong\"])(a0);var _PyLong_AsSize_t=Module[\"_PyLong_AsSize_t\"]=a0=>(_PyLong_AsSize_t=Module[\"_PyLong_AsSize_t\"]=wasmExports[\"PyLong_AsSize_t\"])(a0);var _PyLong_AsUnsignedLongMask=Module[\"_PyLong_AsUnsignedLongMask\"]=a0=>(_PyLong_AsUnsignedLongMask=Module[\"_PyLong_AsUnsignedLongMask\"]=wasmExports[\"PyLong_AsUnsignedLongMask\"])(a0);var __PyLong_FromByteArray=Module[\"__PyLong_FromByteArray\"]=(a0,a1,a2,a3)=>(__PyLong_FromByteArray=Module[\"__PyLong_FromByteArray\"]=wasmExports[\"_PyLong_FromByteArray\"])(a0,a1,a2,a3);var _PyLong_AsVoidPtr=Module[\"_PyLong_AsVoidPtr\"]=a0=>(_PyLong_AsVoidPtr=Module[\"_PyLong_AsVoidPtr\"]=wasmExports[\"PyLong_AsVoidPtr\"])(a0);var _PyLong_AsUnsignedLongLong=Module[\"_PyLong_AsUnsignedLongLong\"]=a0=>(_PyLong_AsUnsignedLongLong=Module[\"_PyLong_AsUnsignedLongLong\"]=wasmExports[\"PyLong_AsUnsignedLongLong\"])(a0);var _PyLong_AsUnsignedLongLongMask=Module[\"_PyLong_AsUnsignedLongLongMask\"]=a0=>(_PyLong_AsUnsignedLongLongMask=Module[\"_PyLong_AsUnsignedLongLongMask\"]=wasmExports[\"PyLong_AsUnsignedLongLongMask\"])(a0);var __PyLong_UnsignedShort_Converter=Module[\"__PyLong_UnsignedShort_Converter\"]=(a0,a1)=>(__PyLong_UnsignedShort_Converter=Module[\"__PyLong_UnsignedShort_Converter\"]=wasmExports[\"_PyLong_UnsignedShort_Converter\"])(a0,a1);var __PyLong_UnsignedInt_Converter=Module[\"__PyLong_UnsignedInt_Converter\"]=(a0,a1)=>(__PyLong_UnsignedInt_Converter=Module[\"__PyLong_UnsignedInt_Converter\"]=wasmExports[\"_PyLong_UnsignedInt_Converter\"])(a0,a1);var __PyLong_UnsignedLong_Converter=Module[\"__PyLong_UnsignedLong_Converter\"]=(a0,a1)=>(__PyLong_UnsignedLong_Converter=Module[\"__PyLong_UnsignedLong_Converter\"]=wasmExports[\"_PyLong_UnsignedLong_Converter\"])(a0,a1);var __PyLong_UnsignedLongLong_Converter=Module[\"__PyLong_UnsignedLongLong_Converter\"]=(a0,a1)=>(__PyLong_UnsignedLongLong_Converter=Module[\"__PyLong_UnsignedLongLong_Converter\"]=wasmExports[\"_PyLong_UnsignedLongLong_Converter\"])(a0,a1);var __PyLong_Size_t_Converter=Module[\"__PyLong_Size_t_Converter\"]=(a0,a1)=>(__PyLong_Size_t_Converter=Module[\"__PyLong_Size_t_Converter\"]=wasmExports[\"_PyLong_Size_t_Converter\"])(a0,a1);var __PyUnicodeWriter_PrepareInternal=Module[\"__PyUnicodeWriter_PrepareInternal\"]=(a0,a1,a2)=>(__PyUnicodeWriter_PrepareInternal=Module[\"__PyUnicodeWriter_PrepareInternal\"]=wasmExports[\"_PyUnicodeWriter_PrepareInternal\"])(a0,a1,a2);var __PyLong_FormatWriter=Module[\"__PyLong_FormatWriter\"]=(a0,a1,a2,a3)=>(__PyLong_FormatWriter=Module[\"__PyLong_FormatWriter\"]=wasmExports[\"_PyLong_FormatWriter\"])(a0,a1,a2,a3);var __PyLong_Frexp=Module[\"__PyLong_Frexp\"]=(a0,a1)=>(__PyLong_Frexp=Module[\"__PyLong_Frexp\"]=wasmExports[\"_PyLong_Frexp\"])(a0,a1);var __PyLong_Rshift=Module[\"__PyLong_Rshift\"]=(a0,a1)=>(__PyLong_Rshift=Module[\"__PyLong_Rshift\"]=wasmExports[\"_PyLong_Rshift\"])(a0,a1);var __PyLong_GCD=Module[\"__PyLong_GCD\"]=(a0,a1)=>(__PyLong_GCD=Module[\"__PyLong_GCD\"]=wasmExports[\"_PyLong_GCD\"])(a0,a1);var __PyLong_DivmodNear=Module[\"__PyLong_DivmodNear\"]=(a0,a1)=>(__PyLong_DivmodNear=Module[\"__PyLong_DivmodNear\"]=wasmExports[\"_PyLong_DivmodNear\"])(a0,a1);var _PyLong_GetInfo=Module[\"_PyLong_GetInfo\"]=()=>(_PyLong_GetInfo=Module[\"_PyLong_GetInfo\"]=wasmExports[\"PyLong_GetInfo\"])();var _PyUnstable_Long_IsCompact=Module[\"_PyUnstable_Long_IsCompact\"]=a0=>(_PyUnstable_Long_IsCompact=Module[\"_PyUnstable_Long_IsCompact\"]=wasmExports[\"PyUnstable_Long_IsCompact\"])(a0);var _PyUnstable_Long_CompactValue=Module[\"_PyUnstable_Long_CompactValue\"]=a0=>(_PyUnstable_Long_CompactValue=Module[\"_PyUnstable_Long_CompactValue\"]=wasmExports[\"PyUnstable_Long_CompactValue\"])(a0);var _PyObject_Bytes=Module[\"_PyObject_Bytes\"]=a0=>(_PyObject_Bytes=Module[\"_PyObject_Bytes\"]=wasmExports[\"PyObject_Bytes\"])(a0);var __PyLong_FormatAdvancedWriter=Module[\"__PyLong_FormatAdvancedWriter\"]=(a0,a1,a2,a3,a4)=>(__PyLong_FormatAdvancedWriter=Module[\"__PyLong_FormatAdvancedWriter\"]=wasmExports[\"_PyLong_FormatAdvancedWriter\"])(a0,a1,a2,a3,a4);var __PyDict_DebugMallocStats=Module[\"__PyDict_DebugMallocStats\"]=a0=>(__PyDict_DebugMallocStats=Module[\"__PyDict_DebugMallocStats\"]=wasmExports[\"_PyDict_DebugMallocStats\"])(a0);var __PyDict_CheckConsistency=Module[\"__PyDict_CheckConsistency\"]=(a0,a1)=>(__PyDict_CheckConsistency=Module[\"__PyDict_CheckConsistency\"]=wasmExports[\"_PyDict_CheckConsistency\"])(a0,a1);var __PyObject_AssertFailed=Module[\"__PyObject_AssertFailed\"]=(a0,a1,a2,a3,a4,a5)=>(__PyObject_AssertFailed=Module[\"__PyObject_AssertFailed\"]=wasmExports[\"_PyObject_AssertFailed\"])(a0,a1,a2,a3,a4,a5);var __PyDict_HasOnlyStringKeys=Module[\"__PyDict_HasOnlyStringKeys\"]=a0=>(__PyDict_HasOnlyStringKeys=Module[\"__PyDict_HasOnlyStringKeys\"]=wasmExports[\"_PyDict_HasOnlyStringKeys\"])(a0);var __PyDict_Next=Module[\"__PyDict_Next\"]=(a0,a1,a2,a3,a4)=>(__PyDict_Next=Module[\"__PyDict_Next\"]=wasmExports[\"_PyDict_Next\"])(a0,a1,a2,a3,a4);var __PyDict_MaybeUntrack=Module[\"__PyDict_MaybeUntrack\"]=a0=>(__PyDict_MaybeUntrack=Module[\"__PyDict_MaybeUntrack\"]=wasmExports[\"_PyDict_MaybeUntrack\"])(a0);var _PyObject_IS_GC=Module[\"_PyObject_IS_GC\"]=a0=>(_PyObject_IS_GC=Module[\"_PyObject_IS_GC\"]=wasmExports[\"PyObject_IS_GC\"])(a0);var __PyDict_NewPresized=Module[\"__PyDict_NewPresized\"]=a0=>(__PyDict_NewPresized=Module[\"__PyDict_NewPresized\"]=wasmExports[\"_PyDict_NewPresized\"])(a0);var _PyDict_GetItem=Module[\"_PyDict_GetItem\"]=(a0,a1)=>(_PyDict_GetItem=Module[\"_PyDict_GetItem\"]=wasmExports[\"PyDict_GetItem\"])(a0,a1);var __PyDict_GetItemWithError=Module[\"__PyDict_GetItemWithError\"]=(a0,a1)=>(__PyDict_GetItemWithError=Module[\"__PyDict_GetItemWithError\"]=wasmExports[\"_PyDict_GetItemWithError\"])(a0,a1);var __PyDict_GetItemIdWithError=Module[\"__PyDict_GetItemIdWithError\"]=(a0,a1)=>(__PyDict_GetItemIdWithError=Module[\"__PyDict_GetItemIdWithError\"]=wasmExports[\"_PyDict_GetItemIdWithError\"])(a0,a1);var __PyDict_GetItemStringWithError=Module[\"__PyDict_GetItemStringWithError\"]=(a0,a1)=>(__PyDict_GetItemStringWithError=Module[\"__PyDict_GetItemStringWithError\"]=wasmExports[\"_PyDict_GetItemStringWithError\"])(a0,a1);var __PyDict_SetItem_KnownHash=Module[\"__PyDict_SetItem_KnownHash\"]=(a0,a1,a2,a3)=>(__PyDict_SetItem_KnownHash=Module[\"__PyDict_SetItem_KnownHash\"]=wasmExports[\"_PyDict_SetItem_KnownHash\"])(a0,a1,a2,a3);var _PyDict_DelItem=Module[\"_PyDict_DelItem\"]=(a0,a1)=>(_PyDict_DelItem=Module[\"_PyDict_DelItem\"]=wasmExports[\"PyDict_DelItem\"])(a0,a1);var __PyDict_DelItem_KnownHash=Module[\"__PyDict_DelItem_KnownHash\"]=(a0,a1,a2)=>(__PyDict_DelItem_KnownHash=Module[\"__PyDict_DelItem_KnownHash\"]=wasmExports[\"_PyDict_DelItem_KnownHash\"])(a0,a1,a2);var __PyErr_SetKeyError=Module[\"__PyErr_SetKeyError\"]=a0=>(__PyErr_SetKeyError=Module[\"__PyErr_SetKeyError\"]=wasmExports[\"_PyErr_SetKeyError\"])(a0);var __PyDict_DelItemIf=Module[\"__PyDict_DelItemIf\"]=(a0,a1,a2)=>(__PyDict_DelItemIf=Module[\"__PyDict_DelItemIf\"]=wasmExports[\"_PyDict_DelItemIf\"])(a0,a1,a2);var _PyDict_Clear=Module[\"_PyDict_Clear\"]=a0=>(_PyDict_Clear=Module[\"_PyDict_Clear\"]=wasmExports[\"PyDict_Clear\"])(a0);var __PyDict_Pop=Module[\"__PyDict_Pop\"]=(a0,a1,a2)=>(__PyDict_Pop=Module[\"__PyDict_Pop\"]=wasmExports[\"_PyDict_Pop\"])(a0,a1,a2);var _PyDict_MergeFromSeq2=Module[\"_PyDict_MergeFromSeq2\"]=(a0,a1,a2)=>(_PyDict_MergeFromSeq2=Module[\"_PyDict_MergeFromSeq2\"]=wasmExports[\"PyDict_MergeFromSeq2\"])(a0,a1,a2);var _PyDict_SetDefault=Module[\"_PyDict_SetDefault\"]=(a0,a1,a2)=>(_PyDict_SetDefault=Module[\"_PyDict_SetDefault\"]=wasmExports[\"PyDict_SetDefault\"])(a0,a1,a2);var _PyDict_Update=Module[\"_PyDict_Update\"]=(a0,a1)=>(_PyDict_Update=Module[\"_PyDict_Update\"]=wasmExports[\"PyDict_Update\"])(a0,a1);var __PyDict_MergeEx=Module[\"__PyDict_MergeEx\"]=(a0,a1,a2)=>(__PyDict_MergeEx=Module[\"__PyDict_MergeEx\"]=wasmExports[\"_PyDict_MergeEx\"])(a0,a1,a2);var __PyDict_SizeOf=Module[\"__PyDict_SizeOf\"]=a0=>(__PyDict_SizeOf=Module[\"__PyDict_SizeOf\"]=wasmExports[\"_PyDict_SizeOf\"])(a0);var __PyDict_Contains_KnownHash=Module[\"__PyDict_Contains_KnownHash\"]=(a0,a1,a2)=>(__PyDict_Contains_KnownHash=Module[\"__PyDict_Contains_KnownHash\"]=wasmExports[\"_PyDict_Contains_KnownHash\"])(a0,a1,a2);var __PyDict_ContainsId=Module[\"__PyDict_ContainsId\"]=(a0,a1)=>(__PyDict_ContainsId=Module[\"__PyDict_ContainsId\"]=wasmExports[\"_PyDict_ContainsId\"])(a0,a1);var _PyArg_ValidateKeywordArguments=Module[\"_PyArg_ValidateKeywordArguments\"]=a0=>(_PyArg_ValidateKeywordArguments=Module[\"_PyArg_ValidateKeywordArguments\"]=wasmExports[\"PyArg_ValidateKeywordArguments\"])(a0);var _PyDict_GetItemString=Module[\"_PyDict_GetItemString\"]=(a0,a1)=>(_PyDict_GetItemString=Module[\"_PyDict_GetItemString\"]=wasmExports[\"PyDict_GetItemString\"])(a0,a1);var __PyDict_SetItemId=Module[\"__PyDict_SetItemId\"]=(a0,a1,a2)=>(__PyDict_SetItemId=Module[\"__PyDict_SetItemId\"]=wasmExports[\"_PyDict_SetItemId\"])(a0,a1,a2);var __PyDict_DelItemId=Module[\"__PyDict_DelItemId\"]=(a0,a1)=>(__PyDict_DelItemId=Module[\"__PyDict_DelItemId\"]=wasmExports[\"_PyDict_DelItemId\"])(a0,a1);var _PyDict_DelItemString=Module[\"_PyDict_DelItemString\"]=(a0,a1)=>(_PyDict_DelItemString=Module[\"_PyDict_DelItemString\"]=wasmExports[\"PyDict_DelItemString\"])(a0,a1);var __PyDictView_New=Module[\"__PyDictView_New\"]=(a0,a1)=>(__PyDictView_New=Module[\"__PyDictView_New\"]=wasmExports[\"_PyDictView_New\"])(a0,a1);var __PyDictView_Intersect=Module[\"__PyDictView_Intersect\"]=(a0,a1)=>(__PyDictView_Intersect=Module[\"__PyDictView_Intersect\"]=wasmExports[\"_PyDictView_Intersect\"])(a0,a1);var __PyObject_VisitManagedDict=Module[\"__PyObject_VisitManagedDict\"]=(a0,a1,a2)=>(__PyObject_VisitManagedDict=Module[\"__PyObject_VisitManagedDict\"]=wasmExports[\"_PyObject_VisitManagedDict\"])(a0,a1,a2);var __PyObject_ClearManagedDict=Module[\"__PyObject_ClearManagedDict\"]=a0=>(__PyObject_ClearManagedDict=Module[\"__PyObject_ClearManagedDict\"]=wasmExports[\"_PyObject_ClearManagedDict\"])(a0);var _PyDict_Watch=Module[\"_PyDict_Watch\"]=(a0,a1)=>(_PyDict_Watch=Module[\"_PyDict_Watch\"]=wasmExports[\"PyDict_Watch\"])(a0,a1);var _PyDict_Unwatch=Module[\"_PyDict_Unwatch\"]=(a0,a1)=>(_PyDict_Unwatch=Module[\"_PyDict_Unwatch\"]=wasmExports[\"PyDict_Unwatch\"])(a0,a1);var _PyDict_AddWatcher=Module[\"_PyDict_AddWatcher\"]=a0=>(_PyDict_AddWatcher=Module[\"_PyDict_AddWatcher\"]=wasmExports[\"PyDict_AddWatcher\"])(a0);var _PyDict_ClearWatcher=Module[\"_PyDict_ClearWatcher\"]=a0=>(_PyDict_ClearWatcher=Module[\"_PyDict_ClearWatcher\"]=wasmExports[\"PyDict_ClearWatcher\"])(a0);var _PyODict_New=Module[\"_PyODict_New\"]=()=>(_PyODict_New=Module[\"_PyODict_New\"]=wasmExports[\"PyODict_New\"])();var _PyODict_SetItem=Module[\"_PyODict_SetItem\"]=(a0,a1,a2)=>(_PyODict_SetItem=Module[\"_PyODict_SetItem\"]=wasmExports[\"PyODict_SetItem\"])(a0,a1,a2);var __PyErr_ChainExceptions1=Module[\"__PyErr_ChainExceptions1\"]=a0=>(__PyErr_ChainExceptions1=Module[\"__PyErr_ChainExceptions1\"]=wasmExports[\"_PyErr_ChainExceptions1\"])(a0);var _PyODict_DelItem=Module[\"_PyODict_DelItem\"]=(a0,a1)=>(_PyODict_DelItem=Module[\"_PyODict_DelItem\"]=wasmExports[\"PyODict_DelItem\"])(a0,a1);var _PyMemoryView_FromMemory=Module[\"_PyMemoryView_FromMemory\"]=(a0,a1,a2)=>(_PyMemoryView_FromMemory=Module[\"_PyMemoryView_FromMemory\"]=wasmExports[\"PyMemoryView_FromMemory\"])(a0,a1,a2);var _PyMemoryView_FromBuffer=Module[\"_PyMemoryView_FromBuffer\"]=a0=>(_PyMemoryView_FromBuffer=Module[\"_PyMemoryView_FromBuffer\"]=wasmExports[\"PyMemoryView_FromBuffer\"])(a0);var _PyMemoryView_GetContiguous=Module[\"_PyMemoryView_GetContiguous\"]=(a0,a1,a2)=>(_PyMemoryView_GetContiguous=Module[\"_PyMemoryView_GetContiguous\"]=wasmExports[\"PyMemoryView_GetContiguous\"])(a0,a1,a2);var _PyUnicode_AsASCIIString=Module[\"_PyUnicode_AsASCIIString\"]=a0=>(_PyUnicode_AsASCIIString=Module[\"_PyUnicode_AsASCIIString\"]=wasmExports[\"PyUnicode_AsASCIIString\"])(a0);var _PyCFunction_New=Module[\"_PyCFunction_New\"]=(a0,a1)=>(_PyCFunction_New=Module[\"_PyCFunction_New\"]=wasmExports[\"PyCFunction_New\"])(a0,a1);var _PyCFunction_NewEx=Module[\"_PyCFunction_NewEx\"]=(a0,a1,a2)=>(_PyCFunction_NewEx=Module[\"_PyCFunction_NewEx\"]=wasmExports[\"PyCFunction_NewEx\"])(a0,a1,a2);var _PyCFunction_GetFunction=Module[\"_PyCFunction_GetFunction\"]=a0=>(_PyCFunction_GetFunction=Module[\"_PyCFunction_GetFunction\"]=wasmExports[\"PyCFunction_GetFunction\"])(a0);var _PyCFunction_GetSelf=Module[\"_PyCFunction_GetSelf\"]=a0=>(_PyCFunction_GetSelf=Module[\"_PyCFunction_GetSelf\"]=wasmExports[\"PyCFunction_GetSelf\"])(a0);var _PyCFunction_GetFlags=Module[\"_PyCFunction_GetFlags\"]=a0=>(_PyCFunction_GetFlags=Module[\"_PyCFunction_GetFlags\"]=wasmExports[\"PyCFunction_GetFlags\"])(a0);var _PyModuleDef_Init=Module[\"_PyModuleDef_Init\"]=a0=>(_PyModuleDef_Init=Module[\"_PyModuleDef_Init\"]=wasmExports[\"PyModuleDef_Init\"])(a0);var _PyModule_NewObject=Module[\"_PyModule_NewObject\"]=a0=>(_PyModule_NewObject=Module[\"_PyModule_NewObject\"]=wasmExports[\"PyModule_NewObject\"])(a0);var _PyModule_New=Module[\"_PyModule_New\"]=a0=>(_PyModule_New=Module[\"_PyModule_New\"]=wasmExports[\"PyModule_New\"])(a0);var __PyImport_IsInitialized=Module[\"__PyImport_IsInitialized\"]=a0=>(__PyImport_IsInitialized=Module[\"__PyImport_IsInitialized\"]=wasmExports[\"_PyImport_IsInitialized\"])(a0);var __PyModule_CreateInitialized=Module[\"__PyModule_CreateInitialized\"]=(a0,a1)=>(__PyModule_CreateInitialized=Module[\"__PyModule_CreateInitialized\"]=wasmExports[\"_PyModule_CreateInitialized\"])(a0,a1);var _PyModule_SetDocString=Module[\"_PyModule_SetDocString\"]=(a0,a1)=>(_PyModule_SetDocString=Module[\"_PyModule_SetDocString\"]=wasmExports[\"PyModule_SetDocString\"])(a0,a1);var _PyModule_FromDefAndSpec2=Module[\"_PyModule_FromDefAndSpec2\"]=(a0,a1,a2)=>(_PyModule_FromDefAndSpec2=Module[\"_PyModule_FromDefAndSpec2\"]=wasmExports[\"PyModule_FromDefAndSpec2\"])(a0,a1,a2);var __PyImport_CheckSubinterpIncompatibleExtensionAllowed=Module[\"__PyImport_CheckSubinterpIncompatibleExtensionAllowed\"]=a0=>(__PyImport_CheckSubinterpIncompatibleExtensionAllowed=Module[\"__PyImport_CheckSubinterpIncompatibleExtensionAllowed\"]=wasmExports[\"_PyImport_CheckSubinterpIncompatibleExtensionAllowed\"])(a0);var _PyModule_ExecDef=Module[\"_PyModule_ExecDef\"]=(a0,a1)=>(_PyModule_ExecDef=Module[\"_PyModule_ExecDef\"]=wasmExports[\"PyModule_ExecDef\"])(a0,a1);var _PyModule_GetName=Module[\"_PyModule_GetName\"]=a0=>(_PyModule_GetName=Module[\"_PyModule_GetName\"]=wasmExports[\"PyModule_GetName\"])(a0);var _PyModule_GetFilenameObject=Module[\"_PyModule_GetFilenameObject\"]=a0=>(_PyModule_GetFilenameObject=Module[\"_PyModule_GetFilenameObject\"]=wasmExports[\"PyModule_GetFilenameObject\"])(a0);var _PyModule_GetFilename=Module[\"_PyModule_GetFilename\"]=a0=>(_PyModule_GetFilename=Module[\"_PyModule_GetFilename\"]=wasmExports[\"PyModule_GetFilename\"])(a0);var _PyModule_GetDef=Module[\"_PyModule_GetDef\"]=a0=>(_PyModule_GetDef=Module[\"_PyModule_GetDef\"]=wasmExports[\"PyModule_GetDef\"])(a0);var _PyModule_GetState=Module[\"_PyModule_GetState\"]=a0=>(_PyModule_GetState=Module[\"_PyModule_GetState\"]=wasmExports[\"PyModule_GetState\"])(a0);var __PyModule_Clear=Module[\"__PyModule_Clear\"]=a0=>(__PyModule_Clear=Module[\"__PyModule_Clear\"]=wasmExports[\"_PyModule_Clear\"])(a0);var __PyModule_ClearDict=Module[\"__PyModule_ClearDict\"]=a0=>(__PyModule_ClearDict=Module[\"__PyModule_ClearDict\"]=wasmExports[\"_PyModule_ClearDict\"])(a0);var __PyModuleSpec_IsInitializing=Module[\"__PyModuleSpec_IsInitializing\"]=a0=>(__PyModuleSpec_IsInitializing=Module[\"__PyModuleSpec_IsInitializing\"]=wasmExports[\"_PyModuleSpec_IsInitializing\"])(a0);var _PySys_FormatStderr=Module[\"_PySys_FormatStderr\"]=(a0,a1)=>(_PySys_FormatStderr=Module[\"_PySys_FormatStderr\"]=wasmExports[\"PySys_FormatStderr\"])(a0,a1);var _PyUnicode_Join=Module[\"_PyUnicode_Join\"]=(a0,a1)=>(_PyUnicode_Join=Module[\"_PyUnicode_Join\"]=wasmExports[\"PyUnicode_Join\"])(a0,a1);var __PyNamespace_New=Module[\"__PyNamespace_New\"]=a0=>(__PyNamespace_New=Module[\"__PyNamespace_New\"]=wasmExports[\"_PyNamespace_New\"])(a0);var __PyObject_CheckConsistency=Module[\"__PyObject_CheckConsistency\"]=(a0,a1)=>(__PyObject_CheckConsistency=Module[\"__PyObject_CheckConsistency\"]=wasmExports[\"_PyObject_CheckConsistency\"])(a0,a1);var __PyType_CheckConsistency=Module[\"__PyType_CheckConsistency\"]=a0=>(__PyType_CheckConsistency=Module[\"__PyType_CheckConsistency\"]=wasmExports[\"_PyType_CheckConsistency\"])(a0);var __PyUnicode_CheckConsistency=Module[\"__PyUnicode_CheckConsistency\"]=(a0,a1)=>(__PyUnicode_CheckConsistency=Module[\"__PyUnicode_CheckConsistency\"]=wasmExports[\"_PyUnicode_CheckConsistency\"])(a0,a1);var __PyObject_IsFreed=Module[\"__PyObject_IsFreed\"]=a0=>(__PyObject_IsFreed=Module[\"__PyObject_IsFreed\"]=wasmExports[\"_PyObject_IsFreed\"])(a0);var _fiprintf=Module[\"_fiprintf\"]=(a0,a1,a2)=>(_fiprintf=Module[\"_fiprintf\"]=wasmExports[\"fiprintf\"])(a0,a1,a2);var _fwrite=Module[\"_fwrite\"]=(a0,a1,a2,a3)=>(_fwrite=Module[\"_fwrite\"]=wasmExports[\"fwrite\"])(a0,a1,a2,a3);var _fputc=Module[\"_fputc\"]=(a0,a1)=>(_fputc=Module[\"_fputc\"]=wasmExports[\"fputc\"])(a0,a1);var __PyObject_Dump=Module[\"__PyObject_Dump\"]=a0=>(__PyObject_Dump=Module[\"__PyObject_Dump\"]=wasmExports[\"_PyObject_Dump\"])(a0);var _Py_IncRef=Module[\"_Py_IncRef\"]=a0=>(_Py_IncRef=Module[\"_Py_IncRef\"]=wasmExports[\"Py_IncRef\"])(a0);var _Py_DecRef=Module[\"_Py_DecRef\"]=a0=>(_Py_DecRef=Module[\"_Py_DecRef\"]=wasmExports[\"Py_DecRef\"])(a0);var __Py_IncRef=Module[\"__Py_IncRef\"]=a0=>(__Py_IncRef=Module[\"__Py_IncRef\"]=wasmExports[\"_Py_IncRef\"])(a0);var __Py_DecRef=Module[\"__Py_DecRef\"]=a0=>(__Py_DecRef=Module[\"__Py_DecRef\"]=wasmExports[\"_Py_DecRef\"])(a0);var _PyObject_Init=Module[\"_PyObject_Init\"]=(a0,a1)=>(_PyObject_Init=Module[\"_PyObject_Init\"]=wasmExports[\"PyObject_Init\"])(a0,a1);var _PyObject_InitVar=Module[\"_PyObject_InitVar\"]=(a0,a1,a2)=>(_PyObject_InitVar=Module[\"_PyObject_InitVar\"]=wasmExports[\"PyObject_InitVar\"])(a0,a1,a2);var _PyObject_CallFinalizer=Module[\"_PyObject_CallFinalizer\"]=a0=>(_PyObject_CallFinalizer=Module[\"_PyObject_CallFinalizer\"]=wasmExports[\"PyObject_CallFinalizer\"])(a0);var _PyObject_Print=Module[\"_PyObject_Print\"]=(a0,a1,a2)=>(_PyObject_Print=Module[\"_PyObject_Print\"]=wasmExports[\"PyObject_Print\"])(a0,a1,a2);var _ferror=Module[\"_ferror\"]=a0=>(_ferror=Module[\"_ferror\"]=wasmExports[\"ferror\"])(a0);var __Py_BreakPoint=Module[\"__Py_BreakPoint\"]=()=>(__Py_BreakPoint=Module[\"__Py_BreakPoint\"]=wasmExports[\"_Py_BreakPoint\"])();var _PyGILState_Ensure=Module[\"_PyGILState_Ensure\"]=()=>(_PyGILState_Ensure=Module[\"_PyGILState_Ensure\"]=wasmExports[\"PyGILState_Ensure\"])();var _PyGILState_Release=Module[\"_PyGILState_Release\"]=a0=>(_PyGILState_Release=Module[\"_PyGILState_Release\"]=wasmExports[\"PyGILState_Release\"])(a0);var __PyUnicode_AsASCIIString=Module[\"__PyUnicode_AsASCIIString\"]=(a0,a1)=>(__PyUnicode_AsASCIIString=Module[\"__PyUnicode_AsASCIIString\"]=wasmExports[\"_PyUnicode_AsASCIIString\"])(a0,a1);var _PyUnicode_DecodeASCII=Module[\"_PyUnicode_DecodeASCII\"]=(a0,a1,a2)=>(_PyUnicode_DecodeASCII=Module[\"_PyUnicode_DecodeASCII\"]=wasmExports[\"PyUnicode_DecodeASCII\"])(a0,a1,a2);var _PyObject_HasAttrString=Module[\"_PyObject_HasAttrString\"]=(a0,a1)=>(_PyObject_HasAttrString=Module[\"_PyObject_HasAttrString\"]=wasmExports[\"PyObject_HasAttrString\"])(a0,a1);var __PyObject_LookupAttrId=Module[\"__PyObject_LookupAttrId\"]=(a0,a1,a2)=>(__PyObject_LookupAttrId=Module[\"__PyObject_LookupAttrId\"]=wasmExports[\"_PyObject_LookupAttrId\"])(a0,a1,a2);var __PyObject_GetDictPtr=Module[\"__PyObject_GetDictPtr\"]=a0=>(__PyObject_GetDictPtr=Module[\"__PyObject_GetDictPtr\"]=wasmExports[\"_PyObject_GetDictPtr\"])(a0);var __PyObject_GenericSetAttrWithDict=Module[\"__PyObject_GenericSetAttrWithDict\"]=(a0,a1,a2,a3)=>(__PyObject_GenericSetAttrWithDict=Module[\"__PyObject_GenericSetAttrWithDict\"]=wasmExports[\"_PyObject_GenericSetAttrWithDict\"])(a0,a1,a2,a3);var _PyObject_Not=Module[\"_PyObject_Not\"]=a0=>(_PyObject_Not=Module[\"_PyObject_Not\"]=wasmExports[\"PyObject_Not\"])(a0);var __PyObject_DebugTypeStats=Module[\"__PyObject_DebugTypeStats\"]=a0=>(__PyObject_DebugTypeStats=Module[\"__PyObject_DebugTypeStats\"]=wasmExports[\"_PyObject_DebugTypeStats\"])(a0);var __PyTuple_DebugMallocStats=Module[\"__PyTuple_DebugMallocStats\"]=a0=>(__PyTuple_DebugMallocStats=Module[\"__PyTuple_DebugMallocStats\"]=wasmExports[\"_PyTuple_DebugMallocStats\"])(a0);var _PyThreadState_GetDict=Module[\"_PyThreadState_GetDict\"]=()=>(_PyThreadState_GetDict=Module[\"_PyThreadState_GetDict\"]=wasmExports[\"PyThreadState_GetDict\"])();var _PyThread_tss_get=Module[\"_PyThread_tss_get\"]=a0=>(_PyThread_tss_get=Module[\"_PyThread_tss_get\"]=wasmExports[\"PyThread_tss_get\"])(a0);var _PyMem_RawMalloc=Module[\"_PyMem_RawMalloc\"]=a0=>(_PyMem_RawMalloc=Module[\"_PyMem_RawMalloc\"]=wasmExports[\"PyMem_RawMalloc\"])(a0);var _PyThread_tss_set=Module[\"_PyThread_tss_set\"]=(a0,a1)=>(_PyThread_tss_set=Module[\"_PyThread_tss_set\"]=wasmExports[\"PyThread_tss_set\"])(a0,a1);var _PyThread_tss_is_created=Module[\"_PyThread_tss_is_created\"]=a0=>(_PyThread_tss_is_created=Module[\"_PyThread_tss_is_created\"]=wasmExports[\"PyThread_tss_is_created\"])(a0);var _PyObject_GET_WEAKREFS_LISTPTR=Module[\"_PyObject_GET_WEAKREFS_LISTPTR\"]=a0=>(_PyObject_GET_WEAKREFS_LISTPTR=Module[\"_PyObject_GET_WEAKREFS_LISTPTR\"]=wasmExports[\"PyObject_GET_WEAKREFS_LISTPTR\"])(a0);var _Py_NewRef=Module[\"_Py_NewRef\"]=a0=>(_Py_NewRef=Module[\"_Py_NewRef\"]=wasmExports[\"Py_NewRef\"])(a0);var _Py_XNewRef=Module[\"_Py_XNewRef\"]=a0=>(_Py_XNewRef=Module[\"_Py_XNewRef\"]=wasmExports[\"Py_XNewRef\"])(a0);var _Py_Is=Module[\"_Py_Is\"]=(a0,a1)=>(_Py_Is=Module[\"_Py_Is\"]=wasmExports[\"Py_Is\"])(a0,a1);var _Py_IsNone=Module[\"_Py_IsNone\"]=a0=>(_Py_IsNone=Module[\"_Py_IsNone\"]=wasmExports[\"Py_IsNone\"])(a0);var _Py_IsTrue=Module[\"_Py_IsTrue\"]=a0=>(_Py_IsTrue=Module[\"_Py_IsTrue\"]=wasmExports[\"Py_IsTrue\"])(a0);var _Py_IsFalse=Module[\"_Py_IsFalse\"]=a0=>(_Py_IsFalse=Module[\"_Py_IsFalse\"]=wasmExports[\"Py_IsFalse\"])(a0);var _calloc=Module[\"_calloc\"]=(a0,a1)=>(_calloc=Module[\"_calloc\"]=wasmExports[\"calloc\"])(a0,a1);var _realloc=Module[\"_realloc\"]=(a0,a1)=>(_realloc=Module[\"_realloc\"]=wasmExports[\"realloc\"])(a0,a1);var __PyMem_SetDefaultAllocator=Module[\"__PyMem_SetDefaultAllocator\"]=(a0,a1)=>(__PyMem_SetDefaultAllocator=Module[\"__PyMem_SetDefaultAllocator\"]=wasmExports[\"_PyMem_SetDefaultAllocator\"])(a0,a1);var __PyMem_GetAllocatorName=Module[\"__PyMem_GetAllocatorName\"]=(a0,a1)=>(__PyMem_GetAllocatorName=Module[\"__PyMem_GetAllocatorName\"]=wasmExports[\"_PyMem_GetAllocatorName\"])(a0,a1);var __PyMem_SetupAllocators=Module[\"__PyMem_SetupAllocators\"]=a0=>(__PyMem_SetupAllocators=Module[\"__PyMem_SetupAllocators\"]=wasmExports[\"_PyMem_SetupAllocators\"])(a0);var __PyMem_GetCurrentAllocatorName=Module[\"__PyMem_GetCurrentAllocatorName\"]=()=>(__PyMem_GetCurrentAllocatorName=Module[\"__PyMem_GetCurrentAllocatorName\"]=wasmExports[\"_PyMem_GetCurrentAllocatorName\"])();var _PyMem_SetupDebugHooks=Module[\"_PyMem_SetupDebugHooks\"]=()=>(_PyMem_SetupDebugHooks=Module[\"_PyMem_SetupDebugHooks\"]=wasmExports[\"PyMem_SetupDebugHooks\"])();var _PyMem_GetAllocator=Module[\"_PyMem_GetAllocator\"]=(a0,a1)=>(_PyMem_GetAllocator=Module[\"_PyMem_GetAllocator\"]=wasmExports[\"PyMem_GetAllocator\"])(a0,a1);var _PyMem_SetAllocator=Module[\"_PyMem_SetAllocator\"]=(a0,a1)=>(_PyMem_SetAllocator=Module[\"_PyMem_SetAllocator\"]=wasmExports[\"PyMem_SetAllocator\"])(a0,a1);var _PyObject_SetArenaAllocator=Module[\"_PyObject_SetArenaAllocator\"]=a0=>(_PyObject_SetArenaAllocator=Module[\"_PyObject_SetArenaAllocator\"]=wasmExports[\"PyObject_SetArenaAllocator\"])(a0);var _PyMem_RawCalloc=Module[\"_PyMem_RawCalloc\"]=(a0,a1)=>(_PyMem_RawCalloc=Module[\"_PyMem_RawCalloc\"]=wasmExports[\"PyMem_RawCalloc\"])(a0,a1);var __PyMem_RawWcsdup=Module[\"__PyMem_RawWcsdup\"]=a0=>(__PyMem_RawWcsdup=Module[\"__PyMem_RawWcsdup\"]=wasmExports[\"_PyMem_RawWcsdup\"])(a0);var _wcslen=Module[\"_wcslen\"]=a0=>(_wcslen=Module[\"_wcslen\"]=wasmExports[\"wcslen\"])(a0);var __PyMem_RawStrdup=Module[\"__PyMem_RawStrdup\"]=a0=>(__PyMem_RawStrdup=Module[\"__PyMem_RawStrdup\"]=wasmExports[\"_PyMem_RawStrdup\"])(a0);var __PyMem_Strdup=Module[\"__PyMem_Strdup\"]=a0=>(__PyMem_Strdup=Module[\"__PyMem_Strdup\"]=wasmExports[\"_PyMem_Strdup\"])(a0);var _PyPickleBuffer_FromObject=Module[\"_PyPickleBuffer_FromObject\"]=a0=>(_PyPickleBuffer_FromObject=Module[\"_PyPickleBuffer_FromObject\"]=wasmExports[\"PyPickleBuffer_FromObject\"])(a0);var _PyPickleBuffer_GetBuffer=Module[\"_PyPickleBuffer_GetBuffer\"]=a0=>(_PyPickleBuffer_GetBuffer=Module[\"_PyPickleBuffer_GetBuffer\"]=wasmExports[\"PyPickleBuffer_GetBuffer\"])(a0);var _PyPickleBuffer_Release=Module[\"_PyPickleBuffer_Release\"]=a0=>(_PyPickleBuffer_Release=Module[\"_PyPickleBuffer_Release\"]=wasmExports[\"PyPickleBuffer_Release\"])(a0);var __PySlice_GetLongIndices=Module[\"__PySlice_GetLongIndices\"]=(a0,a1,a2,a3,a4)=>(__PySlice_GetLongIndices=Module[\"__PySlice_GetLongIndices\"]=wasmExports[\"_PySlice_GetLongIndices\"])(a0,a1,a2,a3,a4);var _PySet_Size=Module[\"_PySet_Size\"]=a0=>(_PySet_Size=Module[\"_PySet_Size\"]=wasmExports[\"PySet_Size\"])(a0);var _PySet_Clear=Module[\"_PySet_Clear\"]=a0=>(_PySet_Clear=Module[\"_PySet_Clear\"]=wasmExports[\"PySet_Clear\"])(a0);var _PySet_Pop=Module[\"_PySet_Pop\"]=a0=>(_PySet_Pop=Module[\"_PySet_Pop\"]=wasmExports[\"PySet_Pop\"])(a0);var _PySlice_New=Module[\"_PySlice_New\"]=(a0,a1,a2)=>(_PySlice_New=Module[\"_PySlice_New\"]=wasmExports[\"PySlice_New\"])(a0,a1,a2);var _PySlice_GetIndices=Module[\"_PySlice_GetIndices\"]=(a0,a1,a2,a3,a4)=>(_PySlice_GetIndices=Module[\"_PySlice_GetIndices\"]=wasmExports[\"PySlice_GetIndices\"])(a0,a1,a2,a3,a4);var _PySlice_GetIndicesEx=Module[\"_PySlice_GetIndicesEx\"]=(a0,a1,a2,a3,a4,a5)=>(_PySlice_GetIndicesEx=Module[\"_PySlice_GetIndicesEx\"]=wasmExports[\"PySlice_GetIndicesEx\"])(a0,a1,a2,a3,a4,a5);var _PyStructSequence_SetItem=Module[\"_PyStructSequence_SetItem\"]=(a0,a1,a2)=>(_PyStructSequence_SetItem=Module[\"_PyStructSequence_SetItem\"]=wasmExports[\"PyStructSequence_SetItem\"])(a0,a1,a2);var _PyStructSequence_GetItem=Module[\"_PyStructSequence_GetItem\"]=(a0,a1)=>(_PyStructSequence_GetItem=Module[\"_PyStructSequence_GetItem\"]=wasmExports[\"PyStructSequence_GetItem\"])(a0,a1);var _PyStructSequence_InitType2=Module[\"_PyStructSequence_InitType2\"]=(a0,a1)=>(_PyStructSequence_InitType2=Module[\"_PyStructSequence_InitType2\"]=wasmExports[\"PyStructSequence_InitType2\"])(a0,a1);var _PyStructSequence_InitType=Module[\"_PyStructSequence_InitType\"]=(a0,a1)=>(_PyStructSequence_InitType=Module[\"_PyStructSequence_InitType\"]=wasmExports[\"PyStructSequence_InitType\"])(a0,a1);var __PyStructSequence_NewType=Module[\"__PyStructSequence_NewType\"]=(a0,a1)=>(__PyStructSequence_NewType=Module[\"__PyStructSequence_NewType\"]=wasmExports[\"_PyStructSequence_NewType\"])(a0,a1);var _PyStructSequence_NewType=Module[\"_PyStructSequence_NewType\"]=a0=>(_PyStructSequence_NewType=Module[\"_PyStructSequence_NewType\"]=wasmExports[\"PyStructSequence_NewType\"])(a0);var _PyTuple_SetItem=Module[\"_PyTuple_SetItem\"]=(a0,a1,a2)=>(_PyTuple_SetItem=Module[\"_PyTuple_SetItem\"]=wasmExports[\"PyTuple_SetItem\"])(a0,a1,a2);var __PyTuple_MaybeUntrack=Module[\"__PyTuple_MaybeUntrack\"]=a0=>(__PyTuple_MaybeUntrack=Module[\"__PyTuple_MaybeUntrack\"]=wasmExports[\"_PyTuple_MaybeUntrack\"])(a0);var __PyObject_GC_Resize=Module[\"__PyObject_GC_Resize\"]=(a0,a1)=>(__PyObject_GC_Resize=Module[\"__PyObject_GC_Resize\"]=wasmExports[\"_PyObject_GC_Resize\"])(a0,a1);var _PyType_GetDict=Module[\"_PyType_GetDict\"]=a0=>(_PyType_GetDict=Module[\"_PyType_GetDict\"]=wasmExports[\"PyType_GetDict\"])(a0);var _strrchr=Module[\"_strrchr\"]=(a0,a1)=>(_strrchr=Module[\"_strrchr\"]=wasmExports[\"strrchr\"])(a0,a1);var _PyType_ClearCache=Module[\"_PyType_ClearCache\"]=()=>(_PyType_ClearCache=Module[\"_PyType_ClearCache\"]=wasmExports[\"PyType_ClearCache\"])();var _PyType_AddWatcher=Module[\"_PyType_AddWatcher\"]=a0=>(_PyType_AddWatcher=Module[\"_PyType_AddWatcher\"]=wasmExports[\"PyType_AddWatcher\"])(a0);var _PyType_ClearWatcher=Module[\"_PyType_ClearWatcher\"]=a0=>(_PyType_ClearWatcher=Module[\"_PyType_ClearWatcher\"]=wasmExports[\"PyType_ClearWatcher\"])(a0);var _PyType_Watch=Module[\"_PyType_Watch\"]=(a0,a1)=>(_PyType_Watch=Module[\"_PyType_Watch\"]=wasmExports[\"PyType_Watch\"])(a0,a1);var _PyType_Unwatch=Module[\"_PyType_Unwatch\"]=(a0,a1)=>(_PyType_Unwatch=Module[\"_PyType_Unwatch\"]=wasmExports[\"PyType_Unwatch\"])(a0,a1);var _PyType_Modified=Module[\"_PyType_Modified\"]=a0=>(_PyType_Modified=Module[\"_PyType_Modified\"]=wasmExports[\"PyType_Modified\"])(a0);var _PyUnstable_Type_AssignVersionTag=Module[\"_PyUnstable_Type_AssignVersionTag\"]=a0=>(_PyUnstable_Type_AssignVersionTag=Module[\"_PyUnstable_Type_AssignVersionTag\"]=wasmExports[\"PyUnstable_Type_AssignVersionTag\"])(a0);var __PyObject_LookupSpecialId=Module[\"__PyObject_LookupSpecialId\"]=(a0,a1)=>(__PyObject_LookupSpecialId=Module[\"__PyObject_LookupSpecialId\"]=wasmExports[\"_PyObject_LookupSpecialId\"])(a0,a1);var _PyType_GetFlags=Module[\"_PyType_GetFlags\"]=a0=>(_PyType_GetFlags=Module[\"_PyType_GetFlags\"]=wasmExports[\"PyType_GetFlags\"])(a0);var _PyType_SUPPORTS_WEAKREFS=Module[\"_PyType_SUPPORTS_WEAKREFS\"]=a0=>(_PyType_SUPPORTS_WEAKREFS=Module[\"_PyType_SUPPORTS_WEAKREFS\"]=wasmExports[\"PyType_SUPPORTS_WEAKREFS\"])(a0);var __PyType_CalculateMetaclass=Module[\"__PyType_CalculateMetaclass\"]=(a0,a1)=>(__PyType_CalculateMetaclass=Module[\"__PyType_CalculateMetaclass\"]=wasmExports[\"_PyType_CalculateMetaclass\"])(a0,a1);var _PyType_FromMetaclass=Module[\"_PyType_FromMetaclass\"]=(a0,a1,a2,a3)=>(_PyType_FromMetaclass=Module[\"_PyType_FromMetaclass\"]=wasmExports[\"PyType_FromMetaclass\"])(a0,a1,a2,a3);var _PyType_FromModuleAndSpec=Module[\"_PyType_FromModuleAndSpec\"]=(a0,a1,a2)=>(_PyType_FromModuleAndSpec=Module[\"_PyType_FromModuleAndSpec\"]=wasmExports[\"PyType_FromModuleAndSpec\"])(a0,a1,a2);var _PyType_FromSpec=Module[\"_PyType_FromSpec\"]=a0=>(_PyType_FromSpec=Module[\"_PyType_FromSpec\"]=wasmExports[\"PyType_FromSpec\"])(a0);var _PyType_GetName=Module[\"_PyType_GetName\"]=a0=>(_PyType_GetName=Module[\"_PyType_GetName\"]=wasmExports[\"PyType_GetName\"])(a0);var _PyType_GetSlot=Module[\"_PyType_GetSlot\"]=(a0,a1)=>(_PyType_GetSlot=Module[\"_PyType_GetSlot\"]=wasmExports[\"PyType_GetSlot\"])(a0,a1);var _PyType_GetModule=Module[\"_PyType_GetModule\"]=a0=>(_PyType_GetModule=Module[\"_PyType_GetModule\"]=wasmExports[\"PyType_GetModule\"])(a0);var _PyType_GetModuleState=Module[\"_PyType_GetModuleState\"]=a0=>(_PyType_GetModuleState=Module[\"_PyType_GetModuleState\"]=wasmExports[\"PyType_GetModuleState\"])(a0);var _PyType_GetModuleByDef=Module[\"_PyType_GetModuleByDef\"]=(a0,a1)=>(_PyType_GetModuleByDef=Module[\"_PyType_GetModuleByDef\"]=wasmExports[\"PyType_GetModuleByDef\"])(a0,a1);var _PyObject_GetTypeData=Module[\"_PyObject_GetTypeData\"]=(a0,a1)=>(_PyObject_GetTypeData=Module[\"_PyObject_GetTypeData\"]=wasmExports[\"PyObject_GetTypeData\"])(a0,a1);var _PyType_GetTypeDataSize=Module[\"_PyType_GetTypeDataSize\"]=a0=>(_PyType_GetTypeDataSize=Module[\"_PyType_GetTypeDataSize\"]=wasmExports[\"PyType_GetTypeDataSize\"])(a0);var _PyObject_GetItemData=Module[\"_PyObject_GetItemData\"]=a0=>(_PyObject_GetItemData=Module[\"_PyObject_GetItemData\"]=wasmExports[\"PyObject_GetItemData\"])(a0);var __PyType_LookupId=Module[\"__PyType_LookupId\"]=(a0,a1)=>(__PyType_LookupId=Module[\"__PyType_LookupId\"]=wasmExports[\"_PyType_LookupId\"])(a0,a1);var _PyArg_ParseTuple=Module[\"_PyArg_ParseTuple\"]=(a0,a1,a2)=>(_PyArg_ParseTuple=Module[\"_PyArg_ParseTuple\"]=wasmExports[\"PyArg_ParseTuple\"])(a0,a1,a2);var _PyUnicode_IsIdentifier=Module[\"_PyUnicode_IsIdentifier\"]=a0=>(_PyUnicode_IsIdentifier=Module[\"_PyUnicode_IsIdentifier\"]=wasmExports[\"PyUnicode_IsIdentifier\"])(a0);var _PyEval_GetGlobals=Module[\"_PyEval_GetGlobals\"]=()=>(_PyEval_GetGlobals=Module[\"_PyEval_GetGlobals\"]=wasmExports[\"PyEval_GetGlobals\"])();var __PyWeakref_ClearRef=Module[\"__PyWeakref_ClearRef\"]=a0=>(__PyWeakref_ClearRef=Module[\"__PyWeakref_ClearRef\"]=wasmExports[\"_PyWeakref_ClearRef\"])(a0);var _PyWeakref_NewRef=Module[\"_PyWeakref_NewRef\"]=(a0,a1)=>(_PyWeakref_NewRef=Module[\"_PyWeakref_NewRef\"]=wasmExports[\"PyWeakref_NewRef\"])(a0,a1);var _PyImport_GetModule=Module[\"_PyImport_GetModule\"]=a0=>(_PyImport_GetModule=Module[\"_PyImport_GetModule\"]=wasmExports[\"PyImport_GetModule\"])(a0);var _PyImport_Import=Module[\"_PyImport_Import\"]=a0=>(_PyImport_Import=Module[\"_PyImport_Import\"]=wasmExports[\"PyImport_Import\"])(a0);var __PyArg_UnpackKeywordsWithVararg=Module[\"__PyArg_UnpackKeywordsWithVararg\"]=(a0,a1,a2,a3,a4,a5,a6,a7,a8,a9)=>(__PyArg_UnpackKeywordsWithVararg=Module[\"__PyArg_UnpackKeywordsWithVararg\"]=wasmExports[\"_PyArg_UnpackKeywordsWithVararg\"])(a0,a1,a2,a3,a4,a5,a6,a7,a8,a9);var __Py_hashtable_len=Module[\"__Py_hashtable_len\"]=a0=>(__Py_hashtable_len=Module[\"__Py_hashtable_len\"]=wasmExports[\"_Py_hashtable_len\"])(a0);var __Py_GetErrorHandler=Module[\"__Py_GetErrorHandler\"]=a0=>(__Py_GetErrorHandler=Module[\"__Py_GetErrorHandler\"]=wasmExports[\"_Py_GetErrorHandler\"])(a0);var __PyUnicode_FastCopyCharacters=Module[\"__PyUnicode_FastCopyCharacters\"]=(a0,a1,a2,a3,a4)=>(__PyUnicode_FastCopyCharacters=Module[\"__PyUnicode_FastCopyCharacters\"]=wasmExports[\"_PyUnicode_FastCopyCharacters\"])(a0,a1,a2,a3,a4);var _PyUnicode_CopyCharacters=Module[\"_PyUnicode_CopyCharacters\"]=(a0,a1,a2,a3,a4)=>(_PyUnicode_CopyCharacters=Module[\"_PyUnicode_CopyCharacters\"]=wasmExports[\"PyUnicode_CopyCharacters\"])(a0,a1,a2,a3,a4);var _PyUnicode_Resize=Module[\"_PyUnicode_Resize\"]=(a0,a1)=>(_PyUnicode_Resize=Module[\"_PyUnicode_Resize\"]=wasmExports[\"PyUnicode_Resize\"])(a0,a1);var _PyUnicode_FromWideChar=Module[\"_PyUnicode_FromWideChar\"]=(a0,a1)=>(_PyUnicode_FromWideChar=Module[\"_PyUnicode_FromWideChar\"]=wasmExports[\"PyUnicode_FromWideChar\"])(a0,a1);var _PyUnicode_FromKindAndData=Module[\"_PyUnicode_FromKindAndData\"]=(a0,a1,a2)=>(_PyUnicode_FromKindAndData=Module[\"_PyUnicode_FromKindAndData\"]=wasmExports[\"PyUnicode_FromKindAndData\"])(a0,a1,a2);var __PyUnicode_FindMaxChar=Module[\"__PyUnicode_FindMaxChar\"]=(a0,a1,a2)=>(__PyUnicode_FindMaxChar=Module[\"__PyUnicode_FindMaxChar\"]=wasmExports[\"_PyUnicode_FindMaxChar\"])(a0,a1,a2);var _PyUnicode_AsUCS4=Module[\"_PyUnicode_AsUCS4\"]=(a0,a1,a2,a3)=>(_PyUnicode_AsUCS4=Module[\"_PyUnicode_AsUCS4\"]=wasmExports[\"PyUnicode_AsUCS4\"])(a0,a1,a2,a3);var _PyUnicode_AsUCS4Copy=Module[\"_PyUnicode_AsUCS4Copy\"]=a0=>(_PyUnicode_AsUCS4Copy=Module[\"_PyUnicode_AsUCS4Copy\"]=wasmExports[\"PyUnicode_AsUCS4Copy\"])(a0);var _PyUnicode_Fill=Module[\"_PyUnicode_Fill\"]=(a0,a1,a2,a3)=>(_PyUnicode_Fill=Module[\"_PyUnicode_Fill\"]=wasmExports[\"PyUnicode_Fill\"])(a0,a1,a2,a3);var _PyUnicode_AsWideChar=Module[\"_PyUnicode_AsWideChar\"]=(a0,a1,a2)=>(_PyUnicode_AsWideChar=Module[\"_PyUnicode_AsWideChar\"]=wasmExports[\"PyUnicode_AsWideChar\"])(a0,a1,a2);var _PyUnicode_AsWideCharString=Module[\"_PyUnicode_AsWideCharString\"]=(a0,a1)=>(_PyUnicode_AsWideCharString=Module[\"_PyUnicode_AsWideCharString\"]=wasmExports[\"PyUnicode_AsWideCharString\"])(a0,a1);var __PyUnicode_WideCharString_Converter=Module[\"__PyUnicode_WideCharString_Converter\"]=(a0,a1)=>(__PyUnicode_WideCharString_Converter=Module[\"__PyUnicode_WideCharString_Converter\"]=wasmExports[\"_PyUnicode_WideCharString_Converter\"])(a0,a1);var __PyUnicode_WideCharString_Opt_Converter=Module[\"__PyUnicode_WideCharString_Opt_Converter\"]=(a0,a1)=>(__PyUnicode_WideCharString_Opt_Converter=Module[\"__PyUnicode_WideCharString_Opt_Converter\"]=wasmExports[\"_PyUnicode_WideCharString_Opt_Converter\"])(a0,a1);var _PyUnicode_FromOrdinal=Module[\"_PyUnicode_FromOrdinal\"]=a0=>(_PyUnicode_FromOrdinal=Module[\"_PyUnicode_FromOrdinal\"]=wasmExports[\"PyUnicode_FromOrdinal\"])(a0);var _PyUnicode_FromObject=Module[\"_PyUnicode_FromObject\"]=a0=>(_PyUnicode_FromObject=Module[\"_PyUnicode_FromObject\"]=wasmExports[\"PyUnicode_FromObject\"])(a0);var __PyInterpreterState_GetConfig=Module[\"__PyInterpreterState_GetConfig\"]=a0=>(__PyInterpreterState_GetConfig=Module[\"__PyInterpreterState_GetConfig\"]=wasmExports[\"_PyInterpreterState_GetConfig\"])(a0);var __PyCodec_Lookup=Module[\"__PyCodec_Lookup\"]=a0=>(__PyCodec_Lookup=Module[\"__PyCodec_Lookup\"]=wasmExports[\"_PyCodec_Lookup\"])(a0);var _PyCodec_LookupError=Module[\"_PyCodec_LookupError\"]=a0=>(_PyCodec_LookupError=Module[\"_PyCodec_LookupError\"]=wasmExports[\"PyCodec_LookupError\"])(a0);var _PyUnicode_DecodeUTF16Stateful=Module[\"_PyUnicode_DecodeUTF16Stateful\"]=(a0,a1,a2,a3,a4)=>(_PyUnicode_DecodeUTF16Stateful=Module[\"_PyUnicode_DecodeUTF16Stateful\"]=wasmExports[\"PyUnicode_DecodeUTF16Stateful\"])(a0,a1,a2,a3,a4);var _PyUnicode_DecodeUTF32Stateful=Module[\"_PyUnicode_DecodeUTF32Stateful\"]=(a0,a1,a2,a3,a4)=>(_PyUnicode_DecodeUTF32Stateful=Module[\"_PyUnicode_DecodeUTF32Stateful\"]=wasmExports[\"PyUnicode_DecodeUTF32Stateful\"])(a0,a1,a2,a3,a4);var __PyCodec_DecodeText=Module[\"__PyCodec_DecodeText\"]=(a0,a1,a2)=>(__PyCodec_DecodeText=Module[\"__PyCodec_DecodeText\"]=wasmExports[\"_PyCodec_DecodeText\"])(a0,a1,a2);var _PyUnicode_DecodeUTF16=Module[\"_PyUnicode_DecodeUTF16\"]=(a0,a1,a2,a3)=>(_PyUnicode_DecodeUTF16=Module[\"_PyUnicode_DecodeUTF16\"]=wasmExports[\"PyUnicode_DecodeUTF16\"])(a0,a1,a2,a3);var _PyUnicode_DecodeUTF32=Module[\"_PyUnicode_DecodeUTF32\"]=(a0,a1,a2,a3)=>(_PyUnicode_DecodeUTF32=Module[\"_PyUnicode_DecodeUTF32\"]=wasmExports[\"PyUnicode_DecodeUTF32\"])(a0,a1,a2,a3);var _PyUnicode_AsDecodedObject=Module[\"_PyUnicode_AsDecodedObject\"]=(a0,a1,a2)=>(_PyUnicode_AsDecodedObject=Module[\"_PyUnicode_AsDecodedObject\"]=wasmExports[\"PyUnicode_AsDecodedObject\"])(a0,a1,a2);var _PyCodec_Decode=Module[\"_PyCodec_Decode\"]=(a0,a1,a2)=>(_PyCodec_Decode=Module[\"_PyCodec_Decode\"]=wasmExports[\"PyCodec_Decode\"])(a0,a1,a2);var _PyUnicode_AsDecodedUnicode=Module[\"_PyUnicode_AsDecodedUnicode\"]=(a0,a1,a2)=>(_PyUnicode_AsDecodedUnicode=Module[\"_PyUnicode_AsDecodedUnicode\"]=wasmExports[\"PyUnicode_AsDecodedUnicode\"])(a0,a1,a2);var _PyUnicode_AsEncodedObject=Module[\"_PyUnicode_AsEncodedObject\"]=(a0,a1,a2)=>(_PyUnicode_AsEncodedObject=Module[\"_PyUnicode_AsEncodedObject\"]=wasmExports[\"PyUnicode_AsEncodedObject\"])(a0,a1,a2);var _PyCodec_Encode=Module[\"_PyCodec_Encode\"]=(a0,a1,a2)=>(_PyCodec_Encode=Module[\"_PyCodec_Encode\"]=wasmExports[\"PyCodec_Encode\"])(a0,a1,a2);var _PyUnicode_EncodeLocale=Module[\"_PyUnicode_EncodeLocale\"]=(a0,a1)=>(_PyUnicode_EncodeLocale=Module[\"_PyUnicode_EncodeLocale\"]=wasmExports[\"PyUnicode_EncodeLocale\"])(a0,a1);var __Py_EncodeLocaleEx=Module[\"__Py_EncodeLocaleEx\"]=(a0,a1,a2,a3,a4,a5)=>(__Py_EncodeLocaleEx=Module[\"__Py_EncodeLocaleEx\"]=wasmExports[\"_Py_EncodeLocaleEx\"])(a0,a1,a2,a3,a4,a5);var _PyCodec_StrictErrors=Module[\"_PyCodec_StrictErrors\"]=a0=>(_PyCodec_StrictErrors=Module[\"_PyCodec_StrictErrors\"]=wasmExports[\"PyCodec_StrictErrors\"])(a0);var _PyUnicode_EncodeFSDefault=Module[\"_PyUnicode_EncodeFSDefault\"]=a0=>(_PyUnicode_EncodeFSDefault=Module[\"_PyUnicode_EncodeFSDefault\"]=wasmExports[\"PyUnicode_EncodeFSDefault\"])(a0);var __PyUnicode_EncodeUTF16=Module[\"__PyUnicode_EncodeUTF16\"]=(a0,a1,a2)=>(__PyUnicode_EncodeUTF16=Module[\"__PyUnicode_EncodeUTF16\"]=wasmExports[\"_PyUnicode_EncodeUTF16\"])(a0,a1,a2);var __PyUnicode_EncodeUTF32=Module[\"__PyUnicode_EncodeUTF32\"]=(a0,a1,a2)=>(__PyUnicode_EncodeUTF32=Module[\"__PyUnicode_EncodeUTF32\"]=wasmExports[\"_PyUnicode_EncodeUTF32\"])(a0,a1,a2);var __PyCodec_EncodeText=Module[\"__PyCodec_EncodeText\"]=(a0,a1,a2)=>(__PyCodec_EncodeText=Module[\"__PyCodec_EncodeText\"]=wasmExports[\"_PyCodec_EncodeText\"])(a0,a1,a2);var _wcscmp=Module[\"_wcscmp\"]=(a0,a1)=>(_wcscmp=Module[\"_wcscmp\"]=wasmExports[\"wcscmp\"])(a0,a1);var __PyUnicode_AsLatin1String=Module[\"__PyUnicode_AsLatin1String\"]=(a0,a1)=>(__PyUnicode_AsLatin1String=Module[\"__PyUnicode_AsLatin1String\"]=wasmExports[\"_PyUnicode_AsLatin1String\"])(a0,a1);var _PyUnicode_AsEncodedUnicode=Module[\"_PyUnicode_AsEncodedUnicode\"]=(a0,a1,a2)=>(_PyUnicode_AsEncodedUnicode=Module[\"_PyUnicode_AsEncodedUnicode\"]=wasmExports[\"PyUnicode_AsEncodedUnicode\"])(a0,a1,a2);var _PyUnicode_DecodeLocaleAndSize=Module[\"_PyUnicode_DecodeLocaleAndSize\"]=(a0,a1,a2)=>(_PyUnicode_DecodeLocaleAndSize=Module[\"_PyUnicode_DecodeLocaleAndSize\"]=wasmExports[\"PyUnicode_DecodeLocaleAndSize\"])(a0,a1,a2);var __Py_DecodeLocaleEx=Module[\"__Py_DecodeLocaleEx\"]=(a0,a1,a2,a3,a4,a5)=>(__Py_DecodeLocaleEx=Module[\"__Py_DecodeLocaleEx\"]=wasmExports[\"_Py_DecodeLocaleEx\"])(a0,a1,a2,a3,a4,a5);var _PyUnicode_DecodeLocale=Module[\"_PyUnicode_DecodeLocale\"]=(a0,a1)=>(_PyUnicode_DecodeLocale=Module[\"_PyUnicode_DecodeLocale\"]=wasmExports[\"PyUnicode_DecodeLocale\"])(a0,a1);var _PyUnicode_DecodeFSDefaultAndSize=Module[\"_PyUnicode_DecodeFSDefaultAndSize\"]=(a0,a1)=>(_PyUnicode_DecodeFSDefaultAndSize=Module[\"_PyUnicode_DecodeFSDefaultAndSize\"]=wasmExports[\"PyUnicode_DecodeFSDefaultAndSize\"])(a0,a1);var _PyUnicode_FSConverter=Module[\"_PyUnicode_FSConverter\"]=(a0,a1)=>(_PyUnicode_FSConverter=Module[\"_PyUnicode_FSConverter\"]=wasmExports[\"PyUnicode_FSConverter\"])(a0,a1);var _PyOS_FSPath=Module[\"_PyOS_FSPath\"]=a0=>(_PyOS_FSPath=Module[\"_PyOS_FSPath\"]=wasmExports[\"PyOS_FSPath\"])(a0);var _PyUnicode_FSDecoder=Module[\"_PyUnicode_FSDecoder\"]=(a0,a1)=>(_PyUnicode_FSDecoder=Module[\"_PyUnicode_FSDecoder\"]=wasmExports[\"PyUnicode_FSDecoder\"])(a0,a1);var _wmemchr=Module[\"_wmemchr\"]=(a0,a1,a2)=>(_wmemchr=Module[\"_wmemchr\"]=wasmExports[\"wmemchr\"])(a0,a1,a2);var _PyUnicode_GetSize=Module[\"_PyUnicode_GetSize\"]=a0=>(_PyUnicode_GetSize=Module[\"_PyUnicode_GetSize\"]=wasmExports[\"PyUnicode_GetSize\"])(a0);var _PyUnicode_WriteChar=Module[\"_PyUnicode_WriteChar\"]=(a0,a1,a2)=>(_PyUnicode_WriteChar=Module[\"_PyUnicode_WriteChar\"]=wasmExports[\"PyUnicode_WriteChar\"])(a0,a1,a2);var _PyUnicode_DecodeUTF7=Module[\"_PyUnicode_DecodeUTF7\"]=(a0,a1,a2)=>(_PyUnicode_DecodeUTF7=Module[\"_PyUnicode_DecodeUTF7\"]=wasmExports[\"PyUnicode_DecodeUTF7\"])(a0,a1,a2);var _PyUnicode_DecodeUTF7Stateful=Module[\"_PyUnicode_DecodeUTF7Stateful\"]=(a0,a1,a2,a3)=>(_PyUnicode_DecodeUTF7Stateful=Module[\"_PyUnicode_DecodeUTF7Stateful\"]=wasmExports[\"PyUnicode_DecodeUTF7Stateful\"])(a0,a1,a2,a3);var __PyUnicode_EncodeUTF7=Module[\"__PyUnicode_EncodeUTF7\"]=(a0,a1,a2,a3)=>(__PyUnicode_EncodeUTF7=Module[\"__PyUnicode_EncodeUTF7\"]=wasmExports[\"_PyUnicode_EncodeUTF7\"])(a0,a1,a2,a3);var __Py_DecodeUTF8Ex=Module[\"__Py_DecodeUTF8Ex\"]=(a0,a1,a2,a3,a4,a5)=>(__Py_DecodeUTF8Ex=Module[\"__Py_DecodeUTF8Ex\"]=wasmExports[\"_Py_DecodeUTF8Ex\"])(a0,a1,a2,a3,a4,a5);var __Py_DecodeUTF8_surrogateescape=Module[\"__Py_DecodeUTF8_surrogateescape\"]=(a0,a1,a2)=>(__Py_DecodeUTF8_surrogateescape=Module[\"__Py_DecodeUTF8_surrogateescape\"]=wasmExports[\"_Py_DecodeUTF8_surrogateescape\"])(a0,a1,a2);var __Py_EncodeUTF8Ex=Module[\"__Py_EncodeUTF8Ex\"]=(a0,a1,a2,a3,a4,a5)=>(__Py_EncodeUTF8Ex=Module[\"__Py_EncodeUTF8Ex\"]=wasmExports[\"_Py_EncodeUTF8Ex\"])(a0,a1,a2,a3,a4,a5);var _PyUnicode_AsUTF32String=Module[\"_PyUnicode_AsUTF32String\"]=a0=>(_PyUnicode_AsUTF32String=Module[\"_PyUnicode_AsUTF32String\"]=wasmExports[\"PyUnicode_AsUTF32String\"])(a0);var _PyUnicode_AsUTF16String=Module[\"_PyUnicode_AsUTF16String\"]=a0=>(_PyUnicode_AsUTF16String=Module[\"_PyUnicode_AsUTF16String\"]=wasmExports[\"PyUnicode_AsUTF16String\"])(a0);var __PyUnicode_DecodeUnicodeEscapeStateful=Module[\"__PyUnicode_DecodeUnicodeEscapeStateful\"]=(a0,a1,a2,a3)=>(__PyUnicode_DecodeUnicodeEscapeStateful=Module[\"__PyUnicode_DecodeUnicodeEscapeStateful\"]=wasmExports[\"_PyUnicode_DecodeUnicodeEscapeStateful\"])(a0,a1,a2,a3);var _PyUnicode_DecodeUnicodeEscape=Module[\"_PyUnicode_DecodeUnicodeEscape\"]=(a0,a1,a2)=>(_PyUnicode_DecodeUnicodeEscape=Module[\"_PyUnicode_DecodeUnicodeEscape\"]=wasmExports[\"PyUnicode_DecodeUnicodeEscape\"])(a0,a1,a2);var _PyUnicode_AsUnicodeEscapeString=Module[\"_PyUnicode_AsUnicodeEscapeString\"]=a0=>(_PyUnicode_AsUnicodeEscapeString=Module[\"_PyUnicode_AsUnicodeEscapeString\"]=wasmExports[\"PyUnicode_AsUnicodeEscapeString\"])(a0);var __PyUnicode_DecodeRawUnicodeEscapeStateful=Module[\"__PyUnicode_DecodeRawUnicodeEscapeStateful\"]=(a0,a1,a2,a3)=>(__PyUnicode_DecodeRawUnicodeEscapeStateful=Module[\"__PyUnicode_DecodeRawUnicodeEscapeStateful\"]=wasmExports[\"_PyUnicode_DecodeRawUnicodeEscapeStateful\"])(a0,a1,a2,a3);var _PyUnicode_DecodeRawUnicodeEscape=Module[\"_PyUnicode_DecodeRawUnicodeEscape\"]=(a0,a1,a2)=>(_PyUnicode_DecodeRawUnicodeEscape=Module[\"_PyUnicode_DecodeRawUnicodeEscape\"]=wasmExports[\"PyUnicode_DecodeRawUnicodeEscape\"])(a0,a1,a2);var _PyUnicode_AsRawUnicodeEscapeString=Module[\"_PyUnicode_AsRawUnicodeEscapeString\"]=a0=>(_PyUnicode_AsRawUnicodeEscapeString=Module[\"_PyUnicode_AsRawUnicodeEscapeString\"]=wasmExports[\"PyUnicode_AsRawUnicodeEscapeString\"])(a0);var _PyUnicode_AsLatin1String=Module[\"_PyUnicode_AsLatin1String\"]=a0=>(_PyUnicode_AsLatin1String=Module[\"_PyUnicode_AsLatin1String\"]=wasmExports[\"PyUnicode_AsLatin1String\"])(a0);var __PyUnicodeWriter_PrepareKindInternal=Module[\"__PyUnicodeWriter_PrepareKindInternal\"]=(a0,a1)=>(__PyUnicodeWriter_PrepareKindInternal=Module[\"__PyUnicodeWriter_PrepareKindInternal\"]=wasmExports[\"_PyUnicodeWriter_PrepareKindInternal\"])(a0,a1);var _PyUnicode_DecodeCharmap=Module[\"_PyUnicode_DecodeCharmap\"]=(a0,a1,a2,a3)=>(_PyUnicode_DecodeCharmap=Module[\"_PyUnicode_DecodeCharmap\"]=wasmExports[\"PyUnicode_DecodeCharmap\"])(a0,a1,a2,a3);var _PyUnicode_BuildEncodingMap=Module[\"_PyUnicode_BuildEncodingMap\"]=a0=>(_PyUnicode_BuildEncodingMap=Module[\"_PyUnicode_BuildEncodingMap\"]=wasmExports[\"PyUnicode_BuildEncodingMap\"])(a0);var __PyUnicode_EncodeCharmap=Module[\"__PyUnicode_EncodeCharmap\"]=(a0,a1,a2)=>(__PyUnicode_EncodeCharmap=Module[\"__PyUnicode_EncodeCharmap\"]=wasmExports[\"_PyUnicode_EncodeCharmap\"])(a0,a1,a2);var _PyUnicode_AsCharmapString=Module[\"_PyUnicode_AsCharmapString\"]=(a0,a1)=>(_PyUnicode_AsCharmapString=Module[\"_PyUnicode_AsCharmapString\"]=wasmExports[\"PyUnicode_AsCharmapString\"])(a0,a1);var _PyUnicode_Translate=Module[\"_PyUnicode_Translate\"]=(a0,a1,a2)=>(_PyUnicode_Translate=Module[\"_PyUnicode_Translate\"]=wasmExports[\"PyUnicode_Translate\"])(a0,a1,a2);var __PyUnicode_IsWhitespace=Module[\"__PyUnicode_IsWhitespace\"]=a0=>(__PyUnicode_IsWhitespace=Module[\"__PyUnicode_IsWhitespace\"]=wasmExports[\"_PyUnicode_IsWhitespace\"])(a0);var __PyUnicode_ToDecimalDigit=Module[\"__PyUnicode_ToDecimalDigit\"]=a0=>(__PyUnicode_ToDecimalDigit=Module[\"__PyUnicode_ToDecimalDigit\"]=wasmExports[\"_PyUnicode_ToDecimalDigit\"])(a0);var __PyUnicode_InsertThousandsGrouping=Module[\"__PyUnicode_InsertThousandsGrouping\"]=(a0,a1,a2,a3,a4,a5,a6,a7,a8)=>(__PyUnicode_InsertThousandsGrouping=Module[\"__PyUnicode_InsertThousandsGrouping\"]=wasmExports[\"_PyUnicode_InsertThousandsGrouping\"])(a0,a1,a2,a3,a4,a5,a6,a7,a8);var _PyUnicode_Count=Module[\"_PyUnicode_Count\"]=(a0,a1,a2,a3)=>(_PyUnicode_Count=Module[\"_PyUnicode_Count\"]=wasmExports[\"PyUnicode_Count\"])(a0,a1,a2,a3);var _PyUnicode_Find=Module[\"_PyUnicode_Find\"]=(a0,a1,a2,a3,a4)=>(_PyUnicode_Find=Module[\"_PyUnicode_Find\"]=wasmExports[\"PyUnicode_Find\"])(a0,a1,a2,a3,a4);var _PyUnicode_FindChar=Module[\"_PyUnicode_FindChar\"]=(a0,a1,a2,a3,a4)=>(_PyUnicode_FindChar=Module[\"_PyUnicode_FindChar\"]=wasmExports[\"PyUnicode_FindChar\"])(a0,a1,a2,a3,a4);var _PyUnicode_Tailmatch=Module[\"_PyUnicode_Tailmatch\"]=(a0,a1,a2,a3,a4)=>(_PyUnicode_Tailmatch=Module[\"_PyUnicode_Tailmatch\"]=wasmExports[\"PyUnicode_Tailmatch\"])(a0,a1,a2,a3,a4);var __PyUnicode_JoinArray=Module[\"__PyUnicode_JoinArray\"]=(a0,a1,a2)=>(__PyUnicode_JoinArray=Module[\"__PyUnicode_JoinArray\"]=wasmExports[\"_PyUnicode_JoinArray\"])(a0,a1,a2);var __PyUnicode_FastFill=Module[\"__PyUnicode_FastFill\"]=(a0,a1,a2,a3)=>(__PyUnicode_FastFill=Module[\"__PyUnicode_FastFill\"]=wasmExports[\"_PyUnicode_FastFill\"])(a0,a1,a2,a3);var _PyUnicode_Splitlines=Module[\"_PyUnicode_Splitlines\"]=(a0,a1)=>(_PyUnicode_Splitlines=Module[\"_PyUnicode_Splitlines\"]=wasmExports[\"PyUnicode_Splitlines\"])(a0,a1);var __PyUnicode_IsLinebreak=Module[\"__PyUnicode_IsLinebreak\"]=a0=>(__PyUnicode_IsLinebreak=Module[\"__PyUnicode_IsLinebreak\"]=wasmExports[\"_PyUnicode_IsLinebreak\"])(a0);var _wmemcmp=Module[\"_wmemcmp\"]=(a0,a1,a2)=>(_wmemcmp=Module[\"_wmemcmp\"]=wasmExports[\"wmemcmp\"])(a0,a1,a2);var __PyUnicode_EqualToASCIIId=Module[\"__PyUnicode_EqualToASCIIId\"]=(a0,a1)=>(__PyUnicode_EqualToASCIIId=Module[\"__PyUnicode_EqualToASCIIId\"]=wasmExports[\"_PyUnicode_EqualToASCIIId\"])(a0,a1);var _PyUnicode_RichCompare=Module[\"_PyUnicode_RichCompare\"]=(a0,a1,a2)=>(_PyUnicode_RichCompare=Module[\"_PyUnicode_RichCompare\"]=wasmExports[\"PyUnicode_RichCompare\"])(a0,a1,a2);var _PyUnicode_Contains=Module[\"_PyUnicode_Contains\"]=(a0,a1)=>(_PyUnicode_Contains=Module[\"_PyUnicode_Contains\"]=wasmExports[\"PyUnicode_Contains\"])(a0,a1);var _PyUnicode_Concat=Module[\"_PyUnicode_Concat\"]=(a0,a1)=>(_PyUnicode_Concat=Module[\"_PyUnicode_Concat\"]=wasmExports[\"PyUnicode_Concat\"])(a0,a1);var _PyUnicode_Append=Module[\"_PyUnicode_Append\"]=(a0,a1)=>(_PyUnicode_Append=Module[\"_PyUnicode_Append\"]=wasmExports[\"PyUnicode_Append\"])(a0,a1);var _PyUnicode_AppendAndDel=Module[\"_PyUnicode_AppendAndDel\"]=(a0,a1)=>(_PyUnicode_AppendAndDel=Module[\"_PyUnicode_AppendAndDel\"]=wasmExports[\"PyUnicode_AppendAndDel\"])(a0,a1);var __PyUnicode_IsXidStart=Module[\"__PyUnicode_IsXidStart\"]=a0=>(__PyUnicode_IsXidStart=Module[\"__PyUnicode_IsXidStart\"]=wasmExports[\"_PyUnicode_IsXidStart\"])(a0);var __PyUnicode_IsXidContinue=Module[\"__PyUnicode_IsXidContinue\"]=a0=>(__PyUnicode_IsXidContinue=Module[\"__PyUnicode_IsXidContinue\"]=wasmExports[\"_PyUnicode_IsXidContinue\"])(a0);var __PyUnicode_XStrip=Module[\"__PyUnicode_XStrip\"]=(a0,a1,a2)=>(__PyUnicode_XStrip=Module[\"__PyUnicode_XStrip\"]=wasmExports[\"_PyUnicode_XStrip\"])(a0,a1,a2);var _PyUnicode_Replace=Module[\"_PyUnicode_Replace\"]=(a0,a1,a2,a3)=>(_PyUnicode_Replace=Module[\"_PyUnicode_Replace\"]=wasmExports[\"PyUnicode_Replace\"])(a0,a1,a2,a3);var _PyUnicode_Split=Module[\"_PyUnicode_Split\"]=(a0,a1,a2)=>(_PyUnicode_Split=Module[\"_PyUnicode_Split\"]=wasmExports[\"PyUnicode_Split\"])(a0,a1,a2);var _PyUnicode_Partition=Module[\"_PyUnicode_Partition\"]=(a0,a1)=>(_PyUnicode_Partition=Module[\"_PyUnicode_Partition\"]=wasmExports[\"PyUnicode_Partition\"])(a0,a1);var _PyUnicode_RPartition=Module[\"_PyUnicode_RPartition\"]=(a0,a1)=>(_PyUnicode_RPartition=Module[\"_PyUnicode_RPartition\"]=wasmExports[\"PyUnicode_RPartition\"])(a0,a1);var _PyUnicode_RSplit=Module[\"_PyUnicode_RSplit\"]=(a0,a1,a2)=>(_PyUnicode_RSplit=Module[\"_PyUnicode_RSplit\"]=wasmExports[\"PyUnicode_RSplit\"])(a0,a1,a2);var __PyUnicodeWriter_WriteSubstring=Module[\"__PyUnicodeWriter_WriteSubstring\"]=(a0,a1,a2,a3)=>(__PyUnicodeWriter_WriteSubstring=Module[\"__PyUnicodeWriter_WriteSubstring\"]=wasmExports[\"_PyUnicodeWriter_WriteSubstring\"])(a0,a1,a2,a3);var __PyUnicodeWriter_WriteLatin1String=Module[\"__PyUnicodeWriter_WriteLatin1String\"]=(a0,a1,a2)=>(__PyUnicodeWriter_WriteLatin1String=Module[\"__PyUnicodeWriter_WriteLatin1String\"]=wasmExports[\"_PyUnicodeWriter_WriteLatin1String\"])(a0,a1,a2);var _PyUnicode_Format=Module[\"_PyUnicode_Format\"]=(a0,a1)=>(_PyUnicode_Format=Module[\"_PyUnicode_Format\"]=wasmExports[\"PyUnicode_Format\"])(a0,a1);var __Py_hashtable_new_full=Module[\"__Py_hashtable_new_full\"]=(a0,a1,a2,a3,a4)=>(__Py_hashtable_new_full=Module[\"__Py_hashtable_new_full\"]=wasmExports[\"_Py_hashtable_new_full\"])(a0,a1,a2,a3,a4);var __Py_hashtable_get=Module[\"__Py_hashtable_get\"]=(a0,a1)=>(__Py_hashtable_get=Module[\"__Py_hashtable_get\"]=wasmExports[\"_Py_hashtable_get\"])(a0,a1);var __Py_hashtable_set=Module[\"__Py_hashtable_set\"]=(a0,a1,a2)=>(__Py_hashtable_set=Module[\"__Py_hashtable_set\"]=wasmExports[\"_Py_hashtable_set\"])(a0,a1,a2);var __PyUnicode_InternInPlace=Module[\"__PyUnicode_InternInPlace\"]=(a0,a1)=>(__PyUnicode_InternInPlace=Module[\"__PyUnicode_InternInPlace\"]=wasmExports[\"_PyUnicode_InternInPlace\"])(a0,a1);var _PyUnicode_InternInPlace=Module[\"_PyUnicode_InternInPlace\"]=a0=>(_PyUnicode_InternInPlace=Module[\"_PyUnicode_InternInPlace\"]=wasmExports[\"PyUnicode_InternInPlace\"])(a0);var _PyUnicode_InternImmortal=Module[\"_PyUnicode_InternImmortal\"]=a0=>(_PyUnicode_InternImmortal=Module[\"_PyUnicode_InternImmortal\"]=wasmExports[\"PyUnicode_InternImmortal\"])(a0);var __Py_hashtable_destroy=Module[\"__Py_hashtable_destroy\"]=a0=>(__Py_hashtable_destroy=Module[\"__Py_hashtable_destroy\"]=wasmExports[\"_Py_hashtable_destroy\"])(a0);var _PyInit__string=Module[\"_PyInit__string\"]=()=>(_PyInit__string=Module[\"_PyInit__string\"]=wasmExports[\"PyInit__string\"])();var __PyUnicode_IsLowercase=Module[\"__PyUnicode_IsLowercase\"]=a0=>(__PyUnicode_IsLowercase=Module[\"__PyUnicode_IsLowercase\"]=wasmExports[\"_PyUnicode_IsLowercase\"])(a0);var __PyUnicode_IsUppercase=Module[\"__PyUnicode_IsUppercase\"]=a0=>(__PyUnicode_IsUppercase=Module[\"__PyUnicode_IsUppercase\"]=wasmExports[\"_PyUnicode_IsUppercase\"])(a0);var __PyUnicode_IsTitlecase=Module[\"__PyUnicode_IsTitlecase\"]=a0=>(__PyUnicode_IsTitlecase=Module[\"__PyUnicode_IsTitlecase\"]=wasmExports[\"_PyUnicode_IsTitlecase\"])(a0);var __PyUnicode_IsDecimalDigit=Module[\"__PyUnicode_IsDecimalDigit\"]=a0=>(__PyUnicode_IsDecimalDigit=Module[\"__PyUnicode_IsDecimalDigit\"]=wasmExports[\"_PyUnicode_IsDecimalDigit\"])(a0);var __PyUnicode_IsDigit=Module[\"__PyUnicode_IsDigit\"]=a0=>(__PyUnicode_IsDigit=Module[\"__PyUnicode_IsDigit\"]=wasmExports[\"_PyUnicode_IsDigit\"])(a0);var __PyUnicode_IsNumeric=Module[\"__PyUnicode_IsNumeric\"]=a0=>(__PyUnicode_IsNumeric=Module[\"__PyUnicode_IsNumeric\"]=wasmExports[\"_PyUnicode_IsNumeric\"])(a0);var __PyUnicode_IsAlpha=Module[\"__PyUnicode_IsAlpha\"]=a0=>(__PyUnicode_IsAlpha=Module[\"__PyUnicode_IsAlpha\"]=wasmExports[\"_PyUnicode_IsAlpha\"])(a0);var __PyUnicode_FormatAdvancedWriter=Module[\"__PyUnicode_FormatAdvancedWriter\"]=(a0,a1,a2,a3,a4)=>(__PyUnicode_FormatAdvancedWriter=Module[\"__PyUnicode_FormatAdvancedWriter\"]=wasmExports[\"_PyUnicode_FormatAdvancedWriter\"])(a0,a1,a2,a3,a4);var __PyUnicode_ToTitleFull=Module[\"__PyUnicode_ToTitleFull\"]=(a0,a1)=>(__PyUnicode_ToTitleFull=Module[\"__PyUnicode_ToTitleFull\"]=wasmExports[\"_PyUnicode_ToTitleFull\"])(a0,a1);var __PyUnicode_IsCaseIgnorable=Module[\"__PyUnicode_IsCaseIgnorable\"]=a0=>(__PyUnicode_IsCaseIgnorable=Module[\"__PyUnicode_IsCaseIgnorable\"]=wasmExports[\"_PyUnicode_IsCaseIgnorable\"])(a0);var __PyUnicode_IsCased=Module[\"__PyUnicode_IsCased\"]=a0=>(__PyUnicode_IsCased=Module[\"__PyUnicode_IsCased\"]=wasmExports[\"_PyUnicode_IsCased\"])(a0);var __PyUnicode_ToLowerFull=Module[\"__PyUnicode_ToLowerFull\"]=(a0,a1)=>(__PyUnicode_ToLowerFull=Module[\"__PyUnicode_ToLowerFull\"]=wasmExports[\"_PyUnicode_ToLowerFull\"])(a0,a1);var __PyUnicode_ToFoldedFull=Module[\"__PyUnicode_ToFoldedFull\"]=(a0,a1)=>(__PyUnicode_ToFoldedFull=Module[\"__PyUnicode_ToFoldedFull\"]=wasmExports[\"_PyUnicode_ToFoldedFull\"])(a0,a1);var __PyUnicode_ToUpperFull=Module[\"__PyUnicode_ToUpperFull\"]=(a0,a1)=>(__PyUnicode_ToUpperFull=Module[\"__PyUnicode_ToUpperFull\"]=wasmExports[\"_PyUnicode_ToUpperFull\"])(a0,a1);var __PyUnicode_ToNumeric=Module[\"__PyUnicode_ToNumeric\"]=a0=>(__PyUnicode_ToNumeric=Module[\"__PyUnicode_ToNumeric\"]=wasmExports[\"_PyUnicode_ToNumeric\"])(a0);var __PyUnicode_ToTitlecase=Module[\"__PyUnicode_ToTitlecase\"]=a0=>(__PyUnicode_ToTitlecase=Module[\"__PyUnicode_ToTitlecase\"]=wasmExports[\"_PyUnicode_ToTitlecase\"])(a0);var __PyUnicode_ToDigit=Module[\"__PyUnicode_ToDigit\"]=a0=>(__PyUnicode_ToDigit=Module[\"__PyUnicode_ToDigit\"]=wasmExports[\"_PyUnicode_ToDigit\"])(a0);var __PyUnicode_ToUppercase=Module[\"__PyUnicode_ToUppercase\"]=a0=>(__PyUnicode_ToUppercase=Module[\"__PyUnicode_ToUppercase\"]=wasmExports[\"_PyUnicode_ToUppercase\"])(a0);var __PyUnicode_ToLowercase=Module[\"__PyUnicode_ToLowercase\"]=a0=>(__PyUnicode_ToLowercase=Module[\"__PyUnicode_ToLowercase\"]=wasmExports[\"_PyUnicode_ToLowercase\"])(a0);var __PyWeakref_GetWeakrefCount=Module[\"__PyWeakref_GetWeakrefCount\"]=a0=>(__PyWeakref_GetWeakrefCount=Module[\"__PyWeakref_GetWeakrefCount\"]=wasmExports[\"_PyWeakref_GetWeakrefCount\"])(a0);var _PyWeakref_NewProxy=Module[\"_PyWeakref_NewProxy\"]=(a0,a1)=>(_PyWeakref_NewProxy=Module[\"_PyWeakref_NewProxy\"]=wasmExports[\"PyWeakref_NewProxy\"])(a0,a1);var _PyWeakref_GetObject=Module[\"_PyWeakref_GetObject\"]=a0=>(_PyWeakref_GetObject=Module[\"_PyWeakref_GetObject\"]=wasmExports[\"PyWeakref_GetObject\"])(a0);var _PyErr_ResourceWarning=Module[\"_PyErr_ResourceWarning\"]=(a0,a1,a2,a3)=>(_PyErr_ResourceWarning=Module[\"_PyErr_ResourceWarning\"]=wasmExports[\"PyErr_ResourceWarning\"])(a0,a1,a2,a3);var _PyErr_WarnExplicit=Module[\"_PyErr_WarnExplicit\"]=(a0,a1,a2,a3,a4,a5)=>(_PyErr_WarnExplicit=Module[\"_PyErr_WarnExplicit\"]=wasmExports[\"PyErr_WarnExplicit\"])(a0,a1,a2,a3,a4,a5);var _PyErr_WarnExplicitFormat=Module[\"_PyErr_WarnExplicitFormat\"]=(a0,a1,a2,a3,a4,a5,a6)=>(_PyErr_WarnExplicitFormat=Module[\"_PyErr_WarnExplicitFormat\"]=wasmExports[\"PyErr_WarnExplicitFormat\"])(a0,a1,a2,a3,a4,a5,a6);var __Py_IsInterpreterFinalizing=Module[\"__Py_IsInterpreterFinalizing\"]=a0=>(__Py_IsInterpreterFinalizing=Module[\"__Py_IsInterpreterFinalizing\"]=wasmExports[\"_Py_IsInterpreterFinalizing\"])(a0);var __PyWarnings_Init=Module[\"__PyWarnings_Init\"]=()=>(__PyWarnings_Init=Module[\"__PyWarnings_Init\"]=wasmExports[\"_PyWarnings_Init\"])();var _PyThreadState_GetFrame=Module[\"_PyThreadState_GetFrame\"]=a0=>(_PyThreadState_GetFrame=Module[\"_PyThreadState_GetFrame\"]=wasmExports[\"PyThreadState_GetFrame\"])(a0);var __PySys_GetAttr=Module[\"__PySys_GetAttr\"]=(a0,a1)=>(__PySys_GetAttr=Module[\"__PySys_GetAttr\"]=wasmExports[\"_PySys_GetAttr\"])(a0,a1);var __Py_DisplaySourceLine=Module[\"__Py_DisplaySourceLine\"]=(a0,a1,a2,a3,a4,a5)=>(__Py_DisplaySourceLine=Module[\"__Py_DisplaySourceLine\"]=wasmExports[\"_Py_DisplaySourceLine\"])(a0,a1,a2,a3,a4,a5);var _PyModule_AddObjectRef=Module[\"_PyModule_AddObjectRef\"]=(a0,a1,a2)=>(_PyModule_AddObjectRef=Module[\"_PyModule_AddObjectRef\"]=wasmExports[\"PyModule_AddObjectRef\"])(a0,a1,a2);var _PyInit__ast=Module[\"_PyInit__ast\"]=()=>(_PyInit__ast=Module[\"_PyInit__ast\"]=wasmExports[\"PyInit__ast\"])();var _PyModule_AddIntConstant=Module[\"_PyModule_AddIntConstant\"]=(a0,a1,a2)=>(_PyModule_AddIntConstant=Module[\"_PyModule_AddIntConstant\"]=wasmExports[\"PyModule_AddIntConstant\"])(a0,a1,a2);var _PyInit__tokenize=Module[\"_PyInit__tokenize\"]=()=>(_PyInit__tokenize=Module[\"_PyInit__tokenize\"]=wasmExports[\"PyInit__tokenize\"])();var _PyModule_AddType=Module[\"_PyModule_AddType\"]=(a0,a1)=>(_PyModule_AddType=Module[\"_PyModule_AddType\"]=wasmExports[\"PyModule_AddType\"])(a0,a1);var _PyErr_SyntaxLocationObject=Module[\"_PyErr_SyntaxLocationObject\"]=(a0,a1,a2)=>(_PyErr_SyntaxLocationObject=Module[\"_PyErr_SyntaxLocationObject\"]=wasmExports[\"PyErr_SyntaxLocationObject\"])(a0,a1,a2);var _snprintf=Module[\"_snprintf\"]=(a0,a1,a2,a3)=>(_snprintf=Module[\"_snprintf\"]=wasmExports[\"snprintf\"])(a0,a1,a2,a3);var _PyImport_ImportModuleLevelObject=Module[\"_PyImport_ImportModuleLevelObject\"]=(a0,a1,a2,a3,a4)=>(_PyImport_ImportModuleLevelObject=Module[\"_PyImport_ImportModuleLevelObject\"]=wasmExports[\"PyImport_ImportModuleLevelObject\"])(a0,a1,a2,a3,a4);var _PyEval_MergeCompilerFlags=Module[\"_PyEval_MergeCompilerFlags\"]=a0=>(_PyEval_MergeCompilerFlags=Module[\"_PyEval_MergeCompilerFlags\"]=wasmExports[\"PyEval_MergeCompilerFlags\"])(a0);var __PyArena_New=Module[\"__PyArena_New\"]=()=>(__PyArena_New=Module[\"__PyArena_New\"]=wasmExports[\"_PyArena_New\"])();var __PyArena_Free=Module[\"__PyArena_Free\"]=a0=>(__PyArena_Free=Module[\"__PyArena_Free\"]=wasmExports[\"_PyArena_Free\"])(a0);var __PyAST_Compile=Module[\"__PyAST_Compile\"]=(a0,a1,a2,a3,a4)=>(__PyAST_Compile=Module[\"__PyAST_Compile\"]=wasmExports[\"_PyAST_Compile\"])(a0,a1,a2,a3,a4);var __Py_SourceAsString=Module[\"__Py_SourceAsString\"]=(a0,a1,a2,a3,a4)=>(__Py_SourceAsString=Module[\"__Py_SourceAsString\"]=wasmExports[\"_Py_SourceAsString\"])(a0,a1,a2,a3,a4);var _Py_CompileStringObject=Module[\"_Py_CompileStringObject\"]=(a0,a1,a2,a3,a4)=>(_Py_CompileStringObject=Module[\"_Py_CompileStringObject\"]=wasmExports[\"Py_CompileStringObject\"])(a0,a1,a2,a3,a4);var _PyEval_GetBuiltins=Module[\"_PyEval_GetBuiltins\"]=()=>(_PyEval_GetBuiltins=Module[\"_PyEval_GetBuiltins\"]=wasmExports[\"PyEval_GetBuiltins\"])();var _PyEval_EvalCode=Module[\"_PyEval_EvalCode\"]=(a0,a1,a2)=>(_PyEval_EvalCode=Module[\"_PyEval_EvalCode\"]=wasmExports[\"PyEval_EvalCode\"])(a0,a1,a2);var _PyRun_StringFlags=Module[\"_PyRun_StringFlags\"]=(a0,a1,a2,a3,a4)=>(_PyRun_StringFlags=Module[\"_PyRun_StringFlags\"]=wasmExports[\"PyRun_StringFlags\"])(a0,a1,a2,a3,a4);var _PyEval_EvalCodeEx=Module[\"_PyEval_EvalCodeEx\"]=(a0,a1,a2,a3,a4,a5,a6,a7,a8,a9,a10)=>(_PyEval_EvalCodeEx=Module[\"_PyEval_EvalCodeEx\"]=wasmExports[\"PyEval_EvalCodeEx\"])(a0,a1,a2,a3,a4,a5,a6,a7,a8,a9,a10);var _Py_GetRecursionLimit=Module[\"_Py_GetRecursionLimit\"]=()=>(_Py_GetRecursionLimit=Module[\"_Py_GetRecursionLimit\"]=wasmExports[\"Py_GetRecursionLimit\"])();var _Py_SetRecursionLimit=Module[\"_Py_SetRecursionLimit\"]=a0=>(_Py_SetRecursionLimit=Module[\"_Py_SetRecursionLimit\"]=wasmExports[\"Py_SetRecursionLimit\"])(a0);var _PyEval_EvalFrame=Module[\"_PyEval_EvalFrame\"]=a0=>(_PyEval_EvalFrame=Module[\"_PyEval_EvalFrame\"]=wasmExports[\"PyEval_EvalFrame\"])(a0);var _PyEval_EvalFrameEx=Module[\"_PyEval_EvalFrameEx\"]=(a0,a1)=>(_PyEval_EvalFrameEx=Module[\"_PyEval_EvalFrameEx\"]=wasmExports[\"PyEval_EvalFrameEx\"])(a0,a1);var _PyTraceBack_Here=Module[\"_PyTraceBack_Here\"]=a0=>(_PyTraceBack_Here=Module[\"_PyTraceBack_Here\"]=wasmExports[\"PyTraceBack_Here\"])(a0);var _PyErr_SetHandledException=Module[\"_PyErr_SetHandledException\"]=a0=>(_PyErr_SetHandledException=Module[\"_PyErr_SetHandledException\"]=wasmExports[\"PyErr_SetHandledException\"])(a0);var __PyErr_GetTopmostException=Module[\"__PyErr_GetTopmostException\"]=a0=>(__PyErr_GetTopmostException=Module[\"__PyErr_GetTopmostException\"]=wasmExports[\"_PyErr_GetTopmostException\"])(a0);var __PyErr_SetObject=Module[\"__PyErr_SetObject\"]=(a0,a1,a2)=>(__PyErr_SetObject=Module[\"__PyErr_SetObject\"]=wasmExports[\"_PyErr_SetObject\"])(a0,a1,a2);var _PyThreadState_EnterTracing=Module[\"_PyThreadState_EnterTracing\"]=a0=>(_PyThreadState_EnterTracing=Module[\"_PyThreadState_EnterTracing\"]=wasmExports[\"PyThreadState_EnterTracing\"])(a0);var _PyThreadState_LeaveTracing=Module[\"_PyThreadState_LeaveTracing\"]=a0=>(_PyThreadState_LeaveTracing=Module[\"_PyThreadState_LeaveTracing\"]=wasmExports[\"PyThreadState_LeaveTracing\"])(a0);var _PyEval_SetProfile=Module[\"_PyEval_SetProfile\"]=(a0,a1)=>(_PyEval_SetProfile=Module[\"_PyEval_SetProfile\"]=wasmExports[\"PyEval_SetProfile\"])(a0,a1);var __PyEval_SetProfile=Module[\"__PyEval_SetProfile\"]=(a0,a1,a2)=>(__PyEval_SetProfile=Module[\"__PyEval_SetProfile\"]=wasmExports[\"_PyEval_SetProfile\"])(a0,a1,a2);var __PyErr_WriteUnraisableMsg=Module[\"__PyErr_WriteUnraisableMsg\"]=(a0,a1)=>(__PyErr_WriteUnraisableMsg=Module[\"__PyErr_WriteUnraisableMsg\"]=wasmExports[\"_PyErr_WriteUnraisableMsg\"])(a0,a1);var _PyEval_SetProfileAllThreads=Module[\"_PyEval_SetProfileAllThreads\"]=(a0,a1)=>(_PyEval_SetProfileAllThreads=Module[\"_PyEval_SetProfileAllThreads\"]=wasmExports[\"PyEval_SetProfileAllThreads\"])(a0,a1);var _PyInterpreterState_ThreadHead=Module[\"_PyInterpreterState_ThreadHead\"]=a0=>(_PyInterpreterState_ThreadHead=Module[\"_PyInterpreterState_ThreadHead\"]=wasmExports[\"PyInterpreterState_ThreadHead\"])(a0);var _PyThreadState_Next=Module[\"_PyThreadState_Next\"]=a0=>(_PyThreadState_Next=Module[\"_PyThreadState_Next\"]=wasmExports[\"PyThreadState_Next\"])(a0);var _PyEval_SetTrace=Module[\"_PyEval_SetTrace\"]=(a0,a1)=>(_PyEval_SetTrace=Module[\"_PyEval_SetTrace\"]=wasmExports[\"PyEval_SetTrace\"])(a0,a1);var __PyEval_SetTrace=Module[\"__PyEval_SetTrace\"]=(a0,a1,a2)=>(__PyEval_SetTrace=Module[\"__PyEval_SetTrace\"]=wasmExports[\"_PyEval_SetTrace\"])(a0,a1,a2);var _PyEval_SetTraceAllThreads=Module[\"_PyEval_SetTraceAllThreads\"]=(a0,a1)=>(_PyEval_SetTraceAllThreads=Module[\"_PyEval_SetTraceAllThreads\"]=wasmExports[\"PyEval_SetTraceAllThreads\"])(a0,a1);var _PyEval_GetFrame=Module[\"_PyEval_GetFrame\"]=()=>(_PyEval_GetFrame=Module[\"_PyEval_GetFrame\"]=wasmExports[\"PyEval_GetFrame\"])();var __PyEval_GetBuiltinId=Module[\"__PyEval_GetBuiltinId\"]=a0=>(__PyEval_GetBuiltinId=Module[\"__PyEval_GetBuiltinId\"]=wasmExports[\"_PyEval_GetBuiltinId\"])(a0);var _PyEval_GetLocals=Module[\"_PyEval_GetLocals\"]=()=>(_PyEval_GetLocals=Module[\"_PyEval_GetLocals\"]=wasmExports[\"PyEval_GetLocals\"])();var _PyEval_GetFuncName=Module[\"_PyEval_GetFuncName\"]=a0=>(_PyEval_GetFuncName=Module[\"_PyEval_GetFuncName\"]=wasmExports[\"PyEval_GetFuncName\"])(a0);var _PyEval_GetFuncDesc=Module[\"_PyEval_GetFuncDesc\"]=a0=>(_PyEval_GetFuncDesc=Module[\"_PyEval_GetFuncDesc\"]=wasmExports[\"PyEval_GetFuncDesc\"])(a0);var _PyUnstable_Eval_RequestCodeExtraIndex=Module[\"_PyUnstable_Eval_RequestCodeExtraIndex\"]=a0=>(_PyUnstable_Eval_RequestCodeExtraIndex=Module[\"_PyUnstable_Eval_RequestCodeExtraIndex\"]=wasmExports[\"PyUnstable_Eval_RequestCodeExtraIndex\"])(a0);var _PyCodec_Register=Module[\"_PyCodec_Register\"]=a0=>(_PyCodec_Register=Module[\"_PyCodec_Register\"]=wasmExports[\"PyCodec_Register\"])(a0);var _PyCodec_Unregister=Module[\"_PyCodec_Unregister\"]=a0=>(_PyCodec_Unregister=Module[\"_PyCodec_Unregister\"]=wasmExports[\"PyCodec_Unregister\"])(a0);var _PyCodec_KnownEncoding=Module[\"_PyCodec_KnownEncoding\"]=a0=>(_PyCodec_KnownEncoding=Module[\"_PyCodec_KnownEncoding\"]=wasmExports[\"PyCodec_KnownEncoding\"])(a0);var __PyCodecInfo_GetIncrementalDecoder=Module[\"__PyCodecInfo_GetIncrementalDecoder\"]=(a0,a1)=>(__PyCodecInfo_GetIncrementalDecoder=Module[\"__PyCodecInfo_GetIncrementalDecoder\"]=wasmExports[\"_PyCodecInfo_GetIncrementalDecoder\"])(a0,a1);var __PyCodecInfo_GetIncrementalEncoder=Module[\"__PyCodecInfo_GetIncrementalEncoder\"]=(a0,a1)=>(__PyCodecInfo_GetIncrementalEncoder=Module[\"__PyCodecInfo_GetIncrementalEncoder\"]=wasmExports[\"_PyCodecInfo_GetIncrementalEncoder\"])(a0,a1);var _PyCodec_Encoder=Module[\"_PyCodec_Encoder\"]=a0=>(_PyCodec_Encoder=Module[\"_PyCodec_Encoder\"]=wasmExports[\"PyCodec_Encoder\"])(a0);var _PyCodec_Decoder=Module[\"_PyCodec_Decoder\"]=a0=>(_PyCodec_Decoder=Module[\"_PyCodec_Decoder\"]=wasmExports[\"PyCodec_Decoder\"])(a0);var _PyCodec_IncrementalEncoder=Module[\"_PyCodec_IncrementalEncoder\"]=(a0,a1)=>(_PyCodec_IncrementalEncoder=Module[\"_PyCodec_IncrementalEncoder\"]=wasmExports[\"PyCodec_IncrementalEncoder\"])(a0,a1);var _PyCodec_IncrementalDecoder=Module[\"_PyCodec_IncrementalDecoder\"]=(a0,a1)=>(_PyCodec_IncrementalDecoder=Module[\"_PyCodec_IncrementalDecoder\"]=wasmExports[\"PyCodec_IncrementalDecoder\"])(a0,a1);var _PyCodec_StreamReader=Module[\"_PyCodec_StreamReader\"]=(a0,a1,a2)=>(_PyCodec_StreamReader=Module[\"_PyCodec_StreamReader\"]=wasmExports[\"PyCodec_StreamReader\"])(a0,a1,a2);var _PyCodec_StreamWriter=Module[\"_PyCodec_StreamWriter\"]=(a0,a1,a2)=>(_PyCodec_StreamWriter=Module[\"_PyCodec_StreamWriter\"]=wasmExports[\"PyCodec_StreamWriter\"])(a0,a1,a2);var __PyCodec_LookupTextEncoding=Module[\"__PyCodec_LookupTextEncoding\"]=(a0,a1)=>(__PyCodec_LookupTextEncoding=Module[\"__PyCodec_LookupTextEncoding\"]=wasmExports[\"_PyCodec_LookupTextEncoding\"])(a0,a1);var _PyCodec_RegisterError=Module[\"_PyCodec_RegisterError\"]=(a0,a1)=>(_PyCodec_RegisterError=Module[\"_PyCodec_RegisterError\"]=wasmExports[\"PyCodec_RegisterError\"])(a0,a1);var _PyCodec_IgnoreErrors=Module[\"_PyCodec_IgnoreErrors\"]=a0=>(_PyCodec_IgnoreErrors=Module[\"_PyCodec_IgnoreErrors\"]=wasmExports[\"PyCodec_IgnoreErrors\"])(a0);var _PyCodec_ReplaceErrors=Module[\"_PyCodec_ReplaceErrors\"]=a0=>(_PyCodec_ReplaceErrors=Module[\"_PyCodec_ReplaceErrors\"]=wasmExports[\"PyCodec_ReplaceErrors\"])(a0);var _PyCodec_XMLCharRefReplaceErrors=Module[\"_PyCodec_XMLCharRefReplaceErrors\"]=a0=>(_PyCodec_XMLCharRefReplaceErrors=Module[\"_PyCodec_XMLCharRefReplaceErrors\"]=wasmExports[\"PyCodec_XMLCharRefReplaceErrors\"])(a0);var _PyCodec_BackslashReplaceErrors=Module[\"_PyCodec_BackslashReplaceErrors\"]=a0=>(_PyCodec_BackslashReplaceErrors=Module[\"_PyCodec_BackslashReplaceErrors\"]=wasmExports[\"PyCodec_BackslashReplaceErrors\"])(a0);var _PyCodec_NameReplaceErrors=Module[\"_PyCodec_NameReplaceErrors\"]=a0=>(_PyCodec_NameReplaceErrors=Module[\"_PyCodec_NameReplaceErrors\"]=wasmExports[\"PyCodec_NameReplaceErrors\"])(a0);var _PyCompile_OpcodeStackEffectWithJump=Module[\"_PyCompile_OpcodeStackEffectWithJump\"]=(a0,a1,a2)=>(_PyCompile_OpcodeStackEffectWithJump=Module[\"_PyCompile_OpcodeStackEffectWithJump\"]=wasmExports[\"PyCompile_OpcodeStackEffectWithJump\"])(a0,a1,a2);var __PyCompile_CodeGen=Module[\"__PyCompile_CodeGen\"]=(a0,a1,a2,a3,a4)=>(__PyCompile_CodeGen=Module[\"__PyCompile_CodeGen\"]=wasmExports[\"_PyCompile_CodeGen\"])(a0,a1,a2,a3,a4);var __PyCompile_OptimizeCfg=Module[\"__PyCompile_OptimizeCfg\"]=(a0,a1,a2)=>(__PyCompile_OptimizeCfg=Module[\"__PyCompile_OptimizeCfg\"]=wasmExports[\"_PyCompile_OptimizeCfg\"])(a0,a1,a2);var __PyCompile_Assemble=Module[\"__PyCompile_Assemble\"]=(a0,a1,a2)=>(__PyCompile_Assemble=Module[\"__PyCompile_Assemble\"]=wasmExports[\"_PyCompile_Assemble\"])(a0,a1,a2);var _PyCode_Optimize=Module[\"_PyCode_Optimize\"]=(a0,a1,a2,a3)=>(_PyCode_Optimize=Module[\"_PyCode_Optimize\"]=wasmExports[\"PyCode_Optimize\"])(a0,a1,a2,a3);var _PySymtable_Lookup=Module[\"_PySymtable_Lookup\"]=(a0,a1)=>(_PySymtable_Lookup=Module[\"_PySymtable_Lookup\"]=wasmExports[\"PySymtable_Lookup\"])(a0,a1);var _PyErr_ProgramTextObject=Module[\"_PyErr_ProgramTextObject\"]=(a0,a1)=>(_PyErr_ProgramTextObject=Module[\"_PyErr_ProgramTextObject\"]=wasmExports[\"PyErr_ProgramTextObject\"])(a0,a1);var __PyContext_NewHamtForTests=Module[\"__PyContext_NewHamtForTests\"]=()=>(__PyContext_NewHamtForTests=Module[\"__PyContext_NewHamtForTests\"]=wasmExports[\"_PyContext_NewHamtForTests\"])();var _PyContext_New=Module[\"_PyContext_New\"]=()=>(_PyContext_New=Module[\"_PyContext_New\"]=wasmExports[\"PyContext_New\"])();var _PyContext_Copy=Module[\"_PyContext_Copy\"]=a0=>(_PyContext_Copy=Module[\"_PyContext_Copy\"]=wasmExports[\"PyContext_Copy\"])(a0);var _PyContext_CopyCurrent=Module[\"_PyContext_CopyCurrent\"]=()=>(_PyContext_CopyCurrent=Module[\"_PyContext_CopyCurrent\"]=wasmExports[\"PyContext_CopyCurrent\"])();var _PyContext_Enter=Module[\"_PyContext_Enter\"]=a0=>(_PyContext_Enter=Module[\"_PyContext_Enter\"]=wasmExports[\"PyContext_Enter\"])(a0);var _PyContext_Exit=Module[\"_PyContext_Exit\"]=a0=>(_PyContext_Exit=Module[\"_PyContext_Exit\"]=wasmExports[\"PyContext_Exit\"])(a0);var _PyContextVar_New=Module[\"_PyContextVar_New\"]=(a0,a1)=>(_PyContextVar_New=Module[\"_PyContextVar_New\"]=wasmExports[\"PyContextVar_New\"])(a0,a1);var _PyContextVar_Get=Module[\"_PyContextVar_Get\"]=(a0,a1,a2)=>(_PyContextVar_Get=Module[\"_PyContextVar_Get\"]=wasmExports[\"PyContextVar_Get\"])(a0,a1,a2);var _PyContextVar_Set=Module[\"_PyContextVar_Set\"]=(a0,a1)=>(_PyContextVar_Set=Module[\"_PyContextVar_Set\"]=wasmExports[\"PyContextVar_Set\"])(a0,a1);var _PyContextVar_Reset=Module[\"_PyContextVar_Reset\"]=(a0,a1)=>(_PyContextVar_Reset=Module[\"_PyContextVar_Reset\"]=wasmExports[\"PyContextVar_Reset\"])(a0,a1);var __PyErr_Restore=Module[\"__PyErr_Restore\"]=(a0,a1,a2,a3)=>(__PyErr_Restore=Module[\"__PyErr_Restore\"]=wasmExports[\"_PyErr_Restore\"])(a0,a1,a2,a3);var __PyErr_SetNone=Module[\"__PyErr_SetNone\"]=(a0,a1)=>(__PyErr_SetNone=Module[\"__PyErr_SetNone\"]=wasmExports[\"_PyErr_SetNone\"])(a0,a1);var __PyErr_NormalizeException=Module[\"__PyErr_NormalizeException\"]=(a0,a1,a2,a3)=>(__PyErr_NormalizeException=Module[\"__PyErr_NormalizeException\"]=wasmExports[\"_PyErr_NormalizeException\"])(a0,a1,a2,a3);var __PyErr_Fetch=Module[\"__PyErr_Fetch\"]=(a0,a1,a2,a3)=>(__PyErr_Fetch=Module[\"__PyErr_Fetch\"]=wasmExports[\"_PyErr_Fetch\"])(a0,a1,a2,a3);var __PyErr_GetExcInfo=Module[\"__PyErr_GetExcInfo\"]=(a0,a1,a2,a3)=>(__PyErr_GetExcInfo=Module[\"__PyErr_GetExcInfo\"]=wasmExports[\"_PyErr_GetExcInfo\"])(a0,a1,a2,a3);var __PyErr_GetHandledException=Module[\"__PyErr_GetHandledException\"]=a0=>(__PyErr_GetHandledException=Module[\"__PyErr_GetHandledException\"]=wasmExports[\"_PyErr_GetHandledException\"])(a0);var _PyErr_GetHandledException=Module[\"_PyErr_GetHandledException\"]=()=>(_PyErr_GetHandledException=Module[\"_PyErr_GetHandledException\"]=wasmExports[\"PyErr_GetHandledException\"])();var __PyErr_SetHandledException=Module[\"__PyErr_SetHandledException\"]=(a0,a1)=>(__PyErr_SetHandledException=Module[\"__PyErr_SetHandledException\"]=wasmExports[\"_PyErr_SetHandledException\"])(a0,a1);var _PyErr_GetExcInfo=Module[\"_PyErr_GetExcInfo\"]=(a0,a1,a2)=>(_PyErr_GetExcInfo=Module[\"_PyErr_GetExcInfo\"]=wasmExports[\"PyErr_GetExcInfo\"])(a0,a1,a2);var _PyErr_SetExcInfo=Module[\"_PyErr_SetExcInfo\"]=(a0,a1,a2)=>(_PyErr_SetExcInfo=Module[\"_PyErr_SetExcInfo\"]=wasmExports[\"PyErr_SetExcInfo\"])(a0,a1,a2);var __PyErr_StackItemToExcInfoTuple=Module[\"__PyErr_StackItemToExcInfoTuple\"]=a0=>(__PyErr_StackItemToExcInfoTuple=Module[\"__PyErr_StackItemToExcInfoTuple\"]=wasmExports[\"_PyErr_StackItemToExcInfoTuple\"])(a0);var __PyErr_ChainExceptions=Module[\"__PyErr_ChainExceptions\"]=(a0,a1,a2)=>(__PyErr_ChainExceptions=Module[\"__PyErr_ChainExceptions\"]=wasmExports[\"_PyErr_ChainExceptions\"])(a0,a1,a2);var _PyErr_SetFromErrnoWithFilenameObject=Module[\"_PyErr_SetFromErrnoWithFilenameObject\"]=(a0,a1)=>(_PyErr_SetFromErrnoWithFilenameObject=Module[\"_PyErr_SetFromErrnoWithFilenameObject\"]=wasmExports[\"PyErr_SetFromErrnoWithFilenameObject\"])(a0,a1);var _PyErr_SetFromErrnoWithFilenameObjects=Module[\"_PyErr_SetFromErrnoWithFilenameObjects\"]=(a0,a1,a2)=>(_PyErr_SetFromErrnoWithFilenameObjects=Module[\"_PyErr_SetFromErrnoWithFilenameObjects\"]=wasmExports[\"PyErr_SetFromErrnoWithFilenameObjects\"])(a0,a1,a2);var _strerror=Module[\"_strerror\"]=a0=>(_strerror=Module[\"_strerror\"]=wasmExports[\"strerror\"])(a0);var _PyErr_SetImportErrorSubclass=Module[\"_PyErr_SetImportErrorSubclass\"]=(a0,a1,a2,a3)=>(_PyErr_SetImportErrorSubclass=Module[\"_PyErr_SetImportErrorSubclass\"]=wasmExports[\"PyErr_SetImportErrorSubclass\"])(a0,a1,a2,a3);var _PyErr_SetImportError=Module[\"_PyErr_SetImportError\"]=(a0,a1,a2)=>(_PyErr_SetImportError=Module[\"_PyErr_SetImportError\"]=wasmExports[\"PyErr_SetImportError\"])(a0,a1,a2);var _PyErr_BadInternalCall=Module[\"_PyErr_BadInternalCall\"]=()=>(_PyErr_BadInternalCall=Module[\"_PyErr_BadInternalCall\"]=wasmExports[\"PyErr_BadInternalCall\"])();var _PyErr_FormatV=Module[\"_PyErr_FormatV\"]=(a0,a1,a2)=>(_PyErr_FormatV=Module[\"_PyErr_FormatV\"]=wasmExports[\"PyErr_FormatV\"])(a0,a1,a2);var _PyErr_NewExceptionWithDoc=Module[\"_PyErr_NewExceptionWithDoc\"]=(a0,a1,a2,a3)=>(_PyErr_NewExceptionWithDoc=Module[\"_PyErr_NewExceptionWithDoc\"]=wasmExports[\"PyErr_NewExceptionWithDoc\"])(a0,a1,a2,a3);var _PyTraceBack_Print=Module[\"_PyTraceBack_Print\"]=(a0,a1)=>(_PyTraceBack_Print=Module[\"_PyTraceBack_Print\"]=wasmExports[\"PyTraceBack_Print\"])(a0,a1);var __PyTraceBack_FromFrame=Module[\"__PyTraceBack_FromFrame\"]=(a0,a1)=>(__PyTraceBack_FromFrame=Module[\"__PyTraceBack_FromFrame\"]=wasmExports[\"_PyTraceBack_FromFrame\"])(a0,a1);var _PyErr_SyntaxLocation=Module[\"_PyErr_SyntaxLocation\"]=(a0,a1)=>(_PyErr_SyntaxLocation=Module[\"_PyErr_SyntaxLocation\"]=wasmExports[\"PyErr_SyntaxLocation\"])(a0,a1);var _PyErr_SyntaxLocationEx=Module[\"_PyErr_SyntaxLocationEx\"]=(a0,a1,a2)=>(_PyErr_SyntaxLocationEx=Module[\"_PyErr_SyntaxLocationEx\"]=wasmExports[\"PyErr_SyntaxLocationEx\"])(a0,a1,a2);var _PyErr_RangedSyntaxLocationObject=Module[\"_PyErr_RangedSyntaxLocationObject\"]=(a0,a1,a2,a3,a4)=>(_PyErr_RangedSyntaxLocationObject=Module[\"_PyErr_RangedSyntaxLocationObject\"]=wasmExports[\"PyErr_RangedSyntaxLocationObject\"])(a0,a1,a2,a3,a4);var _PyErr_ProgramText=Module[\"_PyErr_ProgramText\"]=(a0,a1)=>(_PyErr_ProgramText=Module[\"_PyErr_ProgramText\"]=wasmExports[\"PyErr_ProgramText\"])(a0,a1);var __Py_fopen_obj=Module[\"__Py_fopen_obj\"]=(a0,a1)=>(__Py_fopen_obj=Module[\"__Py_fopen_obj\"]=wasmExports[\"_Py_fopen_obj\"])(a0,a1);var _PyUnstable_InterpreterFrame_GetCode=Module[\"_PyUnstable_InterpreterFrame_GetCode\"]=a0=>(_PyUnstable_InterpreterFrame_GetCode=Module[\"_PyUnstable_InterpreterFrame_GetCode\"]=wasmExports[\"PyUnstable_InterpreterFrame_GetCode\"])(a0);var _PyUnstable_InterpreterFrame_GetLasti=Module[\"_PyUnstable_InterpreterFrame_GetLasti\"]=a0=>(_PyUnstable_InterpreterFrame_GetLasti=Module[\"_PyUnstable_InterpreterFrame_GetLasti\"]=wasmExports[\"PyUnstable_InterpreterFrame_GetLasti\"])(a0);var _Py_FrozenMain=Module[\"_Py_FrozenMain\"]=(a0,a1)=>(_Py_FrozenMain=Module[\"_Py_FrozenMain\"]=wasmExports[\"Py_FrozenMain\"])(a0,a1);var __PyRuntime_Initialize=Module[\"__PyRuntime_Initialize\"]=a0=>(__PyRuntime_Initialize=Module[\"__PyRuntime_Initialize\"]=wasmExports[\"_PyRuntime_Initialize\"])(a0);var _Py_GETENV=Module[\"_Py_GETENV\"]=a0=>(_Py_GETENV=Module[\"_Py_GETENV\"]=wasmExports[\"Py_GETENV\"])(a0);var _Py_GetVersion=Module[\"_Py_GetVersion\"]=()=>(_Py_GetVersion=Module[\"_Py_GetVersion\"]=wasmExports[\"Py_GetVersion\"])();var _Py_GetCopyright=Module[\"_Py_GetCopyright\"]=()=>(_Py_GetCopyright=Module[\"_Py_GetCopyright\"]=wasmExports[\"Py_GetCopyright\"])();var _PyImport_ImportFrozenModule=Module[\"_PyImport_ImportFrozenModule\"]=a0=>(_PyImport_ImportFrozenModule=Module[\"_PyImport_ImportFrozenModule\"]=wasmExports[\"PyImport_ImportFrozenModule\"])(a0);var _PyRun_AnyFileExFlags=Module[\"_PyRun_AnyFileExFlags\"]=(a0,a1,a2,a3)=>(_PyRun_AnyFileExFlags=Module[\"_PyRun_AnyFileExFlags\"]=wasmExports[\"PyRun_AnyFileExFlags\"])(a0,a1,a2,a3);var _Py_FinalizeEx=Module[\"_Py_FinalizeEx\"]=()=>(_Py_FinalizeEx=Module[\"_Py_FinalizeEx\"]=wasmExports[\"Py_FinalizeEx\"])();var _PyArg_Parse=Module[\"_PyArg_Parse\"]=(a0,a1,a2)=>(_PyArg_Parse=Module[\"_PyArg_Parse\"]=wasmExports[\"PyArg_Parse\"])(a0,a1,a2);var __PyArg_Parse_SizeT=Module[\"__PyArg_Parse_SizeT\"]=(a0,a1,a2)=>(__PyArg_Parse_SizeT=Module[\"__PyArg_Parse_SizeT\"]=wasmExports[\"_PyArg_Parse_SizeT\"])(a0,a1,a2);var __PyArg_ParseStack=Module[\"__PyArg_ParseStack\"]=(a0,a1,a2,a3)=>(__PyArg_ParseStack=Module[\"__PyArg_ParseStack\"]=wasmExports[\"_PyArg_ParseStack\"])(a0,a1,a2,a3);var _PyArg_VaParse=Module[\"_PyArg_VaParse\"]=(a0,a1,a2)=>(_PyArg_VaParse=Module[\"_PyArg_VaParse\"]=wasmExports[\"PyArg_VaParse\"])(a0,a1,a2);var __PyArg_VaParse_SizeT=Module[\"__PyArg_VaParse_SizeT\"]=(a0,a1,a2)=>(__PyArg_VaParse_SizeT=Module[\"__PyArg_VaParse_SizeT\"]=wasmExports[\"_PyArg_VaParse_SizeT\"])(a0,a1,a2);var _PyArg_VaParseTupleAndKeywords=Module[\"_PyArg_VaParseTupleAndKeywords\"]=(a0,a1,a2,a3,a4)=>(_PyArg_VaParseTupleAndKeywords=Module[\"_PyArg_VaParseTupleAndKeywords\"]=wasmExports[\"PyArg_VaParseTupleAndKeywords\"])(a0,a1,a2,a3,a4);var __PyArg_VaParseTupleAndKeywords_SizeT=Module[\"__PyArg_VaParseTupleAndKeywords_SizeT\"]=(a0,a1,a2,a3,a4)=>(__PyArg_VaParseTupleAndKeywords_SizeT=Module[\"__PyArg_VaParseTupleAndKeywords_SizeT\"]=wasmExports[\"_PyArg_VaParseTupleAndKeywords_SizeT\"])(a0,a1,a2,a3,a4);var __PyArg_ParseTupleAndKeywordsFast=Module[\"__PyArg_ParseTupleAndKeywordsFast\"]=(a0,a1,a2,a3)=>(__PyArg_ParseTupleAndKeywordsFast=Module[\"__PyArg_ParseTupleAndKeywordsFast\"]=wasmExports[\"_PyArg_ParseTupleAndKeywordsFast\"])(a0,a1,a2,a3);var __PyArg_ParseTupleAndKeywordsFast_SizeT=Module[\"__PyArg_ParseTupleAndKeywordsFast_SizeT\"]=(a0,a1,a2,a3)=>(__PyArg_ParseTupleAndKeywordsFast_SizeT=Module[\"__PyArg_ParseTupleAndKeywordsFast_SizeT\"]=wasmExports[\"_PyArg_ParseTupleAndKeywordsFast_SizeT\"])(a0,a1,a2,a3);var __PyArg_ParseStackAndKeywords=Module[\"__PyArg_ParseStackAndKeywords\"]=(a0,a1,a2,a3,a4)=>(__PyArg_ParseStackAndKeywords=Module[\"__PyArg_ParseStackAndKeywords\"]=wasmExports[\"_PyArg_ParseStackAndKeywords\"])(a0,a1,a2,a3,a4);var __PyArg_VaParseTupleAndKeywordsFast=Module[\"__PyArg_VaParseTupleAndKeywordsFast\"]=(a0,a1,a2,a3)=>(__PyArg_VaParseTupleAndKeywordsFast=Module[\"__PyArg_VaParseTupleAndKeywordsFast\"]=wasmExports[\"_PyArg_VaParseTupleAndKeywordsFast\"])(a0,a1,a2,a3);var __PyArg_VaParseTupleAndKeywordsFast_SizeT=Module[\"__PyArg_VaParseTupleAndKeywordsFast_SizeT\"]=(a0,a1,a2,a3)=>(__PyArg_VaParseTupleAndKeywordsFast_SizeT=Module[\"__PyArg_VaParseTupleAndKeywordsFast_SizeT\"]=wasmExports[\"_PyArg_VaParseTupleAndKeywordsFast_SizeT\"])(a0,a1,a2,a3);var _PyThreadState_Swap=Module[\"_PyThreadState_Swap\"]=a0=>(_PyThreadState_Swap=Module[\"_PyThreadState_Swap\"]=wasmExports[\"PyThreadState_Swap\"])(a0);var _PyThreadState_Clear=Module[\"_PyThreadState_Clear\"]=a0=>(_PyThreadState_Clear=Module[\"_PyThreadState_Clear\"]=wasmExports[\"PyThreadState_Clear\"])(a0);var __PyArg_NoPositional=Module[\"__PyArg_NoPositional\"]=(a0,a1)=>(__PyArg_NoPositional=Module[\"__PyArg_NoPositional\"]=wasmExports[\"_PyArg_NoPositional\"])(a0,a1);var _Py_GetCompiler=Module[\"_Py_GetCompiler\"]=()=>(_Py_GetCompiler=Module[\"_Py_GetCompiler\"]=wasmExports[\"Py_GetCompiler\"])();var _Py_GetPlatform=Module[\"_Py_GetPlatform\"]=()=>(_Py_GetPlatform=Module[\"_Py_GetPlatform\"]=wasmExports[\"Py_GetPlatform\"])();var __PyEval_SetSwitchInterval=Module[\"__PyEval_SetSwitchInterval\"]=a0=>(__PyEval_SetSwitchInterval=Module[\"__PyEval_SetSwitchInterval\"]=wasmExports[\"_PyEval_SetSwitchInterval\"])(a0);var __PyEval_GetSwitchInterval=Module[\"__PyEval_GetSwitchInterval\"]=()=>(__PyEval_GetSwitchInterval=Module[\"__PyEval_GetSwitchInterval\"]=wasmExports[\"_PyEval_GetSwitchInterval\"])();var _PyEval_ThreadsInitialized=Module[\"_PyEval_ThreadsInitialized\"]=()=>(_PyEval_ThreadsInitialized=Module[\"_PyEval_ThreadsInitialized\"]=wasmExports[\"PyEval_ThreadsInitialized\"])();var _PyThread_init_thread=Module[\"_PyThread_init_thread\"]=()=>(_PyThread_init_thread=Module[\"_PyThread_init_thread\"]=wasmExports[\"PyThread_init_thread\"])();var _pthread_mutex_lock=Module[\"_pthread_mutex_lock\"]=a0=>(_pthread_mutex_lock=Module[\"_pthread_mutex_lock\"]=wasmExports[\"pthread_mutex_lock\"])(a0);var _pthread_cond_timedwait=Module[\"_pthread_cond_timedwait\"]=(a0,a1,a2)=>(_pthread_cond_timedwait=Module[\"_pthread_cond_timedwait\"]=wasmExports[\"pthread_cond_timedwait\"])(a0,a1,a2);var _pthread_mutex_unlock=Module[\"_pthread_mutex_unlock\"]=a0=>(_pthread_mutex_unlock=Module[\"_pthread_mutex_unlock\"]=wasmExports[\"pthread_mutex_unlock\"])(a0);var _pthread_cond_signal=Module[\"_pthread_cond_signal\"]=a0=>(_pthread_cond_signal=Module[\"_pthread_cond_signal\"]=wasmExports[\"pthread_cond_signal\"])(a0);var _PyThread_exit_thread=Module[\"_PyThread_exit_thread\"]=()=>(_PyThread_exit_thread=Module[\"_PyThread_exit_thread\"]=wasmExports[\"PyThread_exit_thread\"])();var _PyThread_get_thread_ident=Module[\"_PyThread_get_thread_ident\"]=()=>(_PyThread_get_thread_ident=Module[\"_PyThread_get_thread_ident\"]=wasmExports[\"PyThread_get_thread_ident\"])();var _pthread_cond_destroy=Module[\"_pthread_cond_destroy\"]=a0=>(_pthread_cond_destroy=Module[\"_pthread_cond_destroy\"]=wasmExports[\"pthread_cond_destroy\"])(a0);var _pthread_mutex_destroy=Module[\"_pthread_mutex_destroy\"]=a0=>(_pthread_mutex_destroy=Module[\"_pthread_mutex_destroy\"]=wasmExports[\"pthread_mutex_destroy\"])(a0);var _PyEval_InitThreads=Module[\"_PyEval_InitThreads\"]=()=>(_PyEval_InitThreads=Module[\"_PyEval_InitThreads\"]=wasmExports[\"PyEval_InitThreads\"])();var _PyEval_AcquireLock=Module[\"_PyEval_AcquireLock\"]=()=>(_PyEval_AcquireLock=Module[\"_PyEval_AcquireLock\"]=wasmExports[\"PyEval_AcquireLock\"])();var _PyEval_ReleaseLock=Module[\"_PyEval_ReleaseLock\"]=()=>(_PyEval_ReleaseLock=Module[\"_PyEval_ReleaseLock\"]=wasmExports[\"PyEval_ReleaseLock\"])();var _pthread_cond_wait=Module[\"_pthread_cond_wait\"]=(a0,a1)=>(_pthread_cond_wait=Module[\"_pthread_cond_wait\"]=wasmExports[\"pthread_cond_wait\"])(a0,a1);var _PyEval_AcquireThread=Module[\"_PyEval_AcquireThread\"]=a0=>(_PyEval_AcquireThread=Module[\"_PyEval_AcquireThread\"]=wasmExports[\"PyEval_AcquireThread\"])(a0);var _PyEval_ReleaseThread=Module[\"_PyEval_ReleaseThread\"]=a0=>(_PyEval_ReleaseThread=Module[\"_PyEval_ReleaseThread\"]=wasmExports[\"PyEval_ReleaseThread\"])(a0);var __PyThread_at_fork_reinit=Module[\"__PyThread_at_fork_reinit\"]=a0=>(__PyThread_at_fork_reinit=Module[\"__PyThread_at_fork_reinit\"]=wasmExports[\"_PyThread_at_fork_reinit\"])(a0);var __PyThreadState_DeleteExcept=Module[\"__PyThreadState_DeleteExcept\"]=a0=>(__PyThreadState_DeleteExcept=Module[\"__PyThreadState_DeleteExcept\"]=wasmExports[\"_PyThreadState_DeleteExcept\"])(a0);var __PyEval_SignalAsyncExc=Module[\"__PyEval_SignalAsyncExc\"]=a0=>(__PyEval_SignalAsyncExc=Module[\"__PyEval_SignalAsyncExc\"]=wasmExports[\"_PyEval_SignalAsyncExc\"])(a0);var __PyEval_SignalReceived=Module[\"__PyEval_SignalReceived\"]=a0=>(__PyEval_SignalReceived=Module[\"__PyEval_SignalReceived\"]=wasmExports[\"_PyEval_SignalReceived\"])(a0);var __PyEval_AddPendingCall=Module[\"__PyEval_AddPendingCall\"]=(a0,a1,a2,a3)=>(__PyEval_AddPendingCall=Module[\"__PyEval_AddPendingCall\"]=wasmExports[\"_PyEval_AddPendingCall\"])(a0,a1,a2,a3);var _Py_AddPendingCall=Module[\"_Py_AddPendingCall\"]=(a0,a1)=>(_Py_AddPendingCall=Module[\"_Py_AddPendingCall\"]=wasmExports[\"Py_AddPendingCall\"])(a0,a1);var __PyErr_Print=Module[\"__PyErr_Print\"]=a0=>(__PyErr_Print=Module[\"__PyErr_Print\"]=wasmExports[\"_PyErr_Print\"])(a0);var __PyEval_MakePendingCalls=Module[\"__PyEval_MakePendingCalls\"]=a0=>(__PyEval_MakePendingCalls=Module[\"__PyEval_MakePendingCalls\"]=wasmExports[\"_PyEval_MakePendingCalls\"])(a0);var __PyErr_CheckSignalsTstate=Module[\"__PyErr_CheckSignalsTstate\"]=a0=>(__PyErr_CheckSignalsTstate=Module[\"__PyErr_CheckSignalsTstate\"]=wasmExports[\"_PyErr_CheckSignalsTstate\"])(a0);var _Py_MakePendingCalls=Module[\"_Py_MakePendingCalls\"]=()=>(_Py_MakePendingCalls=Module[\"_Py_MakePendingCalls\"]=wasmExports[\"Py_MakePendingCalls\"])();var _PyThread_free_lock=Module[\"_PyThread_free_lock\"]=a0=>(_PyThread_free_lock=Module[\"_PyThread_free_lock\"]=wasmExports[\"PyThread_free_lock\"])(a0);var _pthread_mutex_init=Module[\"_pthread_mutex_init\"]=(a0,a1)=>(_pthread_mutex_init=Module[\"_pthread_mutex_init\"]=wasmExports[\"pthread_mutex_init\"])(a0,a1);var __Py_hashtable_hash_ptr=Module[\"__Py_hashtable_hash_ptr\"]=a0=>(__Py_hashtable_hash_ptr=Module[\"__Py_hashtable_hash_ptr\"]=wasmExports[\"_Py_hashtable_hash_ptr\"])(a0);var __Py_HashPointerRaw=Module[\"__Py_HashPointerRaw\"]=a0=>(__Py_HashPointerRaw=Module[\"__Py_HashPointerRaw\"]=wasmExports[\"_Py_HashPointerRaw\"])(a0);var __Py_hashtable_compare_direct=Module[\"__Py_hashtable_compare_direct\"]=(a0,a1)=>(__Py_hashtable_compare_direct=Module[\"__Py_hashtable_compare_direct\"]=wasmExports[\"_Py_hashtable_compare_direct\"])(a0,a1);var __Py_hashtable_size=Module[\"__Py_hashtable_size\"]=a0=>(__Py_hashtable_size=Module[\"__Py_hashtable_size\"]=wasmExports[\"_Py_hashtable_size\"])(a0);var __Py_hashtable_steal=Module[\"__Py_hashtable_steal\"]=(a0,a1)=>(__Py_hashtable_steal=Module[\"__Py_hashtable_steal\"]=wasmExports[\"_Py_hashtable_steal\"])(a0,a1);var __Py_hashtable_foreach=Module[\"__Py_hashtable_foreach\"]=(a0,a1,a2)=>(__Py_hashtable_foreach=Module[\"__Py_hashtable_foreach\"]=wasmExports[\"_Py_hashtable_foreach\"])(a0,a1,a2);var __Py_hashtable_new=Module[\"__Py_hashtable_new\"]=(a0,a1)=>(__Py_hashtable_new=Module[\"__Py_hashtable_new\"]=wasmExports[\"_Py_hashtable_new\"])(a0,a1);var __Py_hashtable_clear=Module[\"__Py_hashtable_clear\"]=a0=>(__Py_hashtable_clear=Module[\"__Py_hashtable_clear\"]=wasmExports[\"_Py_hashtable_clear\"])(a0);var __PyImport_AcquireLock=Module[\"__PyImport_AcquireLock\"]=a0=>(__PyImport_AcquireLock=Module[\"__PyImport_AcquireLock\"]=wasmExports[\"_PyImport_AcquireLock\"])(a0);var __PyImport_ReleaseLock=Module[\"__PyImport_ReleaseLock\"]=a0=>(__PyImport_ReleaseLock=Module[\"__PyImport_ReleaseLock\"]=wasmExports[\"_PyImport_ReleaseLock\"])(a0);var __PyImport_GetModuleId=Module[\"__PyImport_GetModuleId\"]=a0=>(__PyImport_GetModuleId=Module[\"__PyImport_GetModuleId\"]=wasmExports[\"_PyImport_GetModuleId\"])(a0);var __PyImport_SetModule=Module[\"__PyImport_SetModule\"]=(a0,a1)=>(__PyImport_SetModule=Module[\"__PyImport_SetModule\"]=wasmExports[\"_PyImport_SetModule\"])(a0,a1);var __PyImport_SetModuleString=Module[\"__PyImport_SetModuleString\"]=(a0,a1)=>(__PyImport_SetModuleString=Module[\"__PyImport_SetModuleString\"]=wasmExports[\"_PyImport_SetModuleString\"])(a0,a1);var _PyImport_AddModuleObject=Module[\"_PyImport_AddModuleObject\"]=a0=>(_PyImport_AddModuleObject=Module[\"_PyImport_AddModuleObject\"]=wasmExports[\"PyImport_AddModuleObject\"])(a0);var _PyImport_AddModule=Module[\"_PyImport_AddModule\"]=a0=>(_PyImport_AddModule=Module[\"_PyImport_AddModule\"]=wasmExports[\"PyImport_AddModule\"])(a0);var _PyState_FindModule=Module[\"_PyState_FindModule\"]=a0=>(_PyState_FindModule=Module[\"_PyState_FindModule\"]=wasmExports[\"PyState_FindModule\"])(a0);var __PyState_AddModule=Module[\"__PyState_AddModule\"]=(a0,a1,a2)=>(__PyState_AddModule=Module[\"__PyState_AddModule\"]=wasmExports[\"_PyState_AddModule\"])(a0,a1,a2);var _PyState_AddModule=Module[\"_PyState_AddModule\"]=(a0,a1)=>(_PyState_AddModule=Module[\"_PyState_AddModule\"]=wasmExports[\"PyState_AddModule\"])(a0,a1);var _PyState_RemoveModule=Module[\"_PyState_RemoveModule\"]=a0=>(_PyState_RemoveModule=Module[\"_PyState_RemoveModule\"]=wasmExports[\"PyState_RemoveModule\"])(a0);var __PyImport_ClearExtension=Module[\"__PyImport_ClearExtension\"]=(a0,a1)=>(__PyImport_ClearExtension=Module[\"__PyImport_ClearExtension\"]=wasmExports[\"_PyImport_ClearExtension\"])(a0,a1);var __PyInterpreterState_HasFeature=Module[\"__PyInterpreterState_HasFeature\"]=(a0,a1)=>(__PyInterpreterState_HasFeature=Module[\"__PyInterpreterState_HasFeature\"]=wasmExports[\"_PyInterpreterState_HasFeature\"])(a0,a1);var __PyImport_FixupExtensionObject=Module[\"__PyImport_FixupExtensionObject\"]=(a0,a1,a2,a3)=>(__PyImport_FixupExtensionObject=Module[\"__PyImport_FixupExtensionObject\"]=wasmExports[\"_PyImport_FixupExtensionObject\"])(a0,a1,a2,a3);var __PyImport_FixupBuiltin=Module[\"__PyImport_FixupBuiltin\"]=(a0,a1,a2)=>(__PyImport_FixupBuiltin=Module[\"__PyImport_FixupBuiltin\"]=wasmExports[\"_PyImport_FixupBuiltin\"])(a0,a1,a2);var _PyImport_ExtendInittab=Module[\"_PyImport_ExtendInittab\"]=a0=>(_PyImport_ExtendInittab=Module[\"_PyImport_ExtendInittab\"]=wasmExports[\"PyImport_ExtendInittab\"])(a0);var _PyImport_GetMagicNumber=Module[\"_PyImport_GetMagicNumber\"]=()=>(_PyImport_GetMagicNumber=Module[\"_PyImport_GetMagicNumber\"]=wasmExports[\"PyImport_GetMagicNumber\"])();var _PyImport_GetMagicTag=Module[\"_PyImport_GetMagicTag\"]=()=>(_PyImport_GetMagicTag=Module[\"_PyImport_GetMagicTag\"]=wasmExports[\"PyImport_GetMagicTag\"])();var _PyImport_ExecCodeModule=Module[\"_PyImport_ExecCodeModule\"]=(a0,a1)=>(_PyImport_ExecCodeModule=Module[\"_PyImport_ExecCodeModule\"]=wasmExports[\"PyImport_ExecCodeModule\"])(a0,a1);var _PyImport_ExecCodeModuleObject=Module[\"_PyImport_ExecCodeModuleObject\"]=(a0,a1,a2,a3)=>(_PyImport_ExecCodeModuleObject=Module[\"_PyImport_ExecCodeModuleObject\"]=wasmExports[\"PyImport_ExecCodeModuleObject\"])(a0,a1,a2,a3);var _PyImport_ExecCodeModuleWithPathnames=Module[\"_PyImport_ExecCodeModuleWithPathnames\"]=(a0,a1,a2,a3)=>(_PyImport_ExecCodeModuleWithPathnames=Module[\"_PyImport_ExecCodeModuleWithPathnames\"]=wasmExports[\"PyImport_ExecCodeModuleWithPathnames\"])(a0,a1,a2,a3);var _PyImport_ExecCodeModuleEx=Module[\"_PyImport_ExecCodeModuleEx\"]=(a0,a1,a2)=>(_PyImport_ExecCodeModuleEx=Module[\"_PyImport_ExecCodeModuleEx\"]=wasmExports[\"PyImport_ExecCodeModuleEx\"])(a0,a1,a2);var _PyImport_ImportFrozenModuleObject=Module[\"_PyImport_ImportFrozenModuleObject\"]=a0=>(_PyImport_ImportFrozenModuleObject=Module[\"_PyImport_ImportFrozenModuleObject\"]=wasmExports[\"PyImport_ImportFrozenModuleObject\"])(a0);var _PyMarshal_ReadObjectFromString=Module[\"_PyMarshal_ReadObjectFromString\"]=(a0,a1)=>(_PyMarshal_ReadObjectFromString=Module[\"_PyMarshal_ReadObjectFromString\"]=wasmExports[\"PyMarshal_ReadObjectFromString\"])(a0,a1);var _PyImport_GetImporter=Module[\"_PyImport_GetImporter\"]=a0=>(_PyImport_GetImporter=Module[\"_PyImport_GetImporter\"]=wasmExports[\"PyImport_GetImporter\"])(a0);var _PyImport_ImportModuleNoBlock=Module[\"_PyImport_ImportModuleNoBlock\"]=a0=>(_PyImport_ImportModuleNoBlock=Module[\"_PyImport_ImportModuleNoBlock\"]=wasmExports[\"PyImport_ImportModuleNoBlock\"])(a0);var __PyTime_GetPerfCounter=Module[\"__PyTime_GetPerfCounter\"]=()=>(__PyTime_GetPerfCounter=Module[\"__PyTime_GetPerfCounter\"]=wasmExports[\"_PyTime_GetPerfCounter\"])();var __PyTime_AsMicroseconds=Module[\"__PyTime_AsMicroseconds\"]=(a0,a1)=>(__PyTime_AsMicroseconds=Module[\"__PyTime_AsMicroseconds\"]=wasmExports[\"_PyTime_AsMicroseconds\"])(a0,a1);var _PyImport_ImportModuleLevel=Module[\"_PyImport_ImportModuleLevel\"]=(a0,a1,a2,a3,a4)=>(_PyImport_ImportModuleLevel=Module[\"_PyImport_ImportModuleLevel\"]=wasmExports[\"PyImport_ImportModuleLevel\"])(a0,a1,a2,a3,a4);var _PyImport_ReloadModule=Module[\"_PyImport_ReloadModule\"]=a0=>(_PyImport_ReloadModule=Module[\"_PyImport_ReloadModule\"]=wasmExports[\"PyImport_ReloadModule\"])(a0);var _PyStatus_NoMemory=Module[\"_PyStatus_NoMemory\"]=a0=>(_PyStatus_NoMemory=Module[\"_PyStatus_NoMemory\"]=wasmExports[\"PyStatus_NoMemory\"])(a0);var __PyImport_GetModuleAttr=Module[\"__PyImport_GetModuleAttr\"]=(a0,a1)=>(__PyImport_GetModuleAttr=Module[\"__PyImport_GetModuleAttr\"]=wasmExports[\"_PyImport_GetModuleAttr\"])(a0,a1);var _PyInit__imp=Module[\"_PyInit__imp\"]=()=>(_PyInit__imp=Module[\"_PyInit__imp\"]=wasmExports[\"PyInit__imp\"])();var _getenv=Module[\"_getenv\"]=a0=>(_getenv=Module[\"_getenv\"]=wasmExports[\"getenv\"])(a0);var _PyStatus_Ok=Module[\"_PyStatus_Ok\"]=a0=>(_PyStatus_Ok=Module[\"_PyStatus_Ok\"]=wasmExports[\"PyStatus_Ok\"])(a0);var _PyStatus_Error=Module[\"_PyStatus_Error\"]=(a0,a1)=>(_PyStatus_Error=Module[\"_PyStatus_Error\"]=wasmExports[\"PyStatus_Error\"])(a0,a1);var _PyStatus_Exit=Module[\"_PyStatus_Exit\"]=(a0,a1)=>(_PyStatus_Exit=Module[\"_PyStatus_Exit\"]=wasmExports[\"PyStatus_Exit\"])(a0,a1);var _PyStatus_IsError=Module[\"_PyStatus_IsError\"]=a0=>(_PyStatus_IsError=Module[\"_PyStatus_IsError\"]=wasmExports[\"PyStatus_IsError\"])(a0);var _PyStatus_IsExit=Module[\"_PyStatus_IsExit\"]=a0=>(_PyStatus_IsExit=Module[\"_PyStatus_IsExit\"]=wasmExports[\"PyStatus_IsExit\"])(a0);var __PyErr_SetFromPyStatus=Module[\"__PyErr_SetFromPyStatus\"]=a0=>(__PyErr_SetFromPyStatus=Module[\"__PyErr_SetFromPyStatus\"]=wasmExports[\"_PyErr_SetFromPyStatus\"])(a0);var __PyWideStringList_Clear=Module[\"__PyWideStringList_Clear\"]=a0=>(__PyWideStringList_Clear=Module[\"__PyWideStringList_Clear\"]=wasmExports[\"_PyWideStringList_Clear\"])(a0);var __PyWideStringList_Copy=Module[\"__PyWideStringList_Copy\"]=(a0,a1)=>(__PyWideStringList_Copy=Module[\"__PyWideStringList_Copy\"]=wasmExports[\"_PyWideStringList_Copy\"])(a0,a1);var _PyWideStringList_Insert=Module[\"_PyWideStringList_Insert\"]=(a0,a1,a2,a3)=>(_PyWideStringList_Insert=Module[\"_PyWideStringList_Insert\"]=wasmExports[\"PyWideStringList_Insert\"])(a0,a1,a2,a3);var _PyWideStringList_Append=Module[\"_PyWideStringList_Append\"]=(a0,a1,a2)=>(_PyWideStringList_Append=Module[\"_PyWideStringList_Append\"]=wasmExports[\"PyWideStringList_Append\"])(a0,a1,a2);var __PyWideStringList_Extend=Module[\"__PyWideStringList_Extend\"]=(a0,a1,a2)=>(__PyWideStringList_Extend=Module[\"__PyWideStringList_Extend\"]=wasmExports[\"_PyWideStringList_Extend\"])(a0,a1,a2);var __PyWideStringList_AsList=Module[\"__PyWideStringList_AsList\"]=a0=>(__PyWideStringList_AsList=Module[\"__PyWideStringList_AsList\"]=wasmExports[\"_PyWideStringList_AsList\"])(a0);var _Py_SetStandardStreamEncoding=Module[\"_Py_SetStandardStreamEncoding\"]=(a0,a1)=>(_Py_SetStandardStreamEncoding=Module[\"_Py_SetStandardStreamEncoding\"]=wasmExports[\"Py_SetStandardStreamEncoding\"])(a0,a1);var __Py_ClearStandardStreamEncoding=Module[\"__Py_ClearStandardStreamEncoding\"]=()=>(__Py_ClearStandardStreamEncoding=Module[\"__Py_ClearStandardStreamEncoding\"]=wasmExports[\"_Py_ClearStandardStreamEncoding\"])();var __Py_ClearArgcArgv=Module[\"__Py_ClearArgcArgv\"]=()=>(__Py_ClearArgcArgv=Module[\"__Py_ClearArgcArgv\"]=wasmExports[\"_Py_ClearArgcArgv\"])();var _Py_GetArgcArgv=Module[\"_Py_GetArgcArgv\"]=(a0,a1)=>(_Py_GetArgcArgv=Module[\"_Py_GetArgcArgv\"]=wasmExports[\"Py_GetArgcArgv\"])(a0,a1);var __PyConfig_InitCompatConfig=Module[\"__PyConfig_InitCompatConfig\"]=a0=>(__PyConfig_InitCompatConfig=Module[\"__PyConfig_InitCompatConfig\"]=wasmExports[\"_PyConfig_InitCompatConfig\"])(a0);var _PyConfig_InitIsolatedConfig=Module[\"_PyConfig_InitIsolatedConfig\"]=a0=>(_PyConfig_InitIsolatedConfig=Module[\"_PyConfig_InitIsolatedConfig\"]=wasmExports[\"PyConfig_InitIsolatedConfig\"])(a0);var _PyConfig_SetString=Module[\"_PyConfig_SetString\"]=(a0,a1,a2,a3)=>(_PyConfig_SetString=Module[\"_PyConfig_SetString\"]=wasmExports[\"PyConfig_SetString\"])(a0,a1,a2,a3);var __Py_PreInitializeFromConfig=Module[\"__Py_PreInitializeFromConfig\"]=(a0,a1,a2)=>(__Py_PreInitializeFromConfig=Module[\"__Py_PreInitializeFromConfig\"]=wasmExports[\"_Py_PreInitializeFromConfig\"])(a0,a1,a2);var _Py_DecodeLocale=Module[\"_Py_DecodeLocale\"]=(a0,a1)=>(_Py_DecodeLocale=Module[\"_Py_DecodeLocale\"]=wasmExports[\"Py_DecodeLocale\"])(a0,a1);var __PyConfig_AsDict=Module[\"__PyConfig_AsDict\"]=a0=>(__PyConfig_AsDict=Module[\"__PyConfig_AsDict\"]=wasmExports[\"_PyConfig_AsDict\"])(a0);var __PyConfig_FromDict=Module[\"__PyConfig_FromDict\"]=(a0,a1)=>(__PyConfig_FromDict=Module[\"__PyConfig_FromDict\"]=wasmExports[\"_PyConfig_FromDict\"])(a0,a1);var __Py_get_xoption=Module[\"__Py_get_xoption\"]=(a0,a1)=>(__Py_get_xoption=Module[\"__Py_get_xoption\"]=wasmExports[\"_Py_get_xoption\"])(a0,a1);var _wcschr=Module[\"_wcschr\"]=(a0,a1)=>(_wcschr=Module[\"_wcschr\"]=wasmExports[\"wcschr\"])(a0,a1);var _setvbuf=Module[\"_setvbuf\"]=(a0,a1,a2,a3)=>(_setvbuf=Module[\"_setvbuf\"]=wasmExports[\"setvbuf\"])(a0,a1,a2,a3);var __PyArgv_AsWstrList=Module[\"__PyArgv_AsWstrList\"]=(a0,a1,a2)=>(__PyArgv_AsWstrList=Module[\"__PyArgv_AsWstrList\"]=wasmExports[\"_PyArgv_AsWstrList\"])(a0,a1,a2);var _PyConfig_SetArgv=Module[\"_PyConfig_SetArgv\"]=(a0,a1,a2,a3)=>(_PyConfig_SetArgv=Module[\"_PyConfig_SetArgv\"]=wasmExports[\"PyConfig_SetArgv\"])(a0,a1,a2,a3);var _PyConfig_SetWideStringList=Module[\"_PyConfig_SetWideStringList\"]=(a0,a1,a2,a3,a4)=>(_PyConfig_SetWideStringList=Module[\"_PyConfig_SetWideStringList\"]=wasmExports[\"PyConfig_SetWideStringList\"])(a0,a1,a2,a3,a4);var _putchar=Module[\"_putchar\"]=a0=>(_putchar=Module[\"_putchar\"]=wasmExports[\"putchar\"])(a0);var _iprintf=Module[\"_iprintf\"]=(a0,a1)=>(_iprintf=Module[\"_iprintf\"]=wasmExports[\"iprintf\"])(a0,a1);var _wcstok=Module[\"_wcstok\"]=(a0,a1,a2)=>(_wcstok=Module[\"_wcstok\"]=wasmExports[\"wcstok\"])(a0,a1,a2);var __Py_get_env_flag=Module[\"__Py_get_env_flag\"]=(a0,a1,a2)=>(__Py_get_env_flag=Module[\"__Py_get_env_flag\"]=wasmExports[\"_Py_get_env_flag\"])(a0,a1,a2);var __Py_GetEnv=Module[\"__Py_GetEnv\"]=(a0,a1)=>(__Py_GetEnv=Module[\"__Py_GetEnv\"]=wasmExports[\"_Py_GetEnv\"])(a0,a1);var _strtoul=Module[\"_strtoul\"]=(a0,a1,a2)=>(_strtoul=Module[\"_strtoul\"]=wasmExports[\"strtoul\"])(a0,a1,a2);var __Py_str_to_int=Module[\"__Py_str_to_int\"]=(a0,a1)=>(__Py_str_to_int=Module[\"__Py_str_to_int\"]=wasmExports[\"_Py_str_to_int\"])(a0,a1);var _wcstol=Module[\"_wcstol\"]=(a0,a1,a2)=>(_wcstol=Module[\"_wcstol\"]=wasmExports[\"wcstol\"])(a0,a1,a2);var __Py_GetForceASCII=Module[\"__Py_GetForceASCII\"]=()=>(__Py_GetForceASCII=Module[\"__Py_GetForceASCII\"]=wasmExports[\"_Py_GetForceASCII\"])();var _setlocale=Module[\"_setlocale\"]=(a0,a1)=>(_setlocale=Module[\"_setlocale\"]=wasmExports[\"setlocale\"])(a0,a1);var __Py_IsLocaleCoercionTarget=Module[\"__Py_IsLocaleCoercionTarget\"]=a0=>(__Py_IsLocaleCoercionTarget=Module[\"__Py_IsLocaleCoercionTarget\"]=wasmExports[\"_Py_IsLocaleCoercionTarget\"])(a0);var _PyConfig_Read=Module[\"_PyConfig_Read\"]=(a0,a1)=>(_PyConfig_Read=Module[\"_PyConfig_Read\"]=wasmExports[\"PyConfig_Read\"])(a0,a1);var __Py_GetConfigsAsDict=Module[\"__Py_GetConfigsAsDict\"]=()=>(__Py_GetConfigsAsDict=Module[\"__Py_GetConfigsAsDict\"]=wasmExports[\"_Py_GetConfigsAsDict\"])();var __Py_GetLocaleEncoding=Module[\"__Py_GetLocaleEncoding\"]=()=>(__Py_GetLocaleEncoding=Module[\"__Py_GetLocaleEncoding\"]=wasmExports[\"_Py_GetLocaleEncoding\"])();var _PyMarshal_WriteLongToFile=Module[\"_PyMarshal_WriteLongToFile\"]=(a0,a1,a2)=>(_PyMarshal_WriteLongToFile=Module[\"_PyMarshal_WriteLongToFile\"]=wasmExports[\"PyMarshal_WriteLongToFile\"])(a0,a1,a2);var _PyMarshal_WriteObjectToFile=Module[\"_PyMarshal_WriteObjectToFile\"]=(a0,a1,a2)=>(_PyMarshal_WriteObjectToFile=Module[\"_PyMarshal_WriteObjectToFile\"]=wasmExports[\"PyMarshal_WriteObjectToFile\"])(a0,a1,a2);var _PyMarshal_ReadShortFromFile=Module[\"_PyMarshal_ReadShortFromFile\"]=a0=>(_PyMarshal_ReadShortFromFile=Module[\"_PyMarshal_ReadShortFromFile\"]=wasmExports[\"PyMarshal_ReadShortFromFile\"])(a0);var _PyMarshal_ReadLongFromFile=Module[\"_PyMarshal_ReadLongFromFile\"]=a0=>(_PyMarshal_ReadLongFromFile=Module[\"_PyMarshal_ReadLongFromFile\"]=wasmExports[\"PyMarshal_ReadLongFromFile\"])(a0);var _PyMarshal_ReadLastObjectFromFile=Module[\"_PyMarshal_ReadLastObjectFromFile\"]=a0=>(_PyMarshal_ReadLastObjectFromFile=Module[\"_PyMarshal_ReadLastObjectFromFile\"]=wasmExports[\"PyMarshal_ReadLastObjectFromFile\"])(a0);var __Py_fstat_noraise=Module[\"__Py_fstat_noraise\"]=(a0,a1)=>(__Py_fstat_noraise=Module[\"__Py_fstat_noraise\"]=wasmExports[\"_Py_fstat_noraise\"])(a0,a1);var _fread=Module[\"_fread\"]=(a0,a1,a2,a3)=>(_fread=Module[\"_fread\"]=wasmExports[\"fread\"])(a0,a1,a2,a3);var _PyMarshal_ReadObjectFromFile=Module[\"_PyMarshal_ReadObjectFromFile\"]=a0=>(_PyMarshal_ReadObjectFromFile=Module[\"_PyMarshal_ReadObjectFromFile\"]=wasmExports[\"PyMarshal_ReadObjectFromFile\"])(a0);var _PyMarshal_WriteObjectToString=Module[\"_PyMarshal_WriteObjectToString\"]=(a0,a1)=>(_PyMarshal_WriteObjectToString=Module[\"_PyMarshal_WriteObjectToString\"]=wasmExports[\"PyMarshal_WriteObjectToString\"])(a0,a1);var _PyMarshal_Init=Module[\"_PyMarshal_Init\"]=()=>(_PyMarshal_Init=Module[\"_PyMarshal_Init\"]=wasmExports[\"PyMarshal_Init\"])();var __Py_convert_optional_to_ssize_t=Module[\"__Py_convert_optional_to_ssize_t\"]=(a0,a1)=>(__Py_convert_optional_to_ssize_t=Module[\"__Py_convert_optional_to_ssize_t\"]=wasmExports[\"_Py_convert_optional_to_ssize_t\"])(a0,a1);var _Py_VaBuildValue=Module[\"_Py_VaBuildValue\"]=(a0,a1)=>(_Py_VaBuildValue=Module[\"_Py_VaBuildValue\"]=wasmExports[\"Py_VaBuildValue\"])(a0,a1);var __Py_VaBuildValue_SizeT=Module[\"__Py_VaBuildValue_SizeT\"]=(a0,a1)=>(__Py_VaBuildValue_SizeT=Module[\"__Py_VaBuildValue_SizeT\"]=wasmExports[\"_Py_VaBuildValue_SizeT\"])(a0,a1);var __PyModule_Add=Module[\"__PyModule_Add\"]=(a0,a1,a2)=>(__PyModule_Add=Module[\"__PyModule_Add\"]=wasmExports[\"_PyModule_Add\"])(a0,a1,a2);var _PyModule_AddStringConstant=Module[\"_PyModule_AddStringConstant\"]=(a0,a1,a2)=>(_PyModule_AddStringConstant=Module[\"_PyModule_AddStringConstant\"]=wasmExports[\"PyModule_AddStringConstant\"])(a0,a1,a2);var _vsnprintf=Module[\"_vsnprintf\"]=(a0,a1,a2,a3)=>(_vsnprintf=Module[\"_vsnprintf\"]=wasmExports[\"vsnprintf\"])(a0,a1,a2,a3);var _PyOS_vsnprintf=Module[\"_PyOS_vsnprintf\"]=(a0,a1,a2,a3)=>(_PyOS_vsnprintf=Module[\"_PyOS_vsnprintf\"]=wasmExports[\"PyOS_vsnprintf\"])(a0,a1,a2,a3);var __PyPathConfig_ClearGlobal=Module[\"__PyPathConfig_ClearGlobal\"]=()=>(__PyPathConfig_ClearGlobal=Module[\"__PyPathConfig_ClearGlobal\"]=wasmExports[\"_PyPathConfig_ClearGlobal\"])();var _wcscpy=Module[\"_wcscpy\"]=(a0,a1)=>(_wcscpy=Module[\"_wcscpy\"]=wasmExports[\"wcscpy\"])(a0,a1);var _Py_SetPath=Module[\"_Py_SetPath\"]=a0=>(_Py_SetPath=Module[\"_Py_SetPath\"]=wasmExports[\"Py_SetPath\"])(a0);var _Py_SetPythonHome=Module[\"_Py_SetPythonHome\"]=a0=>(_Py_SetPythonHome=Module[\"_Py_SetPythonHome\"]=wasmExports[\"Py_SetPythonHome\"])(a0);var _Py_SetProgramName=Module[\"_Py_SetProgramName\"]=a0=>(_Py_SetProgramName=Module[\"_Py_SetProgramName\"]=wasmExports[\"Py_SetProgramName\"])(a0);var __Py_SetProgramFullPath=Module[\"__Py_SetProgramFullPath\"]=a0=>(__Py_SetProgramFullPath=Module[\"__Py_SetProgramFullPath\"]=wasmExports[\"_Py_SetProgramFullPath\"])(a0);var _Py_GetPath=Module[\"_Py_GetPath\"]=()=>(_Py_GetPath=Module[\"_Py_GetPath\"]=wasmExports[\"Py_GetPath\"])();var _Py_GetPrefix=Module[\"_Py_GetPrefix\"]=()=>(_Py_GetPrefix=Module[\"_Py_GetPrefix\"]=wasmExports[\"Py_GetPrefix\"])();var _Py_GetExecPrefix=Module[\"_Py_GetExecPrefix\"]=()=>(_Py_GetExecPrefix=Module[\"_Py_GetExecPrefix\"]=wasmExports[\"Py_GetExecPrefix\"])();var _Py_GetProgramFullPath=Module[\"_Py_GetProgramFullPath\"]=()=>(_Py_GetProgramFullPath=Module[\"_Py_GetProgramFullPath\"]=wasmExports[\"Py_GetProgramFullPath\"])();var _Py_GetPythonHome=Module[\"_Py_GetPythonHome\"]=()=>(_Py_GetPythonHome=Module[\"_Py_GetPythonHome\"]=wasmExports[\"Py_GetPythonHome\"])();var _Py_GetProgramName=Module[\"_Py_GetProgramName\"]=()=>(_Py_GetProgramName=Module[\"_Py_GetProgramName\"]=wasmExports[\"Py_GetProgramName\"])();var __Py_wgetcwd=Module[\"__Py_wgetcwd\"]=(a0,a1)=>(__Py_wgetcwd=Module[\"__Py_wgetcwd\"]=wasmExports[\"_Py_wgetcwd\"])(a0,a1);var __Py_wreadlink=Module[\"__Py_wreadlink\"]=(a0,a1,a2)=>(__Py_wreadlink=Module[\"__Py_wreadlink\"]=wasmExports[\"_Py_wreadlink\"])(a0,a1,a2);var _wcsrchr=Module[\"_wcsrchr\"]=(a0,a1)=>(_wcsrchr=Module[\"_wcsrchr\"]=wasmExports[\"wcsrchr\"])(a0,a1);var _wcsncpy=Module[\"_wcsncpy\"]=(a0,a1,a2)=>(_wcsncpy=Module[\"_wcsncpy\"]=wasmExports[\"wcsncpy\"])(a0,a1,a2);var __Py_wrealpath=Module[\"__Py_wrealpath\"]=(a0,a1,a2)=>(__Py_wrealpath=Module[\"__Py_wrealpath\"]=wasmExports[\"_Py_wrealpath\"])(a0,a1,a2);var _wcsncmp=Module[\"_wcsncmp\"]=(a0,a1,a2)=>(_wcsncmp=Module[\"_wcsncmp\"]=wasmExports[\"wcsncmp\"])(a0,a1,a2);var __PyPreConfig_InitCompatConfig=Module[\"__PyPreConfig_InitCompatConfig\"]=a0=>(__PyPreConfig_InitCompatConfig=Module[\"__PyPreConfig_InitCompatConfig\"]=wasmExports[\"_PyPreConfig_InitCompatConfig\"])(a0);var _PyPreConfig_InitIsolatedConfig=Module[\"_PyPreConfig_InitIsolatedConfig\"]=a0=>(_PyPreConfig_InitIsolatedConfig=Module[\"_PyPreConfig_InitIsolatedConfig\"]=wasmExports[\"PyPreConfig_InitIsolatedConfig\"])(a0);var __Py_SetLocaleFromEnv=Module[\"__Py_SetLocaleFromEnv\"]=a0=>(__Py_SetLocaleFromEnv=Module[\"__Py_SetLocaleFromEnv\"]=wasmExports[\"_Py_SetLocaleFromEnv\"])(a0);var __Py_LegacyLocaleDetected=Module[\"__Py_LegacyLocaleDetected\"]=a0=>(__Py_LegacyLocaleDetected=Module[\"__Py_LegacyLocaleDetected\"]=wasmExports[\"_Py_LegacyLocaleDetected\"])(a0);var __Py_CoerceLegacyLocale=Module[\"__Py_CoerceLegacyLocale\"]=a0=>(__Py_CoerceLegacyLocale=Module[\"__Py_CoerceLegacyLocale\"]=wasmExports[\"_Py_CoerceLegacyLocale\"])(a0);var _PyHash_GetFuncDef=Module[\"_PyHash_GetFuncDef\"]=()=>(_PyHash_GetFuncDef=Module[\"_PyHash_GetFuncDef\"]=wasmExports[\"PyHash_GetFuncDef\"])();var __PyRuntimeState_Init=Module[\"__PyRuntimeState_Init\"]=(a0,a1)=>(__PyRuntimeState_Init=Module[\"__PyRuntimeState_Init\"]=wasmExports[\"_PyRuntimeState_Init\"])(a0,a1);var __PyRuntime_Finalize=Module[\"__PyRuntime_Finalize\"]=()=>(__PyRuntime_Finalize=Module[\"__PyRuntime_Finalize\"]=wasmExports[\"_PyRuntime_Finalize\"])();var __PyRuntimeState_Fini=Module[\"__PyRuntimeState_Fini\"]=a0=>(__PyRuntimeState_Fini=Module[\"__PyRuntimeState_Fini\"]=wasmExports[\"_PyRuntimeState_Fini\"])(a0);var __Py_IsFinalizing=Module[\"__Py_IsFinalizing\"]=()=>(__Py_IsFinalizing=Module[\"__Py_IsFinalizing\"]=wasmExports[\"_Py_IsFinalizing\"])();var __Py_IsCoreInitialized=Module[\"__Py_IsCoreInitialized\"]=()=>(__Py_IsCoreInitialized=Module[\"__Py_IsCoreInitialized\"]=wasmExports[\"_Py_IsCoreInitialized\"])();var _nl_langinfo=Module[\"_nl_langinfo\"]=a0=>(_nl_langinfo=Module[\"_nl_langinfo\"]=wasmExports[\"nl_langinfo\"])(a0);var __Py_ResetForceASCII=Module[\"__Py_ResetForceASCII\"]=()=>(__Py_ResetForceASCII=Module[\"__Py_ResetForceASCII\"]=wasmExports[\"_Py_ResetForceASCII\"])();var _setenv=Module[\"_setenv\"]=(a0,a1,a2)=>(_setenv=Module[\"_setenv\"]=wasmExports[\"setenv\"])(a0,a1,a2);var __PyInterpreterState_SetConfig=Module[\"__PyInterpreterState_SetConfig\"]=a0=>(__PyInterpreterState_SetConfig=Module[\"__PyInterpreterState_SetConfig\"]=wasmExports[\"_PyInterpreterState_SetConfig\"])(a0);var __Py_PreInitializeFromPyArgv=Module[\"__Py_PreInitializeFromPyArgv\"]=(a0,a1,a2)=>(__Py_PreInitializeFromPyArgv=Module[\"__Py_PreInitializeFromPyArgv\"]=wasmExports[\"_Py_PreInitializeFromPyArgv\"])(a0,a1,a2);var _Py_PreInitializeFromArgs=Module[\"_Py_PreInitializeFromArgs\"]=(a0,a1,a2,a3)=>(_Py_PreInitializeFromArgs=Module[\"_Py_PreInitializeFromArgs\"]=wasmExports[\"Py_PreInitializeFromArgs\"])(a0,a1,a2,a3);var _Py_PreInitialize=Module[\"_Py_PreInitialize\"]=(a0,a1)=>(_Py_PreInitialize=Module[\"_Py_PreInitialize\"]=wasmExports[\"Py_PreInitialize\"])(a0,a1);var _Py_InitializeEx=Module[\"_Py_InitializeEx\"]=a0=>(_Py_InitializeEx=Module[\"_Py_InitializeEx\"]=wasmExports[\"Py_InitializeEx\"])(a0);var _Py_FatalError=Module[\"_Py_FatalError\"]=a0=>(_Py_FatalError=Module[\"_Py_FatalError\"]=wasmExports[\"Py_FatalError\"])(a0);var _Py_Initialize=Module[\"_Py_Initialize\"]=()=>(_Py_Initialize=Module[\"_Py_Initialize\"]=wasmExports[\"Py_Initialize\"])();var __Py_InitializeMain=Module[\"__Py_InitializeMain\"]=a0=>(__Py_InitializeMain=Module[\"__Py_InitializeMain\"]=wasmExports[\"_Py_InitializeMain\"])(a0);var _PyGC_Collect=Module[\"_PyGC_Collect\"]=()=>(_PyGC_Collect=Module[\"_PyGC_Collect\"]=wasmExports[\"PyGC_Collect\"])();var _PyInterpreterState_Delete=Module[\"_PyInterpreterState_Delete\"]=a0=>(_PyInterpreterState_Delete=Module[\"_PyInterpreterState_Delete\"]=wasmExports[\"PyInterpreterState_Delete\"])(a0);var _Py_Finalize=Module[\"_Py_Finalize\"]=()=>(_Py_Finalize=Module[\"_Py_Finalize\"]=wasmExports[\"Py_Finalize\"])();var _Py_NewInterpreterFromConfig=Module[\"_Py_NewInterpreterFromConfig\"]=(a0,a1,a2)=>(_Py_NewInterpreterFromConfig=Module[\"_Py_NewInterpreterFromConfig\"]=wasmExports[\"Py_NewInterpreterFromConfig\"])(a0,a1,a2);var _PyInterpreterState_New=Module[\"_PyInterpreterState_New\"]=()=>(_PyInterpreterState_New=Module[\"_PyInterpreterState_New\"]=wasmExports[\"PyInterpreterState_New\"])();var __PyThreadState_New=Module[\"__PyThreadState_New\"]=a0=>(__PyThreadState_New=Module[\"__PyThreadState_New\"]=wasmExports[\"_PyThreadState_New\"])(a0);var __PyThreadState_Bind=Module[\"__PyThreadState_Bind\"]=a0=>(__PyThreadState_Bind=Module[\"__PyThreadState_Bind\"]=wasmExports[\"_PyThreadState_Bind\"])(a0);var _PyErr_PrintEx=Module[\"_PyErr_PrintEx\"]=a0=>(_PyErr_PrintEx=Module[\"_PyErr_PrintEx\"]=wasmExports[\"PyErr_PrintEx\"])(a0);var _Py_NewInterpreter=Module[\"_Py_NewInterpreter\"]=()=>(_Py_NewInterpreter=Module[\"_Py_NewInterpreter\"]=wasmExports[\"Py_NewInterpreter\"])();var _Py_EndInterpreter=Module[\"_Py_EndInterpreter\"]=a0=>(_Py_EndInterpreter=Module[\"_Py_EndInterpreter\"]=wasmExports[\"Py_EndInterpreter\"])(a0);var __Py_DumpExtensionModules=Module[\"__Py_DumpExtensionModules\"]=(a0,a1)=>(__Py_DumpExtensionModules=Module[\"__Py_DumpExtensionModules\"]=wasmExports[\"_Py_DumpExtensionModules\"])(a0,a1);var __Py_write_noraise=Module[\"__Py_write_noraise\"]=(a0,a1,a2)=>(__Py_write_noraise=Module[\"__Py_write_noraise\"]=wasmExports[\"_Py_write_noraise\"])(a0,a1,a2);var __Py_DumpASCII=Module[\"__Py_DumpASCII\"]=(a0,a1)=>(__Py_DumpASCII=Module[\"__Py_DumpASCII\"]=wasmExports[\"_Py_DumpASCII\"])(a0,a1);var __Py_DumpDecimal=Module[\"__Py_DumpDecimal\"]=(a0,a1)=>(__Py_DumpDecimal=Module[\"__Py_DumpDecimal\"]=wasmExports[\"_Py_DumpDecimal\"])(a0,a1);var __Py_DumpHexadecimal=Module[\"__Py_DumpHexadecimal\"]=(a0,a1,a2)=>(__Py_DumpHexadecimal=Module[\"__Py_DumpHexadecimal\"]=wasmExports[\"_Py_DumpHexadecimal\"])(a0,a1,a2);var __Py_DumpTracebackThreads=Module[\"__Py_DumpTracebackThreads\"]=(a0,a1,a2)=>(__Py_DumpTracebackThreads=Module[\"__Py_DumpTracebackThreads\"]=wasmExports[\"_Py_DumpTracebackThreads\"])(a0,a1,a2);var _vfprintf=Module[\"_vfprintf\"]=(a0,a1,a2)=>(_vfprintf=Module[\"_vfprintf\"]=wasmExports[\"vfprintf\"])(a0,a1,a2);var __Py_FatalRefcountErrorFunc=Module[\"__Py_FatalRefcountErrorFunc\"]=(a0,a1)=>(__Py_FatalRefcountErrorFunc=Module[\"__Py_FatalRefcountErrorFunc\"]=wasmExports[\"_Py_FatalRefcountErrorFunc\"])(a0,a1);var _Py_AtExit=Module[\"_Py_AtExit\"]=a0=>(_Py_AtExit=Module[\"_Py_AtExit\"]=wasmExports[\"Py_AtExit\"])(a0);var _Py_Exit=Module[\"_Py_Exit\"]=a0=>(_Py_Exit=Module[\"_Py_Exit\"]=wasmExports[\"Py_Exit\"])(a0);var _Py_FdIsInteractive=Module[\"_Py_FdIsInteractive\"]=(a0,a1)=>(_Py_FdIsInteractive=Module[\"_Py_FdIsInteractive\"]=wasmExports[\"Py_FdIsInteractive\"])(a0,a1);var __Py_FdIsInteractive=Module[\"__Py_FdIsInteractive\"]=(a0,a1)=>(__Py_FdIsInteractive=Module[\"__Py_FdIsInteractive\"]=wasmExports[\"_Py_FdIsInteractive\"])(a0,a1);var _PyOS_getsig=Module[\"_PyOS_getsig\"]=a0=>(_PyOS_getsig=Module[\"_PyOS_getsig\"]=wasmExports[\"PyOS_getsig\"])(a0);var _signal=Module[\"_signal\"]=(a0,a1)=>(_signal=Module[\"_signal\"]=wasmExports[\"signal\"])(a0,a1);var _PyOS_setsig=Module[\"_PyOS_setsig\"]=(a0,a1)=>(_PyOS_setsig=Module[\"_PyOS_setsig\"]=wasmExports[\"PyOS_setsig\"])(a0,a1);var _siginterrupt=Module[\"_siginterrupt\"]=(a0,a1)=>(_siginterrupt=Module[\"_siginterrupt\"]=wasmExports[\"siginterrupt\"])(a0,a1);var __PyInterpreterState_Enable=Module[\"__PyInterpreterState_Enable\"]=(a0,a1)=>(__PyInterpreterState_Enable=Module[\"__PyInterpreterState_Enable\"]=wasmExports[\"_PyInterpreterState_Enable\"])(a0,a1);var __PyTraceMalloc_Start=Module[\"__PyTraceMalloc_Start\"]=a0=>(__PyTraceMalloc_Start=Module[\"__PyTraceMalloc_Start\"]=wasmExports[\"_PyTraceMalloc_Start\"])(a0);var _PySys_SetObject=Module[\"_PySys_SetObject\"]=(a0,a1)=>(_PySys_SetObject=Module[\"_PySys_SetObject\"]=wasmExports[\"PySys_SetObject\"])(a0,a1);var _fcntl=Module[\"_fcntl\"]=(a0,a1,a2)=>(_fcntl=Module[\"_fcntl\"]=wasmExports[\"fcntl\"])(a0,a1,a2);var _PyOS_mystrnicmp=Module[\"_PyOS_mystrnicmp\"]=(a0,a1,a2)=>(_PyOS_mystrnicmp=Module[\"_PyOS_mystrnicmp\"]=wasmExports[\"PyOS_mystrnicmp\"])(a0,a1,a2);var __PyThreadState_GetCurrent=Module[\"__PyThreadState_GetCurrent\"]=()=>(__PyThreadState_GetCurrent=Module[\"__PyThreadState_GetCurrent\"]=wasmExports[\"_PyThreadState_GetCurrent\"])();var _PyThread_tss_create=Module[\"_PyThread_tss_create\"]=a0=>(_PyThread_tss_create=Module[\"_PyThread_tss_create\"]=wasmExports[\"PyThread_tss_create\"])(a0);var _PyThread_tss_delete=Module[\"_PyThread_tss_delete\"]=a0=>(_PyThread_tss_delete=Module[\"_PyThread_tss_delete\"]=wasmExports[\"PyThread_tss_delete\"])(a0);var _PyInterpreterState_Clear=Module[\"_PyInterpreterState_Clear\"]=a0=>(_PyInterpreterState_Clear=Module[\"_PyInterpreterState_Clear\"]=wasmExports[\"PyInterpreterState_Clear\"])(a0);var __PyThreadState_Swap=Module[\"__PyThreadState_Swap\"]=(a0,a1)=>(__PyThreadState_Swap=Module[\"__PyThreadState_Swap\"]=wasmExports[\"_PyThreadState_Swap\"])(a0,a1);var __PyInterpreterState_SetRunningMain=Module[\"__PyInterpreterState_SetRunningMain\"]=a0=>(__PyInterpreterState_SetRunningMain=Module[\"__PyInterpreterState_SetRunningMain\"]=wasmExports[\"_PyInterpreterState_SetRunningMain\"])(a0);var __PyInterpreterState_SetNotRunningMain=Module[\"__PyInterpreterState_SetNotRunningMain\"]=a0=>(__PyInterpreterState_SetNotRunningMain=Module[\"__PyInterpreterState_SetNotRunningMain\"]=wasmExports[\"_PyInterpreterState_SetNotRunningMain\"])(a0);var __PyInterpreterState_IsRunningMain=Module[\"__PyInterpreterState_IsRunningMain\"]=a0=>(__PyInterpreterState_IsRunningMain=Module[\"__PyInterpreterState_IsRunningMain\"]=wasmExports[\"_PyInterpreterState_IsRunningMain\"])(a0);var __PyInterpreterState_RequiresIDRef=Module[\"__PyInterpreterState_RequiresIDRef\"]=a0=>(__PyInterpreterState_RequiresIDRef=Module[\"__PyInterpreterState_RequiresIDRef\"]=wasmExports[\"_PyInterpreterState_RequiresIDRef\"])(a0);var __PyInterpreterState_RequireIDRef=Module[\"__PyInterpreterState_RequireIDRef\"]=(a0,a1)=>(__PyInterpreterState_RequireIDRef=Module[\"__PyInterpreterState_RequireIDRef\"]=wasmExports[\"_PyInterpreterState_RequireIDRef\"])(a0,a1);var __PyInterpreterState_GetMainModule=Module[\"__PyInterpreterState_GetMainModule\"]=a0=>(__PyInterpreterState_GetMainModule=Module[\"__PyInterpreterState_GetMainModule\"]=wasmExports[\"_PyInterpreterState_GetMainModule\"])(a0);var _PyInterpreterState_GetDict=Module[\"_PyInterpreterState_GetDict\"]=a0=>(_PyInterpreterState_GetDict=Module[\"_PyInterpreterState_GetDict\"]=wasmExports[\"PyInterpreterState_GetDict\"])(a0);var __PyThreadState_Prealloc=Module[\"__PyThreadState_Prealloc\"]=a0=>(__PyThreadState_Prealloc=Module[\"__PyThreadState_Prealloc\"]=wasmExports[\"_PyThreadState_Prealloc\"])(a0);var __PyThreadState_Init=Module[\"__PyThreadState_Init\"]=a0=>(__PyThreadState_Init=Module[\"__PyThreadState_Init\"]=wasmExports[\"_PyThreadState_Init\"])(a0);var __PyThreadState_DeleteCurrent=Module[\"__PyThreadState_DeleteCurrent\"]=a0=>(__PyThreadState_DeleteCurrent=Module[\"__PyThreadState_DeleteCurrent\"]=wasmExports[\"_PyThreadState_DeleteCurrent\"])(a0);var _PyThreadState_DeleteCurrent=Module[\"_PyThreadState_DeleteCurrent\"]=()=>(_PyThreadState_DeleteCurrent=Module[\"_PyThreadState_DeleteCurrent\"]=wasmExports[\"PyThreadState_DeleteCurrent\"])();var __PyThreadState_GetDict=Module[\"__PyThreadState_GetDict\"]=a0=>(__PyThreadState_GetDict=Module[\"__PyThreadState_GetDict\"]=wasmExports[\"_PyThreadState_GetDict\"])(a0);var _PyThreadState_GetInterpreter=Module[\"_PyThreadState_GetInterpreter\"]=a0=>(_PyThreadState_GetInterpreter=Module[\"_PyThreadState_GetInterpreter\"]=wasmExports[\"PyThreadState_GetInterpreter\"])(a0);var _PyThreadState_GetID=Module[\"_PyThreadState_GetID\"]=a0=>(_PyThreadState_GetID=Module[\"_PyThreadState_GetID\"]=wasmExports[\"PyThreadState_GetID\"])(a0);var _PyThreadState_SetAsyncExc=Module[\"_PyThreadState_SetAsyncExc\"]=(a0,a1)=>(_PyThreadState_SetAsyncExc=Module[\"_PyThreadState_SetAsyncExc\"]=wasmExports[\"PyThreadState_SetAsyncExc\"])(a0,a1);var _PyInterpreterState_Head=Module[\"_PyInterpreterState_Head\"]=()=>(_PyInterpreterState_Head=Module[\"_PyInterpreterState_Head\"]=wasmExports[\"PyInterpreterState_Head\"])();var _PyInterpreterState_Main=Module[\"_PyInterpreterState_Main\"]=()=>(_PyInterpreterState_Main=Module[\"_PyInterpreterState_Main\"]=wasmExports[\"PyInterpreterState_Main\"])();var _PyInterpreterState_Next=Module[\"_PyInterpreterState_Next\"]=a0=>(_PyInterpreterState_Next=Module[\"_PyInterpreterState_Next\"]=wasmExports[\"PyInterpreterState_Next\"])(a0);var __PyThread_CurrentFrames=Module[\"__PyThread_CurrentFrames\"]=()=>(__PyThread_CurrentFrames=Module[\"__PyThread_CurrentFrames\"]=wasmExports[\"_PyThread_CurrentFrames\"])();var __PyThread_CurrentExceptions=Module[\"__PyThread_CurrentExceptions\"]=()=>(__PyThread_CurrentExceptions=Module[\"__PyThread_CurrentExceptions\"]=wasmExports[\"_PyThread_CurrentExceptions\"])();var __PyGILState_GetInterpreterStateUnsafe=Module[\"__PyGILState_GetInterpreterStateUnsafe\"]=()=>(__PyGILState_GetInterpreterStateUnsafe=Module[\"__PyGILState_GetInterpreterStateUnsafe\"]=wasmExports[\"_PyGILState_GetInterpreterStateUnsafe\"])();var __PyCrossInterpreterData_Init=Module[\"__PyCrossInterpreterData_Init\"]=(a0,a1,a2,a3,a4)=>(__PyCrossInterpreterData_Init=Module[\"__PyCrossInterpreterData_Init\"]=wasmExports[\"_PyCrossInterpreterData_Init\"])(a0,a1,a2,a3,a4);var __PyCrossInterpreterData_InitWithSize=Module[\"__PyCrossInterpreterData_InitWithSize\"]=(a0,a1,a2,a3,a4)=>(__PyCrossInterpreterData_InitWithSize=Module[\"__PyCrossInterpreterData_InitWithSize\"]=wasmExports[\"_PyCrossInterpreterData_InitWithSize\"])(a0,a1,a2,a3,a4);var __PyCrossInterpreterData_Clear=Module[\"__PyCrossInterpreterData_Clear\"]=(a0,a1)=>(__PyCrossInterpreterData_Clear=Module[\"__PyCrossInterpreterData_Clear\"]=wasmExports[\"_PyCrossInterpreterData_Clear\"])(a0,a1);var __PyObject_CheckCrossInterpreterData=Module[\"__PyObject_CheckCrossInterpreterData\"]=a0=>(__PyObject_CheckCrossInterpreterData=Module[\"__PyObject_CheckCrossInterpreterData\"]=wasmExports[\"_PyObject_CheckCrossInterpreterData\"])(a0);var __PyObject_GetCrossInterpreterData=Module[\"__PyObject_GetCrossInterpreterData\"]=(a0,a1)=>(__PyObject_GetCrossInterpreterData=Module[\"__PyObject_GetCrossInterpreterData\"]=wasmExports[\"_PyObject_GetCrossInterpreterData\"])(a0,a1);var __PyCrossInterpreterData_Release=Module[\"__PyCrossInterpreterData_Release\"]=a0=>(__PyCrossInterpreterData_Release=Module[\"__PyCrossInterpreterData_Release\"]=wasmExports[\"_PyCrossInterpreterData_Release\"])(a0);var __PyCrossInterpreterData_NewObject=Module[\"__PyCrossInterpreterData_NewObject\"]=a0=>(__PyCrossInterpreterData_NewObject=Module[\"__PyCrossInterpreterData_NewObject\"]=wasmExports[\"_PyCrossInterpreterData_NewObject\"])(a0);var __PyCrossInterpreterData_ReleaseAndRawFree=Module[\"__PyCrossInterpreterData_ReleaseAndRawFree\"]=a0=>(__PyCrossInterpreterData_ReleaseAndRawFree=Module[\"__PyCrossInterpreterData_ReleaseAndRawFree\"]=wasmExports[\"_PyCrossInterpreterData_ReleaseAndRawFree\"])(a0);var __PyCrossInterpreterData_RegisterClass=Module[\"__PyCrossInterpreterData_RegisterClass\"]=(a0,a1)=>(__PyCrossInterpreterData_RegisterClass=Module[\"__PyCrossInterpreterData_RegisterClass\"]=wasmExports[\"_PyCrossInterpreterData_RegisterClass\"])(a0,a1);var __PyCrossInterpreterData_UnregisterClass=Module[\"__PyCrossInterpreterData_UnregisterClass\"]=a0=>(__PyCrossInterpreterData_UnregisterClass=Module[\"__PyCrossInterpreterData_UnregisterClass\"]=wasmExports[\"_PyCrossInterpreterData_UnregisterClass\"])(a0);var __PyCrossInterpreterData_Lookup=Module[\"__PyCrossInterpreterData_Lookup\"]=a0=>(__PyCrossInterpreterData_Lookup=Module[\"__PyCrossInterpreterData_Lookup\"]=wasmExports[\"_PyCrossInterpreterData_Lookup\"])(a0);var __PyInterpreterState_GetEvalFrameFunc=Module[\"__PyInterpreterState_GetEvalFrameFunc\"]=a0=>(__PyInterpreterState_GetEvalFrameFunc=Module[\"__PyInterpreterState_GetEvalFrameFunc\"]=wasmExports[\"_PyInterpreterState_GetEvalFrameFunc\"])(a0);var __PyInterpreterState_SetEvalFrameFunc=Module[\"__PyInterpreterState_SetEvalFrameFunc\"]=(a0,a1)=>(__PyInterpreterState_SetEvalFrameFunc=Module[\"__PyInterpreterState_SetEvalFrameFunc\"]=wasmExports[\"_PyInterpreterState_SetEvalFrameFunc\"])(a0,a1);var __PyInterpreterState_GetConfigCopy=Module[\"__PyInterpreterState_GetConfigCopy\"]=a0=>(__PyInterpreterState_GetConfigCopy=Module[\"__PyInterpreterState_GetConfigCopy\"]=wasmExports[\"_PyInterpreterState_GetConfigCopy\"])(a0);var __PyRun_AnyFileObject=Module[\"__PyRun_AnyFileObject\"]=(a0,a1,a2,a3)=>(__PyRun_AnyFileObject=Module[\"__PyRun_AnyFileObject\"]=wasmExports[\"_PyRun_AnyFileObject\"])(a0,a1,a2,a3);var __PyRun_InteractiveLoopObject=Module[\"__PyRun_InteractiveLoopObject\"]=(a0,a1,a2)=>(__PyRun_InteractiveLoopObject=Module[\"__PyRun_InteractiveLoopObject\"]=wasmExports[\"_PyRun_InteractiveLoopObject\"])(a0,a1,a2);var __PyRun_SimpleFileObject=Module[\"__PyRun_SimpleFileObject\"]=(a0,a1,a2,a3)=>(__PyRun_SimpleFileObject=Module[\"__PyRun_SimpleFileObject\"]=wasmExports[\"_PyRun_SimpleFileObject\"])(a0,a1,a2,a3);var _rewind=Module[\"_rewind\"]=a0=>(_rewind=Module[\"_rewind\"]=wasmExports[\"rewind\"])(a0);var _PyRun_InteractiveLoopFlags=Module[\"_PyRun_InteractiveLoopFlags\"]=(a0,a1,a2)=>(_PyRun_InteractiveLoopFlags=Module[\"_PyRun_InteractiveLoopFlags\"]=wasmExports[\"PyRun_InteractiveLoopFlags\"])(a0,a1,a2);var _PyRun_InteractiveOneObject=Module[\"_PyRun_InteractiveOneObject\"]=(a0,a1,a2)=>(_PyRun_InteractiveOneObject=Module[\"_PyRun_InteractiveOneObject\"]=wasmExports[\"PyRun_InteractiveOneObject\"])(a0,a1,a2);var _PyRun_InteractiveOneFlags=Module[\"_PyRun_InteractiveOneFlags\"]=(a0,a1,a2)=>(_PyRun_InteractiveOneFlags=Module[\"_PyRun_InteractiveOneFlags\"]=wasmExports[\"PyRun_InteractiveOneFlags\"])(a0,a1,a2);var _PyRun_SimpleFileExFlags=Module[\"_PyRun_SimpleFileExFlags\"]=(a0,a1,a2,a3)=>(_PyRun_SimpleFileExFlags=Module[\"_PyRun_SimpleFileExFlags\"]=wasmExports[\"PyRun_SimpleFileExFlags\"])(a0,a1,a2,a3);var _PyRun_SimpleStringFlags=Module[\"_PyRun_SimpleStringFlags\"]=(a0,a1)=>(_PyRun_SimpleStringFlags=Module[\"_PyRun_SimpleStringFlags\"]=wasmExports[\"PyRun_SimpleStringFlags\"])(a0,a1);var __Py_HandleSystemExit=Module[\"__Py_HandleSystemExit\"]=a0=>(__Py_HandleSystemExit=Module[\"__Py_HandleSystemExit\"]=wasmExports[\"_Py_HandleSystemExit\"])(a0);var _PyErr_Display=Module[\"_PyErr_Display\"]=(a0,a1,a2)=>(_PyErr_Display=Module[\"_PyErr_Display\"]=wasmExports[\"PyErr_Display\"])(a0,a1,a2);var __PyErr_Display=Module[\"__PyErr_Display\"]=(a0,a1,a2,a3)=>(__PyErr_Display=Module[\"__PyErr_Display\"]=wasmExports[\"_PyErr_Display\"])(a0,a1,a2,a3);var __Py_WriteIndentedMargin=Module[\"__Py_WriteIndentedMargin\"]=(a0,a1,a2)=>(__Py_WriteIndentedMargin=Module[\"__Py_WriteIndentedMargin\"]=wasmExports[\"_Py_WriteIndentedMargin\"])(a0,a1,a2);var __Py_WriteIndent=Module[\"__Py_WriteIndent\"]=(a0,a1)=>(__Py_WriteIndent=Module[\"__Py_WriteIndent\"]=wasmExports[\"_Py_WriteIndent\"])(a0,a1);var __PyErr_DisplayException=Module[\"__PyErr_DisplayException\"]=(a0,a1)=>(__PyErr_DisplayException=Module[\"__PyErr_DisplayException\"]=wasmExports[\"_PyErr_DisplayException\"])(a0,a1);var _PyRun_FileExFlags=Module[\"_PyRun_FileExFlags\"]=(a0,a1,a2,a3,a4,a5,a6)=>(_PyRun_FileExFlags=Module[\"_PyRun_FileExFlags\"]=wasmExports[\"PyRun_FileExFlags\"])(a0,a1,a2,a3,a4,a5,a6);var _Py_CompileStringExFlags=Module[\"_Py_CompileStringExFlags\"]=(a0,a1,a2,a3,a4)=>(_Py_CompileStringExFlags=Module[\"_Py_CompileStringExFlags\"]=wasmExports[\"Py_CompileStringExFlags\"])(a0,a1,a2,a3,a4);var _PyRun_AnyFile=Module[\"_PyRun_AnyFile\"]=(a0,a1)=>(_PyRun_AnyFile=Module[\"_PyRun_AnyFile\"]=wasmExports[\"PyRun_AnyFile\"])(a0,a1);var _PyRun_AnyFileEx=Module[\"_PyRun_AnyFileEx\"]=(a0,a1,a2)=>(_PyRun_AnyFileEx=Module[\"_PyRun_AnyFileEx\"]=wasmExports[\"PyRun_AnyFileEx\"])(a0,a1,a2);var _PyRun_AnyFileFlags=Module[\"_PyRun_AnyFileFlags\"]=(a0,a1,a2)=>(_PyRun_AnyFileFlags=Module[\"_PyRun_AnyFileFlags\"]=wasmExports[\"PyRun_AnyFileFlags\"])(a0,a1,a2);var _PyRun_File=Module[\"_PyRun_File\"]=(a0,a1,a2,a3,a4)=>(_PyRun_File=Module[\"_PyRun_File\"]=wasmExports[\"PyRun_File\"])(a0,a1,a2,a3,a4);var _PyRun_FileEx=Module[\"_PyRun_FileEx\"]=(a0,a1,a2,a3,a4,a5)=>(_PyRun_FileEx=Module[\"_PyRun_FileEx\"]=wasmExports[\"PyRun_FileEx\"])(a0,a1,a2,a3,a4,a5);var _PyRun_FileFlags=Module[\"_PyRun_FileFlags\"]=(a0,a1,a2,a3,a4,a5)=>(_PyRun_FileFlags=Module[\"_PyRun_FileFlags\"]=wasmExports[\"PyRun_FileFlags\"])(a0,a1,a2,a3,a4,a5);var _PyRun_SimpleFile=Module[\"_PyRun_SimpleFile\"]=(a0,a1)=>(_PyRun_SimpleFile=Module[\"_PyRun_SimpleFile\"]=wasmExports[\"PyRun_SimpleFile\"])(a0,a1);var _PyRun_SimpleFileEx=Module[\"_PyRun_SimpleFileEx\"]=(a0,a1,a2)=>(_PyRun_SimpleFileEx=Module[\"_PyRun_SimpleFileEx\"]=wasmExports[\"PyRun_SimpleFileEx\"])(a0,a1,a2);var _PyRun_String=Module[\"_PyRun_String\"]=(a0,a1,a2,a3)=>(_PyRun_String=Module[\"_PyRun_String\"]=wasmExports[\"PyRun_String\"])(a0,a1,a2,a3);var _PyRun_SimpleString=Module[\"_PyRun_SimpleString\"]=a0=>(_PyRun_SimpleString=Module[\"_PyRun_SimpleString\"]=wasmExports[\"PyRun_SimpleString\"])(a0);var _Py_CompileString=Module[\"_Py_CompileString\"]=(a0,a1,a2)=>(_Py_CompileString=Module[\"_Py_CompileString\"]=wasmExports[\"Py_CompileString\"])(a0,a1,a2);var _Py_CompileStringFlags=Module[\"_Py_CompileStringFlags\"]=(a0,a1,a2,a3)=>(_Py_CompileStringFlags=Module[\"_Py_CompileStringFlags\"]=wasmExports[\"Py_CompileStringFlags\"])(a0,a1,a2,a3);var _PyRun_InteractiveOne=Module[\"_PyRun_InteractiveOne\"]=(a0,a1)=>(_PyRun_InteractiveOne=Module[\"_PyRun_InteractiveOne\"]=wasmExports[\"PyRun_InteractiveOne\"])(a0,a1);var _PyRun_InteractiveLoop=Module[\"_PyRun_InteractiveLoop\"]=(a0,a1)=>(_PyRun_InteractiveLoop=Module[\"_PyRun_InteractiveLoop\"]=wasmExports[\"PyRun_InteractiveLoop\"])(a0,a1);var __PyTraceBack_Print_Indented=Module[\"__PyTraceBack_Print_Indented\"]=(a0,a1,a2,a3,a4,a5)=>(__PyTraceBack_Print_Indented=Module[\"__PyTraceBack_Print_Indented\"]=wasmExports[\"_PyTraceBack_Print_Indented\"])(a0,a1,a2,a3,a4,a5);var __PyTime_Add=Module[\"__PyTime_Add\"]=(a0,a1)=>(__PyTime_Add=Module[\"__PyTime_Add\"]=wasmExports[\"_PyTime_Add\"])(a0,a1);var __PyTime_MulDiv=Module[\"__PyTime_MulDiv\"]=(a0,a1,a2)=>(__PyTime_MulDiv=Module[\"__PyTime_MulDiv\"]=wasmExports[\"_PyTime_MulDiv\"])(a0,a1,a2);var __PyLong_AsTime_t=Module[\"__PyLong_AsTime_t\"]=a0=>(__PyLong_AsTime_t=Module[\"__PyLong_AsTime_t\"]=wasmExports[\"_PyLong_AsTime_t\"])(a0);var __PyLong_FromTime_t=Module[\"__PyLong_FromTime_t\"]=a0=>(__PyLong_FromTime_t=Module[\"__PyLong_FromTime_t\"]=wasmExports[\"_PyLong_FromTime_t\"])(a0);var __PyTime_ObjectToTime_t=Module[\"__PyTime_ObjectToTime_t\"]=(a0,a1,a2)=>(__PyTime_ObjectToTime_t=Module[\"__PyTime_ObjectToTime_t\"]=wasmExports[\"_PyTime_ObjectToTime_t\"])(a0,a1,a2);var __PyTime_ObjectToTimespec=Module[\"__PyTime_ObjectToTimespec\"]=(a0,a1,a2,a3)=>(__PyTime_ObjectToTimespec=Module[\"__PyTime_ObjectToTimespec\"]=wasmExports[\"_PyTime_ObjectToTimespec\"])(a0,a1,a2,a3);var __PyTime_ObjectToTimeval=Module[\"__PyTime_ObjectToTimeval\"]=(a0,a1,a2,a3)=>(__PyTime_ObjectToTimeval=Module[\"__PyTime_ObjectToTimeval\"]=wasmExports[\"_PyTime_ObjectToTimeval\"])(a0,a1,a2,a3);var __PyTime_FromSeconds=Module[\"__PyTime_FromSeconds\"]=a0=>(__PyTime_FromSeconds=Module[\"__PyTime_FromSeconds\"]=wasmExports[\"_PyTime_FromSeconds\"])(a0);var __PyTime_FromNanoseconds=Module[\"__PyTime_FromNanoseconds\"]=a0=>(__PyTime_FromNanoseconds=Module[\"__PyTime_FromNanoseconds\"]=wasmExports[\"_PyTime_FromNanoseconds\"])(a0);var __PyTime_FromMicrosecondsClamp=Module[\"__PyTime_FromMicrosecondsClamp\"]=a0=>(__PyTime_FromMicrosecondsClamp=Module[\"__PyTime_FromMicrosecondsClamp\"]=wasmExports[\"_PyTime_FromMicrosecondsClamp\"])(a0);var __PyTime_FromNanosecondsObject=Module[\"__PyTime_FromNanosecondsObject\"]=(a0,a1)=>(__PyTime_FromNanosecondsObject=Module[\"__PyTime_FromNanosecondsObject\"]=wasmExports[\"_PyTime_FromNanosecondsObject\"])(a0,a1);var __PyTime_FromTimespec=Module[\"__PyTime_FromTimespec\"]=(a0,a1)=>(__PyTime_FromTimespec=Module[\"__PyTime_FromTimespec\"]=wasmExports[\"_PyTime_FromTimespec\"])(a0,a1);var __PyTime_FromTimeval=Module[\"__PyTime_FromTimeval\"]=(a0,a1)=>(__PyTime_FromTimeval=Module[\"__PyTime_FromTimeval\"]=wasmExports[\"_PyTime_FromTimeval\"])(a0,a1);var __PyTime_FromSecondsObject=Module[\"__PyTime_FromSecondsObject\"]=(a0,a1,a2)=>(__PyTime_FromSecondsObject=Module[\"__PyTime_FromSecondsObject\"]=wasmExports[\"_PyTime_FromSecondsObject\"])(a0,a1,a2);var __PyTime_FromMillisecondsObject=Module[\"__PyTime_FromMillisecondsObject\"]=(a0,a1,a2)=>(__PyTime_FromMillisecondsObject=Module[\"__PyTime_FromMillisecondsObject\"]=wasmExports[\"_PyTime_FromMillisecondsObject\"])(a0,a1,a2);var __PyTime_AsSecondsDouble=Module[\"__PyTime_AsSecondsDouble\"]=a0=>(__PyTime_AsSecondsDouble=Module[\"__PyTime_AsSecondsDouble\"]=wasmExports[\"_PyTime_AsSecondsDouble\"])(a0);var __PyTime_AsNanosecondsObject=Module[\"__PyTime_AsNanosecondsObject\"]=a0=>(__PyTime_AsNanosecondsObject=Module[\"__PyTime_AsNanosecondsObject\"]=wasmExports[\"_PyTime_AsNanosecondsObject\"])(a0);var __PyTime_AsNanoseconds=Module[\"__PyTime_AsNanoseconds\"]=a0=>(__PyTime_AsNanoseconds=Module[\"__PyTime_AsNanoseconds\"]=wasmExports[\"_PyTime_AsNanoseconds\"])(a0);var __PyTime_AsMilliseconds=Module[\"__PyTime_AsMilliseconds\"]=(a0,a1)=>(__PyTime_AsMilliseconds=Module[\"__PyTime_AsMilliseconds\"]=wasmExports[\"_PyTime_AsMilliseconds\"])(a0,a1);var __PyTime_AsTimeval=Module[\"__PyTime_AsTimeval\"]=(a0,a1,a2)=>(__PyTime_AsTimeval=Module[\"__PyTime_AsTimeval\"]=wasmExports[\"_PyTime_AsTimeval\"])(a0,a1,a2);var __PyTime_AsTimeval_clamp=Module[\"__PyTime_AsTimeval_clamp\"]=(a0,a1,a2)=>(__PyTime_AsTimeval_clamp=Module[\"__PyTime_AsTimeval_clamp\"]=wasmExports[\"_PyTime_AsTimeval_clamp\"])(a0,a1,a2);var __PyTime_AsTimevalTime_t=Module[\"__PyTime_AsTimevalTime_t\"]=(a0,a1,a2,a3)=>(__PyTime_AsTimevalTime_t=Module[\"__PyTime_AsTimevalTime_t\"]=wasmExports[\"_PyTime_AsTimevalTime_t\"])(a0,a1,a2,a3);var __PyTime_AsTimespec_clamp=Module[\"__PyTime_AsTimespec_clamp\"]=(a0,a1)=>(__PyTime_AsTimespec_clamp=Module[\"__PyTime_AsTimespec_clamp\"]=wasmExports[\"_PyTime_AsTimespec_clamp\"])(a0,a1);var __PyTime_AsTimespec=Module[\"__PyTime_AsTimespec\"]=(a0,a1)=>(__PyTime_AsTimespec=Module[\"__PyTime_AsTimespec\"]=wasmExports[\"_PyTime_AsTimespec\"])(a0,a1);var __PyTime_GetSystemClock=Module[\"__PyTime_GetSystemClock\"]=()=>(__PyTime_GetSystemClock=Module[\"__PyTime_GetSystemClock\"]=wasmExports[\"_PyTime_GetSystemClock\"])();var _clock_gettime=Module[\"_clock_gettime\"]=(a0,a1)=>(_clock_gettime=Module[\"_clock_gettime\"]=wasmExports[\"clock_gettime\"])(a0,a1);var __PyTime_GetSystemClockWithInfo=Module[\"__PyTime_GetSystemClockWithInfo\"]=(a0,a1)=>(__PyTime_GetSystemClockWithInfo=Module[\"__PyTime_GetSystemClockWithInfo\"]=wasmExports[\"_PyTime_GetSystemClockWithInfo\"])(a0,a1);var _clock_getres=Module[\"_clock_getres\"]=(a0,a1)=>(_clock_getres=Module[\"_clock_getres\"]=wasmExports[\"clock_getres\"])(a0,a1);var __PyTime_GetMonotonicClock=Module[\"__PyTime_GetMonotonicClock\"]=()=>(__PyTime_GetMonotonicClock=Module[\"__PyTime_GetMonotonicClock\"]=wasmExports[\"_PyTime_GetMonotonicClock\"])();var __PyTime_GetMonotonicClockWithInfo=Module[\"__PyTime_GetMonotonicClockWithInfo\"]=(a0,a1)=>(__PyTime_GetMonotonicClockWithInfo=Module[\"__PyTime_GetMonotonicClockWithInfo\"]=wasmExports[\"_PyTime_GetMonotonicClockWithInfo\"])(a0,a1);var __PyTime_GetPerfCounterWithInfo=Module[\"__PyTime_GetPerfCounterWithInfo\"]=(a0,a1)=>(__PyTime_GetPerfCounterWithInfo=Module[\"__PyTime_GetPerfCounterWithInfo\"]=wasmExports[\"_PyTime_GetPerfCounterWithInfo\"])(a0,a1);var __PyTime_localtime=Module[\"__PyTime_localtime\"]=(a0,a1)=>(__PyTime_localtime=Module[\"__PyTime_localtime\"]=wasmExports[\"_PyTime_localtime\"])(a0,a1);var _localtime_r=Module[\"_localtime_r\"]=(a0,a1)=>(_localtime_r=Module[\"_localtime_r\"]=wasmExports[\"localtime_r\"])(a0,a1);var __PyTime_gmtime=Module[\"__PyTime_gmtime\"]=(a0,a1)=>(__PyTime_gmtime=Module[\"__PyTime_gmtime\"]=wasmExports[\"_PyTime_gmtime\"])(a0,a1);var _gmtime_r=Module[\"_gmtime_r\"]=(a0,a1)=>(_gmtime_r=Module[\"_gmtime_r\"]=wasmExports[\"gmtime_r\"])(a0,a1);var __PyDeadline_Init=Module[\"__PyDeadline_Init\"]=a0=>(__PyDeadline_Init=Module[\"__PyDeadline_Init\"]=wasmExports[\"_PyDeadline_Init\"])(a0);var __PyDeadline_Get=Module[\"__PyDeadline_Get\"]=a0=>(__PyDeadline_Get=Module[\"__PyDeadline_Get\"]=wasmExports[\"_PyDeadline_Get\"])(a0);var __PyOS_URandom=Module[\"__PyOS_URandom\"]=(a0,a1)=>(__PyOS_URandom=Module[\"__PyOS_URandom\"]=wasmExports[\"_PyOS_URandom\"])(a0,a1);var __Py_open=Module[\"__Py_open\"]=(a0,a1)=>(__Py_open=Module[\"__Py_open\"]=wasmExports[\"_Py_open\"])(a0,a1);var _close=Module[\"_close\"]=a0=>(_close=Module[\"_close\"]=wasmExports[\"close\"])(a0);var __Py_fstat=Module[\"__Py_fstat\"]=(a0,a1)=>(__Py_fstat=Module[\"__Py_fstat\"]=wasmExports[\"_Py_fstat\"])(a0,a1);var __Py_read=Module[\"__Py_read\"]=(a0,a1,a2)=>(__Py_read=Module[\"__Py_read\"]=wasmExports[\"_Py_read\"])(a0,a1,a2);var __Py_open_noraise=Module[\"__Py_open_noraise\"]=(a0,a1)=>(__Py_open_noraise=Module[\"__Py_open_noraise\"]=wasmExports[\"_Py_open_noraise\"])(a0,a1);var _read=Module[\"_read\"]=(a0,a1,a2)=>(_read=Module[\"_read\"]=wasmExports[\"read\"])(a0,a1,a2);var __PyOS_URandomNonblock=Module[\"__PyOS_URandomNonblock\"]=(a0,a1)=>(__PyOS_URandomNonblock=Module[\"__PyOS_URandomNonblock\"]=wasmExports[\"_PyOS_URandomNonblock\"])(a0,a1);var _PySys_AddAuditHook=Module[\"_PySys_AddAuditHook\"]=(a0,a1)=>(_PySys_AddAuditHook=Module[\"_PySys_AddAuditHook\"]=wasmExports[\"PySys_AddAuditHook\"])(a0,a1);var __PySys_GetSizeOf=Module[\"__PySys_GetSizeOf\"]=a0=>(__PySys_GetSizeOf=Module[\"__PySys_GetSizeOf\"]=wasmExports[\"_PySys_GetSizeOf\"])(a0);var _PyUnstable_PerfMapState_Init=Module[\"_PyUnstable_PerfMapState_Init\"]=()=>(_PyUnstable_PerfMapState_Init=Module[\"_PyUnstable_PerfMapState_Init\"]=wasmExports[\"PyUnstable_PerfMapState_Init\"])();var _getpid=Module[\"_getpid\"]=()=>(_getpid=Module[\"_getpid\"]=wasmExports[\"getpid\"])();var _open=Module[\"_open\"]=(a0,a1,a2)=>(_open=Module[\"_open\"]=wasmExports[\"open\"])(a0,a1,a2);var _PyUnstable_WritePerfMapEntry=Module[\"_PyUnstable_WritePerfMapEntry\"]=(a0,a1,a2)=>(_PyUnstable_WritePerfMapEntry=Module[\"_PyUnstable_WritePerfMapEntry\"]=wasmExports[\"PyUnstable_WritePerfMapEntry\"])(a0,a1,a2);var _PyUnstable_PerfMapState_Fini=Module[\"_PyUnstable_PerfMapState_Fini\"]=()=>(_PyUnstable_PerfMapState_Fini=Module[\"_PyUnstable_PerfMapState_Fini\"]=wasmExports[\"PyUnstable_PerfMapState_Fini\"])();var _PySys_ResetWarnOptions=Module[\"_PySys_ResetWarnOptions\"]=()=>(_PySys_ResetWarnOptions=Module[\"_PySys_ResetWarnOptions\"]=wasmExports[\"PySys_ResetWarnOptions\"])();var _PySys_AddWarnOptionUnicode=Module[\"_PySys_AddWarnOptionUnicode\"]=a0=>(_PySys_AddWarnOptionUnicode=Module[\"_PySys_AddWarnOptionUnicode\"]=wasmExports[\"PySys_AddWarnOptionUnicode\"])(a0);var _PySys_AddWarnOption=Module[\"_PySys_AddWarnOption\"]=a0=>(_PySys_AddWarnOption=Module[\"_PySys_AddWarnOption\"]=wasmExports[\"PySys_AddWarnOption\"])(a0);var _PySys_HasWarnOptions=Module[\"_PySys_HasWarnOptions\"]=()=>(_PySys_HasWarnOptions=Module[\"_PySys_HasWarnOptions\"]=wasmExports[\"PySys_HasWarnOptions\"])();var _PySys_AddXOption=Module[\"_PySys_AddXOption\"]=a0=>(_PySys_AddXOption=Module[\"_PySys_AddXOption\"]=wasmExports[\"PySys_AddXOption\"])(a0);var _PySys_GetXOptions=Module[\"_PySys_GetXOptions\"]=()=>(_PySys_GetXOptions=Module[\"_PySys_GetXOptions\"]=wasmExports[\"PySys_GetXOptions\"])();var _PyThread_GetInfo=Module[\"_PyThread_GetInfo\"]=()=>(_PyThread_GetInfo=Module[\"_PyThread_GetInfo\"]=wasmExports[\"PyThread_GetInfo\"])();var _PySys_SetPath=Module[\"_PySys_SetPath\"]=a0=>(_PySys_SetPath=Module[\"_PySys_SetPath\"]=wasmExports[\"PySys_SetPath\"])(a0);var _PySys_SetArgvEx=Module[\"_PySys_SetArgvEx\"]=(a0,a1,a2)=>(_PySys_SetArgvEx=Module[\"_PySys_SetArgvEx\"]=wasmExports[\"PySys_SetArgvEx\"])(a0,a1,a2);var _PySys_SetArgv=Module[\"_PySys_SetArgv\"]=(a0,a1)=>(_PySys_SetArgv=Module[\"_PySys_SetArgv\"]=wasmExports[\"PySys_SetArgv\"])(a0,a1);var _PySys_WriteStdout=Module[\"_PySys_WriteStdout\"]=(a0,a1)=>(_PySys_WriteStdout=Module[\"_PySys_WriteStdout\"]=wasmExports[\"PySys_WriteStdout\"])(a0,a1);var _PySys_FormatStdout=Module[\"_PySys_FormatStdout\"]=(a0,a1)=>(_PySys_FormatStdout=Module[\"_PySys_FormatStdout\"]=wasmExports[\"PySys_FormatStdout\"])(a0,a1);var _pthread_condattr_init=Module[\"_pthread_condattr_init\"]=a0=>(_pthread_condattr_init=Module[\"_pthread_condattr_init\"]=wasmExports[\"pthread_condattr_init\"])(a0);var _pthread_condattr_setclock=Module[\"_pthread_condattr_setclock\"]=(a0,a1)=>(_pthread_condattr_setclock=Module[\"_pthread_condattr_setclock\"]=wasmExports[\"pthread_condattr_setclock\"])(a0,a1);var _pthread_cond_init=Module[\"_pthread_cond_init\"]=(a0,a1)=>(_pthread_cond_init=Module[\"_pthread_cond_init\"]=wasmExports[\"pthread_cond_init\"])(a0,a1);var _PyThread_start_new_thread=Module[\"_PyThread_start_new_thread\"]=(a0,a1)=>(_PyThread_start_new_thread=Module[\"_PyThread_start_new_thread\"]=wasmExports[\"PyThread_start_new_thread\"])(a0,a1);var _pthread_attr_init=Module[\"_pthread_attr_init\"]=a0=>(_pthread_attr_init=Module[\"_pthread_attr_init\"]=wasmExports[\"pthread_attr_init\"])(a0);var _pthread_attr_setstacksize=Module[\"_pthread_attr_setstacksize\"]=(a0,a1)=>(_pthread_attr_setstacksize=Module[\"_pthread_attr_setstacksize\"]=wasmExports[\"pthread_attr_setstacksize\"])(a0,a1);var _pthread_attr_destroy=Module[\"_pthread_attr_destroy\"]=a0=>(_pthread_attr_destroy=Module[\"_pthread_attr_destroy\"]=wasmExports[\"pthread_attr_destroy\"])(a0);var _pthread_create=Module[\"_pthread_create\"]=(a0,a1,a2,a3)=>(_pthread_create=Module[\"_pthread_create\"]=wasmExports[\"pthread_create\"])(a0,a1,a2,a3);var _pthread_detach=Module[\"_pthread_detach\"]=a0=>(_pthread_detach=Module[\"_pthread_detach\"]=wasmExports[\"pthread_detach\"])(a0);var _pthread_self=Module[\"_pthread_self\"]=()=>(_pthread_self=Module[\"_pthread_self\"]=wasmExports[\"pthread_self\"])();var _pthread_exit=Module[\"_pthread_exit\"]=a0=>(_pthread_exit=Module[\"_pthread_exit\"]=wasmExports[\"pthread_exit\"])(a0);var _PyThread_acquire_lock_timed=Module[\"_PyThread_acquire_lock_timed\"]=(a0,a1,a2)=>(_PyThread_acquire_lock_timed=Module[\"_PyThread_acquire_lock_timed\"]=wasmExports[\"PyThread_acquire_lock_timed\"])(a0,a1,a2);var _pthread_mutex_trylock=Module[\"_pthread_mutex_trylock\"]=a0=>(_pthread_mutex_trylock=Module[\"_pthread_mutex_trylock\"]=wasmExports[\"pthread_mutex_trylock\"])(a0);var _PyThread_create_key=Module[\"_PyThread_create_key\"]=()=>(_PyThread_create_key=Module[\"_PyThread_create_key\"]=wasmExports[\"PyThread_create_key\"])();var _pthread_key_create=Module[\"_pthread_key_create\"]=(a0,a1)=>(_pthread_key_create=Module[\"_pthread_key_create\"]=wasmExports[\"pthread_key_create\"])(a0,a1);var _pthread_key_delete=Module[\"_pthread_key_delete\"]=a0=>(_pthread_key_delete=Module[\"_pthread_key_delete\"]=wasmExports[\"pthread_key_delete\"])(a0);var _PyThread_delete_key=Module[\"_PyThread_delete_key\"]=a0=>(_PyThread_delete_key=Module[\"_PyThread_delete_key\"]=wasmExports[\"PyThread_delete_key\"])(a0);var _PyThread_delete_key_value=Module[\"_PyThread_delete_key_value\"]=a0=>(_PyThread_delete_key_value=Module[\"_PyThread_delete_key_value\"]=wasmExports[\"PyThread_delete_key_value\"])(a0);var _pthread_setspecific=Module[\"_pthread_setspecific\"]=(a0,a1)=>(_pthread_setspecific=Module[\"_pthread_setspecific\"]=wasmExports[\"pthread_setspecific\"])(a0,a1);var _PyThread_set_key_value=Module[\"_PyThread_set_key_value\"]=(a0,a1)=>(_PyThread_set_key_value=Module[\"_PyThread_set_key_value\"]=wasmExports[\"PyThread_set_key_value\"])(a0,a1);var _PyThread_get_key_value=Module[\"_PyThread_get_key_value\"]=a0=>(_PyThread_get_key_value=Module[\"_PyThread_get_key_value\"]=wasmExports[\"PyThread_get_key_value\"])(a0);var _pthread_getspecific=Module[\"_pthread_getspecific\"]=a0=>(_pthread_getspecific=Module[\"_pthread_getspecific\"]=wasmExports[\"pthread_getspecific\"])(a0);var _PyThread_ReInitTLS=Module[\"_PyThread_ReInitTLS\"]=()=>(_PyThread_ReInitTLS=Module[\"_PyThread_ReInitTLS\"]=wasmExports[\"PyThread_ReInitTLS\"])();var _PyThread_get_stacksize=Module[\"_PyThread_get_stacksize\"]=()=>(_PyThread_get_stacksize=Module[\"_PyThread_get_stacksize\"]=wasmExports[\"PyThread_get_stacksize\"])();var _PyThread_set_stacksize=Module[\"_PyThread_set_stacksize\"]=a0=>(_PyThread_set_stacksize=Module[\"_PyThread_set_stacksize\"]=wasmExports[\"PyThread_set_stacksize\"])(a0);var _PyThread_tss_alloc=Module[\"_PyThread_tss_alloc\"]=()=>(_PyThread_tss_alloc=Module[\"_PyThread_tss_alloc\"]=wasmExports[\"PyThread_tss_alloc\"])();var _PyThread_tss_free=Module[\"_PyThread_tss_free\"]=a0=>(_PyThread_tss_free=Module[\"_PyThread_tss_free\"]=wasmExports[\"PyThread_tss_free\"])(a0);var _confstr=Module[\"_confstr\"]=(a0,a1,a2)=>(_confstr=Module[\"_confstr\"]=wasmExports[\"confstr\"])(a0,a1,a2);var __PyTraceback_Add=Module[\"__PyTraceback_Add\"]=(a0,a1,a2)=>(__PyTraceback_Add=Module[\"__PyTraceback_Add\"]=wasmExports[\"_PyTraceback_Add\"])(a0,a1,a2);var __PyTraceMalloc_Init=Module[\"__PyTraceMalloc_Init\"]=()=>(__PyTraceMalloc_Init=Module[\"__PyTraceMalloc_Init\"]=wasmExports[\"_PyTraceMalloc_Init\"])();var __PyTraceMalloc_Stop=Module[\"__PyTraceMalloc_Stop\"]=()=>(__PyTraceMalloc_Stop=Module[\"__PyTraceMalloc_Stop\"]=wasmExports[\"_PyTraceMalloc_Stop\"])();var _PyTraceMalloc_Track=Module[\"_PyTraceMalloc_Track\"]=(a0,a1,a2)=>(_PyTraceMalloc_Track=Module[\"_PyTraceMalloc_Track\"]=wasmExports[\"PyTraceMalloc_Track\"])(a0,a1,a2);var _PyTraceMalloc_Untrack=Module[\"_PyTraceMalloc_Untrack\"]=(a0,a1)=>(_PyTraceMalloc_Untrack=Module[\"_PyTraceMalloc_Untrack\"]=wasmExports[\"PyTraceMalloc_Untrack\"])(a0,a1);var __PyTraceMalloc_GetTraceback=Module[\"__PyTraceMalloc_GetTraceback\"]=(a0,a1)=>(__PyTraceMalloc_GetTraceback=Module[\"__PyTraceMalloc_GetTraceback\"]=wasmExports[\"_PyTraceMalloc_GetTraceback\"])(a0,a1);var __PyTraceMalloc_IsTracing=Module[\"__PyTraceMalloc_IsTracing\"]=()=>(__PyTraceMalloc_IsTracing=Module[\"__PyTraceMalloc_IsTracing\"]=wasmExports[\"_PyTraceMalloc_IsTracing\"])();var __PyTraceMalloc_ClearTraces=Module[\"__PyTraceMalloc_ClearTraces\"]=()=>(__PyTraceMalloc_ClearTraces=Module[\"__PyTraceMalloc_ClearTraces\"]=wasmExports[\"_PyTraceMalloc_ClearTraces\"])();var __PyTraceMalloc_GetTraces=Module[\"__PyTraceMalloc_GetTraces\"]=()=>(__PyTraceMalloc_GetTraces=Module[\"__PyTraceMalloc_GetTraces\"]=wasmExports[\"_PyTraceMalloc_GetTraces\"])();var __PyTraceMalloc_GetObjectTraceback=Module[\"__PyTraceMalloc_GetObjectTraceback\"]=a0=>(__PyTraceMalloc_GetObjectTraceback=Module[\"__PyTraceMalloc_GetObjectTraceback\"]=wasmExports[\"_PyTraceMalloc_GetObjectTraceback\"])(a0);var __PyTraceMalloc_GetTracebackLimit=Module[\"__PyTraceMalloc_GetTracebackLimit\"]=()=>(__PyTraceMalloc_GetTracebackLimit=Module[\"__PyTraceMalloc_GetTracebackLimit\"]=wasmExports[\"_PyTraceMalloc_GetTracebackLimit\"])();var __PyTraceMalloc_GetMemory=Module[\"__PyTraceMalloc_GetMemory\"]=()=>(__PyTraceMalloc_GetMemory=Module[\"__PyTraceMalloc_GetMemory\"]=wasmExports[\"_PyTraceMalloc_GetMemory\"])();var __PyTraceMalloc_GetTracedMemory=Module[\"__PyTraceMalloc_GetTracedMemory\"]=()=>(__PyTraceMalloc_GetTracedMemory=Module[\"__PyTraceMalloc_GetTracedMemory\"]=wasmExports[\"_PyTraceMalloc_GetTracedMemory\"])();var __PyTraceMalloc_ResetPeak=Module[\"__PyTraceMalloc_ResetPeak\"]=()=>(__PyTraceMalloc_ResetPeak=Module[\"__PyTraceMalloc_ResetPeak\"]=wasmExports[\"_PyTraceMalloc_ResetPeak\"])();var _PyOS_mystricmp=Module[\"_PyOS_mystricmp\"]=(a0,a1)=>(_PyOS_mystricmp=Module[\"_PyOS_mystricmp\"]=wasmExports[\"PyOS_mystricmp\"])(a0,a1);var __Py_strhex=Module[\"__Py_strhex\"]=(a0,a1)=>(__Py_strhex=Module[\"__Py_strhex\"]=wasmExports[\"_Py_strhex\"])(a0,a1);var __Py_strhex_bytes=Module[\"__Py_strhex_bytes\"]=(a0,a1)=>(__Py_strhex_bytes=Module[\"__Py_strhex_bytes\"]=wasmExports[\"_Py_strhex_bytes\"])(a0,a1);var __Py_strhex_bytes_with_sep=Module[\"__Py_strhex_bytes_with_sep\"]=(a0,a1,a2,a3)=>(__Py_strhex_bytes_with_sep=Module[\"__Py_strhex_bytes_with_sep\"]=wasmExports[\"_Py_strhex_bytes_with_sep\"])(a0,a1,a2,a3);var _localeconv=Module[\"_localeconv\"]=()=>(_localeconv=Module[\"_localeconv\"]=wasmExports[\"localeconv\"])();var __Py_GetLocaleconvNumeric=Module[\"__Py_GetLocaleconvNumeric\"]=(a0,a1,a2)=>(__Py_GetLocaleconvNumeric=Module[\"__Py_GetLocaleconvNumeric\"]=wasmExports[\"_Py_GetLocaleconvNumeric\"])(a0,a1,a2);var __Py_device_encoding=Module[\"__Py_device_encoding\"]=a0=>(__Py_device_encoding=Module[\"__Py_device_encoding\"]=wasmExports[\"_Py_device_encoding\"])(a0);var __Py_GetLocaleEncodingObject=Module[\"__Py_GetLocaleEncodingObject\"]=()=>(__Py_GetLocaleEncodingObject=Module[\"__Py_GetLocaleEncodingObject\"]=wasmExports[\"_Py_GetLocaleEncodingObject\"])();var _mbstowcs=Module[\"_mbstowcs\"]=(a0,a1,a2)=>(_mbstowcs=Module[\"_mbstowcs\"]=wasmExports[\"mbstowcs\"])(a0,a1,a2);var _mbrtowc=Module[\"_mbrtowc\"]=(a0,a1,a2,a3)=>(_mbrtowc=Module[\"_mbrtowc\"]=wasmExports[\"mbrtowc\"])(a0,a1,a2,a3);var _Py_EncodeLocale=Module[\"_Py_EncodeLocale\"]=(a0,a1)=>(_Py_EncodeLocale=Module[\"_Py_EncodeLocale\"]=wasmExports[\"Py_EncodeLocale\"])(a0,a1);var __Py_EncodeLocaleRaw=Module[\"__Py_EncodeLocaleRaw\"]=(a0,a1)=>(__Py_EncodeLocaleRaw=Module[\"__Py_EncodeLocaleRaw\"]=wasmExports[\"_Py_EncodeLocaleRaw\"])(a0,a1);var _fstat=Module[\"_fstat\"]=(a0,a1)=>(_fstat=Module[\"_fstat\"]=wasmExports[\"fstat\"])(a0,a1);var _stat=Module[\"_stat\"]=(a0,a1)=>(_stat=Module[\"_stat\"]=wasmExports[\"stat\"])(a0,a1);var __Py_stat=Module[\"__Py_stat\"]=(a0,a1)=>(__Py_stat=Module[\"__Py_stat\"]=wasmExports[\"_Py_stat\"])(a0,a1);var __Py_get_inheritable=Module[\"__Py_get_inheritable\"]=a0=>(__Py_get_inheritable=Module[\"__Py_get_inheritable\"]=wasmExports[\"_Py_get_inheritable\"])(a0);var __Py_set_inheritable=Module[\"__Py_set_inheritable\"]=(a0,a1,a2)=>(__Py_set_inheritable=Module[\"__Py_set_inheritable\"]=wasmExports[\"_Py_set_inheritable\"])(a0,a1,a2);var __Py_set_inheritable_async_safe=Module[\"__Py_set_inheritable_async_safe\"]=(a0,a1,a2)=>(__Py_set_inheritable_async_safe=Module[\"__Py_set_inheritable_async_safe\"]=wasmExports[\"_Py_set_inheritable_async_safe\"])(a0,a1,a2);var __Py_wfopen=Module[\"__Py_wfopen\"]=(a0,a1)=>(__Py_wfopen=Module[\"__Py_wfopen\"]=wasmExports[\"_Py_wfopen\"])(a0,a1);var _wcstombs=Module[\"_wcstombs\"]=(a0,a1,a2)=>(_wcstombs=Module[\"_wcstombs\"]=wasmExports[\"wcstombs\"])(a0,a1,a2);var _fopen=Module[\"_fopen\"]=(a0,a1)=>(_fopen=Module[\"_fopen\"]=wasmExports[\"fopen\"])(a0,a1);var _write=Module[\"_write\"]=(a0,a1,a2)=>(_write=Module[\"_write\"]=wasmExports[\"write\"])(a0,a1,a2);var _readlink=Module[\"_readlink\"]=(a0,a1,a2)=>(_readlink=Module[\"_readlink\"]=wasmExports[\"readlink\"])(a0,a1,a2);var _realpath=Module[\"_realpath\"]=(a0,a1)=>(_realpath=Module[\"_realpath\"]=wasmExports[\"realpath\"])(a0,a1);var _getcwd=Module[\"_getcwd\"]=(a0,a1)=>(_getcwd=Module[\"_getcwd\"]=wasmExports[\"getcwd\"])(a0,a1);var __Py_normpath=Module[\"__Py_normpath\"]=(a0,a1)=>(__Py_normpath=Module[\"__Py_normpath\"]=wasmExports[\"_Py_normpath\"])(a0,a1);var __Py_get_blocking=Module[\"__Py_get_blocking\"]=a0=>(__Py_get_blocking=Module[\"__Py_get_blocking\"]=wasmExports[\"_Py_get_blocking\"])(a0);var __Py_set_blocking=Module[\"__Py_set_blocking\"]=(a0,a1)=>(__Py_set_blocking=Module[\"__Py_set_blocking\"]=wasmExports[\"_Py_set_blocking\"])(a0,a1);var __Py_closerange=Module[\"__Py_closerange\"]=(a0,a1)=>(__Py_closerange=Module[\"__Py_closerange\"]=wasmExports[\"_Py_closerange\"])(a0,a1);var __Py_UTF8_Edit_Cost=Module[\"__Py_UTF8_Edit_Cost\"]=(a0,a1,a2)=>(__Py_UTF8_Edit_Cost=Module[\"__Py_UTF8_Edit_Cost\"]=wasmExports[\"_Py_UTF8_Edit_Cost\"])(a0,a1,a2);var _dlopen=Module[\"_dlopen\"]=(a0,a1)=>(_dlopen=Module[\"_dlopen\"]=wasmExports[\"dlopen\"])(a0,a1);var _dlerror=Module[\"_dlerror\"]=()=>(_dlerror=Module[\"_dlerror\"]=wasmExports[\"dlerror\"])();var _dlsym=Module[\"_dlsym\"]=(a0,a1)=>(_dlsym=Module[\"_dlsym\"]=wasmExports[\"dlsym\"])(a0,a1);var _PyErr_SetInterruptEx=Module[\"_PyErr_SetInterruptEx\"]=a0=>(_PyErr_SetInterruptEx=Module[\"_PyErr_SetInterruptEx\"]=wasmExports[\"PyErr_SetInterruptEx\"])(a0);var _PyInit__ctypes=Module[\"_PyInit__ctypes\"]=()=>(_PyInit__ctypes=Module[\"_PyInit__ctypes\"]=wasmExports[\"PyInit__ctypes\"])();var _PyInit__posixsubprocess=Module[\"_PyInit__posixsubprocess\"]=()=>(_PyInit__posixsubprocess=Module[\"_PyInit__posixsubprocess\"]=wasmExports[\"PyInit__posixsubprocess\"])();var _PyInit__bz2=Module[\"_PyInit__bz2\"]=()=>(_PyInit__bz2=Module[\"_PyInit__bz2\"]=wasmExports[\"PyInit__bz2\"])();var _PyInit_zlib=Module[\"_PyInit_zlib\"]=()=>(_PyInit_zlib=Module[\"_PyInit_zlib\"]=wasmExports[\"PyInit_zlib\"])();var _PyInit__xxsubinterpreters=Module[\"_PyInit__xxsubinterpreters\"]=()=>(_PyInit__xxsubinterpreters=Module[\"_PyInit__xxsubinterpreters\"]=wasmExports[\"PyInit__xxsubinterpreters\"])();var _PyInit_array=Module[\"_PyInit_array\"]=()=>(_PyInit_array=Module[\"_PyInit_array\"]=wasmExports[\"PyInit_array\"])();var _PyInit__asyncio=Module[\"_PyInit__asyncio\"]=()=>(_PyInit__asyncio=Module[\"_PyInit__asyncio\"]=wasmExports[\"PyInit__asyncio\"])();var _PyInit__bisect=Module[\"_PyInit__bisect\"]=()=>(_PyInit__bisect=Module[\"_PyInit__bisect\"]=wasmExports[\"PyInit__bisect\"])();var _PyInit__contextvars=Module[\"_PyInit__contextvars\"]=()=>(_PyInit__contextvars=Module[\"_PyInit__contextvars\"]=wasmExports[\"PyInit__contextvars\"])();var _PyInit__csv=Module[\"_PyInit__csv\"]=()=>(_PyInit__csv=Module[\"_PyInit__csv\"]=wasmExports[\"PyInit__csv\"])();var _PyInit__heapq=Module[\"_PyInit__heapq\"]=()=>(_PyInit__heapq=Module[\"_PyInit__heapq\"]=wasmExports[\"PyInit__heapq\"])();var _PyInit__json=Module[\"_PyInit__json\"]=()=>(_PyInit__json=Module[\"_PyInit__json\"]=wasmExports[\"PyInit__json\"])();var _PyInit__lsprof=Module[\"_PyInit__lsprof\"]=()=>(_PyInit__lsprof=Module[\"_PyInit__lsprof\"]=wasmExports[\"PyInit__lsprof\"])();var _PyInit__opcode=Module[\"_PyInit__opcode\"]=()=>(_PyInit__opcode=Module[\"_PyInit__opcode\"]=wasmExports[\"PyInit__opcode\"])();var _PyInit__pickle=Module[\"_PyInit__pickle\"]=()=>(_PyInit__pickle=Module[\"_PyInit__pickle\"]=wasmExports[\"PyInit__pickle\"])();var _PyInit__queue=Module[\"_PyInit__queue\"]=()=>(_PyInit__queue=Module[\"_PyInit__queue\"]=wasmExports[\"PyInit__queue\"])();var _PyInit__random=Module[\"_PyInit__random\"]=()=>(_PyInit__random=Module[\"_PyInit__random\"]=wasmExports[\"PyInit__random\"])();var _PyInit__struct=Module[\"_PyInit__struct\"]=()=>(_PyInit__struct=Module[\"_PyInit__struct\"]=wasmExports[\"PyInit__struct\"])();var _PyInit__zoneinfo=Module[\"_PyInit__zoneinfo\"]=()=>(_PyInit__zoneinfo=Module[\"_PyInit__zoneinfo\"]=wasmExports[\"PyInit__zoneinfo\"])();var _PyInit_audioop=Module[\"_PyInit_audioop\"]=()=>(_PyInit_audioop=Module[\"_PyInit_audioop\"]=wasmExports[\"PyInit_audioop\"])();var _PyInit_math=Module[\"_PyInit_math\"]=()=>(_PyInit_math=Module[\"_PyInit_math\"]=wasmExports[\"PyInit_math\"])();var _PyInit_cmath=Module[\"_PyInit_cmath\"]=()=>(_PyInit_cmath=Module[\"_PyInit_cmath\"]=wasmExports[\"PyInit_cmath\"])();var _PyInit__statistics=Module[\"_PyInit__statistics\"]=()=>(_PyInit__statistics=Module[\"_PyInit__statistics\"]=wasmExports[\"PyInit__statistics\"])();var _PyInit__datetime=Module[\"_PyInit__datetime\"]=()=>(_PyInit__datetime=Module[\"_PyInit__datetime\"]=wasmExports[\"PyInit__datetime\"])();var _PyInit__decimal=Module[\"_PyInit__decimal\"]=()=>(_PyInit__decimal=Module[\"_PyInit__decimal\"]=wasmExports[\"PyInit__decimal\"])();var _PyInit_binascii=Module[\"_PyInit_binascii\"]=()=>(_PyInit_binascii=Module[\"_PyInit_binascii\"]=wasmExports[\"PyInit_binascii\"])();var _PyInit__md5=Module[\"_PyInit__md5\"]=()=>(_PyInit__md5=Module[\"_PyInit__md5\"]=wasmExports[\"PyInit__md5\"])();var _PyInit__sha1=Module[\"_PyInit__sha1\"]=()=>(_PyInit__sha1=Module[\"_PyInit__sha1\"]=wasmExports[\"PyInit__sha1\"])();var _PyInit__sha2=Module[\"_PyInit__sha2\"]=()=>(_PyInit__sha2=Module[\"_PyInit__sha2\"]=wasmExports[\"PyInit__sha2\"])();var _PyInit__sha3=Module[\"_PyInit__sha3\"]=()=>(_PyInit__sha3=Module[\"_PyInit__sha3\"]=wasmExports[\"PyInit__sha3\"])();var _PyInit__blake2=Module[\"_PyInit__blake2\"]=()=>(_PyInit__blake2=Module[\"_PyInit__blake2\"]=wasmExports[\"PyInit__blake2\"])();var _PyInit_pyexpat=Module[\"_PyInit_pyexpat\"]=()=>(_PyInit_pyexpat=Module[\"_PyInit_pyexpat\"]=wasmExports[\"PyInit_pyexpat\"])();var _PyInit__elementtree=Module[\"_PyInit__elementtree\"]=()=>(_PyInit__elementtree=Module[\"_PyInit__elementtree\"]=wasmExports[\"PyInit__elementtree\"])();var _PyInit__codecs_cn=Module[\"_PyInit__codecs_cn\"]=()=>(_PyInit__codecs_cn=Module[\"_PyInit__codecs_cn\"]=wasmExports[\"PyInit__codecs_cn\"])();var _PyInit__codecs_hk=Module[\"_PyInit__codecs_hk\"]=()=>(_PyInit__codecs_hk=Module[\"_PyInit__codecs_hk\"]=wasmExports[\"PyInit__codecs_hk\"])();var _PyInit__codecs_iso2022=Module[\"_PyInit__codecs_iso2022\"]=()=>(_PyInit__codecs_iso2022=Module[\"_PyInit__codecs_iso2022\"]=wasmExports[\"PyInit__codecs_iso2022\"])();var _PyInit__codecs_jp=Module[\"_PyInit__codecs_jp\"]=()=>(_PyInit__codecs_jp=Module[\"_PyInit__codecs_jp\"]=wasmExports[\"PyInit__codecs_jp\"])();var _PyInit__codecs_kr=Module[\"_PyInit__codecs_kr\"]=()=>(_PyInit__codecs_kr=Module[\"_PyInit__codecs_kr\"]=wasmExports[\"PyInit__codecs_kr\"])();var _PyInit__codecs_tw=Module[\"_PyInit__codecs_tw\"]=()=>(_PyInit__codecs_tw=Module[\"_PyInit__codecs_tw\"]=wasmExports[\"PyInit__codecs_tw\"])();var _PyInit__multibytecodec=Module[\"_PyInit__multibytecodec\"]=()=>(_PyInit__multibytecodec=Module[\"_PyInit__multibytecodec\"]=wasmExports[\"PyInit__multibytecodec\"])();var _PyInit_unicodedata=Module[\"_PyInit_unicodedata\"]=()=>(_PyInit_unicodedata=Module[\"_PyInit_unicodedata\"]=wasmExports[\"PyInit_unicodedata\"])();var _PyInit__crypt=Module[\"_PyInit__crypt\"]=()=>(_PyInit__crypt=Module[\"_PyInit__crypt\"]=wasmExports[\"PyInit__crypt\"])();var _PyInit_mmap=Module[\"_PyInit_mmap\"]=()=>(_PyInit_mmap=Module[\"_PyInit_mmap\"]=wasmExports[\"PyInit_mmap\"])();var _PyInit_select=Module[\"_PyInit_select\"]=()=>(_PyInit_select=Module[\"_PyInit_select\"]=wasmExports[\"PyInit_select\"])();var _PyInit__socket=Module[\"_PyInit__socket\"]=()=>(_PyInit__socket=Module[\"_PyInit__socket\"]=wasmExports[\"PyInit__socket\"])();var _PyInit_atexit=Module[\"_PyInit_atexit\"]=()=>(_PyInit_atexit=Module[\"_PyInit_atexit\"]=wasmExports[\"PyInit_atexit\"])();var _PyInit_faulthandler=Module[\"_PyInit_faulthandler\"]=()=>(_PyInit_faulthandler=Module[\"_PyInit_faulthandler\"]=wasmExports[\"PyInit_faulthandler\"])();var _PyInit_posix=Module[\"_PyInit_posix\"]=()=>(_PyInit_posix=Module[\"_PyInit_posix\"]=wasmExports[\"PyInit_posix\"])();var _PyInit__signal=Module[\"_PyInit__signal\"]=()=>(_PyInit__signal=Module[\"_PyInit__signal\"]=wasmExports[\"PyInit__signal\"])();var _PyInit__tracemalloc=Module[\"_PyInit__tracemalloc\"]=()=>(_PyInit__tracemalloc=Module[\"_PyInit__tracemalloc\"]=wasmExports[\"PyInit__tracemalloc\"])();var _PyInit__codecs=Module[\"_PyInit__codecs\"]=()=>(_PyInit__codecs=Module[\"_PyInit__codecs\"]=wasmExports[\"PyInit__codecs\"])();var _PyInit__collections=Module[\"_PyInit__collections\"]=()=>(_PyInit__collections=Module[\"_PyInit__collections\"]=wasmExports[\"PyInit__collections\"])();var _PyInit_errno=Module[\"_PyInit_errno\"]=()=>(_PyInit_errno=Module[\"_PyInit_errno\"]=wasmExports[\"PyInit_errno\"])();var _PyInit__io=Module[\"_PyInit__io\"]=()=>(_PyInit__io=Module[\"_PyInit__io\"]=wasmExports[\"PyInit__io\"])();var _PyInit_itertools=Module[\"_PyInit_itertools\"]=()=>(_PyInit_itertools=Module[\"_PyInit_itertools\"]=wasmExports[\"PyInit_itertools\"])();var _PyInit__sre=Module[\"_PyInit__sre\"]=()=>(_PyInit__sre=Module[\"_PyInit__sre\"]=wasmExports[\"PyInit__sre\"])();var _PyInit__thread=Module[\"_PyInit__thread\"]=()=>(_PyInit__thread=Module[\"_PyInit__thread\"]=wasmExports[\"PyInit__thread\"])();var _PyInit_time=Module[\"_PyInit_time\"]=()=>(_PyInit_time=Module[\"_PyInit_time\"]=wasmExports[\"PyInit_time\"])();var _PyInit__typing=Module[\"_PyInit__typing\"]=()=>(_PyInit__typing=Module[\"_PyInit__typing\"]=wasmExports[\"PyInit__typing\"])();var _PyInit__weakref=Module[\"_PyInit__weakref\"]=()=>(_PyInit__weakref=Module[\"_PyInit__weakref\"]=wasmExports[\"PyInit__weakref\"])();var _PyInit__abc=Module[\"_PyInit__abc\"]=()=>(_PyInit__abc=Module[\"_PyInit__abc\"]=wasmExports[\"PyInit__abc\"])();var _PyInit__functools=Module[\"_PyInit__functools\"]=()=>(_PyInit__functools=Module[\"_PyInit__functools\"]=wasmExports[\"PyInit__functools\"])();var _PyInit__locale=Module[\"_PyInit__locale\"]=()=>(_PyInit__locale=Module[\"_PyInit__locale\"]=wasmExports[\"PyInit__locale\"])();var _PyInit__operator=Module[\"_PyInit__operator\"]=()=>(_PyInit__operator=Module[\"_PyInit__operator\"]=wasmExports[\"PyInit__operator\"])();var _PyInit__stat=Module[\"_PyInit__stat\"]=()=>(_PyInit__stat=Module[\"_PyInit__stat\"]=wasmExports[\"PyInit__stat\"])();var _PyInit__symtable=Module[\"_PyInit__symtable\"]=()=>(_PyInit__symtable=Module[\"_PyInit__symtable\"]=wasmExports[\"PyInit__symtable\"])();var _PyInit_gc=Module[\"_PyInit_gc\"]=()=>(_PyInit_gc=Module[\"_PyInit_gc\"]=wasmExports[\"PyInit_gc\"])();var _Py_RunMain=Module[\"_Py_RunMain\"]=()=>(_Py_RunMain=Module[\"_Py_RunMain\"]=wasmExports[\"Py_RunMain\"])();var _perror=Module[\"_perror\"]=a0=>(_perror=Module[\"_perror\"]=wasmExports[\"perror\"])(a0);var _kill=Module[\"_kill\"]=(a0,a1)=>(_kill=Module[\"_kill\"]=wasmExports[\"kill\"])(a0,a1);var _Py_Main=Module[\"_Py_Main\"]=(a0,a1)=>(_Py_Main=Module[\"_Py_Main\"]=wasmExports[\"Py_Main\"])(a0,a1);var _Py_BytesMain=Module[\"_Py_BytesMain\"]=(a0,a1)=>(_Py_BytesMain=Module[\"_Py_BytesMain\"]=wasmExports[\"Py_BytesMain\"])(a0,a1);var _PyGC_Enable=Module[\"_PyGC_Enable\"]=()=>(_PyGC_Enable=Module[\"_PyGC_Enable\"]=wasmExports[\"PyGC_Enable\"])();var _PyGC_Disable=Module[\"_PyGC_Disable\"]=()=>(_PyGC_Disable=Module[\"_PyGC_Disable\"]=wasmExports[\"PyGC_Disable\"])();var _PyGC_IsEnabled=Module[\"_PyGC_IsEnabled\"]=()=>(_PyGC_IsEnabled=Module[\"_PyGC_IsEnabled\"]=wasmExports[\"PyGC_IsEnabled\"])();var _PyUnstable_Object_GC_NewWithExtraData=Module[\"_PyUnstable_Object_GC_NewWithExtraData\"]=(a0,a1)=>(_PyUnstable_Object_GC_NewWithExtraData=Module[\"_PyUnstable_Object_GC_NewWithExtraData\"]=wasmExports[\"PyUnstable_Object_GC_NewWithExtraData\"])(a0,a1);var _PyObject_GC_IsTracked=Module[\"_PyObject_GC_IsTracked\"]=a0=>(_PyObject_GC_IsTracked=Module[\"_PyObject_GC_IsTracked\"]=wasmExports[\"PyObject_GC_IsTracked\"])(a0);var _PyObject_GC_IsFinalized=Module[\"_PyObject_GC_IsFinalized\"]=a0=>(_PyObject_GC_IsFinalized=Module[\"_PyObject_GC_IsFinalized\"]=wasmExports[\"PyObject_GC_IsFinalized\"])(a0);var _PyUnstable_GC_VisitObjects=Module[\"_PyUnstable_GC_VisitObjects\"]=(a0,a1)=>(_PyUnstable_GC_VisitObjects=Module[\"_PyUnstable_GC_VisitObjects\"]=wasmExports[\"PyUnstable_GC_VisitObjects\"])(a0,a1);var _strcat=Module[\"_strcat\"]=(a0,a1)=>(_strcat=Module[\"_strcat\"]=wasmExports[\"strcat\"])(a0,a1);var _ffi_closure_alloc=Module[\"_ffi_closure_alloc\"]=(a0,a1)=>(_ffi_closure_alloc=Module[\"_ffi_closure_alloc\"]=wasmExports[\"ffi_closure_alloc\"])(a0,a1);var _ffi_prep_cif=Module[\"_ffi_prep_cif\"]=(a0,a1,a2,a3,a4)=>(_ffi_prep_cif=Module[\"_ffi_prep_cif\"]=wasmExports[\"ffi_prep_cif\"])(a0,a1,a2,a3,a4);var _ffi_prep_closure_loc=Module[\"_ffi_prep_closure_loc\"]=(a0,a1,a2,a3,a4)=>(_ffi_prep_closure_loc=Module[\"_ffi_prep_closure_loc\"]=wasmExports[\"ffi_prep_closure_loc\"])(a0,a1,a2,a3,a4);var _ffi_closure_free=Module[\"_ffi_closure_free\"]=a0=>(_ffi_closure_free=Module[\"_ffi_closure_free\"]=wasmExports[\"ffi_closure_free\"])(a0);var _ffi_prep_cif_var=Module[\"_ffi_prep_cif_var\"]=(a0,a1,a2,a3,a4,a5)=>(_ffi_prep_cif_var=Module[\"_ffi_prep_cif_var\"]=wasmExports[\"ffi_prep_cif_var\"])(a0,a1,a2,a3,a4,a5);var _ffi_call=Module[\"_ffi_call\"]=(a0,a1,a2,a3)=>(_ffi_call=Module[\"_ffi_call\"]=wasmExports[\"ffi_call\"])(a0,a1,a2,a3);var _dlclose=Module[\"_dlclose\"]=a0=>(_dlclose=Module[\"_dlclose\"]=wasmExports[\"dlclose\"])(a0);var ___extenddftf2=Module[\"___extenddftf2\"]=(a0,a1)=>(___extenddftf2=Module[\"___extenddftf2\"]=wasmExports[\"__extenddftf2\"])(a0,a1);var ___trunctfdf2=Module[\"___trunctfdf2\"]=(a0,a1)=>(___trunctfdf2=Module[\"___trunctfdf2\"]=wasmExports[\"__trunctfdf2\"])(a0,a1);var __Py_Gid_Converter=Module[\"__Py_Gid_Converter\"]=(a0,a1)=>(__Py_Gid_Converter=Module[\"__Py_Gid_Converter\"]=wasmExports[\"_Py_Gid_Converter\"])(a0,a1);var __Py_Uid_Converter=Module[\"__Py_Uid_Converter\"]=(a0,a1)=>(__Py_Uid_Converter=Module[\"__Py_Uid_Converter\"]=wasmExports[\"_Py_Uid_Converter\"])(a0,a1);var _PyOS_BeforeFork=Module[\"_PyOS_BeforeFork\"]=()=>(_PyOS_BeforeFork=Module[\"_PyOS_BeforeFork\"]=wasmExports[\"PyOS_BeforeFork\"])();var _PyOS_AfterFork_Parent=Module[\"_PyOS_AfterFork_Parent\"]=()=>(_PyOS_AfterFork_Parent=Module[\"_PyOS_AfterFork_Parent\"]=wasmExports[\"PyOS_AfterFork_Parent\"])();var _fork=Module[\"_fork\"]=()=>(_fork=Module[\"_fork\"]=wasmExports[\"fork\"])();var _PyOS_AfterFork_Child=Module[\"_PyOS_AfterFork_Child\"]=()=>(_PyOS_AfterFork_Child=Module[\"_PyOS_AfterFork_Child\"]=wasmExports[\"PyOS_AfterFork_Child\"])();var __exit=Module[\"__exit\"]=a0=>(__exit=Module[\"__exit\"]=wasmExports[\"_exit\"])(a0);var _dup=Module[\"_dup\"]=a0=>(_dup=Module[\"_dup\"]=wasmExports[\"dup\"])(a0);var _dup2=Module[\"_dup2\"]=(a0,a1)=>(_dup2=Module[\"_dup2\"]=wasmExports[\"dup2\"])(a0,a1);var _chdir=Module[\"_chdir\"]=a0=>(_chdir=Module[\"_chdir\"]=wasmExports[\"chdir\"])(a0);var _umask=Module[\"_umask\"]=a0=>(_umask=Module[\"_umask\"]=wasmExports[\"umask\"])(a0);var __Py_RestoreSignals=Module[\"__Py_RestoreSignals\"]=()=>(__Py_RestoreSignals=Module[\"__Py_RestoreSignals\"]=wasmExports[\"_Py_RestoreSignals\"])();var _setsid=Module[\"_setsid\"]=()=>(_setsid=Module[\"_setsid\"]=wasmExports[\"setsid\"])();var _setpgid=Module[\"_setpgid\"]=(a0,a1)=>(_setpgid=Module[\"_setpgid\"]=wasmExports[\"setpgid\"])(a0,a1);var _setregid=Module[\"_setregid\"]=(a0,a1)=>(_setregid=Module[\"_setregid\"]=wasmExports[\"setregid\"])(a0,a1);var _setreuid=Module[\"_setreuid\"]=(a0,a1)=>(_setreuid=Module[\"_setreuid\"]=wasmExports[\"setreuid\"])(a0,a1);var _execve=Module[\"_execve\"]=(a0,a1,a2)=>(_execve=Module[\"_execve\"]=wasmExports[\"execve\"])(a0,a1,a2);var _execv=Module[\"_execv\"]=(a0,a1)=>(_execv=Module[\"_execv\"]=wasmExports[\"execv\"])(a0,a1);var _opendir=Module[\"_opendir\"]=a0=>(_opendir=Module[\"_opendir\"]=wasmExports[\"opendir\"])(a0);var _sysconf=Module[\"_sysconf\"]=a0=>(_sysconf=Module[\"_sysconf\"]=wasmExports[\"sysconf\"])(a0);var _dirfd=Module[\"_dirfd\"]=a0=>(_dirfd=Module[\"_dirfd\"]=wasmExports[\"dirfd\"])(a0);var _readdir=Module[\"_readdir\"]=a0=>(_readdir=Module[\"_readdir\"]=wasmExports[\"readdir\"])(a0);var _closedir=Module[\"_closedir\"]=a0=>(_closedir=Module[\"_closedir\"]=wasmExports[\"closedir\"])(a0);var _BZ2_bzCompressEnd=Module[\"_BZ2_bzCompressEnd\"]=a0=>(_BZ2_bzCompressEnd=Module[\"_BZ2_bzCompressEnd\"]=wasmExports[\"BZ2_bzCompressEnd\"])(a0);var _BZ2_bzCompressInit=Module[\"_BZ2_bzCompressInit\"]=(a0,a1,a2,a3)=>(_BZ2_bzCompressInit=Module[\"_BZ2_bzCompressInit\"]=wasmExports[\"BZ2_bzCompressInit\"])(a0,a1,a2,a3);var _BZ2_bzCompress=Module[\"_BZ2_bzCompress\"]=(a0,a1)=>(_BZ2_bzCompress=Module[\"_BZ2_bzCompress\"]=wasmExports[\"BZ2_bzCompress\"])(a0,a1);var _BZ2_bzDecompressEnd=Module[\"_BZ2_bzDecompressEnd\"]=a0=>(_BZ2_bzDecompressEnd=Module[\"_BZ2_bzDecompressEnd\"]=wasmExports[\"BZ2_bzDecompressEnd\"])(a0);var _BZ2_bzDecompressInit=Module[\"_BZ2_bzDecompressInit\"]=(a0,a1,a2)=>(_BZ2_bzDecompressInit=Module[\"_BZ2_bzDecompressInit\"]=wasmExports[\"BZ2_bzDecompressInit\"])(a0,a1,a2);var _BZ2_bzDecompress=Module[\"_BZ2_bzDecompress\"]=a0=>(_BZ2_bzDecompress=Module[\"_BZ2_bzDecompress\"]=wasmExports[\"BZ2_bzDecompress\"])(a0);var _adler32=Module[\"_adler32\"]=(a0,a1,a2)=>(_adler32=Module[\"_adler32\"]=wasmExports[\"adler32\"])(a0,a1,a2);var _deflateInit2_=Module[\"_deflateInit2_\"]=(a0,a1,a2,a3,a4,a5,a6,a7)=>(_deflateInit2_=Module[\"_deflateInit2_\"]=wasmExports[\"deflateInit2_\"])(a0,a1,a2,a3,a4,a5,a6,a7);var _deflateEnd=Module[\"_deflateEnd\"]=a0=>(_deflateEnd=Module[\"_deflateEnd\"]=wasmExports[\"deflateEnd\"])(a0);var _deflate=Module[\"_deflate\"]=(a0,a1)=>(_deflate=Module[\"_deflate\"]=wasmExports[\"deflate\"])(a0,a1);var _deflateSetDictionary=Module[\"_deflateSetDictionary\"]=(a0,a1,a2)=>(_deflateSetDictionary=Module[\"_deflateSetDictionary\"]=wasmExports[\"deflateSetDictionary\"])(a0,a1,a2);var _crc32=Module[\"_crc32\"]=(a0,a1,a2)=>(_crc32=Module[\"_crc32\"]=wasmExports[\"crc32\"])(a0,a1,a2);var _inflateInit2_=Module[\"_inflateInit2_\"]=(a0,a1,a2,a3)=>(_inflateInit2_=Module[\"_inflateInit2_\"]=wasmExports[\"inflateInit2_\"])(a0,a1,a2,a3);var _inflateEnd=Module[\"_inflateEnd\"]=a0=>(_inflateEnd=Module[\"_inflateEnd\"]=wasmExports[\"inflateEnd\"])(a0);var _inflate=Module[\"_inflate\"]=(a0,a1)=>(_inflate=Module[\"_inflate\"]=wasmExports[\"inflate\"])(a0,a1);var _inflateSetDictionary=Module[\"_inflateSetDictionary\"]=(a0,a1,a2)=>(_inflateSetDictionary=Module[\"_inflateSetDictionary\"]=wasmExports[\"inflateSetDictionary\"])(a0,a1,a2);var _zlibVersion=Module[\"_zlibVersion\"]=()=>(_zlibVersion=Module[\"_zlibVersion\"]=wasmExports[\"zlibVersion\"])();var _deflateCopy=Module[\"_deflateCopy\"]=(a0,a1)=>(_deflateCopy=Module[\"_deflateCopy\"]=wasmExports[\"deflateCopy\"])(a0,a1);var _inflateCopy=Module[\"_inflateCopy\"]=(a0,a1)=>(_inflateCopy=Module[\"_inflateCopy\"]=wasmExports[\"inflateCopy\"])(a0,a1);var _acos=Module[\"_acos\"]=a0=>(_acos=Module[\"_acos\"]=wasmExports[\"acos\"])(a0);var _acosh=Module[\"_acosh\"]=a0=>(_acosh=Module[\"_acosh\"]=wasmExports[\"acosh\"])(a0);var _asin=Module[\"_asin\"]=a0=>(_asin=Module[\"_asin\"]=wasmExports[\"asin\"])(a0);var _asinh=Module[\"_asinh\"]=a0=>(_asinh=Module[\"_asinh\"]=wasmExports[\"asinh\"])(a0);var _atan=Module[\"_atan\"]=a0=>(_atan=Module[\"_atan\"]=wasmExports[\"atan\"])(a0);var _atanh=Module[\"_atanh\"]=a0=>(_atanh=Module[\"_atanh\"]=wasmExports[\"atanh\"])(a0);var _cbrt=Module[\"_cbrt\"]=a0=>(_cbrt=Module[\"_cbrt\"]=wasmExports[\"cbrt\"])(a0);var _copysign=Module[\"_copysign\"]=(a0,a1)=>(_copysign=Module[\"_copysign\"]=wasmExports[\"copysign\"])(a0,a1);var _cosh=Module[\"_cosh\"]=a0=>(_cosh=Module[\"_cosh\"]=wasmExports[\"cosh\"])(a0);var _erf=Module[\"_erf\"]=a0=>(_erf=Module[\"_erf\"]=wasmExports[\"erf\"])(a0);var _erfc=Module[\"_erfc\"]=a0=>(_erfc=Module[\"_erfc\"]=wasmExports[\"erfc\"])(a0);var _exp2=Module[\"_exp2\"]=a0=>(_exp2=Module[\"_exp2\"]=wasmExports[\"exp2\"])(a0);var _expm1=Module[\"_expm1\"]=a0=>(_expm1=Module[\"_expm1\"]=wasmExports[\"expm1\"])(a0);var _fabs=Module[\"_fabs\"]=a0=>(_fabs=Module[\"_fabs\"]=wasmExports[\"fabs\"])(a0);var _sinh=Module[\"_sinh\"]=a0=>(_sinh=Module[\"_sinh\"]=wasmExports[\"sinh\"])(a0);var _sqrt=Module[\"_sqrt\"]=a0=>(_sqrt=Module[\"_sqrt\"]=wasmExports[\"sqrt\"])(a0);var _tan=Module[\"_tan\"]=a0=>(_tan=Module[\"_tan\"]=wasmExports[\"tan\"])(a0);var _tanh=Module[\"_tanh\"]=a0=>(_tanh=Module[\"_tanh\"]=wasmExports[\"tanh\"])(a0);var _fma=Module[\"_fma\"]=(a0,a1,a2)=>(_fma=Module[\"_fma\"]=wasmExports[\"fma\"])(a0,a1,a2);var _nextafter=Module[\"_nextafter\"]=(a0,a1)=>(_nextafter=Module[\"_nextafter\"]=wasmExports[\"nextafter\"])(a0,a1);var _log1p=Module[\"_log1p\"]=a0=>(_log1p=Module[\"_log1p\"]=wasmExports[\"log1p\"])(a0);var _log10=Module[\"_log10\"]=a0=>(_log10=Module[\"_log10\"]=wasmExports[\"log10\"])(a0);var _log2=Module[\"_log2\"]=a0=>(_log2=Module[\"_log2\"]=wasmExports[\"log2\"])(a0);var _explicit_bzero=Module[\"_explicit_bzero\"]=(a0,a1)=>(_explicit_bzero=Module[\"_explicit_bzero\"]=wasmExports[\"explicit_bzero\"])(a0,a1);var _strncat=Module[\"_strncat\"]=(a0,a1,a2)=>(_strncat=Module[\"_strncat\"]=wasmExports[\"strncat\"])(a0,a1,a2);var _crypt_r=Module[\"_crypt_r\"]=(a0,a1,a2)=>(_crypt_r=Module[\"_crypt_r\"]=wasmExports[\"crypt_r\"])(a0,a1,a2);var _mmap=Module[\"_mmap\"]=(a0,a1,a2,a3,a4,a5)=>(_mmap=Module[\"_mmap\"]=wasmExports[\"mmap\"])(a0,a1,a2,a3,a4,a5);var _munmap=Module[\"_munmap\"]=(a0,a1)=>(_munmap=Module[\"_munmap\"]=wasmExports[\"munmap\"])(a0,a1);var _msync=Module[\"_msync\"]=(a0,a1,a2)=>(_msync=Module[\"_msync\"]=wasmExports[\"msync\"])(a0,a1,a2);var _madvise=Module[\"_madvise\"]=(a0,a1,a2)=>(_madvise=Module[\"_madvise\"]=wasmExports[\"madvise\"])(a0,a1,a2);var _ftruncate=Module[\"_ftruncate\"]=(a0,a1)=>(_ftruncate=Module[\"_ftruncate\"]=wasmExports[\"ftruncate\"])(a0,a1);var _mremap=Module[\"_mremap\"]=(a0,a1,a2,a3,a4)=>(_mremap=Module[\"_mremap\"]=wasmExports[\"mremap\"])(a0,a1,a2,a3,a4);var _poll=Module[\"_poll\"]=(a0,a1,a2)=>(_poll=Module[\"_poll\"]=wasmExports[\"poll\"])(a0,a1,a2);var _select=Module[\"_select\"]=(a0,a1,a2,a3,a4)=>(_select=Module[\"_select\"]=wasmExports[\"select\"])(a0,a1,a2,a3,a4);var _inet_ntop=Module[\"_inet_ntop\"]=(a0,a1,a2,a3)=>(_inet_ntop=Module[\"_inet_ntop\"]=wasmExports[\"inet_ntop\"])(a0,a1,a2,a3);var _gethostbyname=Module[\"_gethostbyname\"]=a0=>(_gethostbyname=Module[\"_gethostbyname\"]=wasmExports[\"gethostbyname\"])(a0);var _gethostbyaddr=Module[\"_gethostbyaddr\"]=(a0,a1,a2)=>(_gethostbyaddr=Module[\"_gethostbyaddr\"]=wasmExports[\"gethostbyaddr\"])(a0,a1,a2);var _gethostname=Module[\"_gethostname\"]=(a0,a1)=>(_gethostname=Module[\"_gethostname\"]=wasmExports[\"gethostname\"])(a0,a1);var _getservbyname=Module[\"_getservbyname\"]=(a0,a1)=>(_getservbyname=Module[\"_getservbyname\"]=wasmExports[\"getservbyname\"])(a0,a1);var _ntohs=a0=>(_ntohs=wasmExports[\"ntohs\"])(a0);var _htons=a0=>(_htons=wasmExports[\"htons\"])(a0);var _getservbyport=Module[\"_getservbyport\"]=(a0,a1)=>(_getservbyport=Module[\"_getservbyport\"]=wasmExports[\"getservbyport\"])(a0,a1);var _ntohl=Module[\"_ntohl\"]=a0=>(_ntohl=Module[\"_ntohl\"]=wasmExports[\"ntohl\"])(a0);var _htonl=a0=>(_htonl=wasmExports[\"htonl\"])(a0);var _inet_aton=Module[\"_inet_aton\"]=(a0,a1)=>(_inet_aton=Module[\"_inet_aton\"]=wasmExports[\"inet_aton\"])(a0,a1);var _inet_ntoa=Module[\"_inet_ntoa\"]=a0=>(_inet_ntoa=Module[\"_inet_ntoa\"]=wasmExports[\"inet_ntoa\"])(a0);var _inet_pton=Module[\"_inet_pton\"]=(a0,a1,a2)=>(_inet_pton=Module[\"_inet_pton\"]=wasmExports[\"inet_pton\"])(a0,a1,a2);var _gai_strerror=Module[\"_gai_strerror\"]=a0=>(_gai_strerror=Module[\"_gai_strerror\"]=wasmExports[\"gai_strerror\"])(a0);var _freeaddrinfo=Module[\"_freeaddrinfo\"]=a0=>(_freeaddrinfo=Module[\"_freeaddrinfo\"]=wasmExports[\"freeaddrinfo\"])(a0);var _if_nameindex=Module[\"_if_nameindex\"]=()=>(_if_nameindex=Module[\"_if_nameindex\"]=wasmExports[\"if_nameindex\"])();var _if_freenameindex=Module[\"_if_freenameindex\"]=a0=>(_if_freenameindex=Module[\"_if_freenameindex\"]=wasmExports[\"if_freenameindex\"])(a0);var _if_nametoindex=Module[\"_if_nametoindex\"]=a0=>(_if_nametoindex=Module[\"_if_nametoindex\"]=wasmExports[\"if_nametoindex\"])(a0);var _if_indextoname=Module[\"_if_indextoname\"]=(a0,a1)=>(_if_indextoname=Module[\"_if_indextoname\"]=wasmExports[\"if_indextoname\"])(a0,a1);var ___h_errno_location=Module[\"___h_errno_location\"]=()=>(___h_errno_location=Module[\"___h_errno_location\"]=wasmExports[\"__h_errno_location\"])();var _hstrerror=Module[\"_hstrerror\"]=a0=>(_hstrerror=Module[\"_hstrerror\"]=wasmExports[\"hstrerror\"])(a0);var _getsockname=Module[\"_getsockname\"]=(a0,a1,a2)=>(_getsockname=Module[\"_getsockname\"]=wasmExports[\"getsockname\"])(a0,a1,a2);var _socket=Module[\"_socket\"]=(a0,a1,a2)=>(_socket=Module[\"_socket\"]=wasmExports[\"socket\"])(a0,a1,a2);var _getsockopt=Module[\"_getsockopt\"]=(a0,a1,a2,a3,a4)=>(_getsockopt=Module[\"_getsockopt\"]=wasmExports[\"getsockopt\"])(a0,a1,a2,a3,a4);var _bind=Module[\"_bind\"]=(a0,a1,a2)=>(_bind=Module[\"_bind\"]=wasmExports[\"bind\"])(a0,a1,a2);var _getpeername=Module[\"_getpeername\"]=(a0,a1,a2)=>(_getpeername=Module[\"_getpeername\"]=wasmExports[\"getpeername\"])(a0,a1,a2);var _listen=Module[\"_listen\"]=(a0,a1)=>(_listen=Module[\"_listen\"]=wasmExports[\"listen\"])(a0,a1);var _setsockopt=Module[\"_setsockopt\"]=(a0,a1,a2,a3,a4)=>(_setsockopt=Module[\"_setsockopt\"]=wasmExports[\"setsockopt\"])(a0,a1,a2,a3,a4);var _accept4=Module[\"_accept4\"]=(a0,a1,a2,a3)=>(_accept4=Module[\"_accept4\"]=wasmExports[\"accept4\"])(a0,a1,a2,a3);var _accept=Module[\"_accept\"]=(a0,a1,a2)=>(_accept=Module[\"_accept\"]=wasmExports[\"accept\"])(a0,a1,a2);var _connect=Module[\"_connect\"]=(a0,a1,a2)=>(_connect=Module[\"_connect\"]=wasmExports[\"connect\"])(a0,a1,a2);var _recv=Module[\"_recv\"]=(a0,a1,a2,a3)=>(_recv=Module[\"_recv\"]=wasmExports[\"recv\"])(a0,a1,a2,a3);var _recvfrom=Module[\"_recvfrom\"]=(a0,a1,a2,a3,a4,a5)=>(_recvfrom=Module[\"_recvfrom\"]=wasmExports[\"recvfrom\"])(a0,a1,a2,a3,a4,a5);var _send=Module[\"_send\"]=(a0,a1,a2,a3)=>(_send=Module[\"_send\"]=wasmExports[\"send\"])(a0,a1,a2,a3);var _sendto=Module[\"_sendto\"]=(a0,a1,a2,a3,a4,a5)=>(_sendto=Module[\"_sendto\"]=wasmExports[\"sendto\"])(a0,a1,a2,a3,a4,a5);var _recvmsg=Module[\"_recvmsg\"]=(a0,a1,a2)=>(_recvmsg=Module[\"_recvmsg\"]=wasmExports[\"recvmsg\"])(a0,a1,a2);var _sendmsg=Module[\"_sendmsg\"]=(a0,a1,a2)=>(_sendmsg=Module[\"_sendmsg\"]=wasmExports[\"sendmsg\"])(a0,a1,a2);var __Py_AtExit=Module[\"__Py_AtExit\"]=(a0,a1,a2)=>(__Py_AtExit=Module[\"__Py_AtExit\"]=wasmExports[\"_Py_AtExit\"])(a0,a1,a2);var _getrlimit=Module[\"_getrlimit\"]=(a0,a1)=>(_getrlimit=Module[\"_getrlimit\"]=wasmExports[\"getrlimit\"])(a0,a1);var _setrlimit=Module[\"_setrlimit\"]=(a0,a1)=>(_setrlimit=Module[\"_setrlimit\"]=wasmExports[\"setrlimit\"])(a0,a1);var _raise=Module[\"_raise\"]=a0=>(_raise=Module[\"_raise\"]=wasmExports[\"raise\"])(a0);var _sigfillset=Module[\"_sigfillset\"]=a0=>(_sigfillset=Module[\"_sigfillset\"]=wasmExports[\"sigfillset\"])(a0);var _pthread_sigmask=Module[\"_pthread_sigmask\"]=(a0,a1,a2)=>(_pthread_sigmask=Module[\"_pthread_sigmask\"]=wasmExports[\"pthread_sigmask\"])(a0,a1,a2);var _PyOS_AfterFork=Module[\"_PyOS_AfterFork\"]=()=>(_PyOS_AfterFork=Module[\"_PyOS_AfterFork\"]=wasmExports[\"PyOS_AfterFork\"])();var __PyLong_FromUid=Module[\"__PyLong_FromUid\"]=a0=>(__PyLong_FromUid=Module[\"__PyLong_FromUid\"]=wasmExports[\"_PyLong_FromUid\"])(a0);var __PyLong_FromGid=Module[\"__PyLong_FromGid\"]=a0=>(__PyLong_FromGid=Module[\"__PyLong_FromGid\"]=wasmExports[\"_PyLong_FromGid\"])(a0);var __Py_Sigset_Converter=Module[\"__Py_Sigset_Converter\"]=(a0,a1)=>(__Py_Sigset_Converter=Module[\"__Py_Sigset_Converter\"]=wasmExports[\"_Py_Sigset_Converter\"])(a0,a1);var _sigemptyset=Module[\"_sigemptyset\"]=a0=>(_sigemptyset=Module[\"_sigemptyset\"]=wasmExports[\"sigemptyset\"])(a0);var _sigaddset=Module[\"_sigaddset\"]=(a0,a1)=>(_sigaddset=Module[\"_sigaddset\"]=wasmExports[\"sigaddset\"])(a0,a1);var _access=Module[\"_access\"]=(a0,a1)=>(_access=Module[\"_access\"]=wasmExports[\"access\"])(a0,a1);var _ttyname_r=Module[\"_ttyname_r\"]=(a0,a1,a2)=>(_ttyname_r=Module[\"_ttyname_r\"]=wasmExports[\"ttyname_r\"])(a0,a1,a2);var _fchdir=Module[\"_fchdir\"]=a0=>(_fchdir=Module[\"_fchdir\"]=wasmExports[\"fchdir\"])(a0);var _fchmod=Module[\"_fchmod\"]=(a0,a1)=>(_fchmod=Module[\"_fchmod\"]=wasmExports[\"fchmod\"])(a0,a1);var _fchmodat=Module[\"_fchmodat\"]=(a0,a1,a2,a3)=>(_fchmodat=Module[\"_fchmodat\"]=wasmExports[\"fchmodat\"])(a0,a1,a2,a3);var _chmod=Module[\"_chmod\"]=(a0,a1)=>(_chmod=Module[\"_chmod\"]=wasmExports[\"chmod\"])(a0,a1);var _fchown=Module[\"_fchown\"]=(a0,a1,a2)=>(_fchown=Module[\"_fchown\"]=wasmExports[\"fchown\"])(a0,a1,a2);var _fchownat=Module[\"_fchownat\"]=(a0,a1,a2,a3,a4)=>(_fchownat=Module[\"_fchownat\"]=wasmExports[\"fchownat\"])(a0,a1,a2,a3,a4);var _chown=Module[\"_chown\"]=(a0,a1,a2)=>(_chown=Module[\"_chown\"]=wasmExports[\"chown\"])(a0,a1,a2);var _chroot=Module[\"_chroot\"]=a0=>(_chroot=Module[\"_chroot\"]=wasmExports[\"chroot\"])(a0);var _ctermid=Module[\"_ctermid\"]=a0=>(_ctermid=Module[\"_ctermid\"]=wasmExports[\"ctermid\"])(a0);var _fdopendir=Module[\"_fdopendir\"]=a0=>(_fdopendir=Module[\"_fdopendir\"]=wasmExports[\"fdopendir\"])(a0);var _rewinddir=Module[\"_rewinddir\"]=a0=>(_rewinddir=Module[\"_rewinddir\"]=wasmExports[\"rewinddir\"])(a0);var _mkdirat=Module[\"_mkdirat\"]=(a0,a1,a2)=>(_mkdirat=Module[\"_mkdirat\"]=wasmExports[\"mkdirat\"])(a0,a1,a2);var _mkdir=Module[\"_mkdir\"]=(a0,a1)=>(_mkdir=Module[\"_mkdir\"]=wasmExports[\"mkdir\"])(a0,a1);var _getpriority=Module[\"_getpriority\"]=(a0,a1)=>(_getpriority=Module[\"_getpriority\"]=wasmExports[\"getpriority\"])(a0,a1);var _readlinkat=Module[\"_readlinkat\"]=(a0,a1,a2,a3)=>(_readlinkat=Module[\"_readlinkat\"]=wasmExports[\"readlinkat\"])(a0,a1,a2,a3);var _unlinkat=Module[\"_unlinkat\"]=(a0,a1,a2)=>(_unlinkat=Module[\"_unlinkat\"]=wasmExports[\"unlinkat\"])(a0,a1,a2);var _rmdir=Module[\"_rmdir\"]=a0=>(_rmdir=Module[\"_rmdir\"]=wasmExports[\"rmdir\"])(a0);var _symlink=Module[\"_symlink\"]=(a0,a1)=>(_symlink=Module[\"_symlink\"]=wasmExports[\"symlink\"])(a0,a1);var _system=Module[\"_system\"]=a0=>(_system=Module[\"_system\"]=wasmExports[\"system\"])(a0);var _uname=Module[\"_uname\"]=a0=>(_uname=Module[\"_uname\"]=wasmExports[\"uname\"])(a0);var _futimesat=Module[\"_futimesat\"]=(a0,a1,a2)=>(_futimesat=Module[\"_futimesat\"]=wasmExports[\"futimesat\"])(a0,a1,a2);var _futimens=Module[\"_futimens\"]=(a0,a1)=>(_futimens=Module[\"_futimens\"]=wasmExports[\"futimens\"])(a0,a1);var _times=Module[\"_times\"]=a0=>(_times=Module[\"_times\"]=wasmExports[\"times\"])(a0);var _fexecve=Module[\"_fexecve\"]=(a0,a1,a2)=>(_fexecve=Module[\"_fexecve\"]=wasmExports[\"fexecve\"])(a0,a1,a2);var _sched_yield=Module[\"_sched_yield\"]=()=>(_sched_yield=Module[\"_sched_yield\"]=wasmExports[\"sched_yield\"])();var _login_tty=Module[\"_login_tty\"]=a0=>(_login_tty=Module[\"_login_tty\"]=wasmExports[\"login_tty\"])(a0);var _getgid=Module[\"_getgid\"]=()=>(_getgid=Module[\"_getgid\"]=wasmExports[\"getgid\"])();var _getpgrp=Module[\"_getpgrp\"]=()=>(_getpgrp=Module[\"_getpgrp\"]=wasmExports[\"getpgrp\"])();var _getppid=Module[\"_getppid\"]=()=>(_getppid=Module[\"_getppid\"]=wasmExports[\"getppid\"])();var _getuid=Module[\"_getuid\"]=()=>(_getuid=Module[\"_getuid\"]=wasmExports[\"getuid\"])();var _getlogin=Module[\"_getlogin\"]=()=>(_getlogin=Module[\"_getlogin\"]=wasmExports[\"getlogin\"])();var _killpg=Module[\"_killpg\"]=(a0,a1)=>(_killpg=Module[\"_killpg\"]=wasmExports[\"killpg\"])(a0,a1);var _setuid=Module[\"_setuid\"]=a0=>(_setuid=Module[\"_setuid\"]=wasmExports[\"setuid\"])(a0);var _setgid=Module[\"_setgid\"]=a0=>(_setgid=Module[\"_setgid\"]=wasmExports[\"setgid\"])(a0);var _getpgid=Module[\"_getpgid\"]=a0=>(_getpgid=Module[\"_getpgid\"]=wasmExports[\"getpgid\"])(a0);var _setpgrp=Module[\"_setpgrp\"]=()=>(_setpgrp=Module[\"_setpgrp\"]=wasmExports[\"setpgrp\"])();var _wait=Module[\"_wait\"]=a0=>(_wait=Module[\"_wait\"]=wasmExports[\"wait\"])(a0);var _waitid=Module[\"_waitid\"]=(a0,a1,a2,a3)=>(_waitid=Module[\"_waitid\"]=wasmExports[\"waitid\"])(a0,a1,a2,a3);var _waitpid=Module[\"_waitpid\"]=(a0,a1,a2)=>(_waitpid=Module[\"_waitpid\"]=wasmExports[\"waitpid\"])(a0,a1,a2);var _getsid=Module[\"_getsid\"]=a0=>(_getsid=Module[\"_getsid\"]=wasmExports[\"getsid\"])(a0);var _tcgetpgrp=Module[\"_tcgetpgrp\"]=a0=>(_tcgetpgrp=Module[\"_tcgetpgrp\"]=wasmExports[\"tcgetpgrp\"])(a0);var _tcsetpgrp=Module[\"_tcsetpgrp\"]=(a0,a1)=>(_tcsetpgrp=Module[\"_tcsetpgrp\"]=wasmExports[\"tcsetpgrp\"])(a0,a1);var _openat=Module[\"_openat\"]=(a0,a1,a2,a3)=>(_openat=Module[\"_openat\"]=wasmExports[\"openat\"])(a0,a1,a2,a3);var _dup3=Module[\"_dup3\"]=(a0,a1,a2)=>(_dup3=Module[\"_dup3\"]=wasmExports[\"dup3\"])(a0,a1,a2);var _lockf=Module[\"_lockf\"]=(a0,a1,a2)=>(_lockf=Module[\"_lockf\"]=wasmExports[\"lockf\"])(a0,a1,a2);var _readv=Module[\"_readv\"]=(a0,a1,a2)=>(_readv=Module[\"_readv\"]=wasmExports[\"readv\"])(a0,a1,a2);var _pread=Module[\"_pread\"]=(a0,a1,a2,a3)=>(_pread=Module[\"_pread\"]=wasmExports[\"pread\"])(a0,a1,a2,a3);var _writev=Module[\"_writev\"]=(a0,a1,a2)=>(_writev=Module[\"_writev\"]=wasmExports[\"writev\"])(a0,a1,a2);var _pwrite=Module[\"_pwrite\"]=(a0,a1,a2,a3)=>(_pwrite=Module[\"_pwrite\"]=wasmExports[\"pwrite\"])(a0,a1,a2,a3);var _pipe=Module[\"_pipe\"]=a0=>(_pipe=Module[\"_pipe\"]=wasmExports[\"pipe\"])(a0);var _truncate=Module[\"_truncate\"]=(a0,a1)=>(_truncate=Module[\"_truncate\"]=wasmExports[\"truncate\"])(a0,a1);var _posix_fadvise=Module[\"_posix_fadvise\"]=(a0,a1,a2,a3)=>(_posix_fadvise=Module[\"_posix_fadvise\"]=wasmExports[\"posix_fadvise\"])(a0,a1,a2,a3);var _unsetenv=Module[\"_unsetenv\"]=a0=>(_unsetenv=Module[\"_unsetenv\"]=wasmExports[\"unsetenv\"])(a0);var _fsync=Module[\"_fsync\"]=a0=>(_fsync=Module[\"_fsync\"]=wasmExports[\"fsync\"])(a0);var _sync=Module[\"_sync\"]=()=>(_sync=Module[\"_sync\"]=wasmExports[\"sync\"])();var _fdatasync=Module[\"_fdatasync\"]=a0=>(_fdatasync=Module[\"_fdatasync\"]=wasmExports[\"fdatasync\"])(a0);var _fstatvfs=Module[\"_fstatvfs\"]=(a0,a1)=>(_fstatvfs=Module[\"_fstatvfs\"]=wasmExports[\"fstatvfs\"])(a0,a1);var _statvfs=Module[\"_statvfs\"]=(a0,a1)=>(_statvfs=Module[\"_statvfs\"]=wasmExports[\"statvfs\"])(a0,a1);var _fpathconf=Module[\"_fpathconf\"]=(a0,a1)=>(_fpathconf=Module[\"_fpathconf\"]=wasmExports[\"fpathconf\"])(a0,a1);var _pathconf=Module[\"_pathconf\"]=(a0,a1)=>(_pathconf=Module[\"_pathconf\"]=wasmExports[\"pathconf\"])(a0,a1);var _getloadavg=Module[\"_getloadavg\"]=(a0,a1)=>(_getloadavg=Module[\"_getloadavg\"]=wasmExports[\"getloadavg\"])(a0,a1);var _lstat=Module[\"_lstat\"]=(a0,a1)=>(_lstat=Module[\"_lstat\"]=wasmExports[\"lstat\"])(a0,a1);var _fstatat=Module[\"_fstatat\"]=(a0,a1,a2,a3)=>(_fstatat=Module[\"_fstatat\"]=wasmExports[\"fstatat\"])(a0,a1,a2,a3);var _renameat=Module[\"_renameat\"]=(a0,a1,a2,a3)=>(_renameat=Module[\"_renameat\"]=wasmExports[\"renameat\"])(a0,a1,a2,a3);var _rename=Module[\"_rename\"]=(a0,a1)=>(_rename=Module[\"_rename\"]=wasmExports[\"rename\"])(a0,a1);var _unlink=Module[\"_unlink\"]=a0=>(_unlink=Module[\"_unlink\"]=wasmExports[\"unlink\"])(a0);var _utimes=Module[\"_utimes\"]=(a0,a1)=>(_utimes=Module[\"_utimes\"]=wasmExports[\"utimes\"])(a0,a1);var _qsort=Module[\"_qsort\"]=(a0,a1,a2,a3)=>(_qsort=Module[\"_qsort\"]=wasmExports[\"qsort\"])(a0,a1,a2,a3);var __PyErr_CheckSignals=Module[\"__PyErr_CheckSignals\"]=()=>(__PyErr_CheckSignals=Module[\"__PyErr_CheckSignals\"]=wasmExports[\"_PyErr_CheckSignals\"])();var _PyErr_SetInterrupt=Module[\"_PyErr_SetInterrupt\"]=()=>(_PyErr_SetInterrupt=Module[\"_PyErr_SetInterrupt\"]=wasmExports[\"PyErr_SetInterrupt\"])();var _PyOS_InterruptOccurred=Module[\"_PyOS_InterruptOccurred\"]=()=>(_PyOS_InterruptOccurred=Module[\"_PyOS_InterruptOccurred\"]=wasmExports[\"PyOS_InterruptOccurred\"])();var __PyOS_IsMainThread=Module[\"__PyOS_IsMainThread\"]=()=>(__PyOS_IsMainThread=Module[\"__PyOS_IsMainThread\"]=wasmExports[\"_PyOS_IsMainThread\"])();var _getitimer=Module[\"_getitimer\"]=(a0,a1)=>(_getitimer=Module[\"_getitimer\"]=wasmExports[\"getitimer\"])(a0,a1);var _strsignal=Module[\"_strsignal\"]=a0=>(_strsignal=Module[\"_strsignal\"]=wasmExports[\"strsignal\"])(a0);var _strstr=Module[\"_strstr\"]=(a0,a1)=>(_strstr=Module[\"_strstr\"]=wasmExports[\"strstr\"])(a0,a1);var _pause=Module[\"_pause\"]=()=>(_pause=Module[\"_pause\"]=wasmExports[\"pause\"])();var _sigpending=Module[\"_sigpending\"]=a0=>(_sigpending=Module[\"_sigpending\"]=wasmExports[\"sigpending\"])(a0);var _sigwait=Module[\"_sigwait\"]=(a0,a1)=>(_sigwait=Module[\"_sigwait\"]=wasmExports[\"sigwait\"])(a0,a1);var _sigwaitinfo=Module[\"_sigwaitinfo\"]=(a0,a1)=>(_sigwaitinfo=Module[\"_sigwaitinfo\"]=wasmExports[\"sigwaitinfo\"])(a0,a1);var _sigtimedwait=Module[\"_sigtimedwait\"]=(a0,a1,a2)=>(_sigtimedwait=Module[\"_sigtimedwait\"]=wasmExports[\"sigtimedwait\"])(a0,a1,a2);var _sigismember=Module[\"_sigismember\"]=(a0,a1)=>(_sigismember=Module[\"_sigismember\"]=wasmExports[\"sigismember\"])(a0,a1);var ___libc_current_sigrtmin=Module[\"___libc_current_sigrtmin\"]=()=>(___libc_current_sigrtmin=Module[\"___libc_current_sigrtmin\"]=wasmExports[\"__libc_current_sigrtmin\"])();var ___libc_current_sigrtmax=Module[\"___libc_current_sigrtmax\"]=()=>(___libc_current_sigrtmax=Module[\"___libc_current_sigrtmax\"]=wasmExports[\"__libc_current_sigrtmax\"])();var _isalnum=Module[\"_isalnum\"]=a0=>(_isalnum=Module[\"_isalnum\"]=wasmExports[\"isalnum\"])(a0);var _toupper=Module[\"_toupper\"]=a0=>(_toupper=Module[\"_toupper\"]=wasmExports[\"toupper\"])(a0);var _clock_settime=Module[\"_clock_settime\"]=(a0,a1)=>(_clock_settime=Module[\"_clock_settime\"]=wasmExports[\"clock_settime\"])(a0,a1);var _pthread_getcpuclockid=Module[\"_pthread_getcpuclockid\"]=(a0,a1)=>(_pthread_getcpuclockid=Module[\"_pthread_getcpuclockid\"]=wasmExports[\"pthread_getcpuclockid\"])(a0,a1);var _clock_nanosleep=Module[\"_clock_nanosleep\"]=(a0,a1,a2,a3)=>(_clock_nanosleep=Module[\"_clock_nanosleep\"]=wasmExports[\"clock_nanosleep\"])(a0,a1,a2,a3);var _time=Module[\"_time\"]=a0=>(_time=Module[\"_time\"]=wasmExports[\"time\"])(a0);var _mktime=Module[\"_mktime\"]=a0=>(_mktime=Module[\"_mktime\"]=wasmExports[\"mktime\"])(a0);var _clock=Module[\"_clock\"]=()=>(_clock=Module[\"_clock\"]=wasmExports[\"clock\"])();var _wcscoll=Module[\"_wcscoll\"]=(a0,a1)=>(_wcscoll=Module[\"_wcscoll\"]=wasmExports[\"wcscoll\"])(a0,a1);var _wcsxfrm=Module[\"_wcsxfrm\"]=(a0,a1,a2)=>(_wcsxfrm=Module[\"_wcsxfrm\"]=wasmExports[\"wcsxfrm\"])(a0,a1,a2);var _gettext=Module[\"_gettext\"]=a0=>(_gettext=Module[\"_gettext\"]=wasmExports[\"gettext\"])(a0);var _dgettext=Module[\"_dgettext\"]=(a0,a1)=>(_dgettext=Module[\"_dgettext\"]=wasmExports[\"dgettext\"])(a0,a1);var _dcgettext=Module[\"_dcgettext\"]=(a0,a1,a2)=>(_dcgettext=Module[\"_dcgettext\"]=wasmExports[\"dcgettext\"])(a0,a1,a2);var _textdomain=Module[\"_textdomain\"]=a0=>(_textdomain=Module[\"_textdomain\"]=wasmExports[\"textdomain\"])(a0);var _bindtextdomain=Module[\"_bindtextdomain\"]=(a0,a1)=>(_bindtextdomain=Module[\"_bindtextdomain\"]=wasmExports[\"bindtextdomain\"])(a0,a1);var _bind_textdomain_codeset=Module[\"_bind_textdomain_codeset\"]=(a0,a1)=>(_bind_textdomain_codeset=Module[\"_bind_textdomain_codeset\"]=wasmExports[\"bind_textdomain_codeset\"])(a0,a1);var _gettimeofday=Module[\"_gettimeofday\"]=(a0,a1)=>(_gettimeofday=Module[\"_gettimeofday\"]=wasmExports[\"gettimeofday\"])(a0,a1);var ___small_fprintf=Module[\"___small_fprintf\"]=(a0,a1,a2)=>(___small_fprintf=Module[\"___small_fprintf\"]=wasmExports[\"__small_fprintf\"])(a0,a1,a2);var __Py_Get_Getpath_CodeObject=Module[\"__Py_Get_Getpath_CodeObject\"]=()=>(__Py_Get_Getpath_CodeObject=Module[\"__Py_Get_Getpath_CodeObject\"]=wasmExports[\"_Py_Get_Getpath_CodeObject\"])();var _ffi_prep_closure=Module[\"_ffi_prep_closure\"]=(a0,a1,a2,a3)=>(_ffi_prep_closure=Module[\"_ffi_prep_closure\"]=wasmExports[\"ffi_prep_closure\"])(a0,a1,a2,a3);var _ffi_get_struct_offsets=Module[\"_ffi_get_struct_offsets\"]=(a0,a1,a2)=>(_ffi_get_struct_offsets=Module[\"_ffi_get_struct_offsets\"]=wasmExports[\"ffi_get_struct_offsets\"])(a0,a1,a2);var _ffi_java_raw_size=Module[\"_ffi_java_raw_size\"]=a0=>(_ffi_java_raw_size=Module[\"_ffi_java_raw_size\"]=wasmExports[\"ffi_java_raw_size\"])(a0);var _ffi_java_raw_to_ptrarray=Module[\"_ffi_java_raw_to_ptrarray\"]=(a0,a1,a2)=>(_ffi_java_raw_to_ptrarray=Module[\"_ffi_java_raw_to_ptrarray\"]=wasmExports[\"ffi_java_raw_to_ptrarray\"])(a0,a1,a2);var _ffi_java_ptrarray_to_raw=Module[\"_ffi_java_ptrarray_to_raw\"]=(a0,a1,a2)=>(_ffi_java_ptrarray_to_raw=Module[\"_ffi_java_ptrarray_to_raw\"]=wasmExports[\"ffi_java_ptrarray_to_raw\"])(a0,a1,a2);var _ffi_java_raw_call=Module[\"_ffi_java_raw_call\"]=(a0,a1,a2,a3)=>(_ffi_java_raw_call=Module[\"_ffi_java_raw_call\"]=wasmExports[\"ffi_java_raw_call\"])(a0,a1,a2,a3);var _ffi_prep_java_raw_closure_loc=Module[\"_ffi_prep_java_raw_closure_loc\"]=(a0,a1,a2,a3,a4)=>(_ffi_prep_java_raw_closure_loc=Module[\"_ffi_prep_java_raw_closure_loc\"]=wasmExports[\"ffi_prep_java_raw_closure_loc\"])(a0,a1,a2,a3,a4);var _ffi_prep_java_raw_closure=Module[\"_ffi_prep_java_raw_closure\"]=(a0,a1,a2,a3)=>(_ffi_prep_java_raw_closure=Module[\"_ffi_prep_java_raw_closure\"]=wasmExports[\"ffi_prep_java_raw_closure\"])(a0,a1,a2,a3);var _ffi_tramp_is_supported=Module[\"_ffi_tramp_is_supported\"]=()=>(_ffi_tramp_is_supported=Module[\"_ffi_tramp_is_supported\"]=wasmExports[\"ffi_tramp_is_supported\"])();var _ffi_tramp_alloc=Module[\"_ffi_tramp_alloc\"]=a0=>(_ffi_tramp_alloc=Module[\"_ffi_tramp_alloc\"]=wasmExports[\"ffi_tramp_alloc\"])(a0);var _ffi_tramp_set_parms=Module[\"_ffi_tramp_set_parms\"]=(a0,a1,a2)=>(_ffi_tramp_set_parms=Module[\"_ffi_tramp_set_parms\"]=wasmExports[\"ffi_tramp_set_parms\"])(a0,a1,a2);var _ffi_tramp_get_addr=Module[\"_ffi_tramp_get_addr\"]=a0=>(_ffi_tramp_get_addr=Module[\"_ffi_tramp_get_addr\"]=wasmExports[\"ffi_tramp_get_addr\"])(a0);var _ffi_tramp_free=Module[\"_ffi_tramp_free\"]=a0=>(_ffi_tramp_free=Module[\"_ffi_tramp_free\"]=wasmExports[\"ffi_tramp_free\"])(a0);var __hiwire_immortal_get=Module[\"__hiwire_immortal_get\"]=a0=>(__hiwire_immortal_get=Module[\"__hiwire_immortal_get\"]=wasmExports[\"_hiwire_immortal_get\"])(a0);var __hiwire_get=Module[\"__hiwire_get\"]=a0=>(__hiwire_get=Module[\"__hiwire_get\"]=wasmExports[\"_hiwire_get\"])(a0);var __hiwire_immortal_add=Module[\"__hiwire_immortal_add\"]=a0=>(__hiwire_immortal_add=Module[\"__hiwire_immortal_add\"]=wasmExports[\"_hiwire_immortal_add\"])(a0);var __hiwire_table_init=Module[\"__hiwire_table_init\"]=()=>(__hiwire_table_init=Module[\"__hiwire_table_init\"]=wasmExports[\"_hiwire_table_init\"])();var __hiwire_set=Module[\"__hiwire_set\"]=(a0,a1)=>(__hiwire_set=Module[\"__hiwire_set\"]=wasmExports[\"_hiwire_set\"])(a0,a1);var _hiwire_num_refs=Module[\"_hiwire_num_refs\"]=()=>(_hiwire_num_refs=Module[\"_hiwire_num_refs\"]=wasmExports[\"hiwire_num_refs\"])();var __hiwire_slot_info=Module[\"__hiwire_slot_info\"]=a0=>(__hiwire_slot_info=Module[\"__hiwire_slot_info\"]=wasmExports[\"_hiwire_slot_info\"])(a0);var __hiwire_delete=Module[\"__hiwire_delete\"]=a0=>(__hiwire_delete=Module[\"__hiwire_delete\"]=wasmExports[\"_hiwire_delete\"])(a0);var __hiwire_immortal_table_init=Module[\"__hiwire_immortal_table_init\"]=()=>(__hiwire_immortal_table_init=Module[\"__hiwire_immortal_table_init\"]=wasmExports[\"_hiwire_immortal_table_init\"])();var _emscripten_GetProcAddress=Module[\"_emscripten_GetProcAddress\"]=a0=>(_emscripten_GetProcAddress=Module[\"_emscripten_GetProcAddress\"]=wasmExports[\"emscripten_GetProcAddress\"])(a0);var _emscripten_webgl1_get_proc_address=Module[\"_emscripten_webgl1_get_proc_address\"]=a0=>(_emscripten_webgl1_get_proc_address=Module[\"_emscripten_webgl1_get_proc_address\"]=wasmExports[\"emscripten_webgl1_get_proc_address\"])(a0);var __webgl1_match_ext_proc_address_without_suffix=Module[\"__webgl1_match_ext_proc_address_without_suffix\"]=a0=>(__webgl1_match_ext_proc_address_without_suffix=Module[\"__webgl1_match_ext_proc_address_without_suffix\"]=wasmExports[\"_webgl1_match_ext_proc_address_without_suffix\"])(a0);var _emscripten_webgl_get_proc_address=Module[\"_emscripten_webgl_get_proc_address\"]=a0=>(_emscripten_webgl_get_proc_address=Module[\"_emscripten_webgl_get_proc_address\"]=wasmExports[\"emscripten_webgl_get_proc_address\"])(a0);var _SDL_GL_GetProcAddress=Module[\"_SDL_GL_GetProcAddress\"]=a0=>(_SDL_GL_GetProcAddress=Module[\"_SDL_GL_GetProcAddress\"]=wasmExports[\"SDL_GL_GetProcAddress\"])(a0);var _eglGetProcAddress=Module[\"_eglGetProcAddress\"]=a0=>(_eglGetProcAddress=Module[\"_eglGetProcAddress\"]=wasmExports[\"eglGetProcAddress\"])(a0);var _glfwGetProcAddress=Module[\"_glfwGetProcAddress\"]=a0=>(_glfwGetProcAddress=Module[\"_glfwGetProcAddress\"]=wasmExports[\"glfwGetProcAddress\"])(a0);var _emscripten_webgl_init_context_attributes=Module[\"_emscripten_webgl_init_context_attributes\"]=a0=>(_emscripten_webgl_init_context_attributes=Module[\"_emscripten_webgl_init_context_attributes\"]=wasmExports[\"emscripten_webgl_init_context_attributes\"])(a0);var _emscripten_is_main_runtime_thread=Module[\"_emscripten_is_main_runtime_thread\"]=()=>(_emscripten_is_main_runtime_thread=Module[\"_emscripten_is_main_runtime_thread\"]=wasmExports[\"emscripten_is_main_runtime_thread\"])();var _adler32_z=Module[\"_adler32_z\"]=(a0,a1,a2)=>(_adler32_z=Module[\"_adler32_z\"]=wasmExports[\"adler32_z\"])(a0,a1,a2);var _adler32_combine=Module[\"_adler32_combine\"]=(a0,a1,a2)=>(_adler32_combine=Module[\"_adler32_combine\"]=wasmExports[\"adler32_combine\"])(a0,a1,a2);var _adler32_combine64=Module[\"_adler32_combine64\"]=(a0,a1,a2)=>(_adler32_combine64=Module[\"_adler32_combine64\"]=wasmExports[\"adler32_combine64\"])(a0,a1,a2);var _compress2=Module[\"_compress2\"]=(a0,a1,a2,a3,a4)=>(_compress2=Module[\"_compress2\"]=wasmExports[\"compress2\"])(a0,a1,a2,a3,a4);var _deflateInit_=Module[\"_deflateInit_\"]=(a0,a1,a2,a3)=>(_deflateInit_=Module[\"_deflateInit_\"]=wasmExports[\"deflateInit_\"])(a0,a1,a2,a3);var _compress=Module[\"_compress\"]=(a0,a1,a2,a3)=>(_compress=Module[\"_compress\"]=wasmExports[\"compress\"])(a0,a1,a2,a3);var _compressBound=Module[\"_compressBound\"]=a0=>(_compressBound=Module[\"_compressBound\"]=wasmExports[\"compressBound\"])(a0);var _get_crc_table=Module[\"_get_crc_table\"]=()=>(_get_crc_table=Module[\"_get_crc_table\"]=wasmExports[\"get_crc_table\"])();var _crc32_z=Module[\"_crc32_z\"]=(a0,a1,a2)=>(_crc32_z=Module[\"_crc32_z\"]=wasmExports[\"crc32_z\"])(a0,a1,a2);var _crc32_combine64=Module[\"_crc32_combine64\"]=(a0,a1,a2)=>(_crc32_combine64=Module[\"_crc32_combine64\"]=wasmExports[\"crc32_combine64\"])(a0,a1,a2);var _crc32_combine=Module[\"_crc32_combine\"]=(a0,a1,a2)=>(_crc32_combine=Module[\"_crc32_combine\"]=wasmExports[\"crc32_combine\"])(a0,a1,a2);var _crc32_combine_gen64=Module[\"_crc32_combine_gen64\"]=a0=>(_crc32_combine_gen64=Module[\"_crc32_combine_gen64\"]=wasmExports[\"crc32_combine_gen64\"])(a0);var _crc32_combine_gen=Module[\"_crc32_combine_gen\"]=a0=>(_crc32_combine_gen=Module[\"_crc32_combine_gen\"]=wasmExports[\"crc32_combine_gen\"])(a0);var _crc32_combine_op=Module[\"_crc32_combine_op\"]=(a0,a1,a2)=>(_crc32_combine_op=Module[\"_crc32_combine_op\"]=wasmExports[\"crc32_combine_op\"])(a0,a1,a2);var _zcalloc=Module[\"_zcalloc\"]=(a0,a1,a2)=>(_zcalloc=Module[\"_zcalloc\"]=wasmExports[\"zcalloc\"])(a0,a1,a2);var _zcfree=Module[\"_zcfree\"]=(a0,a1)=>(_zcfree=Module[\"_zcfree\"]=wasmExports[\"zcfree\"])(a0,a1);var _deflateReset=Module[\"_deflateReset\"]=a0=>(_deflateReset=Module[\"_deflateReset\"]=wasmExports[\"deflateReset\"])(a0);var _deflateResetKeep=Module[\"_deflateResetKeep\"]=a0=>(_deflateResetKeep=Module[\"_deflateResetKeep\"]=wasmExports[\"deflateResetKeep\"])(a0);var _deflateGetDictionary=Module[\"_deflateGetDictionary\"]=(a0,a1,a2)=>(_deflateGetDictionary=Module[\"_deflateGetDictionary\"]=wasmExports[\"deflateGetDictionary\"])(a0,a1,a2);var __tr_init=Module[\"__tr_init\"]=a0=>(__tr_init=Module[\"__tr_init\"]=wasmExports[\"_tr_init\"])(a0);var _deflateSetHeader=Module[\"_deflateSetHeader\"]=(a0,a1)=>(_deflateSetHeader=Module[\"_deflateSetHeader\"]=wasmExports[\"deflateSetHeader\"])(a0,a1);var _deflatePending=Module[\"_deflatePending\"]=(a0,a1,a2)=>(_deflatePending=Module[\"_deflatePending\"]=wasmExports[\"deflatePending\"])(a0,a1,a2);var _deflatePrime=Module[\"_deflatePrime\"]=(a0,a1,a2)=>(_deflatePrime=Module[\"_deflatePrime\"]=wasmExports[\"deflatePrime\"])(a0,a1,a2);var __tr_flush_bits=Module[\"__tr_flush_bits\"]=a0=>(__tr_flush_bits=Module[\"__tr_flush_bits\"]=wasmExports[\"_tr_flush_bits\"])(a0);var _deflateParams=Module[\"_deflateParams\"]=(a0,a1,a2)=>(_deflateParams=Module[\"_deflateParams\"]=wasmExports[\"deflateParams\"])(a0,a1,a2);var __tr_align=Module[\"__tr_align\"]=a0=>(__tr_align=Module[\"__tr_align\"]=wasmExports[\"_tr_align\"])(a0);var __tr_stored_block=Module[\"__tr_stored_block\"]=(a0,a1,a2,a3)=>(__tr_stored_block=Module[\"__tr_stored_block\"]=wasmExports[\"_tr_stored_block\"])(a0,a1,a2,a3);var _deflateTune=Module[\"_deflateTune\"]=(a0,a1,a2,a3,a4)=>(_deflateTune=Module[\"_deflateTune\"]=wasmExports[\"deflateTune\"])(a0,a1,a2,a3,a4);var _deflateBound=Module[\"_deflateBound\"]=(a0,a1)=>(_deflateBound=Module[\"_deflateBound\"]=wasmExports[\"deflateBound\"])(a0,a1);var __tr_flush_block=Module[\"__tr_flush_block\"]=(a0,a1,a2,a3)=>(__tr_flush_block=Module[\"__tr_flush_block\"]=wasmExports[\"_tr_flush_block\"])(a0,a1,a2,a3);var _gzclose=Module[\"_gzclose\"]=a0=>(_gzclose=Module[\"_gzclose\"]=wasmExports[\"gzclose\"])(a0);var _gzclose_r=Module[\"_gzclose_r\"]=a0=>(_gzclose_r=Module[\"_gzclose_r\"]=wasmExports[\"gzclose_r\"])(a0);var _gzclose_w=Module[\"_gzclose_w\"]=a0=>(_gzclose_w=Module[\"_gzclose_w\"]=wasmExports[\"gzclose_w\"])(a0);var _gzopen=Module[\"_gzopen\"]=(a0,a1)=>(_gzopen=Module[\"_gzopen\"]=wasmExports[\"gzopen\"])(a0,a1);var _gzopen64=Module[\"_gzopen64\"]=(a0,a1)=>(_gzopen64=Module[\"_gzopen64\"]=wasmExports[\"gzopen64\"])(a0,a1);var _gzdopen=Module[\"_gzdopen\"]=(a0,a1)=>(_gzdopen=Module[\"_gzdopen\"]=wasmExports[\"gzdopen\"])(a0,a1);var _gzbuffer=Module[\"_gzbuffer\"]=(a0,a1)=>(_gzbuffer=Module[\"_gzbuffer\"]=wasmExports[\"gzbuffer\"])(a0,a1);var _gzrewind=Module[\"_gzrewind\"]=a0=>(_gzrewind=Module[\"_gzrewind\"]=wasmExports[\"gzrewind\"])(a0);var _gzseek64=Module[\"_gzseek64\"]=(a0,a1,a2)=>(_gzseek64=Module[\"_gzseek64\"]=wasmExports[\"gzseek64\"])(a0,a1,a2);var _gz_error=Module[\"_gz_error\"]=(a0,a1,a2)=>(_gz_error=Module[\"_gz_error\"]=wasmExports[\"gz_error\"])(a0,a1,a2);var _gzseek=Module[\"_gzseek\"]=(a0,a1,a2)=>(_gzseek=Module[\"_gzseek\"]=wasmExports[\"gzseek\"])(a0,a1,a2);var _gztell64=Module[\"_gztell64\"]=a0=>(_gztell64=Module[\"_gztell64\"]=wasmExports[\"gztell64\"])(a0);var _gztell=Module[\"_gztell\"]=a0=>(_gztell=Module[\"_gztell\"]=wasmExports[\"gztell\"])(a0);var _gzoffset64=Module[\"_gzoffset64\"]=a0=>(_gzoffset64=Module[\"_gzoffset64\"]=wasmExports[\"gzoffset64\"])(a0);var _gzoffset=Module[\"_gzoffset\"]=a0=>(_gzoffset=Module[\"_gzoffset\"]=wasmExports[\"gzoffset\"])(a0);var _gzeof=Module[\"_gzeof\"]=a0=>(_gzeof=Module[\"_gzeof\"]=wasmExports[\"gzeof\"])(a0);var _gzerror=Module[\"_gzerror\"]=(a0,a1)=>(_gzerror=Module[\"_gzerror\"]=wasmExports[\"gzerror\"])(a0,a1);var _gzclearerr=Module[\"_gzclearerr\"]=a0=>(_gzclearerr=Module[\"_gzclearerr\"]=wasmExports[\"gzclearerr\"])(a0);var _gzread=Module[\"_gzread\"]=(a0,a1,a2)=>(_gzread=Module[\"_gzread\"]=wasmExports[\"gzread\"])(a0,a1,a2);var _gzfread=Module[\"_gzfread\"]=(a0,a1,a2,a3)=>(_gzfread=Module[\"_gzfread\"]=wasmExports[\"gzfread\"])(a0,a1,a2,a3);var _gzgetc=Module[\"_gzgetc\"]=a0=>(_gzgetc=Module[\"_gzgetc\"]=wasmExports[\"gzgetc\"])(a0);var _gzgetc_=Module[\"_gzgetc_\"]=a0=>(_gzgetc_=Module[\"_gzgetc_\"]=wasmExports[\"gzgetc_\"])(a0);var _gzungetc=Module[\"_gzungetc\"]=(a0,a1)=>(_gzungetc=Module[\"_gzungetc\"]=wasmExports[\"gzungetc\"])(a0,a1);var _gzgets=Module[\"_gzgets\"]=(a0,a1,a2)=>(_gzgets=Module[\"_gzgets\"]=wasmExports[\"gzgets\"])(a0,a1,a2);var _gzdirect=Module[\"_gzdirect\"]=a0=>(_gzdirect=Module[\"_gzdirect\"]=wasmExports[\"gzdirect\"])(a0);var _inflateReset=Module[\"_inflateReset\"]=a0=>(_inflateReset=Module[\"_inflateReset\"]=wasmExports[\"inflateReset\"])(a0);var _gzwrite=Module[\"_gzwrite\"]=(a0,a1,a2)=>(_gzwrite=Module[\"_gzwrite\"]=wasmExports[\"gzwrite\"])(a0,a1,a2);var _gzfwrite=Module[\"_gzfwrite\"]=(a0,a1,a2,a3)=>(_gzfwrite=Module[\"_gzfwrite\"]=wasmExports[\"gzfwrite\"])(a0,a1,a2,a3);var _gzputc=Module[\"_gzputc\"]=(a0,a1)=>(_gzputc=Module[\"_gzputc\"]=wasmExports[\"gzputc\"])(a0,a1);var _gzputs=Module[\"_gzputs\"]=(a0,a1)=>(_gzputs=Module[\"_gzputs\"]=wasmExports[\"gzputs\"])(a0,a1);var _gzvprintf=Module[\"_gzvprintf\"]=(a0,a1,a2)=>(_gzvprintf=Module[\"_gzvprintf\"]=wasmExports[\"gzvprintf\"])(a0,a1,a2);var _gzprintf=Module[\"_gzprintf\"]=(a0,a1,a2)=>(_gzprintf=Module[\"_gzprintf\"]=wasmExports[\"gzprintf\"])(a0,a1,a2);var _gzflush=Module[\"_gzflush\"]=(a0,a1)=>(_gzflush=Module[\"_gzflush\"]=wasmExports[\"gzflush\"])(a0,a1);var _gzsetparams=Module[\"_gzsetparams\"]=(a0,a1,a2)=>(_gzsetparams=Module[\"_gzsetparams\"]=wasmExports[\"gzsetparams\"])(a0,a1,a2);var _inflateBackInit_=Module[\"_inflateBackInit_\"]=(a0,a1,a2,a3,a4)=>(_inflateBackInit_=Module[\"_inflateBackInit_\"]=wasmExports[\"inflateBackInit_\"])(a0,a1,a2,a3,a4);var _inflateBack=Module[\"_inflateBack\"]=(a0,a1,a2,a3,a4)=>(_inflateBack=Module[\"_inflateBack\"]=wasmExports[\"inflateBack\"])(a0,a1,a2,a3,a4);var _inflate_table=Module[\"_inflate_table\"]=(a0,a1,a2,a3,a4,a5)=>(_inflate_table=Module[\"_inflate_table\"]=wasmExports[\"inflate_table\"])(a0,a1,a2,a3,a4,a5);var _inflate_fast=Module[\"_inflate_fast\"]=(a0,a1)=>(_inflate_fast=Module[\"_inflate_fast\"]=wasmExports[\"inflate_fast\"])(a0,a1);var _inflateBackEnd=Module[\"_inflateBackEnd\"]=a0=>(_inflateBackEnd=Module[\"_inflateBackEnd\"]=wasmExports[\"inflateBackEnd\"])(a0);var _inflateResetKeep=Module[\"_inflateResetKeep\"]=a0=>(_inflateResetKeep=Module[\"_inflateResetKeep\"]=wasmExports[\"inflateResetKeep\"])(a0);var _inflateReset2=Module[\"_inflateReset2\"]=(a0,a1)=>(_inflateReset2=Module[\"_inflateReset2\"]=wasmExports[\"inflateReset2\"])(a0,a1);var _inflateInit_=Module[\"_inflateInit_\"]=(a0,a1,a2)=>(_inflateInit_=Module[\"_inflateInit_\"]=wasmExports[\"inflateInit_\"])(a0,a1,a2);var _inflatePrime=Module[\"_inflatePrime\"]=(a0,a1,a2)=>(_inflatePrime=Module[\"_inflatePrime\"]=wasmExports[\"inflatePrime\"])(a0,a1,a2);var _inflateGetDictionary=Module[\"_inflateGetDictionary\"]=(a0,a1,a2)=>(_inflateGetDictionary=Module[\"_inflateGetDictionary\"]=wasmExports[\"inflateGetDictionary\"])(a0,a1,a2);var _inflateGetHeader=Module[\"_inflateGetHeader\"]=(a0,a1)=>(_inflateGetHeader=Module[\"_inflateGetHeader\"]=wasmExports[\"inflateGetHeader\"])(a0,a1);var _inflateSync=Module[\"_inflateSync\"]=a0=>(_inflateSync=Module[\"_inflateSync\"]=wasmExports[\"inflateSync\"])(a0);var _inflateSyncPoint=Module[\"_inflateSyncPoint\"]=a0=>(_inflateSyncPoint=Module[\"_inflateSyncPoint\"]=wasmExports[\"inflateSyncPoint\"])(a0);var _inflateUndermine=Module[\"_inflateUndermine\"]=(a0,a1)=>(_inflateUndermine=Module[\"_inflateUndermine\"]=wasmExports[\"inflateUndermine\"])(a0,a1);var _inflateValidate=Module[\"_inflateValidate\"]=(a0,a1)=>(_inflateValidate=Module[\"_inflateValidate\"]=wasmExports[\"inflateValidate\"])(a0,a1);var _inflateMark=Module[\"_inflateMark\"]=a0=>(_inflateMark=Module[\"_inflateMark\"]=wasmExports[\"inflateMark\"])(a0);var _inflateCodesUsed=Module[\"_inflateCodesUsed\"]=a0=>(_inflateCodesUsed=Module[\"_inflateCodesUsed\"]=wasmExports[\"inflateCodesUsed\"])(a0);var __tr_tally=Module[\"__tr_tally\"]=(a0,a1,a2)=>(__tr_tally=Module[\"__tr_tally\"]=wasmExports[\"_tr_tally\"])(a0,a1,a2);var _uncompress2=Module[\"_uncompress2\"]=(a0,a1,a2,a3)=>(_uncompress2=Module[\"_uncompress2\"]=wasmExports[\"uncompress2\"])(a0,a1,a2,a3);var _uncompress=Module[\"_uncompress\"]=(a0,a1,a2,a3)=>(_uncompress=Module[\"_uncompress\"]=wasmExports[\"uncompress\"])(a0,a1,a2,a3);var _zlibCompileFlags=Module[\"_zlibCompileFlags\"]=()=>(_zlibCompileFlags=Module[\"_zlibCompileFlags\"]=wasmExports[\"zlibCompileFlags\"])();var _zError=Module[\"_zError\"]=a0=>(_zError=Module[\"_zError\"]=wasmExports[\"zError\"])(a0);var _BZ2_blockSort=Module[\"_BZ2_blockSort\"]=a0=>(_BZ2_blockSort=Module[\"_BZ2_blockSort\"]=wasmExports[\"BZ2_blockSort\"])(a0);var _BZ2_bz__AssertH__fail=Module[\"_BZ2_bz__AssertH__fail\"]=a0=>(_BZ2_bz__AssertH__fail=Module[\"_BZ2_bz__AssertH__fail\"]=wasmExports[\"BZ2_bz__AssertH__fail\"])(a0);var _BZ2_bzlibVersion=Module[\"_BZ2_bzlibVersion\"]=()=>(_BZ2_bzlibVersion=Module[\"_BZ2_bzlibVersion\"]=wasmExports[\"BZ2_bzlibVersion\"])();var _BZ2_compressBlock=Module[\"_BZ2_compressBlock\"]=(a0,a1)=>(_BZ2_compressBlock=Module[\"_BZ2_compressBlock\"]=wasmExports[\"BZ2_compressBlock\"])(a0,a1);var _BZ2_indexIntoF=Module[\"_BZ2_indexIntoF\"]=(a0,a1)=>(_BZ2_indexIntoF=Module[\"_BZ2_indexIntoF\"]=wasmExports[\"BZ2_indexIntoF\"])(a0,a1);var _BZ2_decompress=Module[\"_BZ2_decompress\"]=a0=>(_BZ2_decompress=Module[\"_BZ2_decompress\"]=wasmExports[\"BZ2_decompress\"])(a0);var _BZ2_bzWriteOpen=Module[\"_BZ2_bzWriteOpen\"]=(a0,a1,a2,a3,a4)=>(_BZ2_bzWriteOpen=Module[\"_BZ2_bzWriteOpen\"]=wasmExports[\"BZ2_bzWriteOpen\"])(a0,a1,a2,a3,a4);var _BZ2_bzWrite=Module[\"_BZ2_bzWrite\"]=(a0,a1,a2,a3)=>(_BZ2_bzWrite=Module[\"_BZ2_bzWrite\"]=wasmExports[\"BZ2_bzWrite\"])(a0,a1,a2,a3);var _BZ2_bzWriteClose=Module[\"_BZ2_bzWriteClose\"]=(a0,a1,a2,a3,a4)=>(_BZ2_bzWriteClose=Module[\"_BZ2_bzWriteClose\"]=wasmExports[\"BZ2_bzWriteClose\"])(a0,a1,a2,a3,a4);var _BZ2_bzWriteClose64=Module[\"_BZ2_bzWriteClose64\"]=(a0,a1,a2,a3,a4,a5,a6)=>(_BZ2_bzWriteClose64=Module[\"_BZ2_bzWriteClose64\"]=wasmExports[\"BZ2_bzWriteClose64\"])(a0,a1,a2,a3,a4,a5,a6);var _BZ2_bzReadOpen=Module[\"_BZ2_bzReadOpen\"]=(a0,a1,a2,a3,a4,a5)=>(_BZ2_bzReadOpen=Module[\"_BZ2_bzReadOpen\"]=wasmExports[\"BZ2_bzReadOpen\"])(a0,a1,a2,a3,a4,a5);var _BZ2_bzReadClose=Module[\"_BZ2_bzReadClose\"]=(a0,a1)=>(_BZ2_bzReadClose=Module[\"_BZ2_bzReadClose\"]=wasmExports[\"BZ2_bzReadClose\"])(a0,a1);var _BZ2_bzRead=Module[\"_BZ2_bzRead\"]=(a0,a1,a2,a3)=>(_BZ2_bzRead=Module[\"_BZ2_bzRead\"]=wasmExports[\"BZ2_bzRead\"])(a0,a1,a2,a3);var _fgetc=Module[\"_fgetc\"]=a0=>(_fgetc=Module[\"_fgetc\"]=wasmExports[\"fgetc\"])(a0);var _BZ2_bzReadGetUnused=Module[\"_BZ2_bzReadGetUnused\"]=(a0,a1,a2,a3)=>(_BZ2_bzReadGetUnused=Module[\"_BZ2_bzReadGetUnused\"]=wasmExports[\"BZ2_bzReadGetUnused\"])(a0,a1,a2,a3);var _BZ2_bzBuffToBuffCompress=Module[\"_BZ2_bzBuffToBuffCompress\"]=(a0,a1,a2,a3,a4,a5,a6)=>(_BZ2_bzBuffToBuffCompress=Module[\"_BZ2_bzBuffToBuffCompress\"]=wasmExports[\"BZ2_bzBuffToBuffCompress\"])(a0,a1,a2,a3,a4,a5,a6);var _BZ2_bzBuffToBuffDecompress=Module[\"_BZ2_bzBuffToBuffDecompress\"]=(a0,a1,a2,a3,a4,a5)=>(_BZ2_bzBuffToBuffDecompress=Module[\"_BZ2_bzBuffToBuffDecompress\"]=wasmExports[\"BZ2_bzBuffToBuffDecompress\"])(a0,a1,a2,a3,a4,a5);var _BZ2_bzopen=Module[\"_BZ2_bzopen\"]=(a0,a1)=>(_BZ2_bzopen=Module[\"_BZ2_bzopen\"]=wasmExports[\"BZ2_bzopen\"])(a0,a1);var _BZ2_bzdopen=Module[\"_BZ2_bzdopen\"]=(a0,a1)=>(_BZ2_bzdopen=Module[\"_BZ2_bzdopen\"]=wasmExports[\"BZ2_bzdopen\"])(a0,a1);var _BZ2_bzread=Module[\"_BZ2_bzread\"]=(a0,a1,a2)=>(_BZ2_bzread=Module[\"_BZ2_bzread\"]=wasmExports[\"BZ2_bzread\"])(a0,a1,a2);var _BZ2_bzwrite=Module[\"_BZ2_bzwrite\"]=(a0,a1,a2)=>(_BZ2_bzwrite=Module[\"_BZ2_bzwrite\"]=wasmExports[\"BZ2_bzwrite\"])(a0,a1,a2);var _BZ2_bzflush=Module[\"_BZ2_bzflush\"]=a0=>(_BZ2_bzflush=Module[\"_BZ2_bzflush\"]=wasmExports[\"BZ2_bzflush\"])(a0);var _BZ2_bzclose=Module[\"_BZ2_bzclose\"]=a0=>(_BZ2_bzclose=Module[\"_BZ2_bzclose\"]=wasmExports[\"BZ2_bzclose\"])(a0);var _BZ2_bzerror=Module[\"_BZ2_bzerror\"]=(a0,a1)=>(_BZ2_bzerror=Module[\"_BZ2_bzerror\"]=wasmExports[\"BZ2_bzerror\"])(a0,a1);var _BZ2_bsInitWrite=Module[\"_BZ2_bsInitWrite\"]=a0=>(_BZ2_bsInitWrite=Module[\"_BZ2_bsInitWrite\"]=wasmExports[\"BZ2_bsInitWrite\"])(a0);var _BZ2_hbMakeCodeLengths=Module[\"_BZ2_hbMakeCodeLengths\"]=(a0,a1,a2,a3)=>(_BZ2_hbMakeCodeLengths=Module[\"_BZ2_hbMakeCodeLengths\"]=wasmExports[\"BZ2_hbMakeCodeLengths\"])(a0,a1,a2,a3);var _BZ2_hbAssignCodes=Module[\"_BZ2_hbAssignCodes\"]=(a0,a1,a2,a3,a4)=>(_BZ2_hbAssignCodes=Module[\"_BZ2_hbAssignCodes\"]=wasmExports[\"BZ2_hbAssignCodes\"])(a0,a1,a2,a3,a4);var _BZ2_hbCreateDecodeTables=Module[\"_BZ2_hbCreateDecodeTables\"]=(a0,a1,a2,a3,a4,a5,a6)=>(_BZ2_hbCreateDecodeTables=Module[\"_BZ2_hbCreateDecodeTables\"]=wasmExports[\"BZ2_hbCreateDecodeTables\"])(a0,a1,a2,a3,a4,a5,a6);var __emscripten_memcpy_bulkmem=Module[\"__emscripten_memcpy_bulkmem\"]=(a0,a1,a2)=>(__emscripten_memcpy_bulkmem=Module[\"__emscripten_memcpy_bulkmem\"]=wasmExports[\"_emscripten_memcpy_bulkmem\"])(a0,a1,a2);var _emscripten_builtin_memcpy=Module[\"_emscripten_builtin_memcpy\"]=(a0,a1,a2)=>(_emscripten_builtin_memcpy=Module[\"_emscripten_builtin_memcpy\"]=wasmExports[\"emscripten_builtin_memcpy\"])(a0,a1,a2);var ___memset=Module[\"___memset\"]=(a0,a1,a2)=>(___memset=Module[\"___memset\"]=wasmExports[\"__memset\"])(a0,a1,a2);var __emscripten_memset_bulkmem=Module[\"__emscripten_memset_bulkmem\"]=(a0,a1,a2)=>(__emscripten_memset_bulkmem=Module[\"__emscripten_memset_bulkmem\"]=wasmExports[\"_emscripten_memset_bulkmem\"])(a0,a1,a2);var _emscripten_builtin_memset=Module[\"_emscripten_builtin_memset\"]=(a0,a1,a2)=>(_emscripten_builtin_memset=Module[\"_emscripten_builtin_memset\"]=wasmExports[\"emscripten_builtin_memset\"])(a0,a1,a2);var _getdate=Module[\"_getdate\"]=a0=>(_getdate=Module[\"_getdate\"]=wasmExports[\"getdate\"])(a0);var _stime=Module[\"_stime\"]=a0=>(_stime=Module[\"_stime\"]=wasmExports[\"stime\"])(a0);var _clock_getcpuclockid=Module[\"_clock_getcpuclockid\"]=(a0,a1)=>(_clock_getcpuclockid=Module[\"_clock_getcpuclockid\"]=wasmExports[\"clock_getcpuclockid\"])(a0,a1);var _getpwnam=Module[\"_getpwnam\"]=a0=>(_getpwnam=Module[\"_getpwnam\"]=wasmExports[\"getpwnam\"])(a0);var _getpwuid=Module[\"_getpwuid\"]=a0=>(_getpwuid=Module[\"_getpwuid\"]=wasmExports[\"getpwuid\"])(a0);var _getpwnam_r=Module[\"_getpwnam_r\"]=(a0,a1,a2,a3,a4)=>(_getpwnam_r=Module[\"_getpwnam_r\"]=wasmExports[\"getpwnam_r\"])(a0,a1,a2,a3,a4);var _getpwuid_r=Module[\"_getpwuid_r\"]=(a0,a1,a2,a3,a4)=>(_getpwuid_r=Module[\"_getpwuid_r\"]=wasmExports[\"getpwuid_r\"])(a0,a1,a2,a3,a4);var _setpwent=Module[\"_setpwent\"]=()=>(_setpwent=Module[\"_setpwent\"]=wasmExports[\"setpwent\"])();var _endpwent=Module[\"_endpwent\"]=()=>(_endpwent=Module[\"_endpwent\"]=wasmExports[\"endpwent\"])();var _getpwent=Module[\"_getpwent\"]=()=>(_getpwent=Module[\"_getpwent\"]=wasmExports[\"getpwent\"])();var _getgrnam=Module[\"_getgrnam\"]=a0=>(_getgrnam=Module[\"_getgrnam\"]=wasmExports[\"getgrnam\"])(a0);var _getgrgid=Module[\"_getgrgid\"]=a0=>(_getgrgid=Module[\"_getgrgid\"]=wasmExports[\"getgrgid\"])(a0);var _getgrnam_r=Module[\"_getgrnam_r\"]=(a0,a1,a2,a3,a4)=>(_getgrnam_r=Module[\"_getgrnam_r\"]=wasmExports[\"getgrnam_r\"])(a0,a1,a2,a3,a4);var _getgrgid_r=Module[\"_getgrgid_r\"]=(a0,a1,a2,a3,a4)=>(_getgrgid_r=Module[\"_getgrgid_r\"]=wasmExports[\"getgrgid_r\"])(a0,a1,a2,a3,a4);var _getgrent=Module[\"_getgrent\"]=()=>(_getgrent=Module[\"_getgrent\"]=wasmExports[\"getgrent\"])();var _endgrent=Module[\"_endgrent\"]=()=>(_endgrent=Module[\"_endgrent\"]=wasmExports[\"endgrent\"])();var _setgrent=Module[\"_setgrent\"]=()=>(_setgrent=Module[\"_setgrent\"]=wasmExports[\"setgrent\"])();var _flock=Module[\"_flock\"]=(a0,a1)=>(_flock=Module[\"_flock\"]=wasmExports[\"flock\"])(a0,a1);var _vfork=Module[\"_vfork\"]=()=>(_vfork=Module[\"_vfork\"]=wasmExports[\"vfork\"])();var _posix_spawn=Module[\"_posix_spawn\"]=(a0,a1,a2,a3,a4,a5)=>(_posix_spawn=Module[\"_posix_spawn\"]=wasmExports[\"posix_spawn\"])(a0,a1,a2,a3,a4,a5);var _popen=Module[\"_popen\"]=(a0,a1)=>(_popen=Module[\"_popen\"]=wasmExports[\"popen\"])(a0,a1);var _pclose=Module[\"_pclose\"]=a0=>(_pclose=Module[\"_pclose\"]=wasmExports[\"pclose\"])(a0);var _setgroups=Module[\"_setgroups\"]=(a0,a1)=>(_setgroups=Module[\"_setgroups\"]=wasmExports[\"setgroups\"])(a0,a1);var _sigaltstack=Module[\"_sigaltstack\"]=(a0,a1)=>(_sigaltstack=Module[\"_sigaltstack\"]=wasmExports[\"sigaltstack\"])(a0,a1);var ___syscall_uname=Module[\"___syscall_uname\"]=a0=>(___syscall_uname=Module[\"___syscall_uname\"]=wasmExports[\"__syscall_uname\"])(a0);var ___syscall_setpgid=Module[\"___syscall_setpgid\"]=(a0,a1)=>(___syscall_setpgid=Module[\"___syscall_setpgid\"]=wasmExports[\"__syscall_setpgid\"])(a0,a1);var ___syscall_sync=Module[\"___syscall_sync\"]=()=>(___syscall_sync=Module[\"___syscall_sync\"]=wasmExports[\"__syscall_sync\"])();var ___syscall_getsid=Module[\"___syscall_getsid\"]=a0=>(___syscall_getsid=Module[\"___syscall_getsid\"]=wasmExports[\"__syscall_getsid\"])(a0);var ___syscall_getpgid=Module[\"___syscall_getpgid\"]=a0=>(___syscall_getpgid=Module[\"___syscall_getpgid\"]=wasmExports[\"__syscall_getpgid\"])(a0);var ___syscall_getpid=Module[\"___syscall_getpid\"]=()=>(___syscall_getpid=Module[\"___syscall_getpid\"]=wasmExports[\"__syscall_getpid\"])();var ___syscall_getppid=Module[\"___syscall_getppid\"]=()=>(___syscall_getppid=Module[\"___syscall_getppid\"]=wasmExports[\"__syscall_getppid\"])();var ___syscall_linkat=Module[\"___syscall_linkat\"]=(a0,a1,a2,a3,a4)=>(___syscall_linkat=Module[\"___syscall_linkat\"]=wasmExports[\"__syscall_linkat\"])(a0,a1,a2,a3,a4);var ___syscall_getgroups32=Module[\"___syscall_getgroups32\"]=(a0,a1)=>(___syscall_getgroups32=Module[\"___syscall_getgroups32\"]=wasmExports[\"__syscall_getgroups32\"])(a0,a1);var ___syscall_setsid=Module[\"___syscall_setsid\"]=()=>(___syscall_setsid=Module[\"___syscall_setsid\"]=wasmExports[\"__syscall_setsid\"])();var ___syscall_umask=Module[\"___syscall_umask\"]=a0=>(___syscall_umask=Module[\"___syscall_umask\"]=wasmExports[\"__syscall_umask\"])(a0);var ___syscall_setrlimit=Module[\"___syscall_setrlimit\"]=(a0,a1)=>(___syscall_setrlimit=Module[\"___syscall_setrlimit\"]=wasmExports[\"__syscall_setrlimit\"])(a0,a1);var ___syscall_getrusage=Module[\"___syscall_getrusage\"]=(a0,a1)=>(___syscall_getrusage=Module[\"___syscall_getrusage\"]=wasmExports[\"__syscall_getrusage\"])(a0,a1);var ___syscall_getpriority=Module[\"___syscall_getpriority\"]=(a0,a1)=>(___syscall_getpriority=Module[\"___syscall_getpriority\"]=wasmExports[\"__syscall_getpriority\"])(a0,a1);var ___syscall_setpriority=Module[\"___syscall_setpriority\"]=(a0,a1,a2)=>(___syscall_setpriority=Module[\"___syscall_setpriority\"]=wasmExports[\"__syscall_setpriority\"])(a0,a1,a2);var ___syscall_setdomainname=Module[\"___syscall_setdomainname\"]=(a0,a1)=>(___syscall_setdomainname=Module[\"___syscall_setdomainname\"]=wasmExports[\"__syscall_setdomainname\"])(a0,a1);var ___syscall_getuid32=Module[\"___syscall_getuid32\"]=()=>(___syscall_getuid32=Module[\"___syscall_getuid32\"]=wasmExports[\"__syscall_getuid32\"])();var ___syscall_getgid32=Module[\"___syscall_getgid32\"]=()=>(___syscall_getgid32=Module[\"___syscall_getgid32\"]=wasmExports[\"__syscall_getgid32\"])();var ___syscall_geteuid32=Module[\"___syscall_geteuid32\"]=()=>(___syscall_geteuid32=Module[\"___syscall_geteuid32\"]=wasmExports[\"__syscall_geteuid32\"])();var ___syscall_getegid32=Module[\"___syscall_getegid32\"]=()=>(___syscall_getegid32=Module[\"___syscall_getegid32\"]=wasmExports[\"__syscall_getegid32\"])();var ___syscall_getresuid32=Module[\"___syscall_getresuid32\"]=(a0,a1,a2)=>(___syscall_getresuid32=Module[\"___syscall_getresuid32\"]=wasmExports[\"__syscall_getresuid32\"])(a0,a1,a2);var ___syscall_getresgid32=Module[\"___syscall_getresgid32\"]=(a0,a1,a2)=>(___syscall_getresgid32=Module[\"___syscall_getresgid32\"]=wasmExports[\"__syscall_getresgid32\"])(a0,a1,a2);var ___syscall_pause=Module[\"___syscall_pause\"]=()=>(___syscall_pause=Module[\"___syscall_pause\"]=wasmExports[\"__syscall_pause\"])();var ___syscall_madvise=Module[\"___syscall_madvise\"]=(a0,a1,a2)=>(___syscall_madvise=Module[\"___syscall_madvise\"]=wasmExports[\"__syscall_madvise\"])(a0,a1,a2);var ___syscall_mlock=Module[\"___syscall_mlock\"]=(a0,a1)=>(___syscall_mlock=Module[\"___syscall_mlock\"]=wasmExports[\"__syscall_mlock\"])(a0,a1);var ___syscall_munlock=Module[\"___syscall_munlock\"]=(a0,a1)=>(___syscall_munlock=Module[\"___syscall_munlock\"]=wasmExports[\"__syscall_munlock\"])(a0,a1);var ___syscall_mprotect=Module[\"___syscall_mprotect\"]=(a0,a1,a2)=>(___syscall_mprotect=Module[\"___syscall_mprotect\"]=wasmExports[\"__syscall_mprotect\"])(a0,a1,a2);var ___syscall_mremap=Module[\"___syscall_mremap\"]=(a0,a1,a2,a3,a4)=>(___syscall_mremap=Module[\"___syscall_mremap\"]=wasmExports[\"__syscall_mremap\"])(a0,a1,a2,a3,a4);var ___syscall_mlockall=Module[\"___syscall_mlockall\"]=a0=>(___syscall_mlockall=Module[\"___syscall_mlockall\"]=wasmExports[\"__syscall_mlockall\"])(a0);var ___syscall_munlockall=Module[\"___syscall_munlockall\"]=()=>(___syscall_munlockall=Module[\"___syscall_munlockall\"]=wasmExports[\"__syscall_munlockall\"])();var ___syscall_prlimit64=Module[\"___syscall_prlimit64\"]=(a0,a1,a2,a3)=>(___syscall_prlimit64=Module[\"___syscall_prlimit64\"]=wasmExports[\"__syscall_prlimit64\"])(a0,a1,a2,a3);var ___syscall_ugetrlimit=Module[\"___syscall_ugetrlimit\"]=(a0,a1)=>(___syscall_ugetrlimit=Module[\"___syscall_ugetrlimit\"]=wasmExports[\"__syscall_ugetrlimit\"])(a0,a1);var ___syscall_setsockopt=Module[\"___syscall_setsockopt\"]=(a0,a1,a2,a3,a4,a5)=>(___syscall_setsockopt=Module[\"___syscall_setsockopt\"]=wasmExports[\"__syscall_setsockopt\"])(a0,a1,a2,a3,a4,a5);var ___syscall_acct=Module[\"___syscall_acct\"]=a0=>(___syscall_acct=Module[\"___syscall_acct\"]=wasmExports[\"__syscall_acct\"])(a0);var ___syscall_mincore=Module[\"___syscall_mincore\"]=(a0,a1,a2)=>(___syscall_mincore=Module[\"___syscall_mincore\"]=wasmExports[\"__syscall_mincore\"])(a0,a1,a2);var ___syscall_pipe2=Module[\"___syscall_pipe2\"]=(a0,a1)=>(___syscall_pipe2=Module[\"___syscall_pipe2\"]=wasmExports[\"__syscall_pipe2\"])(a0,a1);var ___syscall_pselect6=Module[\"___syscall_pselect6\"]=(a0,a1,a2,a3,a4,a5)=>(___syscall_pselect6=Module[\"___syscall_pselect6\"]=wasmExports[\"__syscall_pselect6\"])(a0,a1,a2,a3,a4,a5);var ___syscall_recvmmsg=Module[\"___syscall_recvmmsg\"]=(a0,a1,a2,a3,a4)=>(___syscall_recvmmsg=Module[\"___syscall_recvmmsg\"]=wasmExports[\"__syscall_recvmmsg\"])(a0,a1,a2,a3,a4);var ___syscall_sendmmsg=Module[\"___syscall_sendmmsg\"]=(a0,a1,a2,a3,a4)=>(___syscall_sendmmsg=Module[\"___syscall_sendmmsg\"]=wasmExports[\"__syscall_sendmmsg\"])(a0,a1,a2,a3,a4);var ___syscall_shutdown=Module[\"___syscall_shutdown\"]=(a0,a1,a2,a3,a4,a5)=>(___syscall_shutdown=Module[\"___syscall_shutdown\"]=wasmExports[\"__syscall_shutdown\"])(a0,a1,a2,a3,a4,a5);var ___syscall_socketpair=Module[\"___syscall_socketpair\"]=(a0,a1,a2,a3,a4,a5)=>(___syscall_socketpair=Module[\"___syscall_socketpair\"]=wasmExports[\"__syscall_socketpair\"])(a0,a1,a2,a3,a4,a5);var ___syscall_wait4=Module[\"___syscall_wait4\"]=(a0,a1,a2,a3)=>(___syscall_wait4=Module[\"___syscall_wait4\"]=wasmExports[\"__syscall_wait4\"])(a0,a1,a2,a3);var _atexit=Module[\"_atexit\"]=a0=>(_atexit=Module[\"_atexit\"]=wasmExports[\"atexit\"])(a0);var ___cxa_atexit=Module[\"___cxa_atexit\"]=(a0,a1,a2)=>(___cxa_atexit=Module[\"___cxa_atexit\"]=wasmExports[\"__cxa_atexit\"])(a0,a1,a2);var ___cxa_finalize=Module[\"___cxa_finalize\"]=a0=>(___cxa_finalize=Module[\"___cxa_finalize\"]=wasmExports[\"__cxa_finalize\"])(a0);var __Exit=Module[\"__Exit\"]=a0=>(__Exit=Module[\"__Exit\"]=wasmExports[\"_Exit\"])(a0);var _cosf=Module[\"_cosf\"]=a0=>(_cosf=Module[\"_cosf\"]=wasmExports[\"cosf\"])(a0);var _sinf=Module[\"_sinf\"]=a0=>(_sinf=Module[\"_sinf\"]=wasmExports[\"sinf\"])(a0);var _expf=Module[\"_expf\"]=a0=>(_expf=Module[\"_expf\"]=wasmExports[\"expf\"])(a0);var ___multf3=Module[\"___multf3\"]=(a0,a1,a2,a3,a4)=>(___multf3=Module[\"___multf3\"]=wasmExports[\"__multf3\"])(a0,a1,a2,a3,a4);var ___addtf3=Module[\"___addtf3\"]=(a0,a1,a2,a3,a4)=>(___addtf3=Module[\"___addtf3\"]=wasmExports[\"__addtf3\"])(a0,a1,a2,a3,a4);var ___subtf3=Module[\"___subtf3\"]=(a0,a1,a2,a3,a4)=>(___subtf3=Module[\"___subtf3\"]=wasmExports[\"__subtf3\"])(a0,a1,a2,a3,a4);var ___ctype_b_loc=Module[\"___ctype_b_loc\"]=()=>(___ctype_b_loc=Module[\"___ctype_b_loc\"]=wasmExports[\"__ctype_b_loc\"])();var ___ctype_get_mb_cur_max=Module[\"___ctype_get_mb_cur_max\"]=()=>(___ctype_get_mb_cur_max=Module[\"___ctype_get_mb_cur_max\"]=wasmExports[\"__ctype_get_mb_cur_max\"])();var ___get_tp=Module[\"___get_tp\"]=()=>(___get_tp=Module[\"___get_tp\"]=wasmExports[\"__get_tp\"])();var ___ctype_tolower_loc=Module[\"___ctype_tolower_loc\"]=()=>(___ctype_tolower_loc=Module[\"___ctype_tolower_loc\"]=wasmExports[\"__ctype_tolower_loc\"])();var ___ctype_toupper_loc=Module[\"___ctype_toupper_loc\"]=()=>(___ctype_toupper_loc=Module[\"___ctype_toupper_loc\"]=wasmExports[\"__ctype_toupper_loc\"])();var ___emscripten_environ_constructor=Module[\"___emscripten_environ_constructor\"]=()=>(___emscripten_environ_constructor=Module[\"___emscripten_environ_constructor\"]=wasmExports[\"__emscripten_environ_constructor\"])();var _emscripten_builtin_malloc=Module[\"_emscripten_builtin_malloc\"]=a0=>(_emscripten_builtin_malloc=Module[\"_emscripten_builtin_malloc\"]=wasmExports[\"emscripten_builtin_malloc\"])(a0);var ___flt_rounds=Module[\"___flt_rounds\"]=()=>(___flt_rounds=Module[\"___flt_rounds\"]=wasmExports[\"__flt_rounds\"])();var _fegetround=Module[\"_fegetround\"]=()=>(_fegetround=Module[\"_fegetround\"]=wasmExports[\"fegetround\"])();var ___fmodeflags=Module[\"___fmodeflags\"]=a0=>(___fmodeflags=Module[\"___fmodeflags\"]=wasmExports[\"__fmodeflags\"])(a0);var ___fpclassify=Module[\"___fpclassify\"]=a0=>(___fpclassify=Module[\"___fpclassify\"]=wasmExports[\"__fpclassify\"])(a0);var ___fpclassifyf=Module[\"___fpclassifyf\"]=a0=>(___fpclassifyf=Module[\"___fpclassifyf\"]=wasmExports[\"__fpclassifyf\"])(a0);var ___fpclassifyl=Module[\"___fpclassifyl\"]=(a0,a1)=>(___fpclassifyl=Module[\"___fpclassifyl\"]=wasmExports[\"__fpclassifyl\"])(a0,a1);var ___divtf3=Module[\"___divtf3\"]=(a0,a1,a2,a3,a4)=>(___divtf3=Module[\"___divtf3\"]=wasmExports[\"__divtf3\"])(a0,a1,a2,a3,a4);var ___mo_lookup=Module[\"___mo_lookup\"]=(a0,a1,a2)=>(___mo_lookup=Module[\"___mo_lookup\"]=wasmExports[\"__mo_lookup\"])(a0,a1,a2);var ___overflow=Module[\"___overflow\"]=(a0,a1)=>(___overflow=Module[\"___overflow\"]=wasmExports[\"__overflow\"])(a0,a1);var _scalbn=Module[\"_scalbn\"]=(a0,a1)=>(_scalbn=Module[\"_scalbn\"]=wasmExports[\"scalbn\"])(a0,a1);var _floor=Module[\"_floor\"]=a0=>(_floor=Module[\"_floor\"]=wasmExports[\"floor\"])(a0);var ___lttf2=Module[\"___lttf2\"]=(a0,a1,a2,a3)=>(___lttf2=Module[\"___lttf2\"]=wasmExports[\"__lttf2\"])(a0,a1,a2,a3);var ___fixtfdi=Module[\"___fixtfdi\"]=(a0,a1)=>(___fixtfdi=Module[\"___fixtfdi\"]=wasmExports[\"__fixtfdi\"])(a0,a1);var ___gttf2=Module[\"___gttf2\"]=(a0,a1,a2,a3)=>(___gttf2=Module[\"___gttf2\"]=wasmExports[\"__gttf2\"])(a0,a1,a2,a3);var ___fixtfsi=Module[\"___fixtfsi\"]=(a0,a1)=>(___fixtfsi=Module[\"___fixtfsi\"]=wasmExports[\"__fixtfsi\"])(a0,a1);var ___floatsitf=Module[\"___floatsitf\"]=(a0,a1)=>(___floatsitf=Module[\"___floatsitf\"]=wasmExports[\"__floatsitf\"])(a0,a1);var ___signbit=Module[\"___signbit\"]=a0=>(___signbit=Module[\"___signbit\"]=wasmExports[\"__signbit\"])(a0);var ___signbitf=Module[\"___signbitf\"]=a0=>(___signbitf=Module[\"___signbitf\"]=wasmExports[\"__signbitf\"])(a0);var ___signbitl=Module[\"___signbitl\"]=(a0,a1)=>(___signbitl=Module[\"___signbitl\"]=wasmExports[\"__signbitl\"])(a0,a1);var ___wasi_syscall_ret=Module[\"___wasi_syscall_ret\"]=a0=>(___wasi_syscall_ret=Module[\"___wasi_syscall_ret\"]=wasmExports[\"__wasi_syscall_ret\"])(a0);var ___synccall=Module[\"___synccall\"]=(a0,a1)=>(___synccall=Module[\"___synccall\"]=wasmExports[\"__synccall\"])(a0,a1);var _fabsl=Module[\"_fabsl\"]=(a0,a1,a2)=>(_fabsl=Module[\"_fabsl\"]=wasmExports[\"fabsl\"])(a0,a1,a2);var ___getf2=Module[\"___getf2\"]=(a0,a1,a2,a3)=>(___getf2=Module[\"___getf2\"]=wasmExports[\"__getf2\"])(a0,a1,a2,a3);var ___uflow=Module[\"___uflow\"]=a0=>(___uflow=Module[\"___uflow\"]=wasmExports[\"__uflow\"])(a0);var ___fxstat=Module[\"___fxstat\"]=(a0,a1,a2)=>(___fxstat=Module[\"___fxstat\"]=wasmExports[\"__fxstat\"])(a0,a1,a2);var ___fxstatat=Module[\"___fxstatat\"]=(a0,a1,a2,a3,a4)=>(___fxstatat=Module[\"___fxstatat\"]=wasmExports[\"__fxstatat\"])(a0,a1,a2,a3,a4);var ___lxstat=Module[\"___lxstat\"]=(a0,a1,a2)=>(___lxstat=Module[\"___lxstat\"]=wasmExports[\"__lxstat\"])(a0,a1,a2);var ___xstat=Module[\"___xstat\"]=(a0,a1,a2)=>(___xstat=Module[\"___xstat\"]=wasmExports[\"__xstat\"])(a0,a1,a2);var ___xmknod=Module[\"___xmknod\"]=(a0,a1,a2,a3)=>(___xmknod=Module[\"___xmknod\"]=wasmExports[\"__xmknod\"])(a0,a1,a2,a3);var _mknod=Module[\"_mknod\"]=(a0,a1,a2)=>(_mknod=Module[\"_mknod\"]=wasmExports[\"mknod\"])(a0,a1,a2);var ___xmknodat=Module[\"___xmknodat\"]=(a0,a1,a2,a3,a4)=>(___xmknodat=Module[\"___xmknodat\"]=wasmExports[\"__xmknodat\"])(a0,a1,a2,a3,a4);var _mknodat=Module[\"_mknodat\"]=(a0,a1,a2,a3)=>(_mknodat=Module[\"_mknodat\"]=wasmExports[\"mknodat\"])(a0,a1,a2,a3);var _a64l=Module[\"_a64l\"]=a0=>(_a64l=Module[\"_a64l\"]=wasmExports[\"a64l\"])(a0);var _l64a=Module[\"_l64a\"]=a0=>(_l64a=Module[\"_l64a\"]=wasmExports[\"l64a\"])(a0);var _abs=Module[\"_abs\"]=a0=>(_abs=Module[\"_abs\"]=wasmExports[\"abs\"])(a0);var _acct=Module[\"_acct\"]=a0=>(_acct=Module[\"_acct\"]=wasmExports[\"acct\"])(a0);var _acosf=Module[\"_acosf\"]=a0=>(_acosf=Module[\"_acosf\"]=wasmExports[\"acosf\"])(a0);var _sqrtf=Module[\"_sqrtf\"]=a0=>(_sqrtf=Module[\"_sqrtf\"]=wasmExports[\"sqrtf\"])(a0);var _acoshf=Module[\"_acoshf\"]=a0=>(_acoshf=Module[\"_acoshf\"]=wasmExports[\"acoshf\"])(a0);var _log1pf=Module[\"_log1pf\"]=a0=>(_log1pf=Module[\"_log1pf\"]=wasmExports[\"log1pf\"])(a0);var _logf=Module[\"_logf\"]=a0=>(_logf=Module[\"_logf\"]=wasmExports[\"logf\"])(a0);var _acoshl=Module[\"_acoshl\"]=(a0,a1,a2)=>(_acoshl=Module[\"_acoshl\"]=wasmExports[\"acoshl\"])(a0,a1,a2);var _acosl=Module[\"_acosl\"]=(a0,a1,a2)=>(_acosl=Module[\"_acosl\"]=wasmExports[\"acosl\"])(a0,a1,a2);var ___eqtf2=Module[\"___eqtf2\"]=(a0,a1,a2,a3)=>(___eqtf2=Module[\"___eqtf2\"]=wasmExports[\"__eqtf2\"])(a0,a1,a2,a3);var ___netf2=Module[\"___netf2\"]=(a0,a1,a2,a3)=>(___netf2=Module[\"___netf2\"]=wasmExports[\"__netf2\"])(a0,a1,a2,a3);var _sqrtl=Module[\"_sqrtl\"]=(a0,a1,a2)=>(_sqrtl=Module[\"_sqrtl\"]=wasmExports[\"sqrtl\"])(a0,a1,a2);var _alarm=Module[\"_alarm\"]=a0=>(_alarm=Module[\"_alarm\"]=wasmExports[\"alarm\"])(a0);var _setitimer=Module[\"_setitimer\"]=(a0,a1,a2)=>(_setitimer=Module[\"_setitimer\"]=wasmExports[\"setitimer\"])(a0,a1,a2);var _aligned_alloc=Module[\"_aligned_alloc\"]=(a0,a1)=>(_aligned_alloc=Module[\"_aligned_alloc\"]=wasmExports[\"aligned_alloc\"])(a0,a1);var _posix_memalign=Module[\"_posix_memalign\"]=(a0,a1,a2)=>(_posix_memalign=Module[\"_posix_memalign\"]=wasmExports[\"posix_memalign\"])(a0,a1,a2);var _alphasort=Module[\"_alphasort\"]=(a0,a1)=>(_alphasort=Module[\"_alphasort\"]=wasmExports[\"alphasort\"])(a0,a1);var _strcoll=Module[\"_strcoll\"]=(a0,a1)=>(_strcoll=Module[\"_strcoll\"]=wasmExports[\"strcoll\"])(a0,a1);var _asctime=Module[\"_asctime\"]=a0=>(_asctime=Module[\"_asctime\"]=wasmExports[\"asctime\"])(a0);var ___nl_langinfo_l=Module[\"___nl_langinfo_l\"]=(a0,a1)=>(___nl_langinfo_l=Module[\"___nl_langinfo_l\"]=wasmExports[\"__nl_langinfo_l\"])(a0,a1);var _asctime_r=Module[\"_asctime_r\"]=(a0,a1)=>(_asctime_r=Module[\"_asctime_r\"]=wasmExports[\"asctime_r\"])(a0,a1);var _asinf=Module[\"_asinf\"]=a0=>(_asinf=Module[\"_asinf\"]=wasmExports[\"asinf\"])(a0);var _fabsf=Module[\"_fabsf\"]=a0=>(_fabsf=Module[\"_fabsf\"]=wasmExports[\"fabsf\"])(a0);var _asinhf=Module[\"_asinhf\"]=a0=>(_asinhf=Module[\"_asinhf\"]=wasmExports[\"asinhf\"])(a0);var _asinhl=Module[\"_asinhl\"]=(a0,a1,a2)=>(_asinhl=Module[\"_asinhl\"]=wasmExports[\"asinhl\"])(a0,a1,a2);var _asinl=Module[\"_asinl\"]=(a0,a1,a2)=>(_asinl=Module[\"_asinl\"]=wasmExports[\"asinl\"])(a0,a1,a2);var _asprintf=Module[\"_asprintf\"]=(a0,a1,a2)=>(_asprintf=Module[\"_asprintf\"]=wasmExports[\"asprintf\"])(a0,a1,a2);var _vasprintf=Module[\"_vasprintf\"]=(a0,a1,a2)=>(_vasprintf=Module[\"_vasprintf\"]=wasmExports[\"vasprintf\"])(a0,a1,a2);var ___lock=Module[\"___lock\"]=a0=>(___lock=Module[\"___lock\"]=wasmExports[\"__lock\"])(a0);var ___unlock=Module[\"___unlock\"]=a0=>(___unlock=Module[\"___unlock\"]=wasmExports[\"__unlock\"])(a0);var _at_quick_exit=Module[\"_at_quick_exit\"]=a0=>(_at_quick_exit=Module[\"_at_quick_exit\"]=wasmExports[\"at_quick_exit\"])(a0);var _atan2f=Module[\"_atan2f\"]=(a0,a1)=>(_atan2f=Module[\"_atan2f\"]=wasmExports[\"atan2f\"])(a0,a1);var _atanf=Module[\"_atanf\"]=a0=>(_atanf=Module[\"_atanf\"]=wasmExports[\"atanf\"])(a0);var _atan2l=Module[\"_atan2l\"]=(a0,a1,a2,a3,a4)=>(_atan2l=Module[\"_atan2l\"]=wasmExports[\"atan2l\"])(a0,a1,a2,a3,a4);var _atanl=Module[\"_atanl\"]=(a0,a1,a2)=>(_atanl=Module[\"_atanl\"]=wasmExports[\"atanl\"])(a0,a1,a2);var _atanhf=Module[\"_atanhf\"]=a0=>(_atanhf=Module[\"_atanhf\"]=wasmExports[\"atanhf\"])(a0);var _atanhl=Module[\"_atanhl\"]=(a0,a1,a2)=>(_atanhl=Module[\"_atanhl\"]=wasmExports[\"atanhl\"])(a0,a1,a2);var _log1pl=Module[\"_log1pl\"]=(a0,a1,a2)=>(_log1pl=Module[\"_log1pl\"]=wasmExports[\"log1pl\"])(a0,a1,a2);var ____cxa_finalize=Module[\"____cxa_finalize\"]=a0=>(____cxa_finalize=Module[\"____cxa_finalize\"]=wasmExports[\"___cxa_finalize\"])(a0);var ____cxa_atexit=Module[\"____cxa_atexit\"]=(a0,a1,a2)=>(____cxa_atexit=Module[\"____cxa_atexit\"]=wasmExports[\"___cxa_atexit\"])(a0,a1,a2);var ___libc_calloc=Module[\"___libc_calloc\"]=(a0,a1)=>(___libc_calloc=Module[\"___libc_calloc\"]=wasmExports[\"__libc_calloc\"])(a0,a1);var ___atexit=Module[\"___atexit\"]=a0=>(___atexit=Module[\"___atexit\"]=wasmExports[\"__atexit\"])(a0);var _atof=Module[\"_atof\"]=a0=>(_atof=Module[\"_atof\"]=wasmExports[\"atof\"])(a0);var _strtod=Module[\"_strtod\"]=(a0,a1)=>(_strtod=Module[\"_strtod\"]=wasmExports[\"strtod\"])(a0,a1);var _atoi=Module[\"_atoi\"]=a0=>(_atoi=Module[\"_atoi\"]=wasmExports[\"atoi\"])(a0);var _atol=Module[\"_atol\"]=a0=>(_atol=Module[\"_atol\"]=wasmExports[\"atol\"])(a0);var _atoll=Module[\"_atoll\"]=a0=>(_atoll=Module[\"_atoll\"]=wasmExports[\"atoll\"])(a0);var _basename=Module[\"_basename\"]=a0=>(_basename=Module[\"_basename\"]=wasmExports[\"basename\"])(a0);var ___xpg_basename=Module[\"___xpg_basename\"]=a0=>(___xpg_basename=Module[\"___xpg_basename\"]=wasmExports[\"__xpg_basename\"])(a0);var _bcmp=Module[\"_bcmp\"]=(a0,a1,a2)=>(_bcmp=Module[\"_bcmp\"]=wasmExports[\"bcmp\"])(a0,a1,a2);var _bcopy=Module[\"_bcopy\"]=(a0,a1,a2)=>(_bcopy=Module[\"_bcopy\"]=wasmExports[\"bcopy\"])(a0,a1,a2);var _strcasecmp=Module[\"_strcasecmp\"]=(a0,a1)=>(_strcasecmp=Module[\"_strcasecmp\"]=wasmExports[\"strcasecmp\"])(a0,a1);var _bsearch=Module[\"_bsearch\"]=(a0,a1,a2,a3,a4)=>(_bsearch=Module[\"_bsearch\"]=wasmExports[\"bsearch\"])(a0,a1,a2,a3,a4);var _btowc=Module[\"_btowc\"]=a0=>(_btowc=Module[\"_btowc\"]=wasmExports[\"btowc\"])(a0);var _bzero=Module[\"_bzero\"]=(a0,a1)=>(_bzero=Module[\"_bzero\"]=wasmExports[\"bzero\"])(a0,a1);var _c16rtomb=Module[\"_c16rtomb\"]=(a0,a1,a2)=>(_c16rtomb=Module[\"_c16rtomb\"]=wasmExports[\"c16rtomb\"])(a0,a1,a2);var _wcrtomb=Module[\"_wcrtomb\"]=(a0,a1,a2)=>(_wcrtomb=Module[\"_wcrtomb\"]=wasmExports[\"wcrtomb\"])(a0,a1,a2);var _c32rtomb=Module[\"_c32rtomb\"]=(a0,a1,a2)=>(_c32rtomb=Module[\"_c32rtomb\"]=wasmExports[\"c32rtomb\"])(a0,a1,a2);var _cabs=Module[\"_cabs\"]=a0=>(_cabs=Module[\"_cabs\"]=wasmExports[\"cabs\"])(a0);var _cabsf=Module[\"_cabsf\"]=a0=>(_cabsf=Module[\"_cabsf\"]=wasmExports[\"cabsf\"])(a0);var _hypotf=Module[\"_hypotf\"]=(a0,a1)=>(_hypotf=Module[\"_hypotf\"]=wasmExports[\"hypotf\"])(a0,a1);var _cabsl=Module[\"_cabsl\"]=(a0,a1)=>(_cabsl=Module[\"_cabsl\"]=wasmExports[\"cabsl\"])(a0,a1);var _hypotl=Module[\"_hypotl\"]=(a0,a1,a2,a3,a4)=>(_hypotl=Module[\"_hypotl\"]=wasmExports[\"hypotl\"])(a0,a1,a2,a3,a4);var _cacos=Module[\"_cacos\"]=(a0,a1)=>(_cacos=Module[\"_cacos\"]=wasmExports[\"cacos\"])(a0,a1);var _casin=Module[\"_casin\"]=(a0,a1)=>(_casin=Module[\"_casin\"]=wasmExports[\"casin\"])(a0,a1);var _cacosf=Module[\"_cacosf\"]=(a0,a1)=>(_cacosf=Module[\"_cacosf\"]=wasmExports[\"cacosf\"])(a0,a1);var _casinf=Module[\"_casinf\"]=(a0,a1)=>(_casinf=Module[\"_casinf\"]=wasmExports[\"casinf\"])(a0,a1);var _cacosh=Module[\"_cacosh\"]=(a0,a1)=>(_cacosh=Module[\"_cacosh\"]=wasmExports[\"cacosh\"])(a0,a1);var _cacoshf=Module[\"_cacoshf\"]=(a0,a1)=>(_cacoshf=Module[\"_cacoshf\"]=wasmExports[\"cacoshf\"])(a0,a1);var _cacoshl=Module[\"_cacoshl\"]=(a0,a1)=>(_cacoshl=Module[\"_cacoshl\"]=wasmExports[\"cacoshl\"])(a0,a1);var _cacosl=Module[\"_cacosl\"]=(a0,a1)=>(_cacosl=Module[\"_cacosl\"]=wasmExports[\"cacosl\"])(a0,a1);var _casinl=Module[\"_casinl\"]=(a0,a1)=>(_casinl=Module[\"_casinl\"]=wasmExports[\"casinl\"])(a0,a1);var _call_once=Module[\"_call_once\"]=(a0,a1)=>(_call_once=Module[\"_call_once\"]=wasmExports[\"call_once\"])(a0,a1);var _carg=Module[\"_carg\"]=a0=>(_carg=Module[\"_carg\"]=wasmExports[\"carg\"])(a0);var _cargf=Module[\"_cargf\"]=a0=>(_cargf=Module[\"_cargf\"]=wasmExports[\"cargf\"])(a0);var _cargl=Module[\"_cargl\"]=(a0,a1)=>(_cargl=Module[\"_cargl\"]=wasmExports[\"cargl\"])(a0,a1);var _csqrt=Module[\"_csqrt\"]=(a0,a1)=>(_csqrt=Module[\"_csqrt\"]=wasmExports[\"csqrt\"])(a0,a1);var _clog=Module[\"_clog\"]=(a0,a1)=>(_clog=Module[\"_clog\"]=wasmExports[\"clog\"])(a0,a1);var _csqrtf=Module[\"_csqrtf\"]=(a0,a1)=>(_csqrtf=Module[\"_csqrtf\"]=wasmExports[\"csqrtf\"])(a0,a1);var _clogf=Module[\"_clogf\"]=(a0,a1)=>(_clogf=Module[\"_clogf\"]=wasmExports[\"clogf\"])(a0,a1);var _casinh=Module[\"_casinh\"]=(a0,a1)=>(_casinh=Module[\"_casinh\"]=wasmExports[\"casinh\"])(a0,a1);var _casinhf=Module[\"_casinhf\"]=(a0,a1)=>(_casinhf=Module[\"_casinhf\"]=wasmExports[\"casinhf\"])(a0,a1);var _casinhl=Module[\"_casinhl\"]=(a0,a1)=>(_casinhl=Module[\"_casinhl\"]=wasmExports[\"casinhl\"])(a0,a1);var _csqrtl=Module[\"_csqrtl\"]=(a0,a1)=>(_csqrtl=Module[\"_csqrtl\"]=wasmExports[\"csqrtl\"])(a0,a1);var _clogl=Module[\"_clogl\"]=(a0,a1)=>(_clogl=Module[\"_clogl\"]=wasmExports[\"clogl\"])(a0,a1);var _catan=Module[\"_catan\"]=(a0,a1)=>(_catan=Module[\"_catan\"]=wasmExports[\"catan\"])(a0,a1);var _catanf=Module[\"_catanf\"]=(a0,a1)=>(_catanf=Module[\"_catanf\"]=wasmExports[\"catanf\"])(a0,a1);var _catanh=Module[\"_catanh\"]=(a0,a1)=>(_catanh=Module[\"_catanh\"]=wasmExports[\"catanh\"])(a0,a1);var _catanhf=Module[\"_catanhf\"]=(a0,a1)=>(_catanhf=Module[\"_catanhf\"]=wasmExports[\"catanhf\"])(a0,a1);var _catanhl=Module[\"_catanhl\"]=(a0,a1)=>(_catanhl=Module[\"_catanhl\"]=wasmExports[\"catanhl\"])(a0,a1);var _catanl=Module[\"_catanl\"]=(a0,a1)=>(_catanl=Module[\"_catanl\"]=wasmExports[\"catanl\"])(a0,a1);var _logl=Module[\"_logl\"]=(a0,a1,a2)=>(_logl=Module[\"_logl\"]=wasmExports[\"logl\"])(a0,a1,a2);var ___trunctfsf2=Module[\"___trunctfsf2\"]=(a0,a1)=>(___trunctfsf2=Module[\"___trunctfsf2\"]=wasmExports[\"__trunctfsf2\"])(a0,a1);var ___extendsftf2=Module[\"___extendsftf2\"]=(a0,a1)=>(___extendsftf2=Module[\"___extendsftf2\"]=wasmExports[\"__extendsftf2\"])(a0,a1);var _catclose=Module[\"_catclose\"]=a0=>(_catclose=Module[\"_catclose\"]=wasmExports[\"catclose\"])(a0);var _catgets=Module[\"_catgets\"]=(a0,a1,a2,a3)=>(_catgets=Module[\"_catgets\"]=wasmExports[\"catgets\"])(a0,a1,a2,a3);var _catopen=Module[\"_catopen\"]=(a0,a1)=>(_catopen=Module[\"_catopen\"]=wasmExports[\"catopen\"])(a0,a1);var _cbrtf=Module[\"_cbrtf\"]=a0=>(_cbrtf=Module[\"_cbrtf\"]=wasmExports[\"cbrtf\"])(a0);var _cbrtl=Module[\"_cbrtl\"]=(a0,a1,a2)=>(_cbrtl=Module[\"_cbrtl\"]=wasmExports[\"cbrtl\"])(a0,a1,a2);var _ccos=Module[\"_ccos\"]=(a0,a1)=>(_ccos=Module[\"_ccos\"]=wasmExports[\"ccos\"])(a0,a1);var _ccosh=Module[\"_ccosh\"]=(a0,a1)=>(_ccosh=Module[\"_ccosh\"]=wasmExports[\"ccosh\"])(a0,a1);var _ccosf=Module[\"_ccosf\"]=(a0,a1)=>(_ccosf=Module[\"_ccosf\"]=wasmExports[\"ccosf\"])(a0,a1);var _ccoshf=Module[\"_ccoshf\"]=(a0,a1)=>(_ccoshf=Module[\"_ccoshf\"]=wasmExports[\"ccoshf\"])(a0,a1);var _coshf=Module[\"_coshf\"]=a0=>(_coshf=Module[\"_coshf\"]=wasmExports[\"coshf\"])(a0);var _sinhf=Module[\"_sinhf\"]=a0=>(_sinhf=Module[\"_sinhf\"]=wasmExports[\"sinhf\"])(a0);var _copysignf=Module[\"_copysignf\"]=(a0,a1)=>(_copysignf=Module[\"_copysignf\"]=wasmExports[\"copysignf\"])(a0,a1);var _ccoshl=Module[\"_ccoshl\"]=(a0,a1)=>(_ccoshl=Module[\"_ccoshl\"]=wasmExports[\"ccoshl\"])(a0,a1);var _ccosl=Module[\"_ccosl\"]=(a0,a1)=>(_ccosl=Module[\"_ccosl\"]=wasmExports[\"ccosl\"])(a0,a1);var _ceil=Module[\"_ceil\"]=a0=>(_ceil=Module[\"_ceil\"]=wasmExports[\"ceil\"])(a0);var _ceilf=Module[\"_ceilf\"]=a0=>(_ceilf=Module[\"_ceilf\"]=wasmExports[\"ceilf\"])(a0);var _ceill=Module[\"_ceill\"]=(a0,a1,a2)=>(_ceill=Module[\"_ceill\"]=wasmExports[\"ceill\"])(a0,a1,a2);var _cexp=Module[\"_cexp\"]=(a0,a1)=>(_cexp=Module[\"_cexp\"]=wasmExports[\"cexp\"])(a0,a1);var _cexpf=Module[\"_cexpf\"]=(a0,a1)=>(_cexpf=Module[\"_cexpf\"]=wasmExports[\"cexpf\"])(a0,a1);var _cexpl=Module[\"_cexpl\"]=(a0,a1)=>(_cexpl=Module[\"_cexpl\"]=wasmExports[\"cexpl\"])(a0,a1);var _cfgetospeed=Module[\"_cfgetospeed\"]=a0=>(_cfgetospeed=Module[\"_cfgetospeed\"]=wasmExports[\"cfgetospeed\"])(a0);var _cfgetispeed=Module[\"_cfgetispeed\"]=a0=>(_cfgetispeed=Module[\"_cfgetispeed\"]=wasmExports[\"cfgetispeed\"])(a0);var _cfmakeraw=Module[\"_cfmakeraw\"]=a0=>(_cfmakeraw=Module[\"_cfmakeraw\"]=wasmExports[\"cfmakeraw\"])(a0);var _cfsetospeed=Module[\"_cfsetospeed\"]=(a0,a1)=>(_cfsetospeed=Module[\"_cfsetospeed\"]=wasmExports[\"cfsetospeed\"])(a0,a1);var _cfsetispeed=Module[\"_cfsetispeed\"]=(a0,a1)=>(_cfsetispeed=Module[\"_cfsetispeed\"]=wasmExports[\"cfsetispeed\"])(a0,a1);var _cfsetspeed=Module[\"_cfsetspeed\"]=(a0,a1)=>(_cfsetspeed=Module[\"_cfsetspeed\"]=wasmExports[\"cfsetspeed\"])(a0,a1);var _cimag=Module[\"_cimag\"]=a0=>(_cimag=Module[\"_cimag\"]=wasmExports[\"cimag\"])(a0);var _cimagf=Module[\"_cimagf\"]=a0=>(_cimagf=Module[\"_cimagf\"]=wasmExports[\"cimagf\"])(a0);var _cimagl=Module[\"_cimagl\"]=(a0,a1)=>(_cimagl=Module[\"_cimagl\"]=wasmExports[\"cimagl\"])(a0,a1);var _clearenv=Module[\"_clearenv\"]=()=>(_clearenv=Module[\"_clearenv\"]=wasmExports[\"clearenv\"])();var _clearerr_unlocked=Module[\"_clearerr_unlocked\"]=a0=>(_clearerr_unlocked=Module[\"_clearerr_unlocked\"]=wasmExports[\"clearerr_unlocked\"])(a0);var _emscripten_thread_sleep=Module[\"_emscripten_thread_sleep\"]=a0=>(_emscripten_thread_sleep=Module[\"_emscripten_thread_sleep\"]=wasmExports[\"emscripten_thread_sleep\"])(a0);var _cnd_broadcast=Module[\"_cnd_broadcast\"]=a0=>(_cnd_broadcast=Module[\"_cnd_broadcast\"]=wasmExports[\"cnd_broadcast\"])(a0);var _cnd_destroy=Module[\"_cnd_destroy\"]=a0=>(_cnd_destroy=Module[\"_cnd_destroy\"]=wasmExports[\"cnd_destroy\"])(a0);var _cnd_init=Module[\"_cnd_init\"]=a0=>(_cnd_init=Module[\"_cnd_init\"]=wasmExports[\"cnd_init\"])(a0);var _cnd_signal=Module[\"_cnd_signal\"]=a0=>(_cnd_signal=Module[\"_cnd_signal\"]=wasmExports[\"cnd_signal\"])(a0);var _cnd_timedwait=Module[\"_cnd_timedwait\"]=(a0,a1,a2)=>(_cnd_timedwait=Module[\"_cnd_timedwait\"]=wasmExports[\"cnd_timedwait\"])(a0,a1,a2);var _cnd_wait=Module[\"_cnd_wait\"]=(a0,a1)=>(_cnd_wait=Module[\"_cnd_wait\"]=wasmExports[\"cnd_wait\"])(a0,a1);var _conj=Module[\"_conj\"]=(a0,a1)=>(_conj=Module[\"_conj\"]=wasmExports[\"conj\"])(a0,a1);var _conjf=Module[\"_conjf\"]=(a0,a1)=>(_conjf=Module[\"_conjf\"]=wasmExports[\"conjf\"])(a0,a1);var _conjl=Module[\"_conjl\"]=(a0,a1)=>(_conjl=Module[\"_conjl\"]=wasmExports[\"conjl\"])(a0,a1);var _copysignl=Module[\"_copysignl\"]=(a0,a1,a2,a3,a4)=>(_copysignl=Module[\"_copysignl\"]=wasmExports[\"copysignl\"])(a0,a1,a2,a3,a4);var _expm1f=Module[\"_expm1f\"]=a0=>(_expm1f=Module[\"_expm1f\"]=wasmExports[\"expm1f\"])(a0);var _coshl=Module[\"_coshl\"]=(a0,a1,a2)=>(_coshl=Module[\"_coshl\"]=wasmExports[\"coshl\"])(a0,a1,a2);var _cosl=Module[\"_cosl\"]=(a0,a1,a2)=>(_cosl=Module[\"_cosl\"]=wasmExports[\"cosl\"])(a0,a1,a2);var _cpow=Module[\"_cpow\"]=(a0,a1,a2)=>(_cpow=Module[\"_cpow\"]=wasmExports[\"cpow\"])(a0,a1,a2);var ___muldc3=Module[\"___muldc3\"]=(a0,a1,a2,a3,a4)=>(___muldc3=Module[\"___muldc3\"]=wasmExports[\"__muldc3\"])(a0,a1,a2,a3,a4);var _cpowf=Module[\"_cpowf\"]=(a0,a1,a2)=>(_cpowf=Module[\"_cpowf\"]=wasmExports[\"cpowf\"])(a0,a1,a2);var ___mulsc3=Module[\"___mulsc3\"]=(a0,a1,a2,a3,a4)=>(___mulsc3=Module[\"___mulsc3\"]=wasmExports[\"__mulsc3\"])(a0,a1,a2,a3,a4);var _cpowl=Module[\"_cpowl\"]=(a0,a1,a2)=>(_cpowl=Module[\"_cpowl\"]=wasmExports[\"cpowl\"])(a0,a1,a2);var ___unordtf2=Module[\"___unordtf2\"]=(a0,a1,a2,a3)=>(___unordtf2=Module[\"___unordtf2\"]=wasmExports[\"__unordtf2\"])(a0,a1,a2,a3);var ___multc3=Module[\"___multc3\"]=(a0,a1,a2,a3,a4,a5,a6,a7,a8)=>(___multc3=Module[\"___multc3\"]=wasmExports[\"__multc3\"])(a0,a1,a2,a3,a4,a5,a6,a7,a8);var _cproj=Module[\"_cproj\"]=(a0,a1)=>(_cproj=Module[\"_cproj\"]=wasmExports[\"cproj\"])(a0,a1);var _cprojf=Module[\"_cprojf\"]=(a0,a1)=>(_cprojf=Module[\"_cprojf\"]=wasmExports[\"cprojf\"])(a0,a1);var _cprojl=Module[\"_cprojl\"]=(a0,a1)=>(_cprojl=Module[\"_cprojl\"]=wasmExports[\"cprojl\"])(a0,a1);var _creal=Module[\"_creal\"]=a0=>(_creal=Module[\"_creal\"]=wasmExports[\"creal\"])(a0);var _crealf=Module[\"_crealf\"]=a0=>(_crealf=Module[\"_crealf\"]=wasmExports[\"crealf\"])(a0);var _creall=Module[\"_creall\"]=(a0,a1)=>(_creall=Module[\"_creall\"]=wasmExports[\"creall\"])(a0,a1);var _creat=Module[\"_creat\"]=(a0,a1)=>(_creat=Module[\"_creat\"]=wasmExports[\"creat\"])(a0,a1);var _crypt=Module[\"_crypt\"]=(a0,a1)=>(_crypt=Module[\"_crypt\"]=wasmExports[\"crypt\"])(a0,a1);var ___crypt_blowfish=Module[\"___crypt_blowfish\"]=(a0,a1,a2)=>(___crypt_blowfish=Module[\"___crypt_blowfish\"]=wasmExports[\"__crypt_blowfish\"])(a0,a1,a2);var ___crypt_des=Module[\"___crypt_des\"]=(a0,a1,a2)=>(___crypt_des=Module[\"___crypt_des\"]=wasmExports[\"__crypt_des\"])(a0,a1,a2);var ___crypt_md5=Module[\"___crypt_md5\"]=(a0,a1,a2)=>(___crypt_md5=Module[\"___crypt_md5\"]=wasmExports[\"__crypt_md5\"])(a0,a1,a2);var _strnlen=Module[\"_strnlen\"]=(a0,a1)=>(_strnlen=Module[\"_strnlen\"]=wasmExports[\"strnlen\"])(a0,a1);var ___crypt_sha256=Module[\"___crypt_sha256\"]=(a0,a1,a2)=>(___crypt_sha256=Module[\"___crypt_sha256\"]=wasmExports[\"__crypt_sha256\"])(a0,a1,a2);var ___crypt_sha512=Module[\"___crypt_sha512\"]=(a0,a1,a2)=>(___crypt_sha512=Module[\"___crypt_sha512\"]=wasmExports[\"__crypt_sha512\"])(a0,a1,a2);var _sprintf=Module[\"_sprintf\"]=(a0,a1,a2)=>(_sprintf=Module[\"_sprintf\"]=wasmExports[\"sprintf\"])(a0,a1,a2);var _csin=Module[\"_csin\"]=(a0,a1)=>(_csin=Module[\"_csin\"]=wasmExports[\"csin\"])(a0,a1);var _csinh=Module[\"_csinh\"]=(a0,a1)=>(_csinh=Module[\"_csinh\"]=wasmExports[\"csinh\"])(a0,a1);var _csinf=Module[\"_csinf\"]=(a0,a1)=>(_csinf=Module[\"_csinf\"]=wasmExports[\"csinf\"])(a0,a1);var _csinhf=Module[\"_csinhf\"]=(a0,a1)=>(_csinhf=Module[\"_csinhf\"]=wasmExports[\"csinhf\"])(a0,a1);var _csinhl=Module[\"_csinhl\"]=(a0,a1)=>(_csinhl=Module[\"_csinhl\"]=wasmExports[\"csinhl\"])(a0,a1);var _csinl=Module[\"_csinl\"]=(a0,a1)=>(_csinl=Module[\"_csinl\"]=wasmExports[\"csinl\"])(a0,a1);var _ctan=Module[\"_ctan\"]=(a0,a1)=>(_ctan=Module[\"_ctan\"]=wasmExports[\"ctan\"])(a0,a1);var _ctanh=Module[\"_ctanh\"]=(a0,a1)=>(_ctanh=Module[\"_ctanh\"]=wasmExports[\"ctanh\"])(a0,a1);var _ctanf=Module[\"_ctanf\"]=(a0,a1)=>(_ctanf=Module[\"_ctanf\"]=wasmExports[\"ctanf\"])(a0,a1);var _ctanhf=Module[\"_ctanhf\"]=(a0,a1)=>(_ctanhf=Module[\"_ctanhf\"]=wasmExports[\"ctanhf\"])(a0,a1);var _tanf=Module[\"_tanf\"]=a0=>(_tanf=Module[\"_tanf\"]=wasmExports[\"tanf\"])(a0);var _ctanhl=Module[\"_ctanhl\"]=(a0,a1)=>(_ctanhl=Module[\"_ctanhl\"]=wasmExports[\"ctanhl\"])(a0,a1);var _ctanl=Module[\"_ctanl\"]=(a0,a1)=>(_ctanl=Module[\"_ctanl\"]=wasmExports[\"ctanl\"])(a0,a1);var _ctime=Module[\"_ctime\"]=a0=>(_ctime=Module[\"_ctime\"]=wasmExports[\"ctime\"])(a0);var _localtime=Module[\"_localtime\"]=a0=>(_localtime=Module[\"_localtime\"]=wasmExports[\"localtime\"])(a0);var _ctime_r=Module[\"_ctime_r\"]=(a0,a1)=>(_ctime_r=Module[\"_ctime_r\"]=wasmExports[\"ctime_r\"])(a0,a1);var _dcngettext=Module[\"_dcngettext\"]=(a0,a1,a2,a3,a4)=>(_dcngettext=Module[\"_dcngettext\"]=wasmExports[\"dcngettext\"])(a0,a1,a2,a3,a4);var ___gettextdomain=Module[\"___gettextdomain\"]=()=>(___gettextdomain=Module[\"___gettextdomain\"]=wasmExports[\"__gettextdomain\"])();var _dngettext=Module[\"_dngettext\"]=(a0,a1,a2,a3)=>(_dngettext=Module[\"_dngettext\"]=wasmExports[\"dngettext\"])(a0,a1,a2,a3);var _difftime=Module[\"_difftime\"]=(a0,a1)=>(_difftime=Module[\"_difftime\"]=wasmExports[\"difftime\"])(a0,a1);var _dirname=Module[\"_dirname\"]=a0=>(_dirname=Module[\"_dirname\"]=wasmExports[\"dirname\"])(a0);var _div=Module[\"_div\"]=(a0,a1,a2)=>(_div=Module[\"_div\"]=wasmExports[\"div\"])(a0,a1,a2);var _dladdr=Module[\"_dladdr\"]=(a0,a1)=>(_dladdr=Module[\"_dladdr\"]=wasmExports[\"dladdr\"])(a0,a1);var ___libc_free=Module[\"___libc_free\"]=a0=>(___libc_free=Module[\"___libc_free\"]=wasmExports[\"__libc_free\"])(a0);var ___libc_malloc=Module[\"___libc_malloc\"]=a0=>(___libc_malloc=Module[\"___libc_malloc\"]=wasmExports[\"__libc_malloc\"])(a0);var ___dl_seterr=(a0,a1)=>(___dl_seterr=wasmExports[\"__dl_seterr\"])(a0,a1);var _dn_comp=Module[\"_dn_comp\"]=(a0,a1,a2,a3,a4)=>(_dn_comp=Module[\"_dn_comp\"]=wasmExports[\"dn_comp\"])(a0,a1,a2,a3,a4);var _dn_expand=Module[\"_dn_expand\"]=(a0,a1,a2,a3,a4)=>(_dn_expand=Module[\"_dn_expand\"]=wasmExports[\"dn_expand\"])(a0,a1,a2,a3,a4);var _dn_skipname=Module[\"_dn_skipname\"]=(a0,a1)=>(_dn_skipname=Module[\"_dn_skipname\"]=wasmExports[\"dn_skipname\"])(a0,a1);var _dprintf=Module[\"_dprintf\"]=(a0,a1,a2)=>(_dprintf=Module[\"_dprintf\"]=wasmExports[\"dprintf\"])(a0,a1,a2);var _vdprintf=Module[\"_vdprintf\"]=(a0,a1,a2)=>(_vdprintf=Module[\"_vdprintf\"]=wasmExports[\"vdprintf\"])(a0,a1,a2);var _erand48=Module[\"_erand48\"]=a0=>(_erand48=Module[\"_erand48\"]=wasmExports[\"erand48\"])(a0);var _drand48=Module[\"_drand48\"]=()=>(_drand48=Module[\"_drand48\"]=wasmExports[\"drand48\"])();var ___wasi_fd_is_valid=Module[\"___wasi_fd_is_valid\"]=a0=>(___wasi_fd_is_valid=Module[\"___wasi_fd_is_valid\"]=wasmExports[\"__wasi_fd_is_valid\"])(a0);var ___duplocale=Module[\"___duplocale\"]=a0=>(___duplocale=Module[\"___duplocale\"]=wasmExports[\"__duplocale\"])(a0);var _duplocale=Module[\"_duplocale\"]=a0=>(_duplocale=Module[\"_duplocale\"]=wasmExports[\"duplocale\"])(a0);var _new_dlevent=Module[\"_new_dlevent\"]=(a0,a1)=>(_new_dlevent=Module[\"_new_dlevent\"]=wasmExports[\"new_dlevent\"])(a0,a1);var _pthread_setcancelstate=Module[\"_pthread_setcancelstate\"]=(a0,a1)=>(_pthread_setcancelstate=Module[\"_pthread_setcancelstate\"]=wasmExports[\"pthread_setcancelstate\"])(a0,a1);var _emscripten_dlopen=Module[\"_emscripten_dlopen\"]=(a0,a1,a2,a3,a4)=>(_emscripten_dlopen=Module[\"_emscripten_dlopen\"]=wasmExports[\"emscripten_dlopen\"])(a0,a1,a2,a3,a4);var _emscripten_dlopen_promise=Module[\"_emscripten_dlopen_promise\"]=(a0,a1)=>(_emscripten_dlopen_promise=Module[\"_emscripten_dlopen_promise\"]=wasmExports[\"emscripten_dlopen_promise\"])(a0,a1);var _strspn=Module[\"_strspn\"]=(a0,a1)=>(_strspn=Module[\"_strspn\"]=wasmExports[\"strspn\"])(a0,a1);var _ecvt=Module[\"_ecvt\"]=(a0,a1,a2,a3)=>(_ecvt=Module[\"_ecvt\"]=wasmExports[\"ecvt\"])(a0,a1,a2,a3);var _emscripten_console_logf=Module[\"_emscripten_console_logf\"]=(a0,a1)=>(_emscripten_console_logf=Module[\"_emscripten_console_logf\"]=wasmExports[\"emscripten_console_logf\"])(a0,a1);var _emscripten_console_errorf=Module[\"_emscripten_console_errorf\"]=(a0,a1)=>(_emscripten_console_errorf=Module[\"_emscripten_console_errorf\"]=wasmExports[\"emscripten_console_errorf\"])(a0,a1);var _emscripten_console_warnf=Module[\"_emscripten_console_warnf\"]=(a0,a1)=>(_emscripten_console_warnf=Module[\"_emscripten_console_warnf\"]=wasmExports[\"emscripten_console_warnf\"])(a0,a1);var _emscripten_outf=Module[\"_emscripten_outf\"]=(a0,a1)=>(_emscripten_outf=Module[\"_emscripten_outf\"]=wasmExports[\"emscripten_outf\"])(a0,a1);var _emscripten_errf=Module[\"_emscripten_errf\"]=(a0,a1)=>(_emscripten_errf=Module[\"_emscripten_errf\"]=wasmExports[\"emscripten_errf\"])(a0,a1);var _emscripten_fiber_init=Module[\"_emscripten_fiber_init\"]=(a0,a1,a2,a3,a4,a5,a6)=>(_emscripten_fiber_init=Module[\"_emscripten_fiber_init\"]=wasmExports[\"emscripten_fiber_init\"])(a0,a1,a2,a3,a4,a5,a6);var _emscripten_fiber_init_from_current_context=Module[\"_emscripten_fiber_init_from_current_context\"]=(a0,a1,a2)=>(_emscripten_fiber_init_from_current_context=Module[\"_emscripten_fiber_init_from_current_context\"]=wasmExports[\"emscripten_fiber_init_from_current_context\"])(a0,a1,a2);var _emscripten_stack_get_base=Module[\"_emscripten_stack_get_base\"]=()=>(_emscripten_stack_get_base=Module[\"_emscripten_stack_get_base\"]=wasmExports[\"emscripten_stack_get_base\"])();var _emscripten_stack_get_end=Module[\"_emscripten_stack_get_end\"]=()=>(_emscripten_stack_get_end=Module[\"_emscripten_stack_get_end\"]=wasmExports[\"emscripten_stack_get_end\"])();var _emscripten_get_heap_size=Module[\"_emscripten_get_heap_size\"]=()=>(_emscripten_get_heap_size=Module[\"_emscripten_get_heap_size\"]=wasmExports[\"emscripten_get_heap_size\"])();var ___syscall_munmap=Module[\"___syscall_munmap\"]=(a0,a1)=>(___syscall_munmap=Module[\"___syscall_munmap\"]=wasmExports[\"__syscall_munmap\"])(a0,a1);var _emscripten_builtin_free=Module[\"_emscripten_builtin_free\"]=a0=>(_emscripten_builtin_free=Module[\"_emscripten_builtin_free\"]=wasmExports[\"emscripten_builtin_free\"])(a0);var ___syscall_msync=Module[\"___syscall_msync\"]=(a0,a1,a2)=>(___syscall_msync=Module[\"___syscall_msync\"]=wasmExports[\"__syscall_msync\"])(a0,a1,a2);var ___syscall_mmap2=Module[\"___syscall_mmap2\"]=(a0,a1,a2,a3,a4,a5)=>(___syscall_mmap2=Module[\"___syscall_mmap2\"]=wasmExports[\"__syscall_mmap2\"])(a0,a1,a2,a3,a4,a5);var _emscripten_builtin_memalign=(a0,a1)=>(_emscripten_builtin_memalign=wasmExports[\"emscripten_builtin_memalign\"])(a0,a1);var _emscripten_scan_stack=Module[\"_emscripten_scan_stack\"]=a0=>(_emscripten_scan_stack=Module[\"_emscripten_scan_stack\"]=wasmExports[\"emscripten_scan_stack\"])(a0);var _emscripten_stack_get_current=()=>(_emscripten_stack_get_current=wasmExports[\"emscripten_stack_get_current\"])();var ___clock=Module[\"___clock\"]=()=>(___clock=Module[\"___clock\"]=wasmExports[\"__clock\"])();var ___time=Module[\"___time\"]=a0=>(___time=Module[\"___time\"]=wasmExports[\"__time\"])(a0);var ___clock_getres=Module[\"___clock_getres\"]=(a0,a1)=>(___clock_getres=Module[\"___clock_getres\"]=wasmExports[\"__clock_getres\"])(a0,a1);var ___gettimeofday=Module[\"___gettimeofday\"]=(a0,a1)=>(___gettimeofday=Module[\"___gettimeofday\"]=wasmExports[\"__gettimeofday\"])(a0,a1);var _dysize=Module[\"_dysize\"]=a0=>(_dysize=Module[\"_dysize\"]=wasmExports[\"dysize\"])(a0);var _setkey=Module[\"_setkey\"]=a0=>(_setkey=Module[\"_setkey\"]=wasmExports[\"setkey\"])(a0);var _encrypt=Module[\"_encrypt\"]=(a0,a1)=>(_encrypt=Module[\"_encrypt\"]=wasmExports[\"encrypt\"])(a0,a1);var _sethostent=Module[\"_sethostent\"]=a0=>(_sethostent=Module[\"_sethostent\"]=wasmExports[\"sethostent\"])(a0);var _gethostent=Module[\"_gethostent\"]=()=>(_gethostent=Module[\"_gethostent\"]=wasmExports[\"gethostent\"])();var _getnetent=Module[\"_getnetent\"]=()=>(_getnetent=Module[\"_getnetent\"]=wasmExports[\"getnetent\"])();var _endhostent=Module[\"_endhostent\"]=()=>(_endhostent=Module[\"_endhostent\"]=wasmExports[\"endhostent\"])();var _setnetent=Module[\"_setnetent\"]=a0=>(_setnetent=Module[\"_setnetent\"]=wasmExports[\"setnetent\"])(a0);var _endnetent=Module[\"_endnetent\"]=()=>(_endnetent=Module[\"_endnetent\"]=wasmExports[\"endnetent\"])();var _erff=Module[\"_erff\"]=a0=>(_erff=Module[\"_erff\"]=wasmExports[\"erff\"])(a0);var _erfcf=Module[\"_erfcf\"]=a0=>(_erfcf=Module[\"_erfcf\"]=wasmExports[\"erfcf\"])(a0);var _erfl=Module[\"_erfl\"]=(a0,a1,a2)=>(_erfl=Module[\"_erfl\"]=wasmExports[\"erfl\"])(a0,a1,a2);var _erfcl=Module[\"_erfcl\"]=(a0,a1,a2)=>(_erfcl=Module[\"_erfcl\"]=wasmExports[\"erfcl\"])(a0,a1,a2);var _vwarn=Module[\"_vwarn\"]=(a0,a1)=>(_vwarn=Module[\"_vwarn\"]=wasmExports[\"vwarn\"])(a0,a1);var _fprintf=Module[\"_fprintf\"]=(a0,a1,a2)=>(_fprintf=Module[\"_fprintf\"]=wasmExports[\"fprintf\"])(a0,a1,a2);var _vwarnx=Module[\"_vwarnx\"]=(a0,a1)=>(_vwarnx=Module[\"_vwarnx\"]=wasmExports[\"vwarnx\"])(a0,a1);var _putc=Module[\"_putc\"]=(a0,a1)=>(_putc=Module[\"_putc\"]=wasmExports[\"putc\"])(a0,a1);var _verr=Module[\"_verr\"]=(a0,a1,a2)=>(_verr=Module[\"_verr\"]=wasmExports[\"verr\"])(a0,a1,a2);var _verrx=Module[\"_verrx\"]=(a0,a1,a2)=>(_verrx=Module[\"_verrx\"]=wasmExports[\"verrx\"])(a0,a1,a2);var _warn=Module[\"_warn\"]=(a0,a1)=>(_warn=Module[\"_warn\"]=wasmExports[\"warn\"])(a0,a1);var _warnx=Module[\"_warnx\"]=(a0,a1)=>(_warnx=Module[\"_warnx\"]=wasmExports[\"warnx\"])(a0,a1);var _err=Module[\"_err\"]=(a0,a1,a2)=>(_err=Module[\"_err\"]=wasmExports[\"err\"])(a0,a1,a2);var _errx=Module[\"_errx\"]=(a0,a1,a2)=>(_errx=Module[\"_errx\"]=wasmExports[\"errx\"])(a0,a1,a2);var _ether_aton_r=Module[\"_ether_aton_r\"]=(a0,a1)=>(_ether_aton_r=Module[\"_ether_aton_r\"]=wasmExports[\"ether_aton_r\"])(a0,a1);var _ether_aton=Module[\"_ether_aton\"]=a0=>(_ether_aton=Module[\"_ether_aton\"]=wasmExports[\"ether_aton\"])(a0);var _ether_ntoa_r=Module[\"_ether_ntoa_r\"]=(a0,a1)=>(_ether_ntoa_r=Module[\"_ether_ntoa_r\"]=wasmExports[\"ether_ntoa_r\"])(a0,a1);var _ether_ntoa=Module[\"_ether_ntoa\"]=a0=>(_ether_ntoa=Module[\"_ether_ntoa\"]=wasmExports[\"ether_ntoa\"])(a0);var _ether_line=Module[\"_ether_line\"]=(a0,a1,a2)=>(_ether_line=Module[\"_ether_line\"]=wasmExports[\"ether_line\"])(a0,a1,a2);var _ether_ntohost=Module[\"_ether_ntohost\"]=(a0,a1)=>(_ether_ntohost=Module[\"_ether_ntohost\"]=wasmExports[\"ether_ntohost\"])(a0,a1);var _ether_hostton=Module[\"_ether_hostton\"]=(a0,a1)=>(_ether_hostton=Module[\"_ether_hostton\"]=wasmExports[\"ether_hostton\"])(a0,a1);var _execl=Module[\"_execl\"]=(a0,a1,a2)=>(_execl=Module[\"_execl\"]=wasmExports[\"execl\"])(a0,a1,a2);var _execle=Module[\"_execle\"]=(a0,a1,a2)=>(_execle=Module[\"_execle\"]=wasmExports[\"execle\"])(a0,a1,a2);var _execlp=Module[\"_execlp\"]=(a0,a1,a2)=>(_execlp=Module[\"_execlp\"]=wasmExports[\"execlp\"])(a0,a1,a2);var _execvp=Module[\"_execvp\"]=(a0,a1)=>(_execvp=Module[\"_execvp\"]=wasmExports[\"execvp\"])(a0,a1);var _execvpe=Module[\"_execvpe\"]=(a0,a1,a2)=>(_execvpe=Module[\"_execvpe\"]=wasmExports[\"execvpe\"])(a0,a1,a2);var _exp10=Module[\"_exp10\"]=a0=>(_exp10=Module[\"_exp10\"]=wasmExports[\"exp10\"])(a0);var _pow10=Module[\"_pow10\"]=a0=>(_pow10=Module[\"_pow10\"]=wasmExports[\"pow10\"])(a0);var _exp10f=Module[\"_exp10f\"]=a0=>(_exp10f=Module[\"_exp10f\"]=wasmExports[\"exp10f\"])(a0);var _modff=Module[\"_modff\"]=(a0,a1)=>(_modff=Module[\"_modff\"]=wasmExports[\"modff\"])(a0,a1);var _exp2f=Module[\"_exp2f\"]=a0=>(_exp2f=Module[\"_exp2f\"]=wasmExports[\"exp2f\"])(a0);var _pow10f=Module[\"_pow10f\"]=a0=>(_pow10f=Module[\"_pow10f\"]=wasmExports[\"pow10f\"])(a0);var _exp10l=Module[\"_exp10l\"]=(a0,a1,a2)=>(_exp10l=Module[\"_exp10l\"]=wasmExports[\"exp10l\"])(a0,a1,a2);var _modfl=Module[\"_modfl\"]=(a0,a1,a2,a3)=>(_modfl=Module[\"_modfl\"]=wasmExports[\"modfl\"])(a0,a1,a2,a3);var _exp2l=Module[\"_exp2l\"]=(a0,a1,a2)=>(_exp2l=Module[\"_exp2l\"]=wasmExports[\"exp2l\"])(a0,a1,a2);var _powl=Module[\"_powl\"]=(a0,a1,a2,a3,a4)=>(_powl=Module[\"_powl\"]=wasmExports[\"powl\"])(a0,a1,a2,a3,a4);var _pow10l=Module[\"_pow10l\"]=(a0,a1,a2)=>(_pow10l=Module[\"_pow10l\"]=wasmExports[\"pow10l\"])(a0,a1,a2);var ___letf2=Module[\"___letf2\"]=(a0,a1,a2,a3)=>(___letf2=Module[\"___letf2\"]=wasmExports[\"__letf2\"])(a0,a1,a2,a3);var _scalbnl=Module[\"_scalbnl\"]=(a0,a1,a2,a3)=>(_scalbnl=Module[\"_scalbnl\"]=wasmExports[\"scalbnl\"])(a0,a1,a2,a3);var _expl=Module[\"_expl\"]=(a0,a1,a2)=>(_expl=Module[\"_expl\"]=wasmExports[\"expl\"])(a0,a1,a2);var _expm1l=Module[\"_expm1l\"]=(a0,a1,a2)=>(_expm1l=Module[\"_expm1l\"]=wasmExports[\"expm1l\"])(a0,a1,a2);var __flushlbf=Module[\"__flushlbf\"]=()=>(__flushlbf=Module[\"__flushlbf\"]=wasmExports[\"_flushlbf\"])();var ___fsetlocking=Module[\"___fsetlocking\"]=(a0,a1)=>(___fsetlocking=Module[\"___fsetlocking\"]=wasmExports[\"__fsetlocking\"])(a0,a1);var ___fwriting=Module[\"___fwriting\"]=a0=>(___fwriting=Module[\"___fwriting\"]=wasmExports[\"__fwriting\"])(a0);var ___freading=Module[\"___freading\"]=a0=>(___freading=Module[\"___freading\"]=wasmExports[\"__freading\"])(a0);var ___freadable=Module[\"___freadable\"]=a0=>(___freadable=Module[\"___freadable\"]=wasmExports[\"__freadable\"])(a0);var ___fwritable=Module[\"___fwritable\"]=a0=>(___fwritable=Module[\"___fwritable\"]=wasmExports[\"__fwritable\"])(a0);var ___flbf=Module[\"___flbf\"]=a0=>(___flbf=Module[\"___flbf\"]=wasmExports[\"__flbf\"])(a0);var ___fbufsize=Module[\"___fbufsize\"]=a0=>(___fbufsize=Module[\"___fbufsize\"]=wasmExports[\"__fbufsize\"])(a0);var ___fpending=Module[\"___fpending\"]=a0=>(___fpending=Module[\"___fpending\"]=wasmExports[\"__fpending\"])(a0);var ___fpurge=Module[\"___fpurge\"]=a0=>(___fpurge=Module[\"___fpurge\"]=wasmExports[\"__fpurge\"])(a0);var _fpurge=Module[\"_fpurge\"]=a0=>(_fpurge=Module[\"_fpurge\"]=wasmExports[\"fpurge\"])(a0);var ___freadahead=Module[\"___freadahead\"]=a0=>(___freadahead=Module[\"___freadahead\"]=wasmExports[\"__freadahead\"])(a0);var ___freadptr=Module[\"___freadptr\"]=(a0,a1)=>(___freadptr=Module[\"___freadptr\"]=wasmExports[\"__freadptr\"])(a0,a1);var ___freadptrinc=Module[\"___freadptrinc\"]=(a0,a1)=>(___freadptrinc=Module[\"___freadptrinc\"]=wasmExports[\"__freadptrinc\"])(a0,a1);var ___fseterr=Module[\"___fseterr\"]=a0=>(___fseterr=Module[\"___fseterr\"]=wasmExports[\"__fseterr\"])(a0);var _faccessat=Module[\"_faccessat\"]=(a0,a1,a2,a3)=>(_faccessat=Module[\"_faccessat\"]=wasmExports[\"faccessat\"])(a0,a1,a2,a3);var _fcvt=Module[\"_fcvt\"]=(a0,a1,a2,a3)=>(_fcvt=Module[\"_fcvt\"]=wasmExports[\"fcvt\"])(a0,a1,a2,a3);var _fdim=Module[\"_fdim\"]=(a0,a1)=>(_fdim=Module[\"_fdim\"]=wasmExports[\"fdim\"])(a0,a1);var _fdimf=Module[\"_fdimf\"]=(a0,a1)=>(_fdimf=Module[\"_fdimf\"]=wasmExports[\"fdimf\"])(a0,a1);var _fdiml=Module[\"_fdiml\"]=(a0,a1,a2,a3,a4)=>(_fdiml=Module[\"_fdiml\"]=wasmExports[\"fdiml\"])(a0,a1,a2,a3,a4);var _fegetexceptflag=Module[\"_fegetexceptflag\"]=(a0,a1)=>(_fegetexceptflag=Module[\"_fegetexceptflag\"]=wasmExports[\"fegetexceptflag\"])(a0,a1);var _fetestexcept=Module[\"_fetestexcept\"]=a0=>(_fetestexcept=Module[\"_fetestexcept\"]=wasmExports[\"fetestexcept\"])(a0);var _feholdexcept=Module[\"_feholdexcept\"]=a0=>(_feholdexcept=Module[\"_feholdexcept\"]=wasmExports[\"feholdexcept\"])(a0);var _fegetenv=Module[\"_fegetenv\"]=a0=>(_fegetenv=Module[\"_fegetenv\"]=wasmExports[\"fegetenv\"])(a0);var _feclearexcept=Module[\"_feclearexcept\"]=a0=>(_feclearexcept=Module[\"_feclearexcept\"]=wasmExports[\"feclearexcept\"])(a0);var _feraiseexcept=Module[\"_feraiseexcept\"]=a0=>(_feraiseexcept=Module[\"_feraiseexcept\"]=wasmExports[\"feraiseexcept\"])(a0);var ___fesetround=Module[\"___fesetround\"]=a0=>(___fesetround=Module[\"___fesetround\"]=wasmExports[\"__fesetround\"])(a0);var _fesetenv=Module[\"_fesetenv\"]=a0=>(_fesetenv=Module[\"_fesetenv\"]=wasmExports[\"fesetenv\"])(a0);var _feof_unlocked=Module[\"_feof_unlocked\"]=a0=>(_feof_unlocked=Module[\"_feof_unlocked\"]=wasmExports[\"feof_unlocked\"])(a0);var __IO_feof_unlocked=Module[\"__IO_feof_unlocked\"]=a0=>(__IO_feof_unlocked=Module[\"__IO_feof_unlocked\"]=wasmExports[\"_IO_feof_unlocked\"])(a0);var _ferror_unlocked=Module[\"_ferror_unlocked\"]=a0=>(_ferror_unlocked=Module[\"_ferror_unlocked\"]=wasmExports[\"ferror_unlocked\"])(a0);var __IO_ferror_unlocked=Module[\"__IO_ferror_unlocked\"]=a0=>(__IO_ferror_unlocked=Module[\"__IO_ferror_unlocked\"]=wasmExports[\"_IO_ferror_unlocked\"])(a0);var _fesetexceptflag=Module[\"_fesetexceptflag\"]=(a0,a1)=>(_fesetexceptflag=Module[\"_fesetexceptflag\"]=wasmExports[\"fesetexceptflag\"])(a0,a1);var _fesetround=Module[\"_fesetround\"]=a0=>(_fesetround=Module[\"_fesetround\"]=wasmExports[\"fesetround\"])(a0);var _feupdateenv=Module[\"_feupdateenv\"]=a0=>(_feupdateenv=Module[\"_feupdateenv\"]=wasmExports[\"feupdateenv\"])(a0);var _fflush_unlocked=Module[\"_fflush_unlocked\"]=a0=>(_fflush_unlocked=Module[\"_fflush_unlocked\"]=wasmExports[\"fflush_unlocked\"])(a0);var _ffs=Module[\"_ffs\"]=a0=>(_ffs=Module[\"_ffs\"]=wasmExports[\"ffs\"])(a0);var _ffsl=Module[\"_ffsl\"]=a0=>(_ffsl=Module[\"_ffsl\"]=wasmExports[\"ffsl\"])(a0);var _ffsll=Module[\"_ffsll\"]=a0=>(_ffsll=Module[\"_ffsll\"]=wasmExports[\"ffsll\"])(a0);var _emscripten_futex_wake=Module[\"_emscripten_futex_wake\"]=(a0,a1)=>(_emscripten_futex_wake=Module[\"_emscripten_futex_wake\"]=wasmExports[\"emscripten_futex_wake\"])(a0,a1);var _fgetln=Module[\"_fgetln\"]=(a0,a1)=>(_fgetln=Module[\"_fgetln\"]=wasmExports[\"fgetln\"])(a0,a1);var _getline=Module[\"_getline\"]=(a0,a1,a2)=>(_getline=Module[\"_getline\"]=wasmExports[\"getline\"])(a0,a1,a2);var _fgetpos=Module[\"_fgetpos\"]=(a0,a1)=>(_fgetpos=Module[\"_fgetpos\"]=wasmExports[\"fgetpos\"])(a0,a1);var _fgets_unlocked=Module[\"_fgets_unlocked\"]=(a0,a1,a2)=>(_fgets_unlocked=Module[\"_fgets_unlocked\"]=wasmExports[\"fgets_unlocked\"])(a0,a1,a2);var ___fgetwc_unlocked=Module[\"___fgetwc_unlocked\"]=a0=>(___fgetwc_unlocked=Module[\"___fgetwc_unlocked\"]=wasmExports[\"__fgetwc_unlocked\"])(a0);var _fwide=Module[\"_fwide\"]=(a0,a1)=>(_fwide=Module[\"_fwide\"]=wasmExports[\"fwide\"])(a0,a1);var _mbtowc=Module[\"_mbtowc\"]=(a0,a1,a2)=>(_mbtowc=Module[\"_mbtowc\"]=wasmExports[\"mbtowc\"])(a0,a1,a2);var _fgetwc=Module[\"_fgetwc\"]=a0=>(_fgetwc=Module[\"_fgetwc\"]=wasmExports[\"fgetwc\"])(a0);var _fgetwc_unlocked=Module[\"_fgetwc_unlocked\"]=a0=>(_fgetwc_unlocked=Module[\"_fgetwc_unlocked\"]=wasmExports[\"fgetwc_unlocked\"])(a0);var _getwc_unlocked=Module[\"_getwc_unlocked\"]=a0=>(_getwc_unlocked=Module[\"_getwc_unlocked\"]=wasmExports[\"getwc_unlocked\"])(a0);var _fgetws=Module[\"_fgetws\"]=(a0,a1,a2)=>(_fgetws=Module[\"_fgetws\"]=wasmExports[\"fgetws\"])(a0,a1,a2);var _fgetws_unlocked=Module[\"_fgetws_unlocked\"]=(a0,a1,a2)=>(_fgetws_unlocked=Module[\"_fgetws_unlocked\"]=wasmExports[\"fgetws_unlocked\"])(a0,a1,a2);var _fileno_unlocked=Module[\"_fileno_unlocked\"]=a0=>(_fileno_unlocked=Module[\"_fileno_unlocked\"]=wasmExports[\"fileno_unlocked\"])(a0);var _finite=Module[\"_finite\"]=a0=>(_finite=Module[\"_finite\"]=wasmExports[\"finite\"])(a0);var _finitef=Module[\"_finitef\"]=a0=>(_finitef=Module[\"_finitef\"]=wasmExports[\"finitef\"])(a0);var ___floatunsitf=Module[\"___floatunsitf\"]=(a0,a1)=>(___floatunsitf=Module[\"___floatunsitf\"]=wasmExports[\"__floatunsitf\"])(a0,a1);var _fmodl=Module[\"_fmodl\"]=(a0,a1,a2,a3,a4)=>(_fmodl=Module[\"_fmodl\"]=wasmExports[\"fmodl\"])(a0,a1,a2,a3,a4);var _ftrylockfile=Module[\"_ftrylockfile\"]=a0=>(_ftrylockfile=Module[\"_ftrylockfile\"]=wasmExports[\"ftrylockfile\"])(a0);var _floorf=Module[\"_floorf\"]=a0=>(_floorf=Module[\"_floorf\"]=wasmExports[\"floorf\"])(a0);var _floorl=Module[\"_floorl\"]=(a0,a1,a2)=>(_floorl=Module[\"_floorl\"]=wasmExports[\"floorl\"])(a0,a1,a2);var _fmaf=Module[\"_fmaf\"]=(a0,a1,a2)=>(_fmaf=Module[\"_fmaf\"]=wasmExports[\"fmaf\"])(a0,a1,a2);var _fmal=Module[\"_fmal\"]=(a0,a1,a2,a3,a4,a5,a6)=>(_fmal=Module[\"_fmal\"]=wasmExports[\"fmal\"])(a0,a1,a2,a3,a4,a5,a6);var _frexpl=Module[\"_frexpl\"]=(a0,a1,a2,a3)=>(_frexpl=Module[\"_frexpl\"]=wasmExports[\"frexpl\"])(a0,a1,a2,a3);var _nextafterl=Module[\"_nextafterl\"]=(a0,a1,a2,a3,a4)=>(_nextafterl=Module[\"_nextafterl\"]=wasmExports[\"nextafterl\"])(a0,a1,a2,a3,a4);var _ilogbl=Module[\"_ilogbl\"]=(a0,a1)=>(_ilogbl=Module[\"_ilogbl\"]=wasmExports[\"ilogbl\"])(a0,a1);var _fmax=Module[\"_fmax\"]=(a0,a1)=>(_fmax=Module[\"_fmax\"]=wasmExports[\"fmax\"])(a0,a1);var _fmaxf=Module[\"_fmaxf\"]=(a0,a1)=>(_fmaxf=Module[\"_fmaxf\"]=wasmExports[\"fmaxf\"])(a0,a1);var _fmaxl=Module[\"_fmaxl\"]=(a0,a1,a2,a3,a4)=>(_fmaxl=Module[\"_fmaxl\"]=wasmExports[\"fmaxl\"])(a0,a1,a2,a3,a4);var _fmemopen=Module[\"_fmemopen\"]=(a0,a1,a2)=>(_fmemopen=Module[\"_fmemopen\"]=wasmExports[\"fmemopen\"])(a0,a1,a2);var _fmin=Module[\"_fmin\"]=(a0,a1)=>(_fmin=Module[\"_fmin\"]=wasmExports[\"fmin\"])(a0,a1);var _fminf=Module[\"_fminf\"]=(a0,a1)=>(_fminf=Module[\"_fminf\"]=wasmExports[\"fminf\"])(a0,a1);var _fminl=Module[\"_fminl\"]=(a0,a1,a2,a3,a4)=>(_fminl=Module[\"_fminl\"]=wasmExports[\"fminl\"])(a0,a1,a2,a3,a4);var _fmodf=Module[\"_fmodf\"]=(a0,a1)=>(_fmodf=Module[\"_fmodf\"]=wasmExports[\"fmodf\"])(a0,a1);var _fmtmsg=Module[\"_fmtmsg\"]=(a0,a1,a2,a3,a4,a5)=>(_fmtmsg=Module[\"_fmtmsg\"]=wasmExports[\"fmtmsg\"])(a0,a1,a2,a3,a4,a5);var _fnmatch=Module[\"_fnmatch\"]=(a0,a1,a2)=>(_fnmatch=Module[\"_fnmatch\"]=wasmExports[\"fnmatch\"])(a0,a1,a2);var _towupper=Module[\"_towupper\"]=a0=>(_towupper=Module[\"_towupper\"]=wasmExports[\"towupper\"])(a0);var _towlower=Module[\"_towlower\"]=a0=>(_towlower=Module[\"_towlower\"]=wasmExports[\"towlower\"])(a0);var _wctype=Module[\"_wctype\"]=a0=>(_wctype=Module[\"_wctype\"]=wasmExports[\"wctype\"])(a0);var _iswctype=Module[\"_iswctype\"]=(a0,a1)=>(_iswctype=Module[\"_iswctype\"]=wasmExports[\"iswctype\"])(a0,a1);var _fopencookie=Module[\"_fopencookie\"]=(a0,a1,a2)=>(_fopencookie=Module[\"_fopencookie\"]=wasmExports[\"fopencookie\"])(a0,a1,a2);var _forkpty=Module[\"_forkpty\"]=(a0,a1,a2,a3)=>(_forkpty=Module[\"_forkpty\"]=wasmExports[\"forkpty\"])(a0,a1,a2,a3);var _openpty=Module[\"_openpty\"]=(a0,a1,a2,a3,a4)=>(_openpty=Module[\"_openpty\"]=wasmExports[\"openpty\"])(a0,a1,a2,a3,a4);var _pipe2=Module[\"_pipe2\"]=(a0,a1)=>(_pipe2=Module[\"_pipe2\"]=wasmExports[\"pipe2\"])(a0,a1);var _vfiprintf=Module[\"_vfiprintf\"]=(a0,a1,a2)=>(_vfiprintf=Module[\"_vfiprintf\"]=wasmExports[\"vfiprintf\"])(a0,a1,a2);var ___small_vfprintf=Module[\"___small_vfprintf\"]=(a0,a1,a2)=>(___small_vfprintf=Module[\"___small_vfprintf\"]=wasmExports[\"__small_vfprintf\"])(a0,a1,a2);var _fputs_unlocked=Module[\"_fputs_unlocked\"]=(a0,a1)=>(_fputs_unlocked=Module[\"_fputs_unlocked\"]=wasmExports[\"fputs_unlocked\"])(a0,a1);var ___fputwc_unlocked=Module[\"___fputwc_unlocked\"]=(a0,a1)=>(___fputwc_unlocked=Module[\"___fputwc_unlocked\"]=wasmExports[\"__fputwc_unlocked\"])(a0,a1);var _wctomb=Module[\"_wctomb\"]=(a0,a1)=>(_wctomb=Module[\"_wctomb\"]=wasmExports[\"wctomb\"])(a0,a1);var _fputwc=Module[\"_fputwc\"]=(a0,a1)=>(_fputwc=Module[\"_fputwc\"]=wasmExports[\"fputwc\"])(a0,a1);var _fputwc_unlocked=Module[\"_fputwc_unlocked\"]=(a0,a1)=>(_fputwc_unlocked=Module[\"_fputwc_unlocked\"]=wasmExports[\"fputwc_unlocked\"])(a0,a1);var _putwc_unlocked=Module[\"_putwc_unlocked\"]=(a0,a1)=>(_putwc_unlocked=Module[\"_putwc_unlocked\"]=wasmExports[\"putwc_unlocked\"])(a0,a1);var _fputws=Module[\"_fputws\"]=(a0,a1)=>(_fputws=Module[\"_fputws\"]=wasmExports[\"fputws\"])(a0,a1);var _wcsrtombs=Module[\"_wcsrtombs\"]=(a0,a1,a2,a3)=>(_wcsrtombs=Module[\"_wcsrtombs\"]=wasmExports[\"wcsrtombs\"])(a0,a1,a2,a3);var _fputws_unlocked=Module[\"_fputws_unlocked\"]=(a0,a1)=>(_fputws_unlocked=Module[\"_fputws_unlocked\"]=wasmExports[\"fputws_unlocked\"])(a0,a1);var _fread_unlocked=Module[\"_fread_unlocked\"]=(a0,a1,a2,a3)=>(_fread_unlocked=Module[\"_fread_unlocked\"]=wasmExports[\"fread_unlocked\"])(a0,a1,a2,a3);var _freelocale=Module[\"_freelocale\"]=a0=>(_freelocale=Module[\"_freelocale\"]=wasmExports[\"freelocale\"])(a0);var ___freelocale=Module[\"___freelocale\"]=a0=>(___freelocale=Module[\"___freelocale\"]=wasmExports[\"__freelocale\"])(a0);var _freopen=Module[\"_freopen\"]=(a0,a1,a2)=>(_freopen=Module[\"_freopen\"]=wasmExports[\"freopen\"])(a0,a1,a2);var _frexpf=Module[\"_frexpf\"]=(a0,a1)=>(_frexpf=Module[\"_frexpf\"]=wasmExports[\"frexpf\"])(a0,a1);var _fscanf=Module[\"_fscanf\"]=(a0,a1,a2)=>(_fscanf=Module[\"_fscanf\"]=wasmExports[\"fscanf\"])(a0,a1,a2);var _vfscanf=Module[\"_vfscanf\"]=(a0,a1,a2)=>(_vfscanf=Module[\"_vfscanf\"]=wasmExports[\"vfscanf\"])(a0,a1,a2);var ___isoc99_fscanf=Module[\"___isoc99_fscanf\"]=(a0,a1,a2)=>(___isoc99_fscanf=Module[\"___isoc99_fscanf\"]=wasmExports[\"__isoc99_fscanf\"])(a0,a1,a2);var _fseek=Module[\"_fseek\"]=(a0,a1,a2)=>(_fseek=Module[\"_fseek\"]=wasmExports[\"fseek\"])(a0,a1,a2);var _fseeko=Module[\"_fseeko\"]=(a0,a1,a2)=>(_fseeko=Module[\"_fseeko\"]=wasmExports[\"fseeko\"])(a0,a1,a2);var _fsetpos=Module[\"_fsetpos\"]=(a0,a1)=>(_fsetpos=Module[\"_fsetpos\"]=wasmExports[\"fsetpos\"])(a0,a1);var _ftello=Module[\"_ftello\"]=a0=>(_ftello=Module[\"_ftello\"]=wasmExports[\"ftello\"])(a0);var _ftime=Module[\"_ftime\"]=a0=>(_ftime=Module[\"_ftime\"]=wasmExports[\"ftime\"])(a0);var _utimensat=Module[\"_utimensat\"]=(a0,a1,a2,a3)=>(_utimensat=Module[\"_utimensat\"]=wasmExports[\"utimensat\"])(a0,a1,a2,a3);var _fwprintf=Module[\"_fwprintf\"]=(a0,a1,a2)=>(_fwprintf=Module[\"_fwprintf\"]=wasmExports[\"fwprintf\"])(a0,a1,a2);var _vfwprintf=Module[\"_vfwprintf\"]=(a0,a1,a2)=>(_vfwprintf=Module[\"_vfwprintf\"]=wasmExports[\"vfwprintf\"])(a0,a1,a2);var _fwrite_unlocked=Module[\"_fwrite_unlocked\"]=(a0,a1,a2,a3)=>(_fwrite_unlocked=Module[\"_fwrite_unlocked\"]=wasmExports[\"fwrite_unlocked\"])(a0,a1,a2,a3);var _fwscanf=Module[\"_fwscanf\"]=(a0,a1,a2)=>(_fwscanf=Module[\"_fwscanf\"]=wasmExports[\"fwscanf\"])(a0,a1,a2);var _vfwscanf=Module[\"_vfwscanf\"]=(a0,a1,a2)=>(_vfwscanf=Module[\"_vfwscanf\"]=wasmExports[\"vfwscanf\"])(a0,a1,a2);var ___isoc99_fwscanf=Module[\"___isoc99_fwscanf\"]=(a0,a1,a2)=>(___isoc99_fwscanf=Module[\"___isoc99_fwscanf\"]=wasmExports[\"__isoc99_fwscanf\"])(a0,a1,a2);var _gcvt=Module[\"_gcvt\"]=(a0,a1,a2)=>(_gcvt=Module[\"_gcvt\"]=wasmExports[\"gcvt\"])(a0,a1,a2);var _get_current_dir_name=Module[\"_get_current_dir_name\"]=()=>(_get_current_dir_name=Module[\"_get_current_dir_name\"]=wasmExports[\"get_current_dir_name\"])();var _strdup=Module[\"_strdup\"]=a0=>(_strdup=Module[\"_strdup\"]=wasmExports[\"strdup\"])(a0);var __IO_getc=Module[\"__IO_getc\"]=a0=>(__IO_getc=Module[\"__IO_getc\"]=wasmExports[\"_IO_getc\"])(a0);var _fgetc_unlocked=Module[\"_fgetc_unlocked\"]=a0=>(_fgetc_unlocked=Module[\"_fgetc_unlocked\"]=wasmExports[\"fgetc_unlocked\"])(a0);var __IO_getc_unlocked=Module[\"__IO_getc_unlocked\"]=a0=>(__IO_getc_unlocked=Module[\"__IO_getc_unlocked\"]=wasmExports[\"_IO_getc_unlocked\"])(a0);var _getchar=Module[\"_getchar\"]=()=>(_getchar=Module[\"_getchar\"]=wasmExports[\"getchar\"])();var _getchar_unlocked=Module[\"_getchar_unlocked\"]=()=>(_getchar_unlocked=Module[\"_getchar_unlocked\"]=wasmExports[\"getchar_unlocked\"])();var _getdelim=Module[\"_getdelim\"]=(a0,a1,a2,a3)=>(_getdelim=Module[\"_getdelim\"]=wasmExports[\"getdelim\"])(a0,a1,a2,a3);var ___getdelim=Module[\"___getdelim\"]=(a0,a1,a2,a3)=>(___getdelim=Module[\"___getdelim\"]=wasmExports[\"__getdelim\"])(a0,a1,a2,a3);var _getdents=Module[\"_getdents\"]=(a0,a1,a2)=>(_getdents=Module[\"_getdents\"]=wasmExports[\"getdents\"])(a0,a1,a2);var _getdomainname=Module[\"_getdomainname\"]=(a0,a1)=>(_getdomainname=Module[\"_getdomainname\"]=wasmExports[\"getdomainname\"])(a0,a1);var _getegid=Module[\"_getegid\"]=()=>(_getegid=Module[\"_getegid\"]=wasmExports[\"getegid\"])();var _geteuid=Module[\"_geteuid\"]=()=>(_geteuid=Module[\"_geteuid\"]=wasmExports[\"geteuid\"])();var _getgroups=Module[\"_getgroups\"]=(a0,a1)=>(_getgroups=Module[\"_getgroups\"]=wasmExports[\"getgroups\"])(a0,a1);var _gethostid=Module[\"_gethostid\"]=()=>(_gethostid=Module[\"_gethostid\"]=wasmExports[\"gethostid\"])();var _freeifaddrs=Module[\"_freeifaddrs\"]=a0=>(_freeifaddrs=Module[\"_freeifaddrs\"]=wasmExports[\"freeifaddrs\"])(a0);var _getifaddrs=Module[\"_getifaddrs\"]=a0=>(_getifaddrs=Module[\"_getifaddrs\"]=wasmExports[\"getifaddrs\"])(a0);var ___getitimer=Module[\"___getitimer\"]=(a0,a1,a2)=>(___getitimer=Module[\"___getitimer\"]=wasmExports[\"__getitimer\"])(a0,a1,a2);var _getlogin_r=Module[\"_getlogin_r\"]=(a0,a1)=>(_getlogin_r=Module[\"_getlogin_r\"]=wasmExports[\"getlogin_r\"])(a0,a1);var _getopt=Module[\"_getopt\"]=(a0,a1,a2)=>(_getopt=Module[\"_getopt\"]=wasmExports[\"getopt\"])(a0,a1,a2);var ___posix_getopt=Module[\"___posix_getopt\"]=(a0,a1,a2)=>(___posix_getopt=Module[\"___posix_getopt\"]=wasmExports[\"__posix_getopt\"])(a0,a1,a2);var _getopt_long=Module[\"_getopt_long\"]=(a0,a1,a2,a3,a4)=>(_getopt_long=Module[\"_getopt_long\"]=wasmExports[\"getopt_long\"])(a0,a1,a2,a3,a4);var _getopt_long_only=Module[\"_getopt_long_only\"]=(a0,a1,a2,a3,a4)=>(_getopt_long_only=Module[\"_getopt_long_only\"]=wasmExports[\"getopt_long_only\"])(a0,a1,a2,a3,a4);var _mblen=Module[\"_mblen\"]=(a0,a1)=>(_mblen=Module[\"_mblen\"]=wasmExports[\"mblen\"])(a0,a1);var _getpagesize=Module[\"_getpagesize\"]=()=>(_getpagesize=Module[\"_getpagesize\"]=wasmExports[\"getpagesize\"])();var _getresgid=Module[\"_getresgid\"]=(a0,a1,a2)=>(_getresgid=Module[\"_getresgid\"]=wasmExports[\"getresgid\"])(a0,a1,a2);var _getresuid=Module[\"_getresuid\"]=(a0,a1,a2)=>(_getresuid=Module[\"_getresuid\"]=wasmExports[\"getresuid\"])(a0,a1,a2);var _getrusage=Module[\"_getrusage\"]=(a0,a1)=>(_getrusage=Module[\"_getrusage\"]=wasmExports[\"getrusage\"])(a0,a1);var _gets=Module[\"_gets\"]=a0=>(_gets=Module[\"_gets\"]=wasmExports[\"gets\"])(a0);var _getservbyname_r=Module[\"_getservbyname_r\"]=(a0,a1,a2,a3,a4,a5)=>(_getservbyname_r=Module[\"_getservbyname_r\"]=wasmExports[\"getservbyname_r\"])(a0,a1,a2,a3,a4,a5);var _getservbyport_r=Module[\"_getservbyport_r\"]=(a0,a1,a2,a3,a4,a5)=>(_getservbyport_r=Module[\"_getservbyport_r\"]=wasmExports[\"getservbyport_r\"])(a0,a1,a2,a3,a4,a5);var _getsubopt=Module[\"_getsubopt\"]=(a0,a1,a2)=>(_getsubopt=Module[\"_getsubopt\"]=wasmExports[\"getsubopt\"])(a0,a1,a2);var _gettid=Module[\"_gettid\"]=()=>(_gettid=Module[\"_gettid\"]=wasmExports[\"gettid\"])();var _getw=Module[\"_getw\"]=a0=>(_getw=Module[\"_getw\"]=wasmExports[\"getw\"])(a0);var _getwc=Module[\"_getwc\"]=a0=>(_getwc=Module[\"_getwc\"]=wasmExports[\"getwc\"])(a0);var _getwchar=Module[\"_getwchar\"]=()=>(_getwchar=Module[\"_getwchar\"]=wasmExports[\"getwchar\"])();var _getwchar_unlocked=Module[\"_getwchar_unlocked\"]=()=>(_getwchar_unlocked=Module[\"_getwchar_unlocked\"]=wasmExports[\"getwchar_unlocked\"])();var _glob=Module[\"_glob\"]=(a0,a1,a2,a3)=>(_glob=Module[\"_glob\"]=wasmExports[\"glob\"])(a0,a1,a2,a3);var _globfree=Module[\"_globfree\"]=a0=>(_globfree=Module[\"_globfree\"]=wasmExports[\"globfree\"])(a0);var _gmtime=Module[\"_gmtime\"]=a0=>(_gmtime=Module[\"_gmtime\"]=wasmExports[\"gmtime\"])(a0);var _herror=Module[\"_herror\"]=a0=>(_herror=Module[\"_herror\"]=wasmExports[\"herror\"])(a0);var _hcreate=Module[\"_hcreate\"]=a0=>(_hcreate=Module[\"_hcreate\"]=wasmExports[\"hcreate\"])(a0);var _hdestroy=Module[\"_hdestroy\"]=()=>(_hdestroy=Module[\"_hdestroy\"]=wasmExports[\"hdestroy\"])();var _hsearch=Module[\"_hsearch\"]=(a0,a1)=>(_hsearch=Module[\"_hsearch\"]=wasmExports[\"hsearch\"])(a0,a1);var _hcreate_r=Module[\"_hcreate_r\"]=(a0,a1)=>(_hcreate_r=Module[\"_hcreate_r\"]=wasmExports[\"hcreate_r\"])(a0,a1);var _hdestroy_r=Module[\"_hdestroy_r\"]=a0=>(_hdestroy_r=Module[\"_hdestroy_r\"]=wasmExports[\"hdestroy_r\"])(a0);var _hsearch_r=Module[\"_hsearch_r\"]=(a0,a1,a2,a3)=>(_hsearch_r=Module[\"_hsearch_r\"]=wasmExports[\"hsearch_r\"])(a0,a1,a2,a3);var _iconv_open=Module[\"_iconv_open\"]=(a0,a1)=>(_iconv_open=Module[\"_iconv_open\"]=wasmExports[\"iconv_open\"])(a0,a1);var _iconv=Module[\"_iconv\"]=(a0,a1,a2,a3,a4)=>(_iconv=Module[\"_iconv\"]=wasmExports[\"iconv\"])(a0,a1,a2,a3,a4);var _iconv_close=Module[\"_iconv_close\"]=a0=>(_iconv_close=Module[\"_iconv_close\"]=wasmExports[\"iconv_close\"])(a0);var _ioctl=Module[\"_ioctl\"]=(a0,a1,a2)=>(_ioctl=Module[\"_ioctl\"]=wasmExports[\"ioctl\"])(a0,a1,a2);var _ilogb=Module[\"_ilogb\"]=a0=>(_ilogb=Module[\"_ilogb\"]=wasmExports[\"ilogb\"])(a0);var _ilogbf=Module[\"_ilogbf\"]=a0=>(_ilogbf=Module[\"_ilogbf\"]=wasmExports[\"ilogbf\"])(a0);var _imaxabs=Module[\"_imaxabs\"]=a0=>(_imaxabs=Module[\"_imaxabs\"]=wasmExports[\"imaxabs\"])(a0);var _imaxdiv=Module[\"_imaxdiv\"]=(a0,a1,a2)=>(_imaxdiv=Module[\"_imaxdiv\"]=wasmExports[\"imaxdiv\"])(a0,a1,a2);var _index=Module[\"_index\"]=(a0,a1)=>(_index=Module[\"_index\"]=wasmExports[\"index\"])(a0,a1);var _inet_addr=Module[\"_inet_addr\"]=a0=>(_inet_addr=Module[\"_inet_addr\"]=wasmExports[\"inet_addr\"])(a0);var _inet_network=Module[\"_inet_network\"]=a0=>(_inet_network=Module[\"_inet_network\"]=wasmExports[\"inet_network\"])(a0);var _inet_makeaddr=Module[\"_inet_makeaddr\"]=(a0,a1)=>(_inet_makeaddr=Module[\"_inet_makeaddr\"]=wasmExports[\"inet_makeaddr\"])(a0,a1);var _inet_lnaof=Module[\"_inet_lnaof\"]=a0=>(_inet_lnaof=Module[\"_inet_lnaof\"]=wasmExports[\"inet_lnaof\"])(a0);var _inet_netof=Module[\"_inet_netof\"]=a0=>(_inet_netof=Module[\"_inet_netof\"]=wasmExports[\"inet_netof\"])(a0);var _insque=Module[\"_insque\"]=(a0,a1)=>(_insque=Module[\"_insque\"]=wasmExports[\"insque\"])(a0,a1);var _remque=Module[\"_remque\"]=a0=>(_remque=Module[\"_remque\"]=wasmExports[\"remque\"])(a0);var ___intscan=Module[\"___intscan\"]=(a0,a1,a2,a3)=>(___intscan=Module[\"___intscan\"]=wasmExports[\"__intscan\"])(a0,a1,a2,a3);var ___multi3=Module[\"___multi3\"]=(a0,a1,a2,a3,a4)=>(___multi3=Module[\"___multi3\"]=wasmExports[\"__multi3\"])(a0,a1,a2,a3,a4);var ___isalnum_l=Module[\"___isalnum_l\"]=(a0,a1)=>(___isalnum_l=Module[\"___isalnum_l\"]=wasmExports[\"__isalnum_l\"])(a0,a1);var _isalnum_l=Module[\"_isalnum_l\"]=(a0,a1)=>(_isalnum_l=Module[\"_isalnum_l\"]=wasmExports[\"isalnum_l\"])(a0,a1);var _isalpha=Module[\"_isalpha\"]=a0=>(_isalpha=Module[\"_isalpha\"]=wasmExports[\"isalpha\"])(a0);var ___isalpha_l=Module[\"___isalpha_l\"]=(a0,a1)=>(___isalpha_l=Module[\"___isalpha_l\"]=wasmExports[\"__isalpha_l\"])(a0,a1);var _isalpha_l=Module[\"_isalpha_l\"]=(a0,a1)=>(_isalpha_l=Module[\"_isalpha_l\"]=wasmExports[\"isalpha_l\"])(a0,a1);var _isascii=Module[\"_isascii\"]=a0=>(_isascii=Module[\"_isascii\"]=wasmExports[\"isascii\"])(a0);var _isblank=Module[\"_isblank\"]=a0=>(_isblank=Module[\"_isblank\"]=wasmExports[\"isblank\"])(a0);var ___isblank_l=Module[\"___isblank_l\"]=(a0,a1)=>(___isblank_l=Module[\"___isblank_l\"]=wasmExports[\"__isblank_l\"])(a0,a1);var _isblank_l=Module[\"_isblank_l\"]=(a0,a1)=>(_isblank_l=Module[\"_isblank_l\"]=wasmExports[\"isblank_l\"])(a0,a1);var _iscntrl=Module[\"_iscntrl\"]=a0=>(_iscntrl=Module[\"_iscntrl\"]=wasmExports[\"iscntrl\"])(a0);var ___iscntrl_l=Module[\"___iscntrl_l\"]=(a0,a1)=>(___iscntrl_l=Module[\"___iscntrl_l\"]=wasmExports[\"__iscntrl_l\"])(a0,a1);var _iscntrl_l=Module[\"_iscntrl_l\"]=(a0,a1)=>(_iscntrl_l=Module[\"_iscntrl_l\"]=wasmExports[\"iscntrl_l\"])(a0,a1);var _isdigit=Module[\"_isdigit\"]=a0=>(_isdigit=Module[\"_isdigit\"]=wasmExports[\"isdigit\"])(a0);var ___isdigit_l=Module[\"___isdigit_l\"]=(a0,a1)=>(___isdigit_l=Module[\"___isdigit_l\"]=wasmExports[\"__isdigit_l\"])(a0,a1);var _isdigit_l=Module[\"_isdigit_l\"]=(a0,a1)=>(_isdigit_l=Module[\"_isdigit_l\"]=wasmExports[\"isdigit_l\"])(a0,a1);var _isgraph=Module[\"_isgraph\"]=a0=>(_isgraph=Module[\"_isgraph\"]=wasmExports[\"isgraph\"])(a0);var ___isgraph_l=Module[\"___isgraph_l\"]=(a0,a1)=>(___isgraph_l=Module[\"___isgraph_l\"]=wasmExports[\"__isgraph_l\"])(a0,a1);var _isgraph_l=Module[\"_isgraph_l\"]=(a0,a1)=>(_isgraph_l=Module[\"_isgraph_l\"]=wasmExports[\"isgraph_l\"])(a0,a1);var _islower=Module[\"_islower\"]=a0=>(_islower=Module[\"_islower\"]=wasmExports[\"islower\"])(a0);var ___islower_l=Module[\"___islower_l\"]=(a0,a1)=>(___islower_l=Module[\"___islower_l\"]=wasmExports[\"__islower_l\"])(a0,a1);var _islower_l=Module[\"_islower_l\"]=(a0,a1)=>(_islower_l=Module[\"_islower_l\"]=wasmExports[\"islower_l\"])(a0,a1);var _isprint=Module[\"_isprint\"]=a0=>(_isprint=Module[\"_isprint\"]=wasmExports[\"isprint\"])(a0);var ___isprint_l=Module[\"___isprint_l\"]=(a0,a1)=>(___isprint_l=Module[\"___isprint_l\"]=wasmExports[\"__isprint_l\"])(a0,a1);var _isprint_l=Module[\"_isprint_l\"]=(a0,a1)=>(_isprint_l=Module[\"_isprint_l\"]=wasmExports[\"isprint_l\"])(a0,a1);var _ispunct=Module[\"_ispunct\"]=a0=>(_ispunct=Module[\"_ispunct\"]=wasmExports[\"ispunct\"])(a0);var ___ispunct_l=Module[\"___ispunct_l\"]=(a0,a1)=>(___ispunct_l=Module[\"___ispunct_l\"]=wasmExports[\"__ispunct_l\"])(a0,a1);var _ispunct_l=Module[\"_ispunct_l\"]=(a0,a1)=>(_ispunct_l=Module[\"_ispunct_l\"]=wasmExports[\"ispunct_l\"])(a0,a1);var _issetugid=Module[\"_issetugid\"]=()=>(_issetugid=Module[\"_issetugid\"]=wasmExports[\"issetugid\"])();var _isspace=Module[\"_isspace\"]=a0=>(_isspace=Module[\"_isspace\"]=wasmExports[\"isspace\"])(a0);var ___isspace_l=Module[\"___isspace_l\"]=(a0,a1)=>(___isspace_l=Module[\"___isspace_l\"]=wasmExports[\"__isspace_l\"])(a0,a1);var _isspace_l=Module[\"_isspace_l\"]=(a0,a1)=>(_isspace_l=Module[\"_isspace_l\"]=wasmExports[\"isspace_l\"])(a0,a1);var _isupper=Module[\"_isupper\"]=a0=>(_isupper=Module[\"_isupper\"]=wasmExports[\"isupper\"])(a0);var ___isupper_l=Module[\"___isupper_l\"]=(a0,a1)=>(___isupper_l=Module[\"___isupper_l\"]=wasmExports[\"__isupper_l\"])(a0,a1);var _isupper_l=Module[\"_isupper_l\"]=(a0,a1)=>(_isupper_l=Module[\"_isupper_l\"]=wasmExports[\"isupper_l\"])(a0,a1);var _iswalnum=Module[\"_iswalnum\"]=a0=>(_iswalnum=Module[\"_iswalnum\"]=wasmExports[\"iswalnum\"])(a0);var _iswalpha=Module[\"_iswalpha\"]=a0=>(_iswalpha=Module[\"_iswalpha\"]=wasmExports[\"iswalpha\"])(a0);var ___iswalnum_l=Module[\"___iswalnum_l\"]=(a0,a1)=>(___iswalnum_l=Module[\"___iswalnum_l\"]=wasmExports[\"__iswalnum_l\"])(a0,a1);var _iswalnum_l=Module[\"_iswalnum_l\"]=(a0,a1)=>(_iswalnum_l=Module[\"_iswalnum_l\"]=wasmExports[\"iswalnum_l\"])(a0,a1);var ___iswalpha_l=Module[\"___iswalpha_l\"]=(a0,a1)=>(___iswalpha_l=Module[\"___iswalpha_l\"]=wasmExports[\"__iswalpha_l\"])(a0,a1);var _iswalpha_l=Module[\"_iswalpha_l\"]=(a0,a1)=>(_iswalpha_l=Module[\"_iswalpha_l\"]=wasmExports[\"iswalpha_l\"])(a0,a1);var _iswblank=Module[\"_iswblank\"]=a0=>(_iswblank=Module[\"_iswblank\"]=wasmExports[\"iswblank\"])(a0);var ___iswblank_l=Module[\"___iswblank_l\"]=(a0,a1)=>(___iswblank_l=Module[\"___iswblank_l\"]=wasmExports[\"__iswblank_l\"])(a0,a1);var _iswblank_l=Module[\"_iswblank_l\"]=(a0,a1)=>(_iswblank_l=Module[\"_iswblank_l\"]=wasmExports[\"iswblank_l\"])(a0,a1);var _iswcntrl=Module[\"_iswcntrl\"]=a0=>(_iswcntrl=Module[\"_iswcntrl\"]=wasmExports[\"iswcntrl\"])(a0);var ___iswcntrl_l=Module[\"___iswcntrl_l\"]=(a0,a1)=>(___iswcntrl_l=Module[\"___iswcntrl_l\"]=wasmExports[\"__iswcntrl_l\"])(a0,a1);var _iswcntrl_l=Module[\"_iswcntrl_l\"]=(a0,a1)=>(_iswcntrl_l=Module[\"_iswcntrl_l\"]=wasmExports[\"iswcntrl_l\"])(a0,a1);var _iswgraph=Module[\"_iswgraph\"]=a0=>(_iswgraph=Module[\"_iswgraph\"]=wasmExports[\"iswgraph\"])(a0);var _iswlower=Module[\"_iswlower\"]=a0=>(_iswlower=Module[\"_iswlower\"]=wasmExports[\"iswlower\"])(a0);var _iswprint=Module[\"_iswprint\"]=a0=>(_iswprint=Module[\"_iswprint\"]=wasmExports[\"iswprint\"])(a0);var _iswpunct=Module[\"_iswpunct\"]=a0=>(_iswpunct=Module[\"_iswpunct\"]=wasmExports[\"iswpunct\"])(a0);var _iswspace=Module[\"_iswspace\"]=a0=>(_iswspace=Module[\"_iswspace\"]=wasmExports[\"iswspace\"])(a0);var _iswupper=Module[\"_iswupper\"]=a0=>(_iswupper=Module[\"_iswupper\"]=wasmExports[\"iswupper\"])(a0);var _iswxdigit=Module[\"_iswxdigit\"]=a0=>(_iswxdigit=Module[\"_iswxdigit\"]=wasmExports[\"iswxdigit\"])(a0);var ___iswctype_l=Module[\"___iswctype_l\"]=(a0,a1,a2)=>(___iswctype_l=Module[\"___iswctype_l\"]=wasmExports[\"__iswctype_l\"])(a0,a1,a2);var ___wctype_l=Module[\"___wctype_l\"]=(a0,a1)=>(___wctype_l=Module[\"___wctype_l\"]=wasmExports[\"__wctype_l\"])(a0,a1);var _iswctype_l=Module[\"_iswctype_l\"]=(a0,a1,a2)=>(_iswctype_l=Module[\"_iswctype_l\"]=wasmExports[\"iswctype_l\"])(a0,a1,a2);var _wctype_l=Module[\"_wctype_l\"]=(a0,a1)=>(_wctype_l=Module[\"_wctype_l\"]=wasmExports[\"wctype_l\"])(a0,a1);var _iswdigit=Module[\"_iswdigit\"]=a0=>(_iswdigit=Module[\"_iswdigit\"]=wasmExports[\"iswdigit\"])(a0);var ___iswdigit_l=Module[\"___iswdigit_l\"]=(a0,a1)=>(___iswdigit_l=Module[\"___iswdigit_l\"]=wasmExports[\"__iswdigit_l\"])(a0,a1);var _iswdigit_l=Module[\"_iswdigit_l\"]=(a0,a1)=>(_iswdigit_l=Module[\"_iswdigit_l\"]=wasmExports[\"iswdigit_l\"])(a0,a1);var ___iswgraph_l=Module[\"___iswgraph_l\"]=(a0,a1)=>(___iswgraph_l=Module[\"___iswgraph_l\"]=wasmExports[\"__iswgraph_l\"])(a0,a1);var _iswgraph_l=Module[\"_iswgraph_l\"]=(a0,a1)=>(_iswgraph_l=Module[\"_iswgraph_l\"]=wasmExports[\"iswgraph_l\"])(a0,a1);var ___iswlower_l=Module[\"___iswlower_l\"]=(a0,a1)=>(___iswlower_l=Module[\"___iswlower_l\"]=wasmExports[\"__iswlower_l\"])(a0,a1);var _iswlower_l=Module[\"_iswlower_l\"]=(a0,a1)=>(_iswlower_l=Module[\"_iswlower_l\"]=wasmExports[\"iswlower_l\"])(a0,a1);var ___iswprint_l=Module[\"___iswprint_l\"]=(a0,a1)=>(___iswprint_l=Module[\"___iswprint_l\"]=wasmExports[\"__iswprint_l\"])(a0,a1);var _iswprint_l=Module[\"_iswprint_l\"]=(a0,a1)=>(_iswprint_l=Module[\"_iswprint_l\"]=wasmExports[\"iswprint_l\"])(a0,a1);var ___iswpunct_l=Module[\"___iswpunct_l\"]=(a0,a1)=>(___iswpunct_l=Module[\"___iswpunct_l\"]=wasmExports[\"__iswpunct_l\"])(a0,a1);var _iswpunct_l=Module[\"_iswpunct_l\"]=(a0,a1)=>(_iswpunct_l=Module[\"_iswpunct_l\"]=wasmExports[\"iswpunct_l\"])(a0,a1);var ___iswspace_l=Module[\"___iswspace_l\"]=(a0,a1)=>(___iswspace_l=Module[\"___iswspace_l\"]=wasmExports[\"__iswspace_l\"])(a0,a1);var _iswspace_l=Module[\"_iswspace_l\"]=(a0,a1)=>(_iswspace_l=Module[\"_iswspace_l\"]=wasmExports[\"iswspace_l\"])(a0,a1);var ___iswupper_l=Module[\"___iswupper_l\"]=(a0,a1)=>(___iswupper_l=Module[\"___iswupper_l\"]=wasmExports[\"__iswupper_l\"])(a0,a1);var _iswupper_l=Module[\"_iswupper_l\"]=(a0,a1)=>(_iswupper_l=Module[\"_iswupper_l\"]=wasmExports[\"iswupper_l\"])(a0,a1);var ___iswxdigit_l=Module[\"___iswxdigit_l\"]=(a0,a1)=>(___iswxdigit_l=Module[\"___iswxdigit_l\"]=wasmExports[\"__iswxdigit_l\"])(a0,a1);var _iswxdigit_l=Module[\"_iswxdigit_l\"]=(a0,a1)=>(_iswxdigit_l=Module[\"_iswxdigit_l\"]=wasmExports[\"iswxdigit_l\"])(a0,a1);var ___isxdigit_l=Module[\"___isxdigit_l\"]=(a0,a1)=>(___isxdigit_l=Module[\"___isxdigit_l\"]=wasmExports[\"__isxdigit_l\"])(a0,a1);var _isxdigit_l=Module[\"_isxdigit_l\"]=(a0,a1)=>(_isxdigit_l=Module[\"_isxdigit_l\"]=wasmExports[\"isxdigit_l\"])(a0,a1);var _j0=Module[\"_j0\"]=a0=>(_j0=Module[\"_j0\"]=wasmExports[\"j0\"])(a0);var _y0=Module[\"_y0\"]=a0=>(_y0=Module[\"_y0\"]=wasmExports[\"y0\"])(a0);var _j0f=Module[\"_j0f\"]=a0=>(_j0f=Module[\"_j0f\"]=wasmExports[\"j0f\"])(a0);var _y0f=Module[\"_y0f\"]=a0=>(_y0f=Module[\"_y0f\"]=wasmExports[\"y0f\"])(a0);var _j1=Module[\"_j1\"]=a0=>(_j1=Module[\"_j1\"]=wasmExports[\"j1\"])(a0);var _y1=Module[\"_y1\"]=a0=>(_y1=Module[\"_y1\"]=wasmExports[\"y1\"])(a0);var _j1f=Module[\"_j1f\"]=a0=>(_j1f=Module[\"_j1f\"]=wasmExports[\"j1f\"])(a0);var _y1f=Module[\"_y1f\"]=a0=>(_y1f=Module[\"_y1f\"]=wasmExports[\"y1f\"])(a0);var _jn=Module[\"_jn\"]=(a0,a1)=>(_jn=Module[\"_jn\"]=wasmExports[\"jn\"])(a0,a1);var _yn=Module[\"_yn\"]=(a0,a1)=>(_yn=Module[\"_yn\"]=wasmExports[\"yn\"])(a0,a1);var _jnf=Module[\"_jnf\"]=(a0,a1)=>(_jnf=Module[\"_jnf\"]=wasmExports[\"jnf\"])(a0,a1);var _ynf=Module[\"_ynf\"]=(a0,a1)=>(_ynf=Module[\"_ynf\"]=wasmExports[\"ynf\"])(a0,a1);var _labs=Module[\"_labs\"]=a0=>(_labs=Module[\"_labs\"]=wasmExports[\"labs\"])(a0);var ___nl_langinfo=Module[\"___nl_langinfo\"]=a0=>(___nl_langinfo=Module[\"___nl_langinfo\"]=wasmExports[\"__nl_langinfo\"])(a0);var _nl_langinfo_l=Module[\"_nl_langinfo_l\"]=(a0,a1)=>(_nl_langinfo_l=Module[\"_nl_langinfo_l\"]=wasmExports[\"nl_langinfo_l\"])(a0,a1);var _lchmod=Module[\"_lchmod\"]=(a0,a1)=>(_lchmod=Module[\"_lchmod\"]=wasmExports[\"lchmod\"])(a0,a1);var _lchown=Module[\"_lchown\"]=(a0,a1,a2)=>(_lchown=Module[\"_lchown\"]=wasmExports[\"lchown\"])(a0,a1,a2);var _lcong48=Module[\"_lcong48\"]=a0=>(_lcong48=Module[\"_lcong48\"]=wasmExports[\"lcong48\"])(a0);var _ldexpf=Module[\"_ldexpf\"]=(a0,a1)=>(_ldexpf=Module[\"_ldexpf\"]=wasmExports[\"ldexpf\"])(a0,a1);var _scalbnf=Module[\"_scalbnf\"]=(a0,a1)=>(_scalbnf=Module[\"_scalbnf\"]=wasmExports[\"scalbnf\"])(a0,a1);var _ldexpl=Module[\"_ldexpl\"]=(a0,a1,a2,a3)=>(_ldexpl=Module[\"_ldexpl\"]=wasmExports[\"ldexpl\"])(a0,a1,a2,a3);var _ldiv=Module[\"_ldiv\"]=(a0,a1,a2)=>(_ldiv=Module[\"_ldiv\"]=wasmExports[\"ldiv\"])(a0,a1,a2);var _get_nprocs_conf=Module[\"_get_nprocs_conf\"]=()=>(_get_nprocs_conf=Module[\"_get_nprocs_conf\"]=wasmExports[\"get_nprocs_conf\"])();var _get_nprocs=Module[\"_get_nprocs\"]=()=>(_get_nprocs=Module[\"_get_nprocs\"]=wasmExports[\"get_nprocs\"])();var _get_phys_pages=Module[\"_get_phys_pages\"]=()=>(_get_phys_pages=Module[\"_get_phys_pages\"]=wasmExports[\"get_phys_pages\"])();var _get_avphys_pages=Module[\"_get_avphys_pages\"]=()=>(_get_avphys_pages=Module[\"_get_avphys_pages\"]=wasmExports[\"get_avphys_pages\"])();var _lgamma=Module[\"_lgamma\"]=a0=>(_lgamma=Module[\"_lgamma\"]=wasmExports[\"lgamma\"])(a0);var _lgamma_r=Module[\"_lgamma_r\"]=(a0,a1)=>(_lgamma_r=Module[\"_lgamma_r\"]=wasmExports[\"lgamma_r\"])(a0,a1);var _lgammaf=Module[\"_lgammaf\"]=a0=>(_lgammaf=Module[\"_lgammaf\"]=wasmExports[\"lgammaf\"])(a0);var _lgammaf_r=Module[\"_lgammaf_r\"]=(a0,a1)=>(_lgammaf_r=Module[\"_lgammaf_r\"]=wasmExports[\"lgammaf_r\"])(a0,a1);var ___lgammal_r=Module[\"___lgammal_r\"]=(a0,a1,a2,a3)=>(___lgammal_r=Module[\"___lgammal_r\"]=wasmExports[\"__lgammal_r\"])(a0,a1,a2,a3);var _lgammal=Module[\"_lgammal\"]=(a0,a1,a2)=>(_lgammal=Module[\"_lgammal\"]=wasmExports[\"lgammal\"])(a0,a1,a2);var _lgammal_r=Module[\"_lgammal_r\"]=(a0,a1,a2,a3)=>(_lgammal_r=Module[\"_lgammal_r\"]=wasmExports[\"lgammal_r\"])(a0,a1,a2,a3);var _emscripten_has_threading_support=Module[\"_emscripten_has_threading_support\"]=()=>(_emscripten_has_threading_support=Module[\"_emscripten_has_threading_support\"]=wasmExports[\"emscripten_has_threading_support\"])();var _emscripten_num_logical_cores=Module[\"_emscripten_num_logical_cores\"]=()=>(_emscripten_num_logical_cores=Module[\"_emscripten_num_logical_cores\"]=wasmExports[\"emscripten_num_logical_cores\"])();var _emscripten_force_num_logical_cores=Module[\"_emscripten_force_num_logical_cores\"]=a0=>(_emscripten_force_num_logical_cores=Module[\"_emscripten_force_num_logical_cores\"]=wasmExports[\"emscripten_force_num_logical_cores\"])(a0);var _emscripten_futex_wait=Module[\"_emscripten_futex_wait\"]=(a0,a1,a2)=>(_emscripten_futex_wait=Module[\"_emscripten_futex_wait\"]=wasmExports[\"emscripten_futex_wait\"])(a0,a1,a2);var _emscripten_main_thread_process_queued_calls=Module[\"_emscripten_main_thread_process_queued_calls\"]=()=>(_emscripten_main_thread_process_queued_calls=Module[\"_emscripten_main_thread_process_queued_calls\"]=wasmExports[\"emscripten_main_thread_process_queued_calls\"])();var _emscripten_current_thread_process_queued_calls=Module[\"_emscripten_current_thread_process_queued_calls\"]=()=>(_emscripten_current_thread_process_queued_calls=Module[\"_emscripten_current_thread_process_queued_calls\"]=wasmExports[\"emscripten_current_thread_process_queued_calls\"])();var __emscripten_yield=Module[\"__emscripten_yield\"]=a0=>(__emscripten_yield=Module[\"__emscripten_yield\"]=wasmExports[\"_emscripten_yield\"])(a0);var __emscripten_check_timers=Module[\"__emscripten_check_timers\"]=a0=>(__emscripten_check_timers=Module[\"__emscripten_check_timers\"]=wasmExports[\"_emscripten_check_timers\"])(a0);var _pthread_mutex_consistent=Module[\"_pthread_mutex_consistent\"]=a0=>(_pthread_mutex_consistent=Module[\"_pthread_mutex_consistent\"]=wasmExports[\"pthread_mutex_consistent\"])(a0);var _pthread_barrier_init=Module[\"_pthread_barrier_init\"]=(a0,a1,a2)=>(_pthread_barrier_init=Module[\"_pthread_barrier_init\"]=wasmExports[\"pthread_barrier_init\"])(a0,a1,a2);var _pthread_barrier_destroy=Module[\"_pthread_barrier_destroy\"]=a0=>(_pthread_barrier_destroy=Module[\"_pthread_barrier_destroy\"]=wasmExports[\"pthread_barrier_destroy\"])(a0);var _pthread_barrier_wait=Module[\"_pthread_barrier_wait\"]=a0=>(_pthread_barrier_wait=Module[\"_pthread_barrier_wait\"]=wasmExports[\"pthread_barrier_wait\"])(a0);var _pthread_cond_broadcast=Module[\"_pthread_cond_broadcast\"]=a0=>(_pthread_cond_broadcast=Module[\"_pthread_cond_broadcast\"]=wasmExports[\"pthread_cond_broadcast\"])(a0);var _pthread_atfork=Module[\"_pthread_atfork\"]=(a0,a1,a2)=>(_pthread_atfork=Module[\"_pthread_atfork\"]=wasmExports[\"pthread_atfork\"])(a0,a1,a2);var _pthread_cancel=Module[\"_pthread_cancel\"]=a0=>(_pthread_cancel=Module[\"_pthread_cancel\"]=wasmExports[\"pthread_cancel\"])(a0);var _pthread_testcancel=Module[\"_pthread_testcancel\"]=()=>(_pthread_testcancel=Module[\"_pthread_testcancel\"]=wasmExports[\"pthread_testcancel\"])();var ___pthread_detach=Module[\"___pthread_detach\"]=a0=>(___pthread_detach=Module[\"___pthread_detach\"]=wasmExports[\"__pthread_detach\"])(a0);var _pthread_equal=Module[\"_pthread_equal\"]=(a0,a1)=>(_pthread_equal=Module[\"_pthread_equal\"]=wasmExports[\"pthread_equal\"])(a0,a1);var _pthread_mutexattr_init=Module[\"_pthread_mutexattr_init\"]=a0=>(_pthread_mutexattr_init=Module[\"_pthread_mutexattr_init\"]=wasmExports[\"pthread_mutexattr_init\"])(a0);var _pthread_mutexattr_setprotocol=Module[\"_pthread_mutexattr_setprotocol\"]=(a0,a1)=>(_pthread_mutexattr_setprotocol=Module[\"_pthread_mutexattr_setprotocol\"]=wasmExports[\"pthread_mutexattr_setprotocol\"])(a0,a1);var _pthread_mutexattr_settype=Module[\"_pthread_mutexattr_settype\"]=(a0,a1)=>(_pthread_mutexattr_settype=Module[\"_pthread_mutexattr_settype\"]=wasmExports[\"pthread_mutexattr_settype\"])(a0,a1);var _pthread_mutexattr_destroy=Module[\"_pthread_mutexattr_destroy\"]=a0=>(_pthread_mutexattr_destroy=Module[\"_pthread_mutexattr_destroy\"]=wasmExports[\"pthread_mutexattr_destroy\"])(a0);var _pthread_mutexattr_setpshared=Module[\"_pthread_mutexattr_setpshared\"]=(a0,a1)=>(_pthread_mutexattr_setpshared=Module[\"_pthread_mutexattr_setpshared\"]=wasmExports[\"pthread_mutexattr_setpshared\"])(a0,a1);var _pthread_condattr_destroy=Module[\"_pthread_condattr_destroy\"]=a0=>(_pthread_condattr_destroy=Module[\"_pthread_condattr_destroy\"]=wasmExports[\"pthread_condattr_destroy\"])(a0);var _pthread_condattr_setpshared=Module[\"_pthread_condattr_setpshared\"]=(a0,a1)=>(_pthread_condattr_setpshared=Module[\"_pthread_condattr_setpshared\"]=wasmExports[\"pthread_condattr_setpshared\"])(a0,a1);var _pthread_getattr_np=Module[\"_pthread_getattr_np\"]=(a0,a1)=>(_pthread_getattr_np=Module[\"_pthread_getattr_np\"]=wasmExports[\"pthread_getattr_np\"])(a0,a1);var _pthread_setcanceltype=Module[\"_pthread_setcanceltype\"]=(a0,a1)=>(_pthread_setcanceltype=Module[\"_pthread_setcanceltype\"]=wasmExports[\"pthread_setcanceltype\"])(a0,a1);var _pthread_rwlock_init=Module[\"_pthread_rwlock_init\"]=(a0,a1)=>(_pthread_rwlock_init=Module[\"_pthread_rwlock_init\"]=wasmExports[\"pthread_rwlock_init\"])(a0,a1);var _pthread_rwlock_destroy=Module[\"_pthread_rwlock_destroy\"]=a0=>(_pthread_rwlock_destroy=Module[\"_pthread_rwlock_destroy\"]=wasmExports[\"pthread_rwlock_destroy\"])(a0);var _pthread_rwlock_rdlock=Module[\"_pthread_rwlock_rdlock\"]=a0=>(_pthread_rwlock_rdlock=Module[\"_pthread_rwlock_rdlock\"]=wasmExports[\"pthread_rwlock_rdlock\"])(a0);var _pthread_rwlock_tryrdlock=Module[\"_pthread_rwlock_tryrdlock\"]=a0=>(_pthread_rwlock_tryrdlock=Module[\"_pthread_rwlock_tryrdlock\"]=wasmExports[\"pthread_rwlock_tryrdlock\"])(a0);var _pthread_rwlock_timedrdlock=Module[\"_pthread_rwlock_timedrdlock\"]=(a0,a1)=>(_pthread_rwlock_timedrdlock=Module[\"_pthread_rwlock_timedrdlock\"]=wasmExports[\"pthread_rwlock_timedrdlock\"])(a0,a1);var _pthread_rwlock_wrlock=Module[\"_pthread_rwlock_wrlock\"]=a0=>(_pthread_rwlock_wrlock=Module[\"_pthread_rwlock_wrlock\"]=wasmExports[\"pthread_rwlock_wrlock\"])(a0);var _pthread_rwlock_trywrlock=Module[\"_pthread_rwlock_trywrlock\"]=a0=>(_pthread_rwlock_trywrlock=Module[\"_pthread_rwlock_trywrlock\"]=wasmExports[\"pthread_rwlock_trywrlock\"])(a0);var _pthread_rwlock_timedwrlock=Module[\"_pthread_rwlock_timedwrlock\"]=(a0,a1)=>(_pthread_rwlock_timedwrlock=Module[\"_pthread_rwlock_timedwrlock\"]=wasmExports[\"pthread_rwlock_timedwrlock\"])(a0,a1);var _pthread_rwlock_unlock=Module[\"_pthread_rwlock_unlock\"]=a0=>(_pthread_rwlock_unlock=Module[\"_pthread_rwlock_unlock\"]=wasmExports[\"pthread_rwlock_unlock\"])(a0);var _pthread_rwlockattr_init=Module[\"_pthread_rwlockattr_init\"]=a0=>(_pthread_rwlockattr_init=Module[\"_pthread_rwlockattr_init\"]=wasmExports[\"pthread_rwlockattr_init\"])(a0);var _pthread_rwlockattr_destroy=Module[\"_pthread_rwlockattr_destroy\"]=a0=>(_pthread_rwlockattr_destroy=Module[\"_pthread_rwlockattr_destroy\"]=wasmExports[\"pthread_rwlockattr_destroy\"])(a0);var _pthread_rwlockattr_setpshared=Module[\"_pthread_rwlockattr_setpshared\"]=(a0,a1)=>(_pthread_rwlockattr_setpshared=Module[\"_pthread_rwlockattr_setpshared\"]=wasmExports[\"pthread_rwlockattr_setpshared\"])(a0,a1);var _pthread_spin_init=Module[\"_pthread_spin_init\"]=(a0,a1)=>(_pthread_spin_init=Module[\"_pthread_spin_init\"]=wasmExports[\"pthread_spin_init\"])(a0,a1);var _pthread_spin_destroy=Module[\"_pthread_spin_destroy\"]=a0=>(_pthread_spin_destroy=Module[\"_pthread_spin_destroy\"]=wasmExports[\"pthread_spin_destroy\"])(a0);var _pthread_spin_lock=Module[\"_pthread_spin_lock\"]=a0=>(_pthread_spin_lock=Module[\"_pthread_spin_lock\"]=wasmExports[\"pthread_spin_lock\"])(a0);var _pthread_spin_trylock=Module[\"_pthread_spin_trylock\"]=a0=>(_pthread_spin_trylock=Module[\"_pthread_spin_trylock\"]=wasmExports[\"pthread_spin_trylock\"])(a0);var _pthread_spin_unlock=Module[\"_pthread_spin_unlock\"]=a0=>(_pthread_spin_unlock=Module[\"_pthread_spin_unlock\"]=wasmExports[\"pthread_spin_unlock\"])(a0);var _sem_init=Module[\"_sem_init\"]=(a0,a1,a2)=>(_sem_init=Module[\"_sem_init\"]=wasmExports[\"sem_init\"])(a0,a1,a2);var _sem_post=Module[\"_sem_post\"]=a0=>(_sem_post=Module[\"_sem_post\"]=wasmExports[\"sem_post\"])(a0);var _sem_wait=Module[\"_sem_wait\"]=a0=>(_sem_wait=Module[\"_sem_wait\"]=wasmExports[\"sem_wait\"])(a0);var _sem_trywait=Module[\"_sem_trywait\"]=a0=>(_sem_trywait=Module[\"_sem_trywait\"]=wasmExports[\"sem_trywait\"])(a0);var _sem_destroy=Module[\"_sem_destroy\"]=a0=>(_sem_destroy=Module[\"_sem_destroy\"]=wasmExports[\"sem_destroy\"])(a0);var _pthread_mutex_timedlock=Module[\"_pthread_mutex_timedlock\"]=(a0,a1)=>(_pthread_mutex_timedlock=Module[\"_pthread_mutex_timedlock\"]=wasmExports[\"pthread_mutex_timedlock\"])(a0,a1);var _emscripten_builtin_pthread_create=Module[\"_emscripten_builtin_pthread_create\"]=(a0,a1,a2,a3)=>(_emscripten_builtin_pthread_create=Module[\"_emscripten_builtin_pthread_create\"]=wasmExports[\"emscripten_builtin_pthread_create\"])(a0,a1,a2,a3);var _emscripten_builtin_pthread_join=Module[\"_emscripten_builtin_pthread_join\"]=(a0,a1)=>(_emscripten_builtin_pthread_join=Module[\"_emscripten_builtin_pthread_join\"]=wasmExports[\"emscripten_builtin_pthread_join\"])(a0,a1);var _pthread_join=Module[\"_pthread_join\"]=(a0,a1)=>(_pthread_join=Module[\"_pthread_join\"]=wasmExports[\"pthread_join\"])(a0,a1);var _pthread_once=Module[\"_pthread_once\"]=(a0,a1)=>(_pthread_once=Module[\"_pthread_once\"]=wasmExports[\"pthread_once\"])(a0,a1);var _emscripten_builtin_pthread_exit=Module[\"_emscripten_builtin_pthread_exit\"]=a0=>(_emscripten_builtin_pthread_exit=Module[\"_emscripten_builtin_pthread_exit\"]=wasmExports[\"emscripten_builtin_pthread_exit\"])(a0);var _emscripten_builtin_pthread_detach=Module[\"_emscripten_builtin_pthread_detach\"]=a0=>(_emscripten_builtin_pthread_detach=Module[\"_emscripten_builtin_pthread_detach\"]=wasmExports[\"emscripten_builtin_pthread_detach\"])(a0);var _thrd_detach=Module[\"_thrd_detach\"]=a0=>(_thrd_detach=Module[\"_thrd_detach\"]=wasmExports[\"thrd_detach\"])(a0);var _link=Module[\"_link\"]=(a0,a1)=>(_link=Module[\"_link\"]=wasmExports[\"link\"])(a0,a1);var _linkat=Module[\"_linkat\"]=(a0,a1,a2,a3,a4)=>(_linkat=Module[\"_linkat\"]=wasmExports[\"linkat\"])(a0,a1,a2,a3,a4);var _llabs=Module[\"_llabs\"]=a0=>(_llabs=Module[\"_llabs\"]=wasmExports[\"llabs\"])(a0);var _lldiv=Module[\"_lldiv\"]=(a0,a1,a2)=>(_lldiv=Module[\"_lldiv\"]=wasmExports[\"lldiv\"])(a0,a1,a2);var _llrint=Module[\"_llrint\"]=a0=>(_llrint=Module[\"_llrint\"]=wasmExports[\"llrint\"])(a0);var _rint=Module[\"_rint\"]=a0=>(_rint=Module[\"_rint\"]=wasmExports[\"rint\"])(a0);var _llrintf=Module[\"_llrintf\"]=a0=>(_llrintf=Module[\"_llrintf\"]=wasmExports[\"llrintf\"])(a0);var _rintf=Module[\"_rintf\"]=a0=>(_rintf=Module[\"_rintf\"]=wasmExports[\"rintf\"])(a0);var _llrintl=Module[\"_llrintl\"]=(a0,a1)=>(_llrintl=Module[\"_llrintl\"]=wasmExports[\"llrintl\"])(a0,a1);var _rintl=Module[\"_rintl\"]=(a0,a1,a2)=>(_rintl=Module[\"_rintl\"]=wasmExports[\"rintl\"])(a0,a1,a2);var _llround=Module[\"_llround\"]=a0=>(_llround=Module[\"_llround\"]=wasmExports[\"llround\"])(a0);var _llroundf=Module[\"_llroundf\"]=a0=>(_llroundf=Module[\"_llroundf\"]=wasmExports[\"llroundf\"])(a0);var _roundf=Module[\"_roundf\"]=a0=>(_roundf=Module[\"_roundf\"]=wasmExports[\"roundf\"])(a0);var _llroundl=Module[\"_llroundl\"]=(a0,a1)=>(_llroundl=Module[\"_llroundl\"]=wasmExports[\"llroundl\"])(a0,a1);var _roundl=Module[\"_roundl\"]=(a0,a1,a2)=>(_roundl=Module[\"_roundl\"]=wasmExports[\"roundl\"])(a0,a1,a2);var _log10f=Module[\"_log10f\"]=a0=>(_log10f=Module[\"_log10f\"]=wasmExports[\"log10f\"])(a0);var _log10l=Module[\"_log10l\"]=(a0,a1,a2)=>(_log10l=Module[\"_log10l\"]=wasmExports[\"log10l\"])(a0,a1,a2);var _log2f=Module[\"_log2f\"]=a0=>(_log2f=Module[\"_log2f\"]=wasmExports[\"log2f\"])(a0);var _log2l=Module[\"_log2l\"]=(a0,a1,a2)=>(_log2l=Module[\"_log2l\"]=wasmExports[\"log2l\"])(a0,a1,a2);var _logb=Module[\"_logb\"]=a0=>(_logb=Module[\"_logb\"]=wasmExports[\"logb\"])(a0);var _logbf=Module[\"_logbf\"]=a0=>(_logbf=Module[\"_logbf\"]=wasmExports[\"logbf\"])(a0);var _logbl=Module[\"_logbl\"]=(a0,a1,a2)=>(_logbl=Module[\"_logbl\"]=wasmExports[\"logbl\"])(a0,a1,a2);var _strtoull=Module[\"_strtoull\"]=(a0,a1,a2)=>(_strtoull=Module[\"_strtoull\"]=wasmExports[\"strtoull\"])(a0,a1,a2);var _nrand48=Module[\"_nrand48\"]=a0=>(_nrand48=Module[\"_nrand48\"]=wasmExports[\"nrand48\"])(a0);var _lrand48=Module[\"_lrand48\"]=()=>(_lrand48=Module[\"_lrand48\"]=wasmExports[\"lrand48\"])();var _lrint=Module[\"_lrint\"]=a0=>(_lrint=Module[\"_lrint\"]=wasmExports[\"lrint\"])(a0);var _lrintf=Module[\"_lrintf\"]=a0=>(_lrintf=Module[\"_lrintf\"]=wasmExports[\"lrintf\"])(a0);var _lrintl=Module[\"_lrintl\"]=(a0,a1)=>(_lrintl=Module[\"_lrintl\"]=wasmExports[\"lrintl\"])(a0,a1);var _lround=Module[\"_lround\"]=a0=>(_lround=Module[\"_lround\"]=wasmExports[\"lround\"])(a0);var _lroundf=Module[\"_lroundf\"]=a0=>(_lroundf=Module[\"_lroundf\"]=wasmExports[\"lroundf\"])(a0);var _lroundl=Module[\"_lroundl\"]=(a0,a1)=>(_lroundl=Module[\"_lroundl\"]=wasmExports[\"lroundl\"])(a0,a1);var _lsearch=Module[\"_lsearch\"]=(a0,a1,a2,a3,a4)=>(_lsearch=Module[\"_lsearch\"]=wasmExports[\"lsearch\"])(a0,a1,a2,a3,a4);var _lfind=Module[\"_lfind\"]=(a0,a1,a2,a3,a4)=>(_lfind=Module[\"_lfind\"]=wasmExports[\"lfind\"])(a0,a1,a2,a3,a4);var _mbrlen=Module[\"_mbrlen\"]=(a0,a1,a2)=>(_mbrlen=Module[\"_mbrlen\"]=wasmExports[\"mbrlen\"])(a0,a1,a2);var _mbrtoc16=Module[\"_mbrtoc16\"]=(a0,a1,a2,a3)=>(_mbrtoc16=Module[\"_mbrtoc16\"]=wasmExports[\"mbrtoc16\"])(a0,a1,a2,a3);var _mbrtoc32=Module[\"_mbrtoc32\"]=(a0,a1,a2,a3)=>(_mbrtoc32=Module[\"_mbrtoc32\"]=wasmExports[\"mbrtoc32\"])(a0,a1,a2,a3);var _mbsinit=Module[\"_mbsinit\"]=a0=>(_mbsinit=Module[\"_mbsinit\"]=wasmExports[\"mbsinit\"])(a0);var _mbsnrtowcs=Module[\"_mbsnrtowcs\"]=(a0,a1,a2,a3,a4)=>(_mbsnrtowcs=Module[\"_mbsnrtowcs\"]=wasmExports[\"mbsnrtowcs\"])(a0,a1,a2,a3,a4);var _mbsrtowcs=Module[\"_mbsrtowcs\"]=(a0,a1,a2,a3)=>(_mbsrtowcs=Module[\"_mbsrtowcs\"]=wasmExports[\"mbsrtowcs\"])(a0,a1,a2,a3);var _memccpy=Module[\"_memccpy\"]=(a0,a1,a2,a3)=>(_memccpy=Module[\"_memccpy\"]=wasmExports[\"memccpy\"])(a0,a1,a2,a3);var _memmem=Module[\"_memmem\"]=(a0,a1,a2,a3)=>(_memmem=Module[\"_memmem\"]=wasmExports[\"memmem\"])(a0,a1,a2,a3);var _mempcpy=Module[\"_mempcpy\"]=(a0,a1,a2)=>(_mempcpy=Module[\"_mempcpy\"]=wasmExports[\"mempcpy\"])(a0,a1,a2);var _mincore=Module[\"_mincore\"]=(a0,a1,a2)=>(_mincore=Module[\"_mincore\"]=wasmExports[\"mincore\"])(a0,a1,a2);var _mkdtemp=Module[\"_mkdtemp\"]=a0=>(_mkdtemp=Module[\"_mkdtemp\"]=wasmExports[\"mkdtemp\"])(a0);var _mkfifo=Module[\"_mkfifo\"]=(a0,a1)=>(_mkfifo=Module[\"_mkfifo\"]=wasmExports[\"mkfifo\"])(a0,a1);var _mkfifoat=Module[\"_mkfifoat\"]=(a0,a1,a2)=>(_mkfifoat=Module[\"_mkfifoat\"]=wasmExports[\"mkfifoat\"])(a0,a1,a2);var _mkostemp=Module[\"_mkostemp\"]=(a0,a1)=>(_mkostemp=Module[\"_mkostemp\"]=wasmExports[\"mkostemp\"])(a0,a1);var _mkostemps=Module[\"_mkostemps\"]=(a0,a1,a2)=>(_mkostemps=Module[\"_mkostemps\"]=wasmExports[\"mkostemps\"])(a0,a1,a2);var _mkstemp=Module[\"_mkstemp\"]=a0=>(_mkstemp=Module[\"_mkstemp\"]=wasmExports[\"mkstemp\"])(a0);var _mkstemps=Module[\"_mkstemps\"]=(a0,a1)=>(_mkstemps=Module[\"_mkstemps\"]=wasmExports[\"mkstemps\"])(a0,a1);var _mktemp=Module[\"_mktemp\"]=a0=>(_mktemp=Module[\"_mktemp\"]=wasmExports[\"mktemp\"])(a0);var _timegm=Module[\"_timegm\"]=a0=>(_timegm=Module[\"_timegm\"]=wasmExports[\"timegm\"])(a0);var _tzset=Module[\"_tzset\"]=()=>(_tzset=Module[\"_tzset\"]=wasmExports[\"tzset\"])();var _mlock=Module[\"_mlock\"]=(a0,a1)=>(_mlock=Module[\"_mlock\"]=wasmExports[\"mlock\"])(a0,a1);var _mlockall=Module[\"_mlockall\"]=a0=>(_mlockall=Module[\"_mlockall\"]=wasmExports[\"mlockall\"])(a0);var _emscripten_builtin_mmap=Module[\"_emscripten_builtin_mmap\"]=(a0,a1,a2,a3,a4,a5)=>(_emscripten_builtin_mmap=Module[\"_emscripten_builtin_mmap\"]=wasmExports[\"emscripten_builtin_mmap\"])(a0,a1,a2,a3,a4,a5);var _setmntent=Module[\"_setmntent\"]=(a0,a1)=>(_setmntent=Module[\"_setmntent\"]=wasmExports[\"setmntent\"])(a0,a1);var _endmntent=Module[\"_endmntent\"]=a0=>(_endmntent=Module[\"_endmntent\"]=wasmExports[\"endmntent\"])(a0);var _getmntent_r=Module[\"_getmntent_r\"]=(a0,a1,a2,a3)=>(_getmntent_r=Module[\"_getmntent_r\"]=wasmExports[\"getmntent_r\"])(a0,a1,a2,a3);var _sscanf=Module[\"_sscanf\"]=(a0,a1,a2)=>(_sscanf=Module[\"_sscanf\"]=wasmExports[\"sscanf\"])(a0,a1,a2);var _getmntent=Module[\"_getmntent\"]=a0=>(_getmntent=Module[\"_getmntent\"]=wasmExports[\"getmntent\"])(a0);var _addmntent=Module[\"_addmntent\"]=(a0,a1)=>(_addmntent=Module[\"_addmntent\"]=wasmExports[\"addmntent\"])(a0,a1);var _hasmntopt=Module[\"_hasmntopt\"]=(a0,a1)=>(_hasmntopt=Module[\"_hasmntopt\"]=wasmExports[\"hasmntopt\"])(a0,a1);var _mprotect=Module[\"_mprotect\"]=(a0,a1,a2)=>(_mprotect=Module[\"_mprotect\"]=wasmExports[\"mprotect\"])(a0,a1,a2);var _jrand48=Module[\"_jrand48\"]=a0=>(_jrand48=Module[\"_jrand48\"]=wasmExports[\"jrand48\"])(a0);var _mrand48=Module[\"_mrand48\"]=()=>(_mrand48=Module[\"_mrand48\"]=wasmExports[\"mrand48\"])();var _mtx_destroy=Module[\"_mtx_destroy\"]=a0=>(_mtx_destroy=Module[\"_mtx_destroy\"]=wasmExports[\"mtx_destroy\"])(a0);var _mtx_init=Module[\"_mtx_init\"]=(a0,a1)=>(_mtx_init=Module[\"_mtx_init\"]=wasmExports[\"mtx_init\"])(a0,a1);var _mtx_lock=Module[\"_mtx_lock\"]=a0=>(_mtx_lock=Module[\"_mtx_lock\"]=wasmExports[\"mtx_lock\"])(a0);var _mtx_timedlock=Module[\"_mtx_timedlock\"]=(a0,a1)=>(_mtx_timedlock=Module[\"_mtx_timedlock\"]=wasmExports[\"mtx_timedlock\"])(a0,a1);var _mtx_trylock=Module[\"_mtx_trylock\"]=a0=>(_mtx_trylock=Module[\"_mtx_trylock\"]=wasmExports[\"mtx_trylock\"])(a0);var _mtx_unlock=Module[\"_mtx_unlock\"]=a0=>(_mtx_unlock=Module[\"_mtx_unlock\"]=wasmExports[\"mtx_unlock\"])(a0);var _munlock=Module[\"_munlock\"]=(a0,a1)=>(_munlock=Module[\"_munlock\"]=wasmExports[\"munlock\"])(a0,a1);var _munlockall=Module[\"_munlockall\"]=()=>(_munlockall=Module[\"_munlockall\"]=wasmExports[\"munlockall\"])();var _emscripten_builtin_munmap=Module[\"_emscripten_builtin_munmap\"]=(a0,a1)=>(_emscripten_builtin_munmap=Module[\"_emscripten_builtin_munmap\"]=wasmExports[\"emscripten_builtin_munmap\"])(a0,a1);var _nan=Module[\"_nan\"]=a0=>(_nan=Module[\"_nan\"]=wasmExports[\"nan\"])(a0);var _nanf=Module[\"_nanf\"]=a0=>(_nanf=Module[\"_nanf\"]=wasmExports[\"nanf\"])(a0);var _nanl=Module[\"_nanl\"]=(a0,a1)=>(_nanl=Module[\"_nanl\"]=wasmExports[\"nanl\"])(a0,a1);var _nanosleep=Module[\"_nanosleep\"]=(a0,a1)=>(_nanosleep=Module[\"_nanosleep\"]=wasmExports[\"nanosleep\"])(a0,a1);var _nearbyint=Module[\"_nearbyint\"]=a0=>(_nearbyint=Module[\"_nearbyint\"]=wasmExports[\"nearbyint\"])(a0);var _nearbyintf=Module[\"_nearbyintf\"]=a0=>(_nearbyintf=Module[\"_nearbyintf\"]=wasmExports[\"nearbyintf\"])(a0);var _nearbyintl=Module[\"_nearbyintl\"]=(a0,a1,a2)=>(_nearbyintl=Module[\"_nearbyintl\"]=wasmExports[\"nearbyintl\"])(a0,a1,a2);var _getnetbyaddr=Module[\"_getnetbyaddr\"]=(a0,a1)=>(_getnetbyaddr=Module[\"_getnetbyaddr\"]=wasmExports[\"getnetbyaddr\"])(a0,a1);var _getnetbyname=Module[\"_getnetbyname\"]=a0=>(_getnetbyname=Module[\"_getnetbyname\"]=wasmExports[\"getnetbyname\"])(a0);var ___newlocale=Module[\"___newlocale\"]=(a0,a1,a2)=>(___newlocale=Module[\"___newlocale\"]=wasmExports[\"__newlocale\"])(a0,a1,a2);var _newlocale=Module[\"_newlocale\"]=(a0,a1,a2)=>(_newlocale=Module[\"_newlocale\"]=wasmExports[\"newlocale\"])(a0,a1,a2);var _nextafterf=Module[\"_nextafterf\"]=(a0,a1)=>(_nextafterf=Module[\"_nextafterf\"]=wasmExports[\"nextafterf\"])(a0,a1);var _nexttoward=Module[\"_nexttoward\"]=(a0,a1,a2)=>(_nexttoward=Module[\"_nexttoward\"]=wasmExports[\"nexttoward\"])(a0,a1,a2);var _nexttowardf=Module[\"_nexttowardf\"]=(a0,a1,a2)=>(_nexttowardf=Module[\"_nexttowardf\"]=wasmExports[\"nexttowardf\"])(a0,a1,a2);var _nexttowardl=Module[\"_nexttowardl\"]=(a0,a1,a2,a3,a4)=>(_nexttowardl=Module[\"_nexttowardl\"]=wasmExports[\"nexttowardl\"])(a0,a1,a2,a3,a4);var _nftw=Module[\"_nftw\"]=(a0,a1,a2,a3)=>(_nftw=Module[\"_nftw\"]=wasmExports[\"nftw\"])(a0,a1,a2,a3);var _nice=Module[\"_nice\"]=a0=>(_nice=Module[\"_nice\"]=wasmExports[\"nice\"])(a0);var _setpriority=Module[\"_setpriority\"]=(a0,a1,a2)=>(_setpriority=Module[\"_setpriority\"]=wasmExports[\"setpriority\"])(a0,a1,a2);var _ns_get16=Module[\"_ns_get16\"]=a0=>(_ns_get16=Module[\"_ns_get16\"]=wasmExports[\"ns_get16\"])(a0);var _ns_get32=Module[\"_ns_get32\"]=a0=>(_ns_get32=Module[\"_ns_get32\"]=wasmExports[\"ns_get32\"])(a0);var _ns_put16=Module[\"_ns_put16\"]=(a0,a1)=>(_ns_put16=Module[\"_ns_put16\"]=wasmExports[\"ns_put16\"])(a0,a1);var _ns_put32=Module[\"_ns_put32\"]=(a0,a1)=>(_ns_put32=Module[\"_ns_put32\"]=wasmExports[\"ns_put32\"])(a0,a1);var _ns_skiprr=Module[\"_ns_skiprr\"]=(a0,a1,a2,a3)=>(_ns_skiprr=Module[\"_ns_skiprr\"]=wasmExports[\"ns_skiprr\"])(a0,a1,a2,a3);var _ns_initparse=Module[\"_ns_initparse\"]=(a0,a1,a2)=>(_ns_initparse=Module[\"_ns_initparse\"]=wasmExports[\"ns_initparse\"])(a0,a1,a2);var _ns_name_uncompress=Module[\"_ns_name_uncompress\"]=(a0,a1,a2,a3,a4)=>(_ns_name_uncompress=Module[\"_ns_name_uncompress\"]=wasmExports[\"ns_name_uncompress\"])(a0,a1,a2,a3,a4);var _ns_parserr=Module[\"_ns_parserr\"]=(a0,a1,a2,a3)=>(_ns_parserr=Module[\"_ns_parserr\"]=wasmExports[\"ns_parserr\"])(a0,a1,a2,a3);var _open_memstream=Module[\"_open_memstream\"]=(a0,a1)=>(_open_memstream=Module[\"_open_memstream\"]=wasmExports[\"open_memstream\"])(a0,a1);var _open_wmemstream=Module[\"_open_wmemstream\"]=(a0,a1)=>(_open_wmemstream=Module[\"_open_wmemstream\"]=wasmExports[\"open_wmemstream\"])(a0,a1);var _tcsetattr=Module[\"_tcsetattr\"]=(a0,a1,a2)=>(_tcsetattr=Module[\"_tcsetattr\"]=wasmExports[\"tcsetattr\"])(a0,a1,a2);var _posix_close=Module[\"_posix_close\"]=(a0,a1)=>(_posix_close=Module[\"_posix_close\"]=wasmExports[\"posix_close\"])(a0,a1);var _posix_fallocate=Module[\"_posix_fallocate\"]=(a0,a1,a2)=>(_posix_fallocate=Module[\"_posix_fallocate\"]=wasmExports[\"posix_fallocate\"])(a0,a1,a2);var _posix_madvise=Module[\"_posix_madvise\"]=(a0,a1,a2)=>(_posix_madvise=Module[\"_posix_madvise\"]=wasmExports[\"posix_madvise\"])(a0,a1,a2);var _posix_spawn_file_actions_addchdir_np=Module[\"_posix_spawn_file_actions_addchdir_np\"]=(a0,a1)=>(_posix_spawn_file_actions_addchdir_np=Module[\"_posix_spawn_file_actions_addchdir_np\"]=wasmExports[\"posix_spawn_file_actions_addchdir_np\"])(a0,a1);var _posix_spawn_file_actions_addclose=Module[\"_posix_spawn_file_actions_addclose\"]=(a0,a1)=>(_posix_spawn_file_actions_addclose=Module[\"_posix_spawn_file_actions_addclose\"]=wasmExports[\"posix_spawn_file_actions_addclose\"])(a0,a1);var _posix_spawn_file_actions_adddup2=Module[\"_posix_spawn_file_actions_adddup2\"]=(a0,a1,a2)=>(_posix_spawn_file_actions_adddup2=Module[\"_posix_spawn_file_actions_adddup2\"]=wasmExports[\"posix_spawn_file_actions_adddup2\"])(a0,a1,a2);var _posix_spawn_file_actions_addfchdir_np=Module[\"_posix_spawn_file_actions_addfchdir_np\"]=(a0,a1)=>(_posix_spawn_file_actions_addfchdir_np=Module[\"_posix_spawn_file_actions_addfchdir_np\"]=wasmExports[\"posix_spawn_file_actions_addfchdir_np\"])(a0,a1);var _posix_spawn_file_actions_addopen=Module[\"_posix_spawn_file_actions_addopen\"]=(a0,a1,a2,a3,a4)=>(_posix_spawn_file_actions_addopen=Module[\"_posix_spawn_file_actions_addopen\"]=wasmExports[\"posix_spawn_file_actions_addopen\"])(a0,a1,a2,a3,a4);var _posix_spawn_file_actions_destroy=Module[\"_posix_spawn_file_actions_destroy\"]=a0=>(_posix_spawn_file_actions_destroy=Module[\"_posix_spawn_file_actions_destroy\"]=wasmExports[\"posix_spawn_file_actions_destroy\"])(a0);var _posix_spawn_file_actions_init=Module[\"_posix_spawn_file_actions_init\"]=a0=>(_posix_spawn_file_actions_init=Module[\"_posix_spawn_file_actions_init\"]=wasmExports[\"posix_spawn_file_actions_init\"])(a0);var _posix_spawnattr_destroy=Module[\"_posix_spawnattr_destroy\"]=a0=>(_posix_spawnattr_destroy=Module[\"_posix_spawnattr_destroy\"]=wasmExports[\"posix_spawnattr_destroy\"])(a0);var _posix_spawnattr_getflags=Module[\"_posix_spawnattr_getflags\"]=(a0,a1)=>(_posix_spawnattr_getflags=Module[\"_posix_spawnattr_getflags\"]=wasmExports[\"posix_spawnattr_getflags\"])(a0,a1);var _posix_spawnattr_getpgroup=Module[\"_posix_spawnattr_getpgroup\"]=(a0,a1)=>(_posix_spawnattr_getpgroup=Module[\"_posix_spawnattr_getpgroup\"]=wasmExports[\"posix_spawnattr_getpgroup\"])(a0,a1);var _posix_spawnattr_getsigdefault=Module[\"_posix_spawnattr_getsigdefault\"]=(a0,a1)=>(_posix_spawnattr_getsigdefault=Module[\"_posix_spawnattr_getsigdefault\"]=wasmExports[\"posix_spawnattr_getsigdefault\"])(a0,a1);var _posix_spawnattr_getsigmask=Module[\"_posix_spawnattr_getsigmask\"]=(a0,a1)=>(_posix_spawnattr_getsigmask=Module[\"_posix_spawnattr_getsigmask\"]=wasmExports[\"posix_spawnattr_getsigmask\"])(a0,a1);var _posix_spawnattr_init=Module[\"_posix_spawnattr_init\"]=a0=>(_posix_spawnattr_init=Module[\"_posix_spawnattr_init\"]=wasmExports[\"posix_spawnattr_init\"])(a0);var _posix_spawnattr_getschedparam=Module[\"_posix_spawnattr_getschedparam\"]=(a0,a1)=>(_posix_spawnattr_getschedparam=Module[\"_posix_spawnattr_getschedparam\"]=wasmExports[\"posix_spawnattr_getschedparam\"])(a0,a1);var _posix_spawnattr_setschedparam=Module[\"_posix_spawnattr_setschedparam\"]=(a0,a1)=>(_posix_spawnattr_setschedparam=Module[\"_posix_spawnattr_setschedparam\"]=wasmExports[\"posix_spawnattr_setschedparam\"])(a0,a1);var _posix_spawnattr_getschedpolicy=Module[\"_posix_spawnattr_getschedpolicy\"]=(a0,a1)=>(_posix_spawnattr_getschedpolicy=Module[\"_posix_spawnattr_getschedpolicy\"]=wasmExports[\"posix_spawnattr_getschedpolicy\"])(a0,a1);var _posix_spawnattr_setschedpolicy=Module[\"_posix_spawnattr_setschedpolicy\"]=(a0,a1)=>(_posix_spawnattr_setschedpolicy=Module[\"_posix_spawnattr_setschedpolicy\"]=wasmExports[\"posix_spawnattr_setschedpolicy\"])(a0,a1);var _posix_spawnattr_setflags=Module[\"_posix_spawnattr_setflags\"]=(a0,a1)=>(_posix_spawnattr_setflags=Module[\"_posix_spawnattr_setflags\"]=wasmExports[\"posix_spawnattr_setflags\"])(a0,a1);var _posix_spawnattr_setpgroup=Module[\"_posix_spawnattr_setpgroup\"]=(a0,a1)=>(_posix_spawnattr_setpgroup=Module[\"_posix_spawnattr_setpgroup\"]=wasmExports[\"posix_spawnattr_setpgroup\"])(a0,a1);var _posix_spawnattr_setsigdefault=Module[\"_posix_spawnattr_setsigdefault\"]=(a0,a1)=>(_posix_spawnattr_setsigdefault=Module[\"_posix_spawnattr_setsigdefault\"]=wasmExports[\"posix_spawnattr_setsigdefault\"])(a0,a1);var _posix_spawnattr_setsigmask=Module[\"_posix_spawnattr_setsigmask\"]=(a0,a1)=>(_posix_spawnattr_setsigmask=Module[\"_posix_spawnattr_setsigmask\"]=wasmExports[\"posix_spawnattr_setsigmask\"])(a0,a1);var _powf=Module[\"_powf\"]=(a0,a1)=>(_powf=Module[\"_powf\"]=wasmExports[\"powf\"])(a0,a1);var _preadv=Module[\"_preadv\"]=(a0,a1,a2,a3)=>(_preadv=Module[\"_preadv\"]=wasmExports[\"preadv\"])(a0,a1,a2,a3);var _printf=Module[\"_printf\"]=(a0,a1)=>(_printf=Module[\"_printf\"]=wasmExports[\"printf\"])(a0,a1);var ___small_printf=Module[\"___small_printf\"]=(a0,a1)=>(___small_printf=Module[\"___small_printf\"]=wasmExports[\"__small_printf\"])(a0,a1);var _em_proxying_queue_create=Module[\"_em_proxying_queue_create\"]=()=>(_em_proxying_queue_create=Module[\"_em_proxying_queue_create\"]=wasmExports[\"em_proxying_queue_create\"])();var _em_proxying_queue_destroy=Module[\"_em_proxying_queue_destroy\"]=a0=>(_em_proxying_queue_destroy=Module[\"_em_proxying_queue_destroy\"]=wasmExports[\"em_proxying_queue_destroy\"])(a0);var _emscripten_proxy_get_system_queue=Module[\"_emscripten_proxy_get_system_queue\"]=()=>(_emscripten_proxy_get_system_queue=Module[\"_emscripten_proxy_get_system_queue\"]=wasmExports[\"emscripten_proxy_get_system_queue\"])();var _emscripten_proxy_execute_queue=Module[\"_emscripten_proxy_execute_queue\"]=a0=>(_emscripten_proxy_execute_queue=Module[\"_emscripten_proxy_execute_queue\"]=wasmExports[\"emscripten_proxy_execute_queue\"])(a0);var _emscripten_proxy_finish=Module[\"_emscripten_proxy_finish\"]=a0=>(_emscripten_proxy_finish=Module[\"_emscripten_proxy_finish\"]=wasmExports[\"emscripten_proxy_finish\"])(a0);var _emscripten_proxy_async=Module[\"_emscripten_proxy_async\"]=(a0,a1,a2,a3)=>(_emscripten_proxy_async=Module[\"_emscripten_proxy_async\"]=wasmExports[\"emscripten_proxy_async\"])(a0,a1,a2,a3);var _emscripten_proxy_sync=Module[\"_emscripten_proxy_sync\"]=(a0,a1,a2,a3)=>(_emscripten_proxy_sync=Module[\"_emscripten_proxy_sync\"]=wasmExports[\"emscripten_proxy_sync\"])(a0,a1,a2,a3);var _emscripten_proxy_sync_with_ctx=Module[\"_emscripten_proxy_sync_with_ctx\"]=(a0,a1,a2,a3)=>(_emscripten_proxy_sync_with_ctx=Module[\"_emscripten_proxy_sync_with_ctx\"]=wasmExports[\"emscripten_proxy_sync_with_ctx\"])(a0,a1,a2,a3);var _pselect=Module[\"_pselect\"]=(a0,a1,a2,a3,a4,a5)=>(_pselect=Module[\"_pselect\"]=wasmExports[\"pselect\"])(a0,a1,a2,a3,a4,a5);var _pthread_attr_getdetachstate=Module[\"_pthread_attr_getdetachstate\"]=(a0,a1)=>(_pthread_attr_getdetachstate=Module[\"_pthread_attr_getdetachstate\"]=wasmExports[\"pthread_attr_getdetachstate\"])(a0,a1);var _pthread_attr_getguardsize=Module[\"_pthread_attr_getguardsize\"]=(a0,a1)=>(_pthread_attr_getguardsize=Module[\"_pthread_attr_getguardsize\"]=wasmExports[\"pthread_attr_getguardsize\"])(a0,a1);var _pthread_attr_getinheritsched=Module[\"_pthread_attr_getinheritsched\"]=(a0,a1)=>(_pthread_attr_getinheritsched=Module[\"_pthread_attr_getinheritsched\"]=wasmExports[\"pthread_attr_getinheritsched\"])(a0,a1);var _pthread_attr_getschedparam=Module[\"_pthread_attr_getschedparam\"]=(a0,a1)=>(_pthread_attr_getschedparam=Module[\"_pthread_attr_getschedparam\"]=wasmExports[\"pthread_attr_getschedparam\"])(a0,a1);var _pthread_attr_getschedpolicy=Module[\"_pthread_attr_getschedpolicy\"]=(a0,a1)=>(_pthread_attr_getschedpolicy=Module[\"_pthread_attr_getschedpolicy\"]=wasmExports[\"pthread_attr_getschedpolicy\"])(a0,a1);var _pthread_attr_getscope=Module[\"_pthread_attr_getscope\"]=(a0,a1)=>(_pthread_attr_getscope=Module[\"_pthread_attr_getscope\"]=wasmExports[\"pthread_attr_getscope\"])(a0,a1);var _pthread_attr_getstack=Module[\"_pthread_attr_getstack\"]=(a0,a1,a2)=>(_pthread_attr_getstack=Module[\"_pthread_attr_getstack\"]=wasmExports[\"pthread_attr_getstack\"])(a0,a1,a2);var _pthread_attr_getstacksize=Module[\"_pthread_attr_getstacksize\"]=(a0,a1)=>(_pthread_attr_getstacksize=Module[\"_pthread_attr_getstacksize\"]=wasmExports[\"pthread_attr_getstacksize\"])(a0,a1);var _pthread_barrierattr_getpshared=Module[\"_pthread_barrierattr_getpshared\"]=(a0,a1)=>(_pthread_barrierattr_getpshared=Module[\"_pthread_barrierattr_getpshared\"]=wasmExports[\"pthread_barrierattr_getpshared\"])(a0,a1);var _pthread_condattr_getclock=Module[\"_pthread_condattr_getclock\"]=(a0,a1)=>(_pthread_condattr_getclock=Module[\"_pthread_condattr_getclock\"]=wasmExports[\"pthread_condattr_getclock\"])(a0,a1);var _pthread_condattr_getpshared=Module[\"_pthread_condattr_getpshared\"]=(a0,a1)=>(_pthread_condattr_getpshared=Module[\"_pthread_condattr_getpshared\"]=wasmExports[\"pthread_condattr_getpshared\"])(a0,a1);var _pthread_mutexattr_getprotocol=Module[\"_pthread_mutexattr_getprotocol\"]=(a0,a1)=>(_pthread_mutexattr_getprotocol=Module[\"_pthread_mutexattr_getprotocol\"]=wasmExports[\"pthread_mutexattr_getprotocol\"])(a0,a1);var _pthread_mutexattr_getpshared=Module[\"_pthread_mutexattr_getpshared\"]=(a0,a1)=>(_pthread_mutexattr_getpshared=Module[\"_pthread_mutexattr_getpshared\"]=wasmExports[\"pthread_mutexattr_getpshared\"])(a0,a1);var _pthread_mutexattr_getrobust=Module[\"_pthread_mutexattr_getrobust\"]=(a0,a1)=>(_pthread_mutexattr_getrobust=Module[\"_pthread_mutexattr_getrobust\"]=wasmExports[\"pthread_mutexattr_getrobust\"])(a0,a1);var _pthread_mutexattr_gettype=Module[\"_pthread_mutexattr_gettype\"]=(a0,a1)=>(_pthread_mutexattr_gettype=Module[\"_pthread_mutexattr_gettype\"]=wasmExports[\"pthread_mutexattr_gettype\"])(a0,a1);var _pthread_rwlockattr_getpshared=Module[\"_pthread_rwlockattr_getpshared\"]=(a0,a1)=>(_pthread_rwlockattr_getpshared=Module[\"_pthread_rwlockattr_getpshared\"]=wasmExports[\"pthread_rwlockattr_getpshared\"])(a0,a1);var _pthread_attr_setdetachstate=Module[\"_pthread_attr_setdetachstate\"]=(a0,a1)=>(_pthread_attr_setdetachstate=Module[\"_pthread_attr_setdetachstate\"]=wasmExports[\"pthread_attr_setdetachstate\"])(a0,a1);var _pthread_attr_setguardsize=Module[\"_pthread_attr_setguardsize\"]=(a0,a1)=>(_pthread_attr_setguardsize=Module[\"_pthread_attr_setguardsize\"]=wasmExports[\"pthread_attr_setguardsize\"])(a0,a1);var _pthread_attr_setinheritsched=Module[\"_pthread_attr_setinheritsched\"]=(a0,a1)=>(_pthread_attr_setinheritsched=Module[\"_pthread_attr_setinheritsched\"]=wasmExports[\"pthread_attr_setinheritsched\"])(a0,a1);var _pthread_attr_setschedparam=Module[\"_pthread_attr_setschedparam\"]=(a0,a1)=>(_pthread_attr_setschedparam=Module[\"_pthread_attr_setschedparam\"]=wasmExports[\"pthread_attr_setschedparam\"])(a0,a1);var _pthread_attr_setschedpolicy=Module[\"_pthread_attr_setschedpolicy\"]=(a0,a1)=>(_pthread_attr_setschedpolicy=Module[\"_pthread_attr_setschedpolicy\"]=wasmExports[\"pthread_attr_setschedpolicy\"])(a0,a1);var _pthread_attr_setscope=Module[\"_pthread_attr_setscope\"]=(a0,a1)=>(_pthread_attr_setscope=Module[\"_pthread_attr_setscope\"]=wasmExports[\"pthread_attr_setscope\"])(a0,a1);var _pthread_attr_setstack=Module[\"_pthread_attr_setstack\"]=(a0,a1,a2)=>(_pthread_attr_setstack=Module[\"_pthread_attr_setstack\"]=wasmExports[\"pthread_attr_setstack\"])(a0,a1,a2);var __pthread_cleanup_push=Module[\"__pthread_cleanup_push\"]=(a0,a1,a2)=>(__pthread_cleanup_push=Module[\"__pthread_cleanup_push\"]=wasmExports[\"_pthread_cleanup_push\"])(a0,a1,a2);var __pthread_cleanup_pop=Module[\"__pthread_cleanup_pop\"]=(a0,a1)=>(__pthread_cleanup_pop=Module[\"__pthread_cleanup_pop\"]=wasmExports[\"_pthread_cleanup_pop\"])(a0,a1);var _pthread_getconcurrency=Module[\"_pthread_getconcurrency\"]=()=>(_pthread_getconcurrency=Module[\"_pthread_getconcurrency\"]=wasmExports[\"pthread_getconcurrency\"])();var _pthread_getschedparam=Module[\"_pthread_getschedparam\"]=(a0,a1,a2)=>(_pthread_getschedparam=Module[\"_pthread_getschedparam\"]=wasmExports[\"pthread_getschedparam\"])(a0,a1,a2);var _thrd_current=Module[\"_thrd_current\"]=()=>(_thrd_current=Module[\"_thrd_current\"]=wasmExports[\"thrd_current\"])();var _emscripten_main_runtime_thread_id=Module[\"_emscripten_main_runtime_thread_id\"]=()=>(_emscripten_main_runtime_thread_id=Module[\"_emscripten_main_runtime_thread_id\"]=wasmExports[\"emscripten_main_runtime_thread_id\"])();var _pthread_setconcurrency=Module[\"_pthread_setconcurrency\"]=a0=>(_pthread_setconcurrency=Module[\"_pthread_setconcurrency\"]=wasmExports[\"pthread_setconcurrency\"])(a0);var _pthread_setschedprio=Module[\"_pthread_setschedprio\"]=(a0,a1)=>(_pthread_setschedprio=Module[\"_pthread_setschedprio\"]=wasmExports[\"pthread_setschedprio\"])(a0,a1);var ___sig_is_blocked=Module[\"___sig_is_blocked\"]=a0=>(___sig_is_blocked=Module[\"___sig_is_blocked\"]=wasmExports[\"__sig_is_blocked\"])(a0);var _sigorset=Module[\"_sigorset\"]=(a0,a1,a2)=>(_sigorset=Module[\"_sigorset\"]=wasmExports[\"sigorset\"])(a0,a1,a2);var _sigandset=Module[\"_sigandset\"]=(a0,a1,a2)=>(_sigandset=Module[\"_sigandset\"]=wasmExports[\"sigandset\"])(a0,a1,a2);var _sigdelset=Module[\"_sigdelset\"]=(a0,a1)=>(_sigdelset=Module[\"_sigdelset\"]=wasmExports[\"sigdelset\"])(a0,a1);var _ptsname=Module[\"_ptsname\"]=a0=>(_ptsname=Module[\"_ptsname\"]=wasmExports[\"ptsname\"])(a0);var _posix_openpt=Module[\"_posix_openpt\"]=a0=>(_posix_openpt=Module[\"_posix_openpt\"]=wasmExports[\"posix_openpt\"])(a0);var _grantpt=Module[\"_grantpt\"]=a0=>(_grantpt=Module[\"_grantpt\"]=wasmExports[\"grantpt\"])(a0);var _unlockpt=Module[\"_unlockpt\"]=a0=>(_unlockpt=Module[\"_unlockpt\"]=wasmExports[\"unlockpt\"])(a0);var _ptsname_r=Module[\"_ptsname_r\"]=(a0,a1,a2)=>(_ptsname_r=Module[\"_ptsname_r\"]=wasmExports[\"ptsname_r\"])(a0,a1,a2);var __IO_putc=Module[\"__IO_putc\"]=(a0,a1)=>(__IO_putc=Module[\"__IO_putc\"]=wasmExports[\"_IO_putc\"])(a0,a1);var _putc_unlocked=Module[\"_putc_unlocked\"]=(a0,a1)=>(_putc_unlocked=Module[\"_putc_unlocked\"]=wasmExports[\"putc_unlocked\"])(a0,a1);var _fputc_unlocked=Module[\"_fputc_unlocked\"]=(a0,a1)=>(_fputc_unlocked=Module[\"_fputc_unlocked\"]=wasmExports[\"fputc_unlocked\"])(a0,a1);var __IO_putc_unlocked=Module[\"__IO_putc_unlocked\"]=(a0,a1)=>(__IO_putc_unlocked=Module[\"__IO_putc_unlocked\"]=wasmExports[\"_IO_putc_unlocked\"])(a0,a1);var _putchar_unlocked=Module[\"_putchar_unlocked\"]=a0=>(_putchar_unlocked=Module[\"_putchar_unlocked\"]=wasmExports[\"putchar_unlocked\"])(a0);var _putenv=Module[\"_putenv\"]=a0=>(_putenv=Module[\"_putenv\"]=wasmExports[\"putenv\"])(a0);var _putw=Module[\"_putw\"]=(a0,a1)=>(_putw=Module[\"_putw\"]=wasmExports[\"putw\"])(a0,a1);var _putwc=Module[\"_putwc\"]=(a0,a1)=>(_putwc=Module[\"_putwc\"]=wasmExports[\"putwc\"])(a0,a1);var _putwchar=Module[\"_putwchar\"]=a0=>(_putwchar=Module[\"_putwchar\"]=wasmExports[\"putwchar\"])(a0);var _putwchar_unlocked=Module[\"_putwchar_unlocked\"]=a0=>(_putwchar_unlocked=Module[\"_putwchar_unlocked\"]=wasmExports[\"putwchar_unlocked\"])(a0);var _pwritev=Module[\"_pwritev\"]=(a0,a1,a2,a3)=>(_pwritev=Module[\"_pwritev\"]=wasmExports[\"pwritev\"])(a0,a1,a2,a3);var _qsort_r=Module[\"_qsort_r\"]=(a0,a1,a2,a3,a4)=>(_qsort_r=Module[\"_qsort_r\"]=wasmExports[\"qsort_r\"])(a0,a1,a2,a3,a4);var _quick_exit=Module[\"_quick_exit\"]=a0=>(_quick_exit=Module[\"_quick_exit\"]=wasmExports[\"quick_exit\"])(a0);var _action_abort=Module[\"_action_abort\"]=a0=>(_action_abort=Module[\"_action_abort\"]=wasmExports[\"action_abort\"])(a0);var _action_terminate=Module[\"_action_terminate\"]=a0=>(_action_terminate=Module[\"_action_terminate\"]=wasmExports[\"action_terminate\"])(a0);var _srand=Module[\"_srand\"]=a0=>(_srand=Module[\"_srand\"]=wasmExports[\"srand\"])(a0);var _rand=Module[\"_rand\"]=()=>(_rand=Module[\"_rand\"]=wasmExports[\"rand\"])();var _rand_r=Module[\"_rand_r\"]=a0=>(_rand_r=Module[\"_rand_r\"]=wasmExports[\"rand_r\"])(a0);var _srandom=Module[\"_srandom\"]=a0=>(_srandom=Module[\"_srandom\"]=wasmExports[\"srandom\"])(a0);var _initstate=Module[\"_initstate\"]=(a0,a1,a2)=>(_initstate=Module[\"_initstate\"]=wasmExports[\"initstate\"])(a0,a1,a2);var _setstate=Module[\"_setstate\"]=a0=>(_setstate=Module[\"_setstate\"]=wasmExports[\"setstate\"])(a0);var _random=Module[\"_random\"]=()=>(_random=Module[\"_random\"]=wasmExports[\"random\"])();var _readdir_r=Module[\"_readdir_r\"]=(a0,a1,a2)=>(_readdir_r=Module[\"_readdir_r\"]=wasmExports[\"readdir_r\"])(a0,a1,a2);var _recvmmsg=Module[\"_recvmmsg\"]=(a0,a1,a2,a3,a4)=>(_recvmmsg=Module[\"_recvmmsg\"]=wasmExports[\"recvmmsg\"])(a0,a1,a2,a3,a4);var _regcomp=Module[\"_regcomp\"]=(a0,a1,a2)=>(_regcomp=Module[\"_regcomp\"]=wasmExports[\"regcomp\"])(a0,a1,a2);var _regfree=Module[\"_regfree\"]=a0=>(_regfree=Module[\"_regfree\"]=wasmExports[\"regfree\"])(a0);var _regerror=Module[\"_regerror\"]=(a0,a1,a2,a3)=>(_regerror=Module[\"_regerror\"]=wasmExports[\"regerror\"])(a0,a1,a2,a3);var _regexec=Module[\"_regexec\"]=(a0,a1,a2,a3,a4)=>(_regexec=Module[\"_regexec\"]=wasmExports[\"regexec\"])(a0,a1,a2,a3,a4);var _remainder=Module[\"_remainder\"]=(a0,a1)=>(_remainder=Module[\"_remainder\"]=wasmExports[\"remainder\"])(a0,a1);var _remquo=Module[\"_remquo\"]=(a0,a1,a2)=>(_remquo=Module[\"_remquo\"]=wasmExports[\"remquo\"])(a0,a1,a2);var _drem=Module[\"_drem\"]=(a0,a1)=>(_drem=Module[\"_drem\"]=wasmExports[\"drem\"])(a0,a1);var _remainderf=Module[\"_remainderf\"]=(a0,a1)=>(_remainderf=Module[\"_remainderf\"]=wasmExports[\"remainderf\"])(a0,a1);var _remquof=Module[\"_remquof\"]=(a0,a1,a2)=>(_remquof=Module[\"_remquof\"]=wasmExports[\"remquof\"])(a0,a1,a2);var _dremf=Module[\"_dremf\"]=(a0,a1)=>(_dremf=Module[\"_dremf\"]=wasmExports[\"dremf\"])(a0,a1);var _remainderl=Module[\"_remainderl\"]=(a0,a1,a2,a3,a4)=>(_remainderl=Module[\"_remainderl\"]=wasmExports[\"remainderl\"])(a0,a1,a2,a3,a4);var _remquol=Module[\"_remquol\"]=(a0,a1,a2,a3,a4,a5)=>(_remquol=Module[\"_remquol\"]=wasmExports[\"remquol\"])(a0,a1,a2,a3,a4,a5);var _remove=Module[\"_remove\"]=a0=>(_remove=Module[\"_remove\"]=wasmExports[\"remove\"])(a0);var _res_init=Module[\"_res_init\"]=()=>(_res_init=Module[\"_res_init\"]=wasmExports[\"res_init\"])();var _res_mkquery=Module[\"_res_mkquery\"]=(a0,a1,a2,a3,a4,a5,a6,a7,a8)=>(_res_mkquery=Module[\"_res_mkquery\"]=wasmExports[\"res_mkquery\"])(a0,a1,a2,a3,a4,a5,a6,a7,a8);var ___res_msend=Module[\"___res_msend\"]=(a0,a1,a2,a3,a4,a5)=>(___res_msend=Module[\"___res_msend\"]=wasmExports[\"__res_msend\"])(a0,a1,a2,a3,a4,a5);var _res_send=Module[\"_res_send\"]=(a0,a1,a2,a3)=>(_res_send=Module[\"_res_send\"]=wasmExports[\"res_send\"])(a0,a1,a2,a3);var ___res_state=Module[\"___res_state\"]=()=>(___res_state=Module[\"___res_state\"]=wasmExports[\"__res_state\"])();var _rindex=Module[\"_rindex\"]=(a0,a1)=>(_rindex=Module[\"_rindex\"]=wasmExports[\"rindex\"])(a0,a1);var _emscripten_get_sbrk_ptr=Module[\"_emscripten_get_sbrk_ptr\"]=()=>(_emscripten_get_sbrk_ptr=Module[\"_emscripten_get_sbrk_ptr\"]=wasmExports[\"emscripten_get_sbrk_ptr\"])();var _sbrk=Module[\"_sbrk\"]=a0=>(_sbrk=Module[\"_sbrk\"]=wasmExports[\"sbrk\"])(a0);var _brk=Module[\"_brk\"]=a0=>(_brk=Module[\"_brk\"]=wasmExports[\"brk\"])(a0);var _scalb=Module[\"_scalb\"]=(a0,a1)=>(_scalb=Module[\"_scalb\"]=wasmExports[\"scalb\"])(a0,a1);var _scalbf=Module[\"_scalbf\"]=(a0,a1)=>(_scalbf=Module[\"_scalbf\"]=wasmExports[\"scalbf\"])(a0,a1);var _scalbln=Module[\"_scalbln\"]=(a0,a1)=>(_scalbln=Module[\"_scalbln\"]=wasmExports[\"scalbln\"])(a0,a1);var _scalblnf=Module[\"_scalblnf\"]=(a0,a1)=>(_scalblnf=Module[\"_scalblnf\"]=wasmExports[\"scalblnf\"])(a0,a1);var _scalblnl=Module[\"_scalblnl\"]=(a0,a1,a2,a3)=>(_scalblnl=Module[\"_scalblnl\"]=wasmExports[\"scalblnl\"])(a0,a1,a2,a3);var _scandir=Module[\"_scandir\"]=(a0,a1,a2,a3)=>(_scandir=Module[\"_scandir\"]=wasmExports[\"scandir\"])(a0,a1,a2,a3);var _scanf=Module[\"_scanf\"]=(a0,a1)=>(_scanf=Module[\"_scanf\"]=wasmExports[\"scanf\"])(a0,a1);var _vscanf=Module[\"_vscanf\"]=(a0,a1)=>(_vscanf=Module[\"_vscanf\"]=wasmExports[\"vscanf\"])(a0,a1);var ___isoc99_scanf=Module[\"___isoc99_scanf\"]=(a0,a1)=>(___isoc99_scanf=Module[\"___isoc99_scanf\"]=wasmExports[\"__isoc99_scanf\"])(a0,a1);var _secure_getenv=Module[\"_secure_getenv\"]=a0=>(_secure_getenv=Module[\"_secure_getenv\"]=wasmExports[\"secure_getenv\"])(a0);var _seed48=Module[\"_seed48\"]=a0=>(_seed48=Module[\"_seed48\"]=wasmExports[\"seed48\"])(a0);var _seekdir=Module[\"_seekdir\"]=(a0,a1)=>(_seekdir=Module[\"_seekdir\"]=wasmExports[\"seekdir\"])(a0,a1);var _sendmmsg=Module[\"_sendmmsg\"]=(a0,a1,a2,a3)=>(_sendmmsg=Module[\"_sendmmsg\"]=wasmExports[\"sendmmsg\"])(a0,a1,a2,a3);var _endservent=Module[\"_endservent\"]=()=>(_endservent=Module[\"_endservent\"]=wasmExports[\"endservent\"])();var _setservent=Module[\"_setservent\"]=a0=>(_setservent=Module[\"_setservent\"]=wasmExports[\"setservent\"])(a0);var _getservent=Module[\"_getservent\"]=()=>(_getservent=Module[\"_getservent\"]=wasmExports[\"getservent\"])();var _setbuf=Module[\"_setbuf\"]=(a0,a1)=>(_setbuf=Module[\"_setbuf\"]=wasmExports[\"setbuf\"])(a0,a1);var _setbuffer=Module[\"_setbuffer\"]=(a0,a1,a2)=>(_setbuffer=Module[\"_setbuffer\"]=wasmExports[\"setbuffer\"])(a0,a1,a2);var _setdomainname=Module[\"_setdomainname\"]=(a0,a1)=>(_setdomainname=Module[\"_setdomainname\"]=wasmExports[\"setdomainname\"])(a0,a1);var _setegid=Module[\"_setegid\"]=a0=>(_setegid=Module[\"_setegid\"]=wasmExports[\"setegid\"])(a0);var _seteuid=Module[\"_seteuid\"]=a0=>(_seteuid=Module[\"_seteuid\"]=wasmExports[\"seteuid\"])(a0);var __emscripten_timeout=(a0,a1)=>(__emscripten_timeout=wasmExports[\"_emscripten_timeout\"])(a0,a1);var _setlinebuf=Module[\"_setlinebuf\"]=a0=>(_setlinebuf=Module[\"_setlinebuf\"]=wasmExports[\"setlinebuf\"])(a0);var _setresgid=Module[\"_setresgid\"]=(a0,a1,a2)=>(_setresgid=Module[\"_setresgid\"]=wasmExports[\"setresgid\"])(a0,a1,a2);var _setresuid=Module[\"_setresuid\"]=(a0,a1,a2)=>(_setresuid=Module[\"_setresuid\"]=wasmExports[\"setresuid\"])(a0,a1,a2);var _shm_open=Module[\"_shm_open\"]=(a0,a1,a2)=>(_shm_open=Module[\"_shm_open\"]=wasmExports[\"shm_open\"])(a0,a1,a2);var _shm_unlink=Module[\"_shm_unlink\"]=a0=>(_shm_unlink=Module[\"_shm_unlink\"]=wasmExports[\"shm_unlink\"])(a0);var _sigaction=Module[\"_sigaction\"]=(a0,a1,a2)=>(_sigaction=Module[\"_sigaction\"]=wasmExports[\"sigaction\"])(a0,a1,a2);var _sigisemptyset=Module[\"_sigisemptyset\"]=a0=>(_sigisemptyset=Module[\"_sigisemptyset\"]=wasmExports[\"sigisemptyset\"])(a0);var _bsd_signal=Module[\"_bsd_signal\"]=(a0,a1)=>(_bsd_signal=Module[\"_bsd_signal\"]=wasmExports[\"bsd_signal\"])(a0,a1);var ___sysv_signal=Module[\"___sysv_signal\"]=(a0,a1)=>(___sysv_signal=Module[\"___sysv_signal\"]=wasmExports[\"__sysv_signal\"])(a0,a1);var _significand=Module[\"_significand\"]=a0=>(_significand=Module[\"_significand\"]=wasmExports[\"significand\"])(a0);var _significandf=Module[\"_significandf\"]=a0=>(_significandf=Module[\"_significandf\"]=wasmExports[\"significandf\"])(a0);var _sigprocmask=Module[\"_sigprocmask\"]=(a0,a1,a2)=>(_sigprocmask=Module[\"_sigprocmask\"]=wasmExports[\"sigprocmask\"])(a0,a1,a2);var _sincos=Module[\"_sincos\"]=(a0,a1,a2)=>(_sincos=Module[\"_sincos\"]=wasmExports[\"sincos\"])(a0,a1,a2);var _sincosf=Module[\"_sincosf\"]=(a0,a1,a2)=>(_sincosf=Module[\"_sincosf\"]=wasmExports[\"sincosf\"])(a0,a1,a2);var _sincosl=Module[\"_sincosl\"]=(a0,a1,a2,a3)=>(_sincosl=Module[\"_sincosl\"]=wasmExports[\"sincosl\"])(a0,a1,a2,a3);var _sinhl=Module[\"_sinhl\"]=(a0,a1,a2)=>(_sinhl=Module[\"_sinhl\"]=wasmExports[\"sinhl\"])(a0,a1,a2);var _sinl=Module[\"_sinl\"]=(a0,a1,a2)=>(_sinl=Module[\"_sinl\"]=wasmExports[\"sinl\"])(a0,a1,a2);var _sleep=Module[\"_sleep\"]=a0=>(_sleep=Module[\"_sleep\"]=wasmExports[\"sleep\"])(a0);var _sockatmark=Module[\"_sockatmark\"]=a0=>(_sockatmark=Module[\"_sockatmark\"]=wasmExports[\"sockatmark\"])(a0);var _vsprintf=Module[\"_vsprintf\"]=(a0,a1,a2)=>(_vsprintf=Module[\"_vsprintf\"]=wasmExports[\"vsprintf\"])(a0,a1,a2);var _vsiprintf=Module[\"_vsiprintf\"]=(a0,a1,a2)=>(_vsiprintf=Module[\"_vsiprintf\"]=wasmExports[\"vsiprintf\"])(a0,a1,a2);var ___small_sprintf=Module[\"___small_sprintf\"]=(a0,a1,a2)=>(___small_sprintf=Module[\"___small_sprintf\"]=wasmExports[\"__small_sprintf\"])(a0,a1,a2);var ___small_vsprintf=Module[\"___small_vsprintf\"]=(a0,a1,a2)=>(___small_vsprintf=Module[\"___small_vsprintf\"]=wasmExports[\"__small_vsprintf\"])(a0,a1,a2);var _srand48=Module[\"_srand48\"]=a0=>(_srand48=Module[\"_srand48\"]=wasmExports[\"srand48\"])(a0);var _vsscanf=Module[\"_vsscanf\"]=(a0,a1,a2)=>(_vsscanf=Module[\"_vsscanf\"]=wasmExports[\"vsscanf\"])(a0,a1,a2);var ___isoc99_sscanf=Module[\"___isoc99_sscanf\"]=(a0,a1,a2)=>(___isoc99_sscanf=Module[\"___isoc99_sscanf\"]=wasmExports[\"__isoc99_sscanf\"])(a0,a1,a2);var _statfs=Module[\"_statfs\"]=(a0,a1)=>(_statfs=Module[\"_statfs\"]=wasmExports[\"statfs\"])(a0,a1);var _fstatfs=Module[\"_fstatfs\"]=(a0,a1)=>(_fstatfs=Module[\"_fstatfs\"]=wasmExports[\"fstatfs\"])(a0,a1);var _statx=Module[\"_statx\"]=(a0,a1,a2,a3,a4)=>(_statx=Module[\"_statx\"]=wasmExports[\"statx\"])(a0,a1,a2,a3,a4);var _stpcpy=Module[\"_stpcpy\"]=(a0,a1)=>(_stpcpy=Module[\"_stpcpy\"]=wasmExports[\"stpcpy\"])(a0,a1);var _stpncpy=Module[\"_stpncpy\"]=(a0,a1,a2)=>(_stpncpy=Module[\"_stpncpy\"]=wasmExports[\"stpncpy\"])(a0,a1,a2);var ___strcasecmp_l=Module[\"___strcasecmp_l\"]=(a0,a1,a2)=>(___strcasecmp_l=Module[\"___strcasecmp_l\"]=wasmExports[\"__strcasecmp_l\"])(a0,a1,a2);var _strcasecmp_l=Module[\"_strcasecmp_l\"]=(a0,a1,a2)=>(_strcasecmp_l=Module[\"_strcasecmp_l\"]=wasmExports[\"strcasecmp_l\"])(a0,a1,a2);var _strcasestr=Module[\"_strcasestr\"]=(a0,a1)=>(_strcasestr=Module[\"_strcasestr\"]=wasmExports[\"strcasestr\"])(a0,a1);var _strncasecmp=Module[\"_strncasecmp\"]=(a0,a1,a2)=>(_strncasecmp=Module[\"_strncasecmp\"]=wasmExports[\"strncasecmp\"])(a0,a1,a2);var _strchrnul=Module[\"_strchrnul\"]=(a0,a1)=>(_strchrnul=Module[\"_strchrnul\"]=wasmExports[\"strchrnul\"])(a0,a1);var ___strcoll_l=Module[\"___strcoll_l\"]=(a0,a1,a2)=>(___strcoll_l=Module[\"___strcoll_l\"]=wasmExports[\"__strcoll_l\"])(a0,a1,a2);var _strcoll_l=Module[\"_strcoll_l\"]=(a0,a1,a2)=>(_strcoll_l=Module[\"_strcoll_l\"]=wasmExports[\"strcoll_l\"])(a0,a1,a2);var ___strerror_l=Module[\"___strerror_l\"]=(a0,a1)=>(___strerror_l=Module[\"___strerror_l\"]=wasmExports[\"__strerror_l\"])(a0,a1);var _strerror_l=Module[\"_strerror_l\"]=(a0,a1)=>(_strerror_l=Module[\"_strerror_l\"]=wasmExports[\"strerror_l\"])(a0,a1);var _strerror_r=Module[\"_strerror_r\"]=(a0,a1,a2)=>(_strerror_r=Module[\"_strerror_r\"]=wasmExports[\"strerror_r\"])(a0,a1,a2);var ___xpg_strerror_r=Module[\"___xpg_strerror_r\"]=(a0,a1,a2)=>(___xpg_strerror_r=Module[\"___xpg_strerror_r\"]=wasmExports[\"__xpg_strerror_r\"])(a0,a1,a2);var _strfmon_l=Module[\"_strfmon_l\"]=(a0,a1,a2,a3,a4)=>(_strfmon_l=Module[\"_strfmon_l\"]=wasmExports[\"strfmon_l\"])(a0,a1,a2,a3,a4);var _strfmon=Module[\"_strfmon\"]=(a0,a1,a2,a3)=>(_strfmon=Module[\"_strfmon\"]=wasmExports[\"strfmon\"])(a0,a1,a2,a3);var _strlcat=Module[\"_strlcat\"]=(a0,a1,a2)=>(_strlcat=Module[\"_strlcat\"]=wasmExports[\"strlcat\"])(a0,a1,a2);var _strlcpy=Module[\"_strlcpy\"]=(a0,a1,a2)=>(_strlcpy=Module[\"_strlcpy\"]=wasmExports[\"strlcpy\"])(a0,a1,a2);var _strlwr=Module[\"_strlwr\"]=a0=>(_strlwr=Module[\"_strlwr\"]=wasmExports[\"strlwr\"])(a0);var ___strncasecmp_l=Module[\"___strncasecmp_l\"]=(a0,a1,a2,a3)=>(___strncasecmp_l=Module[\"___strncasecmp_l\"]=wasmExports[\"__strncasecmp_l\"])(a0,a1,a2,a3);var _strncasecmp_l=Module[\"_strncasecmp_l\"]=(a0,a1,a2,a3)=>(_strncasecmp_l=Module[\"_strncasecmp_l\"]=wasmExports[\"strncasecmp_l\"])(a0,a1,a2,a3);var _strndup=Module[\"_strndup\"]=(a0,a1)=>(_strndup=Module[\"_strndup\"]=wasmExports[\"strndup\"])(a0,a1);var _strsep=Module[\"_strsep\"]=(a0,a1)=>(_strsep=Module[\"_strsep\"]=wasmExports[\"strsep\"])(a0,a1);var _strtof=Module[\"_strtof\"]=(a0,a1)=>(_strtof=Module[\"_strtof\"]=wasmExports[\"strtof\"])(a0,a1);var _strtold=Module[\"_strtold\"]=(a0,a1,a2)=>(_strtold=Module[\"_strtold\"]=wasmExports[\"strtold\"])(a0,a1,a2);var _strtof_l=Module[\"_strtof_l\"]=(a0,a1,a2)=>(_strtof_l=Module[\"_strtof_l\"]=wasmExports[\"strtof_l\"])(a0,a1,a2);var _strtod_l=Module[\"_strtod_l\"]=(a0,a1,a2)=>(_strtod_l=Module[\"_strtod_l\"]=wasmExports[\"strtod_l\"])(a0,a1,a2);var _strtold_l=Module[\"_strtold_l\"]=(a0,a1,a2,a3)=>(_strtold_l=Module[\"_strtold_l\"]=wasmExports[\"strtold_l\"])(a0,a1,a2,a3);var ___strtof_l=Module[\"___strtof_l\"]=(a0,a1,a2)=>(___strtof_l=Module[\"___strtof_l\"]=wasmExports[\"__strtof_l\"])(a0,a1,a2);var ___strtod_l=Module[\"___strtod_l\"]=(a0,a1,a2)=>(___strtod_l=Module[\"___strtod_l\"]=wasmExports[\"__strtod_l\"])(a0,a1,a2);var ___strtold_l=Module[\"___strtold_l\"]=(a0,a1,a2,a3)=>(___strtold_l=Module[\"___strtold_l\"]=wasmExports[\"__strtold_l\"])(a0,a1,a2,a3);var _strtok=Module[\"_strtok\"]=(a0,a1)=>(_strtok=Module[\"_strtok\"]=wasmExports[\"strtok\"])(a0,a1);var _strtok_r=Module[\"_strtok_r\"]=(a0,a1,a2)=>(_strtok_r=Module[\"_strtok_r\"]=wasmExports[\"strtok_r\"])(a0,a1,a2);var _strtoll=Module[\"_strtoll\"]=(a0,a1,a2)=>(_strtoll=Module[\"_strtoll\"]=wasmExports[\"strtoll\"])(a0,a1,a2);var _strtoimax=Module[\"_strtoimax\"]=(a0,a1,a2)=>(_strtoimax=Module[\"_strtoimax\"]=wasmExports[\"strtoimax\"])(a0,a1,a2);var _strtoumax=Module[\"_strtoumax\"]=(a0,a1,a2)=>(_strtoumax=Module[\"_strtoumax\"]=wasmExports[\"strtoumax\"])(a0,a1,a2);var ___strtol_internal=Module[\"___strtol_internal\"]=(a0,a1,a2)=>(___strtol_internal=Module[\"___strtol_internal\"]=wasmExports[\"__strtol_internal\"])(a0,a1,a2);var ___strtoul_internal=Module[\"___strtoul_internal\"]=(a0,a1,a2)=>(___strtoul_internal=Module[\"___strtoul_internal\"]=wasmExports[\"__strtoul_internal\"])(a0,a1,a2);var ___strtoll_internal=Module[\"___strtoll_internal\"]=(a0,a1,a2)=>(___strtoll_internal=Module[\"___strtoll_internal\"]=wasmExports[\"__strtoll_internal\"])(a0,a1,a2);var ___strtoull_internal=Module[\"___strtoull_internal\"]=(a0,a1,a2)=>(___strtoull_internal=Module[\"___strtoull_internal\"]=wasmExports[\"__strtoull_internal\"])(a0,a1,a2);var ___strtoimax_internal=Module[\"___strtoimax_internal\"]=(a0,a1,a2)=>(___strtoimax_internal=Module[\"___strtoimax_internal\"]=wasmExports[\"__strtoimax_internal\"])(a0,a1,a2);var ___strtoumax_internal=Module[\"___strtoumax_internal\"]=(a0,a1,a2)=>(___strtoumax_internal=Module[\"___strtoumax_internal\"]=wasmExports[\"__strtoumax_internal\"])(a0,a1,a2);var _strtoull_l=Module[\"_strtoull_l\"]=(a0,a1,a2,a3)=>(_strtoull_l=Module[\"_strtoull_l\"]=wasmExports[\"strtoull_l\"])(a0,a1,a2,a3);var _strtoll_l=Module[\"_strtoll_l\"]=(a0,a1,a2,a3)=>(_strtoll_l=Module[\"_strtoll_l\"]=wasmExports[\"strtoll_l\"])(a0,a1,a2,a3);var _strtoul_l=Module[\"_strtoul_l\"]=(a0,a1,a2,a3)=>(_strtoul_l=Module[\"_strtoul_l\"]=wasmExports[\"strtoul_l\"])(a0,a1,a2,a3);var _strtol_l=Module[\"_strtol_l\"]=(a0,a1,a2,a3)=>(_strtol_l=Module[\"_strtol_l\"]=wasmExports[\"strtol_l\"])(a0,a1,a2,a3);var _strupr=Module[\"_strupr\"]=a0=>(_strupr=Module[\"_strupr\"]=wasmExports[\"strupr\"])(a0);var _strverscmp=Module[\"_strverscmp\"]=(a0,a1)=>(_strverscmp=Module[\"_strverscmp\"]=wasmExports[\"strverscmp\"])(a0,a1);var ___strxfrm_l=Module[\"___strxfrm_l\"]=(a0,a1,a2,a3)=>(___strxfrm_l=Module[\"___strxfrm_l\"]=wasmExports[\"__strxfrm_l\"])(a0,a1,a2,a3);var _strxfrm=Module[\"_strxfrm\"]=(a0,a1,a2)=>(_strxfrm=Module[\"_strxfrm\"]=wasmExports[\"strxfrm\"])(a0,a1,a2);var _strxfrm_l=Module[\"_strxfrm_l\"]=(a0,a1,a2,a3)=>(_strxfrm_l=Module[\"_strxfrm_l\"]=wasmExports[\"strxfrm_l\"])(a0,a1,a2,a3);var _swab=Module[\"_swab\"]=(a0,a1,a2)=>(_swab=Module[\"_swab\"]=wasmExports[\"swab\"])(a0,a1,a2);var _swprintf=Module[\"_swprintf\"]=(a0,a1,a2,a3)=>(_swprintf=Module[\"_swprintf\"]=wasmExports[\"swprintf\"])(a0,a1,a2,a3);var _vswprintf=Module[\"_vswprintf\"]=(a0,a1,a2,a3)=>(_vswprintf=Module[\"_vswprintf\"]=wasmExports[\"vswprintf\"])(a0,a1,a2,a3);var _swscanf=Module[\"_swscanf\"]=(a0,a1,a2)=>(_swscanf=Module[\"_swscanf\"]=wasmExports[\"swscanf\"])(a0,a1,a2);var _vswscanf=Module[\"_vswscanf\"]=(a0,a1,a2)=>(_vswscanf=Module[\"_vswscanf\"]=wasmExports[\"vswscanf\"])(a0,a1,a2);var ___isoc99_swscanf=Module[\"___isoc99_swscanf\"]=(a0,a1,a2)=>(___isoc99_swscanf=Module[\"___isoc99_swscanf\"]=wasmExports[\"__isoc99_swscanf\"])(a0,a1,a2);var _symlinkat=Module[\"_symlinkat\"]=(a0,a1,a2)=>(_symlinkat=Module[\"_symlinkat\"]=wasmExports[\"symlinkat\"])(a0,a1,a2);var _setlogmask=Module[\"_setlogmask\"]=a0=>(_setlogmask=Module[\"_setlogmask\"]=wasmExports[\"setlogmask\"])(a0);var _closelog=Module[\"_closelog\"]=()=>(_closelog=Module[\"_closelog\"]=wasmExports[\"closelog\"])();var _openlog=Module[\"_openlog\"]=(a0,a1,a2)=>(_openlog=Module[\"_openlog\"]=wasmExports[\"openlog\"])(a0,a1,a2);var _syslog=Module[\"_syslog\"]=(a0,a1,a2)=>(_syslog=Module[\"_syslog\"]=wasmExports[\"syslog\"])(a0,a1,a2);var _vsyslog=Module[\"_vsyslog\"]=(a0,a1,a2)=>(_vsyslog=Module[\"_vsyslog\"]=wasmExports[\"vsyslog\"])(a0,a1,a2);var _tanhf=Module[\"_tanhf\"]=a0=>(_tanhf=Module[\"_tanhf\"]=wasmExports[\"tanhf\"])(a0);var _tanhl=Module[\"_tanhl\"]=(a0,a1,a2)=>(_tanhl=Module[\"_tanhl\"]=wasmExports[\"tanhl\"])(a0,a1,a2);var _tanl=Module[\"_tanl\"]=(a0,a1,a2)=>(_tanl=Module[\"_tanl\"]=wasmExports[\"tanl\"])(a0,a1,a2);var _tcdrain=Module[\"_tcdrain\"]=a0=>(_tcdrain=Module[\"_tcdrain\"]=wasmExports[\"tcdrain\"])(a0);var _tcflow=Module[\"_tcflow\"]=(a0,a1)=>(_tcflow=Module[\"_tcflow\"]=wasmExports[\"tcflow\"])(a0,a1);var _tcflush=Module[\"_tcflush\"]=(a0,a1)=>(_tcflush=Module[\"_tcflush\"]=wasmExports[\"tcflush\"])(a0,a1);var _tcgetattr=Module[\"_tcgetattr\"]=(a0,a1)=>(_tcgetattr=Module[\"_tcgetattr\"]=wasmExports[\"tcgetattr\"])(a0,a1);var _tcgetsid=Module[\"_tcgetsid\"]=a0=>(_tcgetsid=Module[\"_tcgetsid\"]=wasmExports[\"tcgetsid\"])(a0);var _tcgetwinsize=Module[\"_tcgetwinsize\"]=(a0,a1)=>(_tcgetwinsize=Module[\"_tcgetwinsize\"]=wasmExports[\"tcgetwinsize\"])(a0,a1);var _tcsendbreak=Module[\"_tcsendbreak\"]=(a0,a1)=>(_tcsendbreak=Module[\"_tcsendbreak\"]=wasmExports[\"tcsendbreak\"])(a0,a1);var _tcsetwinsize=Module[\"_tcsetwinsize\"]=(a0,a1)=>(_tcsetwinsize=Module[\"_tcsetwinsize\"]=wasmExports[\"tcsetwinsize\"])(a0,a1);var _tdelete=Module[\"_tdelete\"]=(a0,a1,a2)=>(_tdelete=Module[\"_tdelete\"]=wasmExports[\"tdelete\"])(a0,a1,a2);var _tdestroy=Module[\"_tdestroy\"]=(a0,a1)=>(_tdestroy=Module[\"_tdestroy\"]=wasmExports[\"tdestroy\"])(a0,a1);var _telldir=Module[\"_telldir\"]=a0=>(_telldir=Module[\"_telldir\"]=wasmExports[\"telldir\"])(a0);var _tempnam=Module[\"_tempnam\"]=(a0,a1)=>(_tempnam=Module[\"_tempnam\"]=wasmExports[\"tempnam\"])(a0,a1);var _ngettext=Module[\"_ngettext\"]=(a0,a1,a2)=>(_ngettext=Module[\"_ngettext\"]=wasmExports[\"ngettext\"])(a0,a1,a2);var _tfind=Module[\"_tfind\"]=(a0,a1,a2)=>(_tfind=Module[\"_tfind\"]=wasmExports[\"tfind\"])(a0,a1,a2);var _tgamma=Module[\"_tgamma\"]=a0=>(_tgamma=Module[\"_tgamma\"]=wasmExports[\"tgamma\"])(a0);var _tgammaf=Module[\"_tgammaf\"]=a0=>(_tgammaf=Module[\"_tgammaf\"]=wasmExports[\"tgammaf\"])(a0);var _tgammal=Module[\"_tgammal\"]=(a0,a1,a2)=>(_tgammal=Module[\"_tgammal\"]=wasmExports[\"tgammal\"])(a0,a1,a2);var _thrd_create=Module[\"_thrd_create\"]=(a0,a1,a2)=>(_thrd_create=Module[\"_thrd_create\"]=wasmExports[\"thrd_create\"])(a0,a1,a2);var _thrd_exit=Module[\"_thrd_exit\"]=a0=>(_thrd_exit=Module[\"_thrd_exit\"]=wasmExports[\"thrd_exit\"])(a0);var _thrd_join=Module[\"_thrd_join\"]=(a0,a1)=>(_thrd_join=Module[\"_thrd_join\"]=wasmExports[\"thrd_join\"])(a0,a1);var _thrd_sleep=Module[\"_thrd_sleep\"]=(a0,a1)=>(_thrd_sleep=Module[\"_thrd_sleep\"]=wasmExports[\"thrd_sleep\"])(a0,a1);var _thrd_yield=Module[\"_thrd_yield\"]=()=>(_thrd_yield=Module[\"_thrd_yield\"]=wasmExports[\"thrd_yield\"])();var _emscripten_set_thread_name=Module[\"_emscripten_set_thread_name\"]=(a0,a1)=>(_emscripten_set_thread_name=Module[\"_emscripten_set_thread_name\"]=wasmExports[\"emscripten_set_thread_name\"])(a0,a1);var _timespec_get=Module[\"_timespec_get\"]=(a0,a1)=>(_timespec_get=Module[\"_timespec_get\"]=wasmExports[\"timespec_get\"])(a0,a1);var _tmpfile=Module[\"_tmpfile\"]=()=>(_tmpfile=Module[\"_tmpfile\"]=wasmExports[\"tmpfile\"])();var _tmpnam=Module[\"_tmpnam\"]=a0=>(_tmpnam=Module[\"_tmpnam\"]=wasmExports[\"tmpnam\"])(a0);var _toascii=Module[\"_toascii\"]=a0=>(_toascii=Module[\"_toascii\"]=wasmExports[\"toascii\"])(a0);var ___tolower_l=Module[\"___tolower_l\"]=(a0,a1)=>(___tolower_l=Module[\"___tolower_l\"]=wasmExports[\"__tolower_l\"])(a0,a1);var _tolower_l=Module[\"_tolower_l\"]=(a0,a1)=>(_tolower_l=Module[\"_tolower_l\"]=wasmExports[\"tolower_l\"])(a0,a1);var ___toupper_l=Module[\"___toupper_l\"]=(a0,a1)=>(___toupper_l=Module[\"___toupper_l\"]=wasmExports[\"__toupper_l\"])(a0,a1);var _toupper_l=Module[\"_toupper_l\"]=(a0,a1)=>(_toupper_l=Module[\"_toupper_l\"]=wasmExports[\"toupper_l\"])(a0,a1);var ___towupper_l=Module[\"___towupper_l\"]=(a0,a1)=>(___towupper_l=Module[\"___towupper_l\"]=wasmExports[\"__towupper_l\"])(a0,a1);var ___towlower_l=Module[\"___towlower_l\"]=(a0,a1)=>(___towlower_l=Module[\"___towlower_l\"]=wasmExports[\"__towlower_l\"])(a0,a1);var _towupper_l=Module[\"_towupper_l\"]=(a0,a1)=>(_towupper_l=Module[\"_towupper_l\"]=wasmExports[\"towupper_l\"])(a0,a1);var _towlower_l=Module[\"_towlower_l\"]=(a0,a1)=>(_towlower_l=Module[\"_towlower_l\"]=wasmExports[\"towlower_l\"])(a0,a1);var _trunc=Module[\"_trunc\"]=a0=>(_trunc=Module[\"_trunc\"]=wasmExports[\"trunc\"])(a0);var _truncf=Module[\"_truncf\"]=a0=>(_truncf=Module[\"_truncf\"]=wasmExports[\"truncf\"])(a0);var _truncl=Module[\"_truncl\"]=(a0,a1,a2)=>(_truncl=Module[\"_truncl\"]=wasmExports[\"truncl\"])(a0,a1,a2);var _tsearch=Module[\"_tsearch\"]=(a0,a1,a2)=>(_tsearch=Module[\"_tsearch\"]=wasmExports[\"tsearch\"])(a0,a1,a2);var _tss_create=Module[\"_tss_create\"]=(a0,a1)=>(_tss_create=Module[\"_tss_create\"]=wasmExports[\"tss_create\"])(a0,a1);var _tss_delete=Module[\"_tss_delete\"]=a0=>(_tss_delete=Module[\"_tss_delete\"]=wasmExports[\"tss_delete\"])(a0);var _tss_set=Module[\"_tss_set\"]=(a0,a1)=>(_tss_set=Module[\"_tss_set\"]=wasmExports[\"tss_set\"])(a0,a1);var _ttyname=Module[\"_ttyname\"]=a0=>(_ttyname=Module[\"_ttyname\"]=wasmExports[\"ttyname\"])(a0);var _twalk=Module[\"_twalk\"]=(a0,a1)=>(_twalk=Module[\"_twalk\"]=wasmExports[\"twalk\"])(a0,a1);var _ualarm=Module[\"_ualarm\"]=(a0,a1)=>(_ualarm=Module[\"_ualarm\"]=wasmExports[\"ualarm\"])(a0,a1);var _ungetwc=Module[\"_ungetwc\"]=(a0,a1)=>(_ungetwc=Module[\"_ungetwc\"]=wasmExports[\"ungetwc\"])(a0,a1);var ___uselocale=Module[\"___uselocale\"]=a0=>(___uselocale=Module[\"___uselocale\"]=wasmExports[\"__uselocale\"])(a0);var _uselocale=Module[\"_uselocale\"]=a0=>(_uselocale=Module[\"_uselocale\"]=wasmExports[\"uselocale\"])(a0);var _usleep=Module[\"_usleep\"]=a0=>(_usleep=Module[\"_usleep\"]=wasmExports[\"usleep\"])(a0);var _utime=Module[\"_utime\"]=(a0,a1)=>(_utime=Module[\"_utime\"]=wasmExports[\"utime\"])(a0,a1);var _versionsort=Module[\"_versionsort\"]=(a0,a1)=>(_versionsort=Module[\"_versionsort\"]=wasmExports[\"versionsort\"])(a0,a1);var ___vfprintf_internal=Module[\"___vfprintf_internal\"]=(a0,a1,a2,a3,a4)=>(___vfprintf_internal=Module[\"___vfprintf_internal\"]=wasmExports[\"__vfprintf_internal\"])(a0,a1,a2,a3,a4);var ___isoc99_vfscanf=Module[\"___isoc99_vfscanf\"]=(a0,a1,a2)=>(___isoc99_vfscanf=Module[\"___isoc99_vfscanf\"]=wasmExports[\"__isoc99_vfscanf\"])(a0,a1,a2);var _wcsnlen=Module[\"_wcsnlen\"]=(a0,a1)=>(_wcsnlen=Module[\"_wcsnlen\"]=wasmExports[\"wcsnlen\"])(a0,a1);var ___isoc99_vfwscanf=Module[\"___isoc99_vfwscanf\"]=(a0,a1,a2)=>(___isoc99_vfwscanf=Module[\"___isoc99_vfwscanf\"]=wasmExports[\"__isoc99_vfwscanf\"])(a0,a1,a2);var _vprintf=Module[\"_vprintf\"]=(a0,a1)=>(_vprintf=Module[\"_vprintf\"]=wasmExports[\"vprintf\"])(a0,a1);var ___isoc99_vscanf=Module[\"___isoc99_vscanf\"]=(a0,a1)=>(___isoc99_vscanf=Module[\"___isoc99_vscanf\"]=wasmExports[\"__isoc99_vscanf\"])(a0,a1);var _vsniprintf=Module[\"_vsniprintf\"]=(a0,a1,a2,a3)=>(_vsniprintf=Module[\"_vsniprintf\"]=wasmExports[\"vsniprintf\"])(a0,a1,a2,a3);var ___small_vsnprintf=Module[\"___small_vsnprintf\"]=(a0,a1,a2,a3)=>(___small_vsnprintf=Module[\"___small_vsnprintf\"]=wasmExports[\"__small_vsnprintf\"])(a0,a1,a2,a3);var ___isoc99_vsscanf=Module[\"___isoc99_vsscanf\"]=(a0,a1,a2)=>(___isoc99_vsscanf=Module[\"___isoc99_vsscanf\"]=wasmExports[\"__isoc99_vsscanf\"])(a0,a1,a2);var ___isoc99_vswscanf=Module[\"___isoc99_vswscanf\"]=(a0,a1,a2)=>(___isoc99_vswscanf=Module[\"___isoc99_vswscanf\"]=wasmExports[\"__isoc99_vswscanf\"])(a0,a1,a2);var _vwprintf=Module[\"_vwprintf\"]=(a0,a1)=>(_vwprintf=Module[\"_vwprintf\"]=wasmExports[\"vwprintf\"])(a0,a1);var _vwscanf=Module[\"_vwscanf\"]=(a0,a1)=>(_vwscanf=Module[\"_vwscanf\"]=wasmExports[\"vwscanf\"])(a0,a1);var ___isoc99_vwscanf=Module[\"___isoc99_vwscanf\"]=(a0,a1)=>(___isoc99_vwscanf=Module[\"___isoc99_vwscanf\"]=wasmExports[\"__isoc99_vwscanf\"])(a0,a1);var _wcpcpy=Module[\"_wcpcpy\"]=(a0,a1)=>(_wcpcpy=Module[\"_wcpcpy\"]=wasmExports[\"wcpcpy\"])(a0,a1);var _wcpncpy=Module[\"_wcpncpy\"]=(a0,a1,a2)=>(_wcpncpy=Module[\"_wcpncpy\"]=wasmExports[\"wcpncpy\"])(a0,a1,a2);var _wcscasecmp=Module[\"_wcscasecmp\"]=(a0,a1)=>(_wcscasecmp=Module[\"_wcscasecmp\"]=wasmExports[\"wcscasecmp\"])(a0,a1);var _wcsncasecmp=Module[\"_wcsncasecmp\"]=(a0,a1,a2)=>(_wcsncasecmp=Module[\"_wcsncasecmp\"]=wasmExports[\"wcsncasecmp\"])(a0,a1,a2);var _wcscasecmp_l=Module[\"_wcscasecmp_l\"]=(a0,a1,a2)=>(_wcscasecmp_l=Module[\"_wcscasecmp_l\"]=wasmExports[\"wcscasecmp_l\"])(a0,a1,a2);var _wcscat=Module[\"_wcscat\"]=(a0,a1)=>(_wcscat=Module[\"_wcscat\"]=wasmExports[\"wcscat\"])(a0,a1);var ___wcscoll_l=Module[\"___wcscoll_l\"]=(a0,a1,a2)=>(___wcscoll_l=Module[\"___wcscoll_l\"]=wasmExports[\"__wcscoll_l\"])(a0,a1,a2);var _wcscoll_l=Module[\"_wcscoll_l\"]=(a0,a1,a2)=>(_wcscoll_l=Module[\"_wcscoll_l\"]=wasmExports[\"wcscoll_l\"])(a0,a1,a2);var _wcscspn=Module[\"_wcscspn\"]=(a0,a1)=>(_wcscspn=Module[\"_wcscspn\"]=wasmExports[\"wcscspn\"])(a0,a1);var _wcsdup=Module[\"_wcsdup\"]=a0=>(_wcsdup=Module[\"_wcsdup\"]=wasmExports[\"wcsdup\"])(a0);var _wmemcpy=Module[\"_wmemcpy\"]=(a0,a1,a2)=>(_wmemcpy=Module[\"_wmemcpy\"]=wasmExports[\"wmemcpy\"])(a0,a1,a2);var _wcsncasecmp_l=Module[\"_wcsncasecmp_l\"]=(a0,a1,a2,a3)=>(_wcsncasecmp_l=Module[\"_wcsncasecmp_l\"]=wasmExports[\"wcsncasecmp_l\"])(a0,a1,a2,a3);var _wcsncat=Module[\"_wcsncat\"]=(a0,a1,a2)=>(_wcsncat=Module[\"_wcsncat\"]=wasmExports[\"wcsncat\"])(a0,a1,a2);var _wmemset=Module[\"_wmemset\"]=(a0,a1,a2)=>(_wmemset=Module[\"_wmemset\"]=wasmExports[\"wmemset\"])(a0,a1,a2);var _wcsnrtombs=Module[\"_wcsnrtombs\"]=(a0,a1,a2,a3,a4)=>(_wcsnrtombs=Module[\"_wcsnrtombs\"]=wasmExports[\"wcsnrtombs\"])(a0,a1,a2,a3,a4);var _wcspbrk=Module[\"_wcspbrk\"]=(a0,a1)=>(_wcspbrk=Module[\"_wcspbrk\"]=wasmExports[\"wcspbrk\"])(a0,a1);var _wcsspn=Module[\"_wcsspn\"]=(a0,a1)=>(_wcsspn=Module[\"_wcsspn\"]=wasmExports[\"wcsspn\"])(a0,a1);var _wcsstr=Module[\"_wcsstr\"]=(a0,a1)=>(_wcsstr=Module[\"_wcsstr\"]=wasmExports[\"wcsstr\"])(a0,a1);var _wcstof=Module[\"_wcstof\"]=(a0,a1)=>(_wcstof=Module[\"_wcstof\"]=wasmExports[\"wcstof\"])(a0,a1);var _wcstod=Module[\"_wcstod\"]=(a0,a1)=>(_wcstod=Module[\"_wcstod\"]=wasmExports[\"wcstod\"])(a0,a1);var _wcstold=Module[\"_wcstold\"]=(a0,a1,a2)=>(_wcstold=Module[\"_wcstold\"]=wasmExports[\"wcstold\"])(a0,a1,a2);var _wcstoull=Module[\"_wcstoull\"]=(a0,a1,a2)=>(_wcstoull=Module[\"_wcstoull\"]=wasmExports[\"wcstoull\"])(a0,a1,a2);var _wcstoll=Module[\"_wcstoll\"]=(a0,a1,a2)=>(_wcstoll=Module[\"_wcstoll\"]=wasmExports[\"wcstoll\"])(a0,a1,a2);var _wcstoul=Module[\"_wcstoul\"]=(a0,a1,a2)=>(_wcstoul=Module[\"_wcstoul\"]=wasmExports[\"wcstoul\"])(a0,a1,a2);var _wcstoimax=Module[\"_wcstoimax\"]=(a0,a1,a2)=>(_wcstoimax=Module[\"_wcstoimax\"]=wasmExports[\"wcstoimax\"])(a0,a1,a2);var _wcstoumax=Module[\"_wcstoumax\"]=(a0,a1,a2)=>(_wcstoumax=Module[\"_wcstoumax\"]=wasmExports[\"wcstoumax\"])(a0,a1,a2);var _wcswcs=Module[\"_wcswcs\"]=(a0,a1)=>(_wcswcs=Module[\"_wcswcs\"]=wasmExports[\"wcswcs\"])(a0,a1);var _wcswidth=Module[\"_wcswidth\"]=(a0,a1)=>(_wcswidth=Module[\"_wcswidth\"]=wasmExports[\"wcswidth\"])(a0,a1);var _wcwidth=Module[\"_wcwidth\"]=a0=>(_wcwidth=Module[\"_wcwidth\"]=wasmExports[\"wcwidth\"])(a0);var ___wcsxfrm_l=Module[\"___wcsxfrm_l\"]=(a0,a1,a2,a3)=>(___wcsxfrm_l=Module[\"___wcsxfrm_l\"]=wasmExports[\"__wcsxfrm_l\"])(a0,a1,a2,a3);var _wcsxfrm_l=Module[\"_wcsxfrm_l\"]=(a0,a1,a2,a3)=>(_wcsxfrm_l=Module[\"_wcsxfrm_l\"]=wasmExports[\"wcsxfrm_l\"])(a0,a1,a2,a3);var _wctob=Module[\"_wctob\"]=a0=>(_wctob=Module[\"_wctob\"]=wasmExports[\"wctob\"])(a0);var _wctrans=Module[\"_wctrans\"]=a0=>(_wctrans=Module[\"_wctrans\"]=wasmExports[\"wctrans\"])(a0);var _towctrans=Module[\"_towctrans\"]=(a0,a1)=>(_towctrans=Module[\"_towctrans\"]=wasmExports[\"towctrans\"])(a0,a1);var ___wctrans_l=Module[\"___wctrans_l\"]=(a0,a1)=>(___wctrans_l=Module[\"___wctrans_l\"]=wasmExports[\"__wctrans_l\"])(a0,a1);var ___towctrans_l=Module[\"___towctrans_l\"]=(a0,a1,a2)=>(___towctrans_l=Module[\"___towctrans_l\"]=wasmExports[\"__towctrans_l\"])(a0,a1,a2);var _wctrans_l=Module[\"_wctrans_l\"]=(a0,a1)=>(_wctrans_l=Module[\"_wctrans_l\"]=wasmExports[\"wctrans_l\"])(a0,a1);var _towctrans_l=Module[\"_towctrans_l\"]=(a0,a1,a2)=>(_towctrans_l=Module[\"_towctrans_l\"]=wasmExports[\"towctrans_l\"])(a0,a1,a2);var _wmemmove=Module[\"_wmemmove\"]=(a0,a1,a2)=>(_wmemmove=Module[\"_wmemmove\"]=wasmExports[\"wmemmove\"])(a0,a1,a2);var _wprintf=Module[\"_wprintf\"]=(a0,a1)=>(_wprintf=Module[\"_wprintf\"]=wasmExports[\"wprintf\"])(a0,a1);var _wscanf=Module[\"_wscanf\"]=(a0,a1)=>(_wscanf=Module[\"_wscanf\"]=wasmExports[\"wscanf\"])(a0,a1);var ___isoc99_wscanf=Module[\"___isoc99_wscanf\"]=(a0,a1)=>(___isoc99_wscanf=Module[\"___isoc99_wscanf\"]=wasmExports[\"__isoc99_wscanf\"])(a0,a1);var ___libc_realloc=Module[\"___libc_realloc\"]=(a0,a1)=>(___libc_realloc=Module[\"___libc_realloc\"]=wasmExports[\"__libc_realloc\"])(a0,a1);var _realloc_in_place=Module[\"_realloc_in_place\"]=(a0,a1)=>(_realloc_in_place=Module[\"_realloc_in_place\"]=wasmExports[\"realloc_in_place\"])(a0,a1);var _memalign=Module[\"_memalign\"]=(a0,a1)=>(_memalign=Module[\"_memalign\"]=wasmExports[\"memalign\"])(a0,a1);var _valloc=Module[\"_valloc\"]=a0=>(_valloc=Module[\"_valloc\"]=wasmExports[\"valloc\"])(a0);var _pvalloc=Module[\"_pvalloc\"]=a0=>(_pvalloc=Module[\"_pvalloc\"]=wasmExports[\"pvalloc\"])(a0);var _mallinfo=Module[\"_mallinfo\"]=a0=>(_mallinfo=Module[\"_mallinfo\"]=wasmExports[\"mallinfo\"])(a0);var _mallopt=Module[\"_mallopt\"]=(a0,a1)=>(_mallopt=Module[\"_mallopt\"]=wasmExports[\"mallopt\"])(a0,a1);var _malloc_trim=Module[\"_malloc_trim\"]=a0=>(_malloc_trim=Module[\"_malloc_trim\"]=wasmExports[\"malloc_trim\"])(a0);var _malloc_usable_size=Module[\"_malloc_usable_size\"]=a0=>(_malloc_usable_size=Module[\"_malloc_usable_size\"]=wasmExports[\"malloc_usable_size\"])(a0);var _malloc_footprint=Module[\"_malloc_footprint\"]=()=>(_malloc_footprint=Module[\"_malloc_footprint\"]=wasmExports[\"malloc_footprint\"])();var _malloc_max_footprint=Module[\"_malloc_max_footprint\"]=()=>(_malloc_max_footprint=Module[\"_malloc_max_footprint\"]=wasmExports[\"malloc_max_footprint\"])();var _malloc_footprint_limit=Module[\"_malloc_footprint_limit\"]=()=>(_malloc_footprint_limit=Module[\"_malloc_footprint_limit\"]=wasmExports[\"malloc_footprint_limit\"])();var _malloc_set_footprint_limit=Module[\"_malloc_set_footprint_limit\"]=a0=>(_malloc_set_footprint_limit=Module[\"_malloc_set_footprint_limit\"]=wasmExports[\"malloc_set_footprint_limit\"])(a0);var _independent_calloc=Module[\"_independent_calloc\"]=(a0,a1,a2)=>(_independent_calloc=Module[\"_independent_calloc\"]=wasmExports[\"independent_calloc\"])(a0,a1,a2);var _independent_comalloc=Module[\"_independent_comalloc\"]=(a0,a1,a2)=>(_independent_comalloc=Module[\"_independent_comalloc\"]=wasmExports[\"independent_comalloc\"])(a0,a1,a2);var _bulk_free=Module[\"_bulk_free\"]=(a0,a1)=>(_bulk_free=Module[\"_bulk_free\"]=wasmExports[\"bulk_free\"])(a0,a1);var ___trap=Module[\"___trap\"]=()=>(___trap=Module[\"___trap\"]=wasmExports[\"__trap\"])();var ___absvdi2=Module[\"___absvdi2\"]=a0=>(___absvdi2=Module[\"___absvdi2\"]=wasmExports[\"__absvdi2\"])(a0);var ___absvsi2=Module[\"___absvsi2\"]=a0=>(___absvsi2=Module[\"___absvsi2\"]=wasmExports[\"__absvsi2\"])(a0);var ___absvti2=Module[\"___absvti2\"]=(a0,a1,a2)=>(___absvti2=Module[\"___absvti2\"]=wasmExports[\"__absvti2\"])(a0,a1,a2);var ___adddf3=Module[\"___adddf3\"]=(a0,a1)=>(___adddf3=Module[\"___adddf3\"]=wasmExports[\"__adddf3\"])(a0,a1);var ___fe_getround=Module[\"___fe_getround\"]=()=>(___fe_getround=Module[\"___fe_getround\"]=wasmExports[\"__fe_getround\"])();var ___fe_raise_inexact=Module[\"___fe_raise_inexact\"]=()=>(___fe_raise_inexact=Module[\"___fe_raise_inexact\"]=wasmExports[\"__fe_raise_inexact\"])();var ___addsf3=Module[\"___addsf3\"]=(a0,a1)=>(___addsf3=Module[\"___addsf3\"]=wasmExports[\"__addsf3\"])(a0,a1);var ___ashlti3=Module[\"___ashlti3\"]=(a0,a1,a2,a3)=>(___ashlti3=Module[\"___ashlti3\"]=wasmExports[\"__ashlti3\"])(a0,a1,a2,a3);var ___lshrti3=Module[\"___lshrti3\"]=(a0,a1,a2,a3)=>(___lshrti3=Module[\"___lshrti3\"]=wasmExports[\"__lshrti3\"])(a0,a1,a2,a3);var ___addvdi3=Module[\"___addvdi3\"]=(a0,a1)=>(___addvdi3=Module[\"___addvdi3\"]=wasmExports[\"__addvdi3\"])(a0,a1);var ___addvsi3=Module[\"___addvsi3\"]=(a0,a1)=>(___addvsi3=Module[\"___addvsi3\"]=wasmExports[\"__addvsi3\"])(a0,a1);var ___addvti3=Module[\"___addvti3\"]=(a0,a1,a2,a3,a4)=>(___addvti3=Module[\"___addvti3\"]=wasmExports[\"__addvti3\"])(a0,a1,a2,a3,a4);var ___ashldi3=Module[\"___ashldi3\"]=(a0,a1)=>(___ashldi3=Module[\"___ashldi3\"]=wasmExports[\"__ashldi3\"])(a0,a1);var ___ashrdi3=Module[\"___ashrdi3\"]=(a0,a1)=>(___ashrdi3=Module[\"___ashrdi3\"]=wasmExports[\"__ashrdi3\"])(a0,a1);var ___ashrti3=Module[\"___ashrti3\"]=(a0,a1,a2,a3)=>(___ashrti3=Module[\"___ashrti3\"]=wasmExports[\"__ashrti3\"])(a0,a1,a2,a3);var ___atomic_is_lock_free=Module[\"___atomic_is_lock_free\"]=(a0,a1)=>(___atomic_is_lock_free=Module[\"___atomic_is_lock_free\"]=wasmExports[\"__atomic_is_lock_free\"])(a0,a1);var ___atomic_load=Module[\"___atomic_load\"]=(a0,a1,a2,a3)=>(___atomic_load=Module[\"___atomic_load\"]=wasmExports[\"__atomic_load\"])(a0,a1,a2,a3);var ___atomic_store=Module[\"___atomic_store\"]=(a0,a1,a2,a3)=>(___atomic_store=Module[\"___atomic_store\"]=wasmExports[\"__atomic_store\"])(a0,a1,a2,a3);var ___atomic_compare_exchange=Module[\"___atomic_compare_exchange\"]=(a0,a1,a2,a3,a4,a5)=>(___atomic_compare_exchange=Module[\"___atomic_compare_exchange\"]=wasmExports[\"__atomic_compare_exchange\"])(a0,a1,a2,a3,a4,a5);var ___atomic_exchange=Module[\"___atomic_exchange\"]=(a0,a1,a2,a3,a4)=>(___atomic_exchange=Module[\"___atomic_exchange\"]=wasmExports[\"__atomic_exchange\"])(a0,a1,a2,a3,a4);var ___atomic_load_1=Module[\"___atomic_load_1\"]=(a0,a1)=>(___atomic_load_1=Module[\"___atomic_load_1\"]=wasmExports[\"__atomic_load_1\"])(a0,a1);var ___atomic_load_2=Module[\"___atomic_load_2\"]=(a0,a1)=>(___atomic_load_2=Module[\"___atomic_load_2\"]=wasmExports[\"__atomic_load_2\"])(a0,a1);var ___atomic_load_4=Module[\"___atomic_load_4\"]=(a0,a1)=>(___atomic_load_4=Module[\"___atomic_load_4\"]=wasmExports[\"__atomic_load_4\"])(a0,a1);var ___atomic_load_8=Module[\"___atomic_load_8\"]=(a0,a1)=>(___atomic_load_8=Module[\"___atomic_load_8\"]=wasmExports[\"__atomic_load_8\"])(a0,a1);var ___atomic_load_16=Module[\"___atomic_load_16\"]=(a0,a1,a2)=>(___atomic_load_16=Module[\"___atomic_load_16\"]=wasmExports[\"__atomic_load_16\"])(a0,a1,a2);var ___atomic_store_1=Module[\"___atomic_store_1\"]=(a0,a1,a2)=>(___atomic_store_1=Module[\"___atomic_store_1\"]=wasmExports[\"__atomic_store_1\"])(a0,a1,a2);var ___atomic_store_2=Module[\"___atomic_store_2\"]=(a0,a1,a2)=>(___atomic_store_2=Module[\"___atomic_store_2\"]=wasmExports[\"__atomic_store_2\"])(a0,a1,a2);var ___atomic_store_4=Module[\"___atomic_store_4\"]=(a0,a1,a2)=>(___atomic_store_4=Module[\"___atomic_store_4\"]=wasmExports[\"__atomic_store_4\"])(a0,a1,a2);var ___atomic_store_8=Module[\"___atomic_store_8\"]=(a0,a1,a2)=>(___atomic_store_8=Module[\"___atomic_store_8\"]=wasmExports[\"__atomic_store_8\"])(a0,a1,a2);var ___atomic_store_16=Module[\"___atomic_store_16\"]=(a0,a1,a2,a3)=>(___atomic_store_16=Module[\"___atomic_store_16\"]=wasmExports[\"__atomic_store_16\"])(a0,a1,a2,a3);var ___atomic_exchange_1=Module[\"___atomic_exchange_1\"]=(a0,a1,a2)=>(___atomic_exchange_1=Module[\"___atomic_exchange_1\"]=wasmExports[\"__atomic_exchange_1\"])(a0,a1,a2);var ___atomic_exchange_2=Module[\"___atomic_exchange_2\"]=(a0,a1,a2)=>(___atomic_exchange_2=Module[\"___atomic_exchange_2\"]=wasmExports[\"__atomic_exchange_2\"])(a0,a1,a2);var ___atomic_exchange_4=Module[\"___atomic_exchange_4\"]=(a0,a1,a2)=>(___atomic_exchange_4=Module[\"___atomic_exchange_4\"]=wasmExports[\"__atomic_exchange_4\"])(a0,a1,a2);var ___atomic_exchange_8=Module[\"___atomic_exchange_8\"]=(a0,a1,a2)=>(___atomic_exchange_8=Module[\"___atomic_exchange_8\"]=wasmExports[\"__atomic_exchange_8\"])(a0,a1,a2);var ___atomic_exchange_16=Module[\"___atomic_exchange_16\"]=(a0,a1,a2,a3,a4)=>(___atomic_exchange_16=Module[\"___atomic_exchange_16\"]=wasmExports[\"__atomic_exchange_16\"])(a0,a1,a2,a3,a4);var ___atomic_compare_exchange_1=Module[\"___atomic_compare_exchange_1\"]=(a0,a1,a2,a3,a4)=>(___atomic_compare_exchange_1=Module[\"___atomic_compare_exchange_1\"]=wasmExports[\"__atomic_compare_exchange_1\"])(a0,a1,a2,a3,a4);var ___atomic_compare_exchange_2=Module[\"___atomic_compare_exchange_2\"]=(a0,a1,a2,a3,a4)=>(___atomic_compare_exchange_2=Module[\"___atomic_compare_exchange_2\"]=wasmExports[\"__atomic_compare_exchange_2\"])(a0,a1,a2,a3,a4);var ___atomic_compare_exchange_4=Module[\"___atomic_compare_exchange_4\"]=(a0,a1,a2,a3,a4)=>(___atomic_compare_exchange_4=Module[\"___atomic_compare_exchange_4\"]=wasmExports[\"__atomic_compare_exchange_4\"])(a0,a1,a2,a3,a4);var ___atomic_compare_exchange_8=Module[\"___atomic_compare_exchange_8\"]=(a0,a1,a2,a3,a4)=>(___atomic_compare_exchange_8=Module[\"___atomic_compare_exchange_8\"]=wasmExports[\"__atomic_compare_exchange_8\"])(a0,a1,a2,a3,a4);var ___atomic_compare_exchange_16=Module[\"___atomic_compare_exchange_16\"]=(a0,a1,a2,a3,a4,a5)=>(___atomic_compare_exchange_16=Module[\"___atomic_compare_exchange_16\"]=wasmExports[\"__atomic_compare_exchange_16\"])(a0,a1,a2,a3,a4,a5);var ___atomic_fetch_add_1=Module[\"___atomic_fetch_add_1\"]=(a0,a1,a2)=>(___atomic_fetch_add_1=Module[\"___atomic_fetch_add_1\"]=wasmExports[\"__atomic_fetch_add_1\"])(a0,a1,a2);var ___atomic_fetch_add_2=Module[\"___atomic_fetch_add_2\"]=(a0,a1,a2)=>(___atomic_fetch_add_2=Module[\"___atomic_fetch_add_2\"]=wasmExports[\"__atomic_fetch_add_2\"])(a0,a1,a2);var ___atomic_fetch_add_4=Module[\"___atomic_fetch_add_4\"]=(a0,a1,a2)=>(___atomic_fetch_add_4=Module[\"___atomic_fetch_add_4\"]=wasmExports[\"__atomic_fetch_add_4\"])(a0,a1,a2);var ___atomic_fetch_add_8=Module[\"___atomic_fetch_add_8\"]=(a0,a1,a2)=>(___atomic_fetch_add_8=Module[\"___atomic_fetch_add_8\"]=wasmExports[\"__atomic_fetch_add_8\"])(a0,a1,a2);var ___atomic_fetch_add_16=Module[\"___atomic_fetch_add_16\"]=(a0,a1,a2,a3,a4)=>(___atomic_fetch_add_16=Module[\"___atomic_fetch_add_16\"]=wasmExports[\"__atomic_fetch_add_16\"])(a0,a1,a2,a3,a4);var ___atomic_fetch_sub_1=Module[\"___atomic_fetch_sub_1\"]=(a0,a1,a2)=>(___atomic_fetch_sub_1=Module[\"___atomic_fetch_sub_1\"]=wasmExports[\"__atomic_fetch_sub_1\"])(a0,a1,a2);var ___atomic_fetch_sub_2=Module[\"___atomic_fetch_sub_2\"]=(a0,a1,a2)=>(___atomic_fetch_sub_2=Module[\"___atomic_fetch_sub_2\"]=wasmExports[\"__atomic_fetch_sub_2\"])(a0,a1,a2);var ___atomic_fetch_sub_4=Module[\"___atomic_fetch_sub_4\"]=(a0,a1,a2)=>(___atomic_fetch_sub_4=Module[\"___atomic_fetch_sub_4\"]=wasmExports[\"__atomic_fetch_sub_4\"])(a0,a1,a2);var ___atomic_fetch_sub_8=Module[\"___atomic_fetch_sub_8\"]=(a0,a1,a2)=>(___atomic_fetch_sub_8=Module[\"___atomic_fetch_sub_8\"]=wasmExports[\"__atomic_fetch_sub_8\"])(a0,a1,a2);var ___atomic_fetch_sub_16=Module[\"___atomic_fetch_sub_16\"]=(a0,a1,a2,a3,a4)=>(___atomic_fetch_sub_16=Module[\"___atomic_fetch_sub_16\"]=wasmExports[\"__atomic_fetch_sub_16\"])(a0,a1,a2,a3,a4);var ___atomic_fetch_and_1=Module[\"___atomic_fetch_and_1\"]=(a0,a1,a2)=>(___atomic_fetch_and_1=Module[\"___atomic_fetch_and_1\"]=wasmExports[\"__atomic_fetch_and_1\"])(a0,a1,a2);var ___atomic_fetch_and_2=Module[\"___atomic_fetch_and_2\"]=(a0,a1,a2)=>(___atomic_fetch_and_2=Module[\"___atomic_fetch_and_2\"]=wasmExports[\"__atomic_fetch_and_2\"])(a0,a1,a2);var ___atomic_fetch_and_4=Module[\"___atomic_fetch_and_4\"]=(a0,a1,a2)=>(___atomic_fetch_and_4=Module[\"___atomic_fetch_and_4\"]=wasmExports[\"__atomic_fetch_and_4\"])(a0,a1,a2);var ___atomic_fetch_and_8=Module[\"___atomic_fetch_and_8\"]=(a0,a1,a2)=>(___atomic_fetch_and_8=Module[\"___atomic_fetch_and_8\"]=wasmExports[\"__atomic_fetch_and_8\"])(a0,a1,a2);var ___atomic_fetch_and_16=Module[\"___atomic_fetch_and_16\"]=(a0,a1,a2,a3,a4)=>(___atomic_fetch_and_16=Module[\"___atomic_fetch_and_16\"]=wasmExports[\"__atomic_fetch_and_16\"])(a0,a1,a2,a3,a4);var ___atomic_fetch_or_1=Module[\"___atomic_fetch_or_1\"]=(a0,a1,a2)=>(___atomic_fetch_or_1=Module[\"___atomic_fetch_or_1\"]=wasmExports[\"__atomic_fetch_or_1\"])(a0,a1,a2);var ___atomic_fetch_or_2=Module[\"___atomic_fetch_or_2\"]=(a0,a1,a2)=>(___atomic_fetch_or_2=Module[\"___atomic_fetch_or_2\"]=wasmExports[\"__atomic_fetch_or_2\"])(a0,a1,a2);var ___atomic_fetch_or_4=Module[\"___atomic_fetch_or_4\"]=(a0,a1,a2)=>(___atomic_fetch_or_4=Module[\"___atomic_fetch_or_4\"]=wasmExports[\"__atomic_fetch_or_4\"])(a0,a1,a2);var ___atomic_fetch_or_8=Module[\"___atomic_fetch_or_8\"]=(a0,a1,a2)=>(___atomic_fetch_or_8=Module[\"___atomic_fetch_or_8\"]=wasmExports[\"__atomic_fetch_or_8\"])(a0,a1,a2);var ___atomic_fetch_or_16=Module[\"___atomic_fetch_or_16\"]=(a0,a1,a2,a3,a4)=>(___atomic_fetch_or_16=Module[\"___atomic_fetch_or_16\"]=wasmExports[\"__atomic_fetch_or_16\"])(a0,a1,a2,a3,a4);var ___atomic_fetch_xor_1=Module[\"___atomic_fetch_xor_1\"]=(a0,a1,a2)=>(___atomic_fetch_xor_1=Module[\"___atomic_fetch_xor_1\"]=wasmExports[\"__atomic_fetch_xor_1\"])(a0,a1,a2);var ___atomic_fetch_xor_2=Module[\"___atomic_fetch_xor_2\"]=(a0,a1,a2)=>(___atomic_fetch_xor_2=Module[\"___atomic_fetch_xor_2\"]=wasmExports[\"__atomic_fetch_xor_2\"])(a0,a1,a2);var ___atomic_fetch_xor_4=Module[\"___atomic_fetch_xor_4\"]=(a0,a1,a2)=>(___atomic_fetch_xor_4=Module[\"___atomic_fetch_xor_4\"]=wasmExports[\"__atomic_fetch_xor_4\"])(a0,a1,a2);var ___atomic_fetch_xor_8=Module[\"___atomic_fetch_xor_8\"]=(a0,a1,a2)=>(___atomic_fetch_xor_8=Module[\"___atomic_fetch_xor_8\"]=wasmExports[\"__atomic_fetch_xor_8\"])(a0,a1,a2);var ___atomic_fetch_xor_16=Module[\"___atomic_fetch_xor_16\"]=(a0,a1,a2,a3,a4)=>(___atomic_fetch_xor_16=Module[\"___atomic_fetch_xor_16\"]=wasmExports[\"__atomic_fetch_xor_16\"])(a0,a1,a2,a3,a4);var ___atomic_fetch_nand_1=Module[\"___atomic_fetch_nand_1\"]=(a0,a1,a2)=>(___atomic_fetch_nand_1=Module[\"___atomic_fetch_nand_1\"]=wasmExports[\"__atomic_fetch_nand_1\"])(a0,a1,a2);var ___atomic_fetch_nand_2=Module[\"___atomic_fetch_nand_2\"]=(a0,a1,a2)=>(___atomic_fetch_nand_2=Module[\"___atomic_fetch_nand_2\"]=wasmExports[\"__atomic_fetch_nand_2\"])(a0,a1,a2);var ___atomic_fetch_nand_4=Module[\"___atomic_fetch_nand_4\"]=(a0,a1,a2)=>(___atomic_fetch_nand_4=Module[\"___atomic_fetch_nand_4\"]=wasmExports[\"__atomic_fetch_nand_4\"])(a0,a1,a2);var ___atomic_fetch_nand_8=Module[\"___atomic_fetch_nand_8\"]=(a0,a1,a2)=>(___atomic_fetch_nand_8=Module[\"___atomic_fetch_nand_8\"]=wasmExports[\"__atomic_fetch_nand_8\"])(a0,a1,a2);var ___atomic_fetch_nand_16=Module[\"___atomic_fetch_nand_16\"]=(a0,a1,a2,a3,a4)=>(___atomic_fetch_nand_16=Module[\"___atomic_fetch_nand_16\"]=wasmExports[\"__atomic_fetch_nand_16\"])(a0,a1,a2,a3,a4);var _atomic_flag_clear=Module[\"_atomic_flag_clear\"]=a0=>(_atomic_flag_clear=Module[\"_atomic_flag_clear\"]=wasmExports[\"atomic_flag_clear\"])(a0);var _atomic_flag_clear_explicit=Module[\"_atomic_flag_clear_explicit\"]=(a0,a1)=>(_atomic_flag_clear_explicit=Module[\"_atomic_flag_clear_explicit\"]=wasmExports[\"atomic_flag_clear_explicit\"])(a0,a1);var _atomic_flag_test_and_set=Module[\"_atomic_flag_test_and_set\"]=a0=>(_atomic_flag_test_and_set=Module[\"_atomic_flag_test_and_set\"]=wasmExports[\"atomic_flag_test_and_set\"])(a0);var _atomic_flag_test_and_set_explicit=Module[\"_atomic_flag_test_and_set_explicit\"]=(a0,a1)=>(_atomic_flag_test_and_set_explicit=Module[\"_atomic_flag_test_and_set_explicit\"]=wasmExports[\"atomic_flag_test_and_set_explicit\"])(a0,a1);var _atomic_signal_fence=Module[\"_atomic_signal_fence\"]=a0=>(_atomic_signal_fence=Module[\"_atomic_signal_fence\"]=wasmExports[\"atomic_signal_fence\"])(a0);var _atomic_thread_fence=Module[\"_atomic_thread_fence\"]=a0=>(_atomic_thread_fence=Module[\"_atomic_thread_fence\"]=wasmExports[\"atomic_thread_fence\"])(a0);var ___bswapdi2=Module[\"___bswapdi2\"]=a0=>(___bswapdi2=Module[\"___bswapdi2\"]=wasmExports[\"__bswapdi2\"])(a0);var ___bswapsi2=Module[\"___bswapsi2\"]=a0=>(___bswapsi2=Module[\"___bswapsi2\"]=wasmExports[\"__bswapsi2\"])(a0);var ___clear_cache=Module[\"___clear_cache\"]=(a0,a1)=>(___clear_cache=Module[\"___clear_cache\"]=wasmExports[\"__clear_cache\"])(a0,a1);var ___clzdi2=Module[\"___clzdi2\"]=a0=>(___clzdi2=Module[\"___clzdi2\"]=wasmExports[\"__clzdi2\"])(a0);var ___clzsi2=Module[\"___clzsi2\"]=a0=>(___clzsi2=Module[\"___clzsi2\"]=wasmExports[\"__clzsi2\"])(a0);var ___clzti2=Module[\"___clzti2\"]=(a0,a1)=>(___clzti2=Module[\"___clzti2\"]=wasmExports[\"__clzti2\"])(a0,a1);var ___cmpdi2=Module[\"___cmpdi2\"]=(a0,a1)=>(___cmpdi2=Module[\"___cmpdi2\"]=wasmExports[\"__cmpdi2\"])(a0,a1);var ___cmpti2=Module[\"___cmpti2\"]=(a0,a1,a2,a3)=>(___cmpti2=Module[\"___cmpti2\"]=wasmExports[\"__cmpti2\"])(a0,a1,a2,a3);var ___ledf2=Module[\"___ledf2\"]=(a0,a1)=>(___ledf2=Module[\"___ledf2\"]=wasmExports[\"__ledf2\"])(a0,a1);var ___gedf2=Module[\"___gedf2\"]=(a0,a1)=>(___gedf2=Module[\"___gedf2\"]=wasmExports[\"__gedf2\"])(a0,a1);var ___unorddf2=Module[\"___unorddf2\"]=(a0,a1)=>(___unorddf2=Module[\"___unorddf2\"]=wasmExports[\"__unorddf2\"])(a0,a1);var ___eqdf2=Module[\"___eqdf2\"]=(a0,a1)=>(___eqdf2=Module[\"___eqdf2\"]=wasmExports[\"__eqdf2\"])(a0,a1);var ___ltdf2=Module[\"___ltdf2\"]=(a0,a1)=>(___ltdf2=Module[\"___ltdf2\"]=wasmExports[\"__ltdf2\"])(a0,a1);var ___nedf2=Module[\"___nedf2\"]=(a0,a1)=>(___nedf2=Module[\"___nedf2\"]=wasmExports[\"__nedf2\"])(a0,a1);var ___gtdf2=Module[\"___gtdf2\"]=(a0,a1)=>(___gtdf2=Module[\"___gtdf2\"]=wasmExports[\"__gtdf2\"])(a0,a1);var ___lesf2=Module[\"___lesf2\"]=(a0,a1)=>(___lesf2=Module[\"___lesf2\"]=wasmExports[\"__lesf2\"])(a0,a1);var ___gesf2=Module[\"___gesf2\"]=(a0,a1)=>(___gesf2=Module[\"___gesf2\"]=wasmExports[\"__gesf2\"])(a0,a1);var ___unordsf2=Module[\"___unordsf2\"]=(a0,a1)=>(___unordsf2=Module[\"___unordsf2\"]=wasmExports[\"__unordsf2\"])(a0,a1);var ___eqsf2=Module[\"___eqsf2\"]=(a0,a1)=>(___eqsf2=Module[\"___eqsf2\"]=wasmExports[\"__eqsf2\"])(a0,a1);var ___ltsf2=Module[\"___ltsf2\"]=(a0,a1)=>(___ltsf2=Module[\"___ltsf2\"]=wasmExports[\"__ltsf2\"])(a0,a1);var ___nesf2=Module[\"___nesf2\"]=(a0,a1)=>(___nesf2=Module[\"___nesf2\"]=wasmExports[\"__nesf2\"])(a0,a1);var ___gtsf2=Module[\"___gtsf2\"]=(a0,a1)=>(___gtsf2=Module[\"___gtsf2\"]=wasmExports[\"__gtsf2\"])(a0,a1);var ___ctzdi2=Module[\"___ctzdi2\"]=a0=>(___ctzdi2=Module[\"___ctzdi2\"]=wasmExports[\"__ctzdi2\"])(a0);var ___ctzsi2=Module[\"___ctzsi2\"]=a0=>(___ctzsi2=Module[\"___ctzsi2\"]=wasmExports[\"__ctzsi2\"])(a0);var ___ctzti2=Module[\"___ctzti2\"]=(a0,a1)=>(___ctzti2=Module[\"___ctzti2\"]=wasmExports[\"__ctzti2\"])(a0,a1);var ___divdc3=Module[\"___divdc3\"]=(a0,a1,a2,a3,a4)=>(___divdc3=Module[\"___divdc3\"]=wasmExports[\"__divdc3\"])(a0,a1,a2,a3,a4);var ___divdf3=Module[\"___divdf3\"]=(a0,a1)=>(___divdf3=Module[\"___divdf3\"]=wasmExports[\"__divdf3\"])(a0,a1);var ___divdi3=Module[\"___divdi3\"]=(a0,a1)=>(___divdi3=Module[\"___divdi3\"]=wasmExports[\"__divdi3\"])(a0,a1);var ___udivmoddi4=Module[\"___udivmoddi4\"]=(a0,a1,a2)=>(___udivmoddi4=Module[\"___udivmoddi4\"]=wasmExports[\"__udivmoddi4\"])(a0,a1,a2);var ___divmoddi4=Module[\"___divmoddi4\"]=(a0,a1,a2)=>(___divmoddi4=Module[\"___divmoddi4\"]=wasmExports[\"__divmoddi4\"])(a0,a1,a2);var ___divmodsi4=Module[\"___divmodsi4\"]=(a0,a1,a2)=>(___divmodsi4=Module[\"___divmodsi4\"]=wasmExports[\"__divmodsi4\"])(a0,a1,a2);var ___udivmodsi4=Module[\"___udivmodsi4\"]=(a0,a1,a2)=>(___udivmodsi4=Module[\"___udivmodsi4\"]=wasmExports[\"__udivmodsi4\"])(a0,a1,a2);var ___divmodti4=Module[\"___divmodti4\"]=(a0,a1,a2,a3,a4,a5)=>(___divmodti4=Module[\"___divmodti4\"]=wasmExports[\"__divmodti4\"])(a0,a1,a2,a3,a4,a5);var ___udivmodti4=Module[\"___udivmodti4\"]=(a0,a1,a2,a3,a4,a5)=>(___udivmodti4=Module[\"___udivmodti4\"]=wasmExports[\"__udivmodti4\"])(a0,a1,a2,a3,a4,a5);var ___divsc3=Module[\"___divsc3\"]=(a0,a1,a2,a3,a4)=>(___divsc3=Module[\"___divsc3\"]=wasmExports[\"__divsc3\"])(a0,a1,a2,a3,a4);var ___divsf3=Module[\"___divsf3\"]=(a0,a1)=>(___divsf3=Module[\"___divsf3\"]=wasmExports[\"__divsf3\"])(a0,a1);var ___divsi3=Module[\"___divsi3\"]=(a0,a1)=>(___divsi3=Module[\"___divsi3\"]=wasmExports[\"__divsi3\"])(a0,a1);var ___divtc3=Module[\"___divtc3\"]=(a0,a1,a2,a3,a4,a5,a6,a7,a8)=>(___divtc3=Module[\"___divtc3\"]=wasmExports[\"__divtc3\"])(a0,a1,a2,a3,a4,a5,a6,a7,a8);var ___divti3=Module[\"___divti3\"]=(a0,a1,a2,a3,a4)=>(___divti3=Module[\"___divti3\"]=wasmExports[\"__divti3\"])(a0,a1,a2,a3,a4);var _setThrew=(a0,a1)=>(_setThrew=wasmExports[\"setThrew\"])(a0,a1);var ___wasm_setjmp=Module[\"___wasm_setjmp\"]=(a0,a1,a2)=>(___wasm_setjmp=Module[\"___wasm_setjmp\"]=wasmExports[\"__wasm_setjmp\"])(a0,a1,a2);var ___wasm_setjmp_test=Module[\"___wasm_setjmp_test\"]=(a0,a1)=>(___wasm_setjmp_test=Module[\"___wasm_setjmp_test\"]=wasmExports[\"__wasm_setjmp_test\"])(a0,a1);var _emscripten_longjmp=Module[\"_emscripten_longjmp\"]=(a0,a1)=>(_emscripten_longjmp=Module[\"_emscripten_longjmp\"]=wasmExports[\"emscripten_longjmp\"])(a0,a1);var __emscripten_tempret_set=a0=>(__emscripten_tempret_set=wasmExports[\"_emscripten_tempret_set\"])(a0);var __emscripten_tempret_get=()=>(__emscripten_tempret_get=wasmExports[\"_emscripten_tempret_get\"])();var ___get_temp_ret=Module[\"___get_temp_ret\"]=()=>(___get_temp_ret=Module[\"___get_temp_ret\"]=wasmExports[\"__get_temp_ret\"])();var ___set_temp_ret=Module[\"___set_temp_ret\"]=a0=>(___set_temp_ret=Module[\"___set_temp_ret\"]=wasmExports[\"__set_temp_ret\"])(a0);var _getTempRet0=Module[\"_getTempRet0\"]=()=>(_getTempRet0=Module[\"_getTempRet0\"]=wasmExports[\"getTempRet0\"])();var _setTempRet0=Module[\"_setTempRet0\"]=a0=>(_setTempRet0=Module[\"_setTempRet0\"]=wasmExports[\"setTempRet0\"])(a0);var ___emutls_get_address=Module[\"___emutls_get_address\"]=a0=>(___emutls_get_address=Module[\"___emutls_get_address\"]=wasmExports[\"__emutls_get_address\"])(a0);var ___enable_execute_stack=Module[\"___enable_execute_stack\"]=a0=>(___enable_execute_stack=Module[\"___enable_execute_stack\"]=wasmExports[\"__enable_execute_stack\"])(a0);var ___extendhfsf2=Module[\"___extendhfsf2\"]=a0=>(___extendhfsf2=Module[\"___extendhfsf2\"]=wasmExports[\"__extendhfsf2\"])(a0);var ___gnu_h2f_ieee=Module[\"___gnu_h2f_ieee\"]=a0=>(___gnu_h2f_ieee=Module[\"___gnu_h2f_ieee\"]=wasmExports[\"__gnu_h2f_ieee\"])(a0);var ___extendsfdf2=Module[\"___extendsfdf2\"]=a0=>(___extendsfdf2=Module[\"___extendsfdf2\"]=wasmExports[\"__extendsfdf2\"])(a0);var ___ffsdi2=Module[\"___ffsdi2\"]=a0=>(___ffsdi2=Module[\"___ffsdi2\"]=wasmExports[\"__ffsdi2\"])(a0);var ___ffssi2=Module[\"___ffssi2\"]=a0=>(___ffssi2=Module[\"___ffssi2\"]=wasmExports[\"__ffssi2\"])(a0);var ___ffsti2=Module[\"___ffsti2\"]=(a0,a1)=>(___ffsti2=Module[\"___ffsti2\"]=wasmExports[\"__ffsti2\"])(a0,a1);var ___fixdfdi=Module[\"___fixdfdi\"]=a0=>(___fixdfdi=Module[\"___fixdfdi\"]=wasmExports[\"__fixdfdi\"])(a0);var ___fixunsdfdi=Module[\"___fixunsdfdi\"]=a0=>(___fixunsdfdi=Module[\"___fixunsdfdi\"]=wasmExports[\"__fixunsdfdi\"])(a0);var ___fixdfsi=Module[\"___fixdfsi\"]=a0=>(___fixdfsi=Module[\"___fixdfsi\"]=wasmExports[\"__fixdfsi\"])(a0);var ___fixdfti=Module[\"___fixdfti\"]=(a0,a1)=>(___fixdfti=Module[\"___fixdfti\"]=wasmExports[\"__fixdfti\"])(a0,a1);var ___fixsfdi=Module[\"___fixsfdi\"]=a0=>(___fixsfdi=Module[\"___fixsfdi\"]=wasmExports[\"__fixsfdi\"])(a0);var ___fixunssfdi=Module[\"___fixunssfdi\"]=a0=>(___fixunssfdi=Module[\"___fixunssfdi\"]=wasmExports[\"__fixunssfdi\"])(a0);var ___fixsfsi=Module[\"___fixsfsi\"]=a0=>(___fixsfsi=Module[\"___fixsfsi\"]=wasmExports[\"__fixsfsi\"])(a0);var ___fixsfti=Module[\"___fixsfti\"]=(a0,a1)=>(___fixsfti=Module[\"___fixsfti\"]=wasmExports[\"__fixsfti\"])(a0,a1);var ___fixtfti=Module[\"___fixtfti\"]=(a0,a1,a2)=>(___fixtfti=Module[\"___fixtfti\"]=wasmExports[\"__fixtfti\"])(a0,a1,a2);var ___fixunsdfsi=Module[\"___fixunsdfsi\"]=a0=>(___fixunsdfsi=Module[\"___fixunsdfsi\"]=wasmExports[\"__fixunsdfsi\"])(a0);var ___fixunsdfti=Module[\"___fixunsdfti\"]=(a0,a1)=>(___fixunsdfti=Module[\"___fixunsdfti\"]=wasmExports[\"__fixunsdfti\"])(a0,a1);var ___fixunssfsi=Module[\"___fixunssfsi\"]=a0=>(___fixunssfsi=Module[\"___fixunssfsi\"]=wasmExports[\"__fixunssfsi\"])(a0);var ___fixunssfti=Module[\"___fixunssfti\"]=(a0,a1)=>(___fixunssfti=Module[\"___fixunssfti\"]=wasmExports[\"__fixunssfti\"])(a0,a1);var ___fixunstfdi=Module[\"___fixunstfdi\"]=(a0,a1)=>(___fixunstfdi=Module[\"___fixunstfdi\"]=wasmExports[\"__fixunstfdi\"])(a0,a1);var ___fixunstfsi=Module[\"___fixunstfsi\"]=(a0,a1)=>(___fixunstfsi=Module[\"___fixunstfsi\"]=wasmExports[\"__fixunstfsi\"])(a0,a1);var ___fixunstfti=Module[\"___fixunstfti\"]=(a0,a1,a2)=>(___fixunstfti=Module[\"___fixunstfti\"]=wasmExports[\"__fixunstfti\"])(a0,a1,a2);var ___floatdidf=Module[\"___floatdidf\"]=a0=>(___floatdidf=Module[\"___floatdidf\"]=wasmExports[\"__floatdidf\"])(a0);var ___floatdisf=Module[\"___floatdisf\"]=a0=>(___floatdisf=Module[\"___floatdisf\"]=wasmExports[\"__floatdisf\"])(a0);var ___floatditf=Module[\"___floatditf\"]=(a0,a1)=>(___floatditf=Module[\"___floatditf\"]=wasmExports[\"__floatditf\"])(a0,a1);var ___floatsidf=Module[\"___floatsidf\"]=a0=>(___floatsidf=Module[\"___floatsidf\"]=wasmExports[\"__floatsidf\"])(a0);var ___floatsisf=Module[\"___floatsisf\"]=a0=>(___floatsisf=Module[\"___floatsisf\"]=wasmExports[\"__floatsisf\"])(a0);var ___floattidf=Module[\"___floattidf\"]=(a0,a1)=>(___floattidf=Module[\"___floattidf\"]=wasmExports[\"__floattidf\"])(a0,a1);var ___floattisf=Module[\"___floattisf\"]=(a0,a1)=>(___floattisf=Module[\"___floattisf\"]=wasmExports[\"__floattisf\"])(a0,a1);var ___floattitf=Module[\"___floattitf\"]=(a0,a1,a2)=>(___floattitf=Module[\"___floattitf\"]=wasmExports[\"__floattitf\"])(a0,a1,a2);var ___floatundidf=Module[\"___floatundidf\"]=a0=>(___floatundidf=Module[\"___floatundidf\"]=wasmExports[\"__floatundidf\"])(a0);var ___floatundisf=Module[\"___floatundisf\"]=a0=>(___floatundisf=Module[\"___floatundisf\"]=wasmExports[\"__floatundisf\"])(a0);var ___floatunditf=Module[\"___floatunditf\"]=(a0,a1)=>(___floatunditf=Module[\"___floatunditf\"]=wasmExports[\"__floatunditf\"])(a0,a1);var ___floatunsidf=Module[\"___floatunsidf\"]=a0=>(___floatunsidf=Module[\"___floatunsidf\"]=wasmExports[\"__floatunsidf\"])(a0);var ___floatunsisf=Module[\"___floatunsisf\"]=a0=>(___floatunsisf=Module[\"___floatunsisf\"]=wasmExports[\"__floatunsisf\"])(a0);var ___floatuntidf=Module[\"___floatuntidf\"]=(a0,a1)=>(___floatuntidf=Module[\"___floatuntidf\"]=wasmExports[\"__floatuntidf\"])(a0,a1);var ___floatuntisf=Module[\"___floatuntisf\"]=(a0,a1)=>(___floatuntisf=Module[\"___floatuntisf\"]=wasmExports[\"__floatuntisf\"])(a0,a1);var ___floatuntitf=Module[\"___floatuntitf\"]=(a0,a1,a2)=>(___floatuntitf=Module[\"___floatuntitf\"]=wasmExports[\"__floatuntitf\"])(a0,a1,a2);var ___lshrdi3=Module[\"___lshrdi3\"]=(a0,a1)=>(___lshrdi3=Module[\"___lshrdi3\"]=wasmExports[\"__lshrdi3\"])(a0,a1);var ___moddi3=Module[\"___moddi3\"]=(a0,a1)=>(___moddi3=Module[\"___moddi3\"]=wasmExports[\"__moddi3\"])(a0,a1);var ___modsi3=Module[\"___modsi3\"]=(a0,a1)=>(___modsi3=Module[\"___modsi3\"]=wasmExports[\"__modsi3\"])(a0,a1);var ___modti3=Module[\"___modti3\"]=(a0,a1,a2,a3,a4)=>(___modti3=Module[\"___modti3\"]=wasmExports[\"__modti3\"])(a0,a1,a2,a3,a4);var ___muldf3=Module[\"___muldf3\"]=(a0,a1)=>(___muldf3=Module[\"___muldf3\"]=wasmExports[\"__muldf3\"])(a0,a1);var ___muldi3=Module[\"___muldi3\"]=(a0,a1)=>(___muldi3=Module[\"___muldi3\"]=wasmExports[\"__muldi3\"])(a0,a1);var ___mulodi4=Module[\"___mulodi4\"]=(a0,a1,a2)=>(___mulodi4=Module[\"___mulodi4\"]=wasmExports[\"__mulodi4\"])(a0,a1,a2);var ___mulosi4=Module[\"___mulosi4\"]=(a0,a1,a2)=>(___mulosi4=Module[\"___mulosi4\"]=wasmExports[\"__mulosi4\"])(a0,a1,a2);var ___muloti4=Module[\"___muloti4\"]=(a0,a1,a2,a3,a4,a5)=>(___muloti4=Module[\"___muloti4\"]=wasmExports[\"__muloti4\"])(a0,a1,a2,a3,a4,a5);var ___udivti3=Module[\"___udivti3\"]=(a0,a1,a2,a3,a4)=>(___udivti3=Module[\"___udivti3\"]=wasmExports[\"__udivti3\"])(a0,a1,a2,a3,a4);var ___mulsf3=Module[\"___mulsf3\"]=(a0,a1)=>(___mulsf3=Module[\"___mulsf3\"]=wasmExports[\"__mulsf3\"])(a0,a1);var ___mulvdi3=Module[\"___mulvdi3\"]=(a0,a1)=>(___mulvdi3=Module[\"___mulvdi3\"]=wasmExports[\"__mulvdi3\"])(a0,a1);var ___mulvsi3=Module[\"___mulvsi3\"]=(a0,a1)=>(___mulvsi3=Module[\"___mulvsi3\"]=wasmExports[\"__mulvsi3\"])(a0,a1);var ___mulvti3=Module[\"___mulvti3\"]=(a0,a1,a2,a3,a4)=>(___mulvti3=Module[\"___mulvti3\"]=wasmExports[\"__mulvti3\"])(a0,a1,a2,a3,a4);var ___negdf2=Module[\"___negdf2\"]=a0=>(___negdf2=Module[\"___negdf2\"]=wasmExports[\"__negdf2\"])(a0);var ___negdi2=Module[\"___negdi2\"]=a0=>(___negdi2=Module[\"___negdi2\"]=wasmExports[\"__negdi2\"])(a0);var ___negsf2=Module[\"___negsf2\"]=a0=>(___negsf2=Module[\"___negsf2\"]=wasmExports[\"__negsf2\"])(a0);var ___negti2=Module[\"___negti2\"]=(a0,a1,a2)=>(___negti2=Module[\"___negti2\"]=wasmExports[\"__negti2\"])(a0,a1,a2);var ___negvdi2=Module[\"___negvdi2\"]=a0=>(___negvdi2=Module[\"___negvdi2\"]=wasmExports[\"__negvdi2\"])(a0);var ___negvsi2=Module[\"___negvsi2\"]=a0=>(___negvsi2=Module[\"___negvsi2\"]=wasmExports[\"__negvsi2\"])(a0);var ___negvti2=Module[\"___negvti2\"]=(a0,a1,a2)=>(___negvti2=Module[\"___negvti2\"]=wasmExports[\"__negvti2\"])(a0,a1,a2);var ___paritydi2=Module[\"___paritydi2\"]=a0=>(___paritydi2=Module[\"___paritydi2\"]=wasmExports[\"__paritydi2\"])(a0);var ___paritysi2=Module[\"___paritysi2\"]=a0=>(___paritysi2=Module[\"___paritysi2\"]=wasmExports[\"__paritysi2\"])(a0);var ___parityti2=Module[\"___parityti2\"]=(a0,a1)=>(___parityti2=Module[\"___parityti2\"]=wasmExports[\"__parityti2\"])(a0,a1);var ___popcountdi2=Module[\"___popcountdi2\"]=a0=>(___popcountdi2=Module[\"___popcountdi2\"]=wasmExports[\"__popcountdi2\"])(a0);var ___popcountsi2=Module[\"___popcountsi2\"]=a0=>(___popcountsi2=Module[\"___popcountsi2\"]=wasmExports[\"__popcountsi2\"])(a0);var ___popcountti2=Module[\"___popcountti2\"]=(a0,a1)=>(___popcountti2=Module[\"___popcountti2\"]=wasmExports[\"__popcountti2\"])(a0,a1);var ___powidf2=Module[\"___powidf2\"]=(a0,a1)=>(___powidf2=Module[\"___powidf2\"]=wasmExports[\"__powidf2\"])(a0,a1);var ___powisf2=Module[\"___powisf2\"]=(a0,a1)=>(___powisf2=Module[\"___powisf2\"]=wasmExports[\"__powisf2\"])(a0,a1);var ___powitf2=Module[\"___powitf2\"]=(a0,a1,a2,a3)=>(___powitf2=Module[\"___powitf2\"]=wasmExports[\"__powitf2\"])(a0,a1,a2,a3);var _emscripten_stack_init=Module[\"_emscripten_stack_init\"]=()=>(_emscripten_stack_init=Module[\"_emscripten_stack_init\"]=wasmExports[\"emscripten_stack_init\"])();var _emscripten_stack_set_limits=Module[\"_emscripten_stack_set_limits\"]=(a0,a1)=>(_emscripten_stack_set_limits=Module[\"_emscripten_stack_set_limits\"]=wasmExports[\"emscripten_stack_set_limits\"])(a0,a1);var _emscripten_stack_get_free=Module[\"_emscripten_stack_get_free\"]=()=>(_emscripten_stack_get_free=Module[\"_emscripten_stack_get_free\"]=wasmExports[\"emscripten_stack_get_free\"])();var __emscripten_stack_restore=a0=>(__emscripten_stack_restore=wasmExports[\"_emscripten_stack_restore\"])(a0);var __emscripten_stack_alloc=a0=>(__emscripten_stack_alloc=wasmExports[\"_emscripten_stack_alloc\"])(a0);var ___subdf3=Module[\"___subdf3\"]=(a0,a1)=>(___subdf3=Module[\"___subdf3\"]=wasmExports[\"__subdf3\"])(a0,a1);var ___subsf3=Module[\"___subsf3\"]=(a0,a1)=>(___subsf3=Module[\"___subsf3\"]=wasmExports[\"__subsf3\"])(a0,a1);var ___subvdi3=Module[\"___subvdi3\"]=(a0,a1)=>(___subvdi3=Module[\"___subvdi3\"]=wasmExports[\"__subvdi3\"])(a0,a1);var ___subvsi3=Module[\"___subvsi3\"]=(a0,a1)=>(___subvsi3=Module[\"___subvsi3\"]=wasmExports[\"__subvsi3\"])(a0,a1);var ___subvti3=Module[\"___subvti3\"]=(a0,a1,a2,a3,a4)=>(___subvti3=Module[\"___subvti3\"]=wasmExports[\"__subvti3\"])(a0,a1,a2,a3,a4);var ___truncdfhf2=Module[\"___truncdfhf2\"]=a0=>(___truncdfhf2=Module[\"___truncdfhf2\"]=wasmExports[\"__truncdfhf2\"])(a0);var ___truncdfsf2=Module[\"___truncdfsf2\"]=a0=>(___truncdfsf2=Module[\"___truncdfsf2\"]=wasmExports[\"__truncdfsf2\"])(a0);var ___truncsfhf2=Module[\"___truncsfhf2\"]=a0=>(___truncsfhf2=Module[\"___truncsfhf2\"]=wasmExports[\"__truncsfhf2\"])(a0);var ___gnu_f2h_ieee=Module[\"___gnu_f2h_ieee\"]=a0=>(___gnu_f2h_ieee=Module[\"___gnu_f2h_ieee\"]=wasmExports[\"__gnu_f2h_ieee\"])(a0);var ___ucmpdi2=Module[\"___ucmpdi2\"]=(a0,a1)=>(___ucmpdi2=Module[\"___ucmpdi2\"]=wasmExports[\"__ucmpdi2\"])(a0,a1);var ___ucmpti2=Module[\"___ucmpti2\"]=(a0,a1,a2,a3)=>(___ucmpti2=Module[\"___ucmpti2\"]=wasmExports[\"__ucmpti2\"])(a0,a1,a2,a3);var ___udivdi3=Module[\"___udivdi3\"]=(a0,a1)=>(___udivdi3=Module[\"___udivdi3\"]=wasmExports[\"__udivdi3\"])(a0,a1);var ___udivsi3=Module[\"___udivsi3\"]=(a0,a1)=>(___udivsi3=Module[\"___udivsi3\"]=wasmExports[\"__udivsi3\"])(a0,a1);var ___umoddi3=Module[\"___umoddi3\"]=(a0,a1)=>(___umoddi3=Module[\"___umoddi3\"]=wasmExports[\"__umoddi3\"])(a0,a1);var ___umodsi3=Module[\"___umodsi3\"]=(a0,a1)=>(___umodsi3=Module[\"___umodsi3\"]=wasmExports[\"__umodsi3\"])(a0,a1);var ___umodti3=Module[\"___umodti3\"]=(a0,a1,a2,a3,a4)=>(___umodti3=Module[\"___umodti3\"]=wasmExports[\"__umodti3\"])(a0,a1,a2,a3,a4);var ___cxa_allocate_exception=Module[\"___cxa_allocate_exception\"]=a0=>(___cxa_allocate_exception=Module[\"___cxa_allocate_exception\"]=wasmExports[\"__cxa_allocate_exception\"])(a0);var ___cxa_free_exception=a0=>(___cxa_free_exception=wasmExports[\"__cxa_free_exception\"])(a0);var ___cxa_pure_virtual=Module[\"___cxa_pure_virtual\"]=()=>(___cxa_pure_virtual=Module[\"___cxa_pure_virtual\"]=wasmExports[\"__cxa_pure_virtual\"])();var ___cxa_decrement_exception_refcount=a0=>(___cxa_decrement_exception_refcount=wasmExports[\"__cxa_decrement_exception_refcount\"])(a0);var ___cxa_increment_exception_refcount=a0=>(___cxa_increment_exception_refcount=wasmExports[\"__cxa_increment_exception_refcount\"])(a0);var ___cxa_init_primary_exception=Module[\"___cxa_init_primary_exception\"]=(a0,a1,a2)=>(___cxa_init_primary_exception=Module[\"___cxa_init_primary_exception\"]=wasmExports[\"__cxa_init_primary_exception\"])(a0,a1,a2);var ___dynamic_cast=Module[\"___dynamic_cast\"]=(a0,a1,a2,a3)=>(___dynamic_cast=Module[\"___dynamic_cast\"]=wasmExports[\"__dynamic_cast\"])(a0,a1,a2,a3);var ___cxa_bad_cast=Module[\"___cxa_bad_cast\"]=()=>(___cxa_bad_cast=Module[\"___cxa_bad_cast\"]=wasmExports[\"__cxa_bad_cast\"])();var ___cxa_bad_typeid=Module[\"___cxa_bad_typeid\"]=()=>(___cxa_bad_typeid=Module[\"___cxa_bad_typeid\"]=wasmExports[\"__cxa_bad_typeid\"])();var ___cxa_throw_bad_array_new_length=Module[\"___cxa_throw_bad_array_new_length\"]=()=>(___cxa_throw_bad_array_new_length=Module[\"___cxa_throw_bad_array_new_length\"]=wasmExports[\"__cxa_throw_bad_array_new_length\"])();var ___cxa_demangle=(a0,a1,a2,a3)=>(___cxa_demangle=wasmExports[\"__cxa_demangle\"])(a0,a1,a2,a3);var ___gxx_personality_v0=Module[\"___gxx_personality_v0\"]=(a0,a1,a2,a3,a4)=>(___gxx_personality_v0=Module[\"___gxx_personality_v0\"]=wasmExports[\"__gxx_personality_v0\"])(a0,a1,a2,a3,a4);var ___thrown_object_from_unwind_exception=Module[\"___thrown_object_from_unwind_exception\"]=a0=>(___thrown_object_from_unwind_exception=Module[\"___thrown_object_from_unwind_exception\"]=wasmExports[\"__thrown_object_from_unwind_exception\"])(a0);var ___get_exception_message=(a0,a1,a2)=>(___get_exception_message=wasmExports[\"__get_exception_message\"])(a0,a1,a2);var ___get_exception_terminate_message=Module[\"___get_exception_terminate_message\"]=a0=>(___get_exception_terminate_message=Module[\"___get_exception_terminate_message\"]=wasmExports[\"__get_exception_terminate_message\"])(a0);var ___cxa_guard_acquire=Module[\"___cxa_guard_acquire\"]=a0=>(___cxa_guard_acquire=Module[\"___cxa_guard_acquire\"]=wasmExports[\"__cxa_guard_acquire\"])(a0);var ___cxa_guard_release=Module[\"___cxa_guard_release\"]=a0=>(___cxa_guard_release=Module[\"___cxa_guard_release\"]=wasmExports[\"__cxa_guard_release\"])(a0);var ___cxa_guard_abort=Module[\"___cxa_guard_abort\"]=a0=>(___cxa_guard_abort=Module[\"___cxa_guard_abort\"]=wasmExports[\"__cxa_guard_abort\"])(a0);var ___cxa_thread_atexit=Module[\"___cxa_thread_atexit\"]=(a0,a1,a2)=>(___cxa_thread_atexit=Module[\"___cxa_thread_atexit\"]=wasmExports[\"__cxa_thread_atexit\"])(a0,a1,a2);var ___cxa_deleted_virtual=Module[\"___cxa_deleted_virtual\"]=()=>(___cxa_deleted_virtual=Module[\"___cxa_deleted_virtual\"]=wasmExports[\"__cxa_deleted_virtual\"])();var ___cxa_can_catch=(a0,a1,a2)=>(___cxa_can_catch=wasmExports[\"__cxa_can_catch\"])(a0,a1,a2);var ___cxa_is_pointer_type=a0=>(___cxa_is_pointer_type=wasmExports[\"__cxa_is_pointer_type\"])(a0);var _gethostbyaddr_r=Module[\"_gethostbyaddr_r\"]=(a0,a1,a2,a3,a4,a5,a6,a7)=>(_gethostbyaddr_r=Module[\"_gethostbyaddr_r\"]=wasmExports[\"gethostbyaddr_r\"])(a0,a1,a2,a3,a4,a5,a6,a7);var _gethostbyname2=Module[\"_gethostbyname2\"]=(a0,a1)=>(_gethostbyname2=Module[\"_gethostbyname2\"]=wasmExports[\"gethostbyname2\"])(a0,a1);var _gethostbyname2_r=Module[\"_gethostbyname2_r\"]=(a0,a1,a2,a3,a4,a5,a6)=>(_gethostbyname2_r=Module[\"_gethostbyname2_r\"]=wasmExports[\"gethostbyname2_r\"])(a0,a1,a2,a3,a4,a5,a6);var _gethostbyname_r=Module[\"_gethostbyname_r\"]=(a0,a1,a2,a3,a4,a5)=>(_gethostbyname_r=Module[\"_gethostbyname_r\"]=wasmExports[\"gethostbyname_r\"])(a0,a1,a2,a3,a4,a5);var _shutdown=Module[\"_shutdown\"]=(a0,a1)=>(_shutdown=Module[\"_shutdown\"]=wasmExports[\"shutdown\"])(a0,a1);var _socketpair=Module[\"_socketpair\"]=(a0,a1,a2,a3)=>(_socketpair=Module[\"_socketpair\"]=wasmExports[\"socketpair\"])(a0,a1,a2,a3);var _py_docstring_mod=Module[\"_py_docstring_mod\"]=4579904;var _PyExc_AttributeError=Module[\"_PyExc_AttributeError\"]=3194552;var _stdout=Module[\"_stdout\"]=4429104;var _PyExc_ModuleNotFoundError=Module[\"_PyExc_ModuleNotFoundError\"]=3189676;var __Py_NoneStruct=Module[\"__Py_NoneStruct\"]=3221384;var _internal_error=Module[\"_internal_error\"]=4579912;var _conversion_error=Module[\"_conversion_error\"]=4579916;var _PyExc_ImportError=Module[\"_PyExc_ImportError\"]=3189464;var _pyodide_export_=Module[\"_pyodide_export_\"]=3171360;var _py_version_major_=Module[\"_py_version_major_\"]=3171364;var _set_new_cframe_=Module[\"_set_new_cframe_\"]=3171368;var __Py_TrueStruct=Module[\"__Py_TrueStruct\"]=3175940;var __Py_FalseStruct=Module[\"__Py_FalseStruct\"]=3175956;var _jsbind=Module[\"_jsbind\"]=4579972;var _PyExc_TypeError=Module[\"_PyExc_TypeError\"]=3187976;var _Jsr_undefined=Module[\"_Jsr_undefined\"]=255184;var _PyExc_StopIteration=Module[\"_PyExc_StopIteration\"]=3188400;var _PyTraceBack_Type=Module[\"_PyTraceBack_Type\"]=3722844;var _PyExc_GeneratorExit=Module[\"_PyExc_GeneratorExit\"]=3188612;var _PyExc_StopAsyncIteration=Module[\"_PyExc_StopAsyncIteration\"]=3188188;var _PyExc_RuntimeError=Module[\"_PyExc_RuntimeError\"]=3193492;var _PyExc_Exception=Module[\"_PyExc_Exception\"]=3187764;var _PyExc_BaseException=Module[\"_PyExc_BaseException\"]=3187552;var _methods=Module[\"_methods\"]=3172592;var _PyExc_SystemError=Module[\"_PyExc_SystemError\"]=3198152;var _PyExc_KeyError=Module[\"_PyExc_KeyError\"]=3195824;var _PyExc_IndexError=Module[\"_PyExc_IndexError\"]=3195612;var _PySlice_Type=Module[\"_PySlice_Type\"]=3226288;var _PyLong_Type=Module[\"_PyLong_Type\"]=3211952;var _PyBool_Type=Module[\"_PyBool_Type\"]=3176116;var _PyExc_ValueError=Module[\"_PyExc_ValueError\"]=3188832;var _PyExc_NotImplementedError=Module[\"_PyExc_NotImplementedError\"]=3193916;var _PyBaseObject_Type=Module[\"_PyBaseObject_Type\"]=3228312;var _PyExc_OverflowError=Module[\"_PyExc_OverflowError\"]=3197728;var _PyList_Type=Module[\"_PyList_Type\"]=3210800;var _PyTuple_Type=Module[\"_PyTuple_Type\"]=3226640;var __Py_NotImplementedStruct=Module[\"__Py_NotImplementedStruct\"]=3222160;var _default_signature=Module[\"_default_signature\"]=4579980;var _no_default=Module[\"_no_default\"]=4579976;var _PyCoro_Type=Module[\"_PyCoro_Type\"]=3204784;var _PyGen_Type=Module[\"_PyGen_Type\"]=3204576;var _PyDict_Type=Module[\"_PyDict_Type\"]=3213240;var _compat_to_string_repr=Module[\"_compat_to_string_repr\"]=4579996;var _PyMethod_Type=Module[\"_PyMethod_Type\"]=3181048;var _PyFunction_Type=Module[\"_PyFunction_Type\"]=3208300;var _py_buffer_len_offset=Module[\"_py_buffer_len_offset\"]=3174680;var _py_buffer_shape_offset=Module[\"_py_buffer_shape_offset\"]=3174684;var _Jsr_true=Module[\"_Jsr_true\"]=255188;var _Jsr_false=Module[\"_Jsr_false\"]=255192;var _Jsr_novalue=Module[\"_Jsr_novalue\"]=255196;var _PySet_Type=Module[\"_PySet_Type\"]=3224912;var _PyFloat_Type=Module[\"_PyFloat_Type\"]=3207040;var _threadstate_freelist_len=Module[\"_threadstate_freelist_len\"]=4580072;var _threadstate_freelist=Module[\"_threadstate_freelist\"]=4580032;var _size_of_cframe=Module[\"_size_of_cframe\"]=3175244;var __PyParser_TokenNames=Module[\"__PyParser_TokenNames\"]=3175248;var _PyExc_SyntaxError=Module[\"_PyExc_SyntaxError\"]=3194764;var _PyExc_LookupError=Module[\"_PyExc_LookupError\"]=3195400;var _PyExc_UnicodeDecodeError=Module[\"_PyExc_UnicodeDecodeError\"]=3196668;var _PyExc_IndentationError=Module[\"_PyExc_IndentationError\"]=3194976;var _PyExc_KeyboardInterrupt=Module[\"_PyExc_KeyboardInterrupt\"]=3189252;var _PyExc_TabError=Module[\"_PyExc_TabError\"]=3195188;var _PyExc_UnicodeError=Module[\"_PyExc_UnicodeError\"]=3196244;var _stdin=Module[\"_stdin\"]=4428952;var _PyExc_MemoryError=Module[\"_PyExc_MemoryError\"]=3198368;var __PyRuntime=Module[\"__PyRuntime\"]=3248360;var _PyComplex_Type=Module[\"_PyComplex_Type\"]=3183164;var _PyBytes_Type=Module[\"_PyBytes_Type\"]=3178520;var _PyUnicode_Type=Module[\"_PyUnicode_Type\"]=3234880;var __Py_EllipsisObject=Module[\"__Py_EllipsisObject\"]=3226144;var __Py_ctype_table=Module[\"__Py_ctype_table\"]=456608;var _PyExc_DeprecationWarning=Module[\"_PyExc_DeprecationWarning\"]=3199424;var _PyExc_SyntaxWarning=Module[\"_PyExc_SyntaxWarning\"]=3199848;var __PyOS_ReadlineTState=Module[\"__PyOS_ReadlineTState\"]=4580132;var _stderr=Module[\"_stderr\"]=4428800;var _PyOS_InputHook=Module[\"_PyOS_InputHook\"]=4580136;var _PyOS_ReadlineFunctionPointer=Module[\"_PyOS_ReadlineFunctionPointer\"]=4580140;var _PyExc_OSError=Module[\"_PyExc_OSError\"]=3189888;var _PyType_Type=Module[\"_PyType_Type\"]=3227264;var _PyExc_BufferError=Module[\"_PyExc_BufferError\"]=3198788;var _PyCFunction_Type=Module[\"_PyCFunction_Type\"]=3220052;var _PyByteArray_Type=Module[\"_PyByteArray_Type\"]=3176324;var __PyByteArray_empty_string=Module[\"__PyByteArray_empty_string\"]=4580148;var __Py_ctype_tolower=Module[\"__Py_ctype_tolower\"]=457632;var __Py_ctype_toupper=Module[\"__Py_ctype_toupper\"]=457888;var _Py_hexdigits=Module[\"_Py_hexdigits\"]=3243880;var _PyExc_BytesWarning=Module[\"_PyExc_BytesWarning\"]=3200908;var _PyByteArrayIter_Type=Module[\"_PyByteArrayIter_Type\"]=3177680;var __PyLong_DigitValue=Module[\"__PyLong_DigitValue\"]=3212160;var _PyBytesIter_Type=Module[\"_PyBytesIter_Type\"]=3179728;var _PyModule_Type=Module[\"_PyModule_Type\"]=3220680;var _PyCapsule_Type=Module[\"_PyCapsule_Type\"]=3180592;var _PyCell_Type=Module[\"_PyCell_Type\"]=3180800;var _PyInstanceMethod_Type=Module[\"_PyInstanceMethod_Type\"]=3181400;var _PyCode_Type=Module[\"_PyCode_Type\"]=3181704;var _PyFrozenSet_Type=Module[\"_PyFrozenSet_Type\"]=3225472;var _PyExc_ZeroDivisionError=Module[\"_PyExc_ZeroDivisionError\"]=3197940;var __PyMethodWrapper_Type=Module[\"__PyMethodWrapper_Type\"]=3185576;var _PyMethodDescr_Type=Module[\"_PyMethodDescr_Type\"]=3183920;var _PyClassMethodDescr_Type=Module[\"_PyClassMethodDescr_Type\"]=3184128;var _PyMemberDescr_Type=Module[\"_PyMemberDescr_Type\"]=3184396;var _PyGetSetDescr_Type=Module[\"_PyGetSetDescr_Type\"]=3184668;var _PyWrapperDescr_Type=Module[\"_PyWrapperDescr_Type\"]=3184960;var _PyDictProxy_Type=Module[\"_PyDictProxy_Type\"]=3185168;var _PyProperty_Type=Module[\"_PyProperty_Type\"]=3186344;var _PyReversed_Type=Module[\"_PyReversed_Type\"]=3187056;var _PyEnum_Type=Module[\"_PyEnum_Type\"]=3186784;var _PyExc_BaseExceptionGroup=Module[\"_PyExc_BaseExceptionGroup\"]=3188828;var _PyExc_UnicodeTranslateError=Module[\"_PyExc_UnicodeTranslateError\"]=3196880;var _PyExc_BlockingIOError=Module[\"_PyExc_BlockingIOError\"]=3190100;var _PyExc_BrokenPipeError=Module[\"_PyExc_BrokenPipeError\"]=3190736;var _PyExc_ChildProcessError=Module[\"_PyExc_ChildProcessError\"]=3190524;var _PyExc_ConnectionAbortedError=Module[\"_PyExc_ConnectionAbortedError\"]=3190948;var _PyExc_ConnectionRefusedError=Module[\"_PyExc_ConnectionRefusedError\"]=3191160;var _PyExc_ConnectionResetError=Module[\"_PyExc_ConnectionResetError\"]=3191372;var _PyExc_FileExistsError=Module[\"_PyExc_FileExistsError\"]=3191584;var _PyExc_FileNotFoundError=Module[\"_PyExc_FileNotFoundError\"]=3191796;var _PyExc_IsADirectoryError=Module[\"_PyExc_IsADirectoryError\"]=3192008;var _PyExc_NotADirectoryError=Module[\"_PyExc_NotADirectoryError\"]=3192220;var _PyExc_InterruptedError=Module[\"_PyExc_InterruptedError\"]=3192432;var _PyExc_PermissionError=Module[\"_PyExc_PermissionError\"]=3192644;var _PyExc_ProcessLookupError=Module[\"_PyExc_ProcessLookupError\"]=3192856;var _PyExc_TimeoutError=Module[\"_PyExc_TimeoutError\"]=3193068;var _PyExc_EnvironmentError=Module[\"_PyExc_EnvironmentError\"]=4580152;var _PyExc_IOError=Module[\"_PyExc_IOError\"]=4580156;var _PyExc_SystemExit=Module[\"_PyExc_SystemExit\"]=3188824;var _PyExc_ConnectionError=Module[\"_PyExc_ConnectionError\"]=3190312;var _PyExc_EOFError=Module[\"_PyExc_EOFError\"]=3193280;var _PyExc_RecursionError=Module[\"_PyExc_RecursionError\"]=3193704;var _PyExc_NameError=Module[\"_PyExc_NameError\"]=3194128;var _PyExc_UnboundLocalError=Module[\"_PyExc_UnboundLocalError\"]=3194340;var _PyExc_UnicodeEncodeError=Module[\"_PyExc_UnicodeEncodeError\"]=3196456;var _PyExc_AssertionError=Module[\"_PyExc_AssertionError\"]=3197092;var _PyExc_ArithmeticError=Module[\"_PyExc_ArithmeticError\"]=3197304;var _PyExc_FloatingPointError=Module[\"_PyExc_FloatingPointError\"]=3197516;var _PyExc_ReferenceError=Module[\"_PyExc_ReferenceError\"]=3198364;var _PyExc_Warning=Module[\"_PyExc_Warning\"]=3199e3;var _PyExc_UserWarning=Module[\"_PyExc_UserWarning\"]=3199212;var _PyExc_PendingDeprecationWarning=Module[\"_PyExc_PendingDeprecationWarning\"]=3199636;var _PyExc_RuntimeWarning=Module[\"_PyExc_RuntimeWarning\"]=3200060;var _PyExc_FutureWarning=Module[\"_PyExc_FutureWarning\"]=3200272;var _PyExc_ImportWarning=Module[\"_PyExc_ImportWarning\"]=3200484;var _PyExc_UnicodeWarning=Module[\"_PyExc_UnicodeWarning\"]=3200696;var _PyExc_EncodingWarning=Module[\"_PyExc_EncodingWarning\"]=3201120;var _PyExc_ResourceWarning=Module[\"_PyExc_ResourceWarning\"]=3201332;var _Py_GenericAliasType=Module[\"_Py_GenericAliasType\"]=3203852;var _PyAsyncGen_Type=Module[\"_PyAsyncGen_Type\"]=3204112;var __PyAsyncGenWrappedValue_Type=Module[\"__PyAsyncGenWrappedValue_Type\"]=3206160;var __PyCoroWrapper_Type=Module[\"__PyCoroWrapper_Type\"]=3205360;var __PyAsyncGenASend_Type=Module[\"__PyAsyncGenASend_Type\"]=3205952;var __PyAsyncGenAThrow_Type=Module[\"__PyAsyncGenAThrow_Type\"]=3206448;var _PyStdPrinter_Type=Module[\"_PyStdPrinter_Type\"]=3206656;var __Py_SwappedOp=Module[\"__Py_SwappedOp\"]=3221392;var _PyFrame_Type=Module[\"_PyFrame_Type\"]=3208072;var _PyClassMethod_Type=Module[\"_PyClassMethod_Type\"]=3208956;var _PyStaticMethod_Type=Module[\"_PyStaticMethod_Type\"]=3209292;var __PyInterpreterID_Type=Module[\"__PyInterpreterID_Type\"]=3209780;var _PySeqIter_Type=Module[\"_PySeqIter_Type\"]=321e4;var _PyCallIter_Type=Module[\"_PyCallIter_Type\"]=3210272;var _PyListIter_Type=Module[\"_PyListIter_Type\"]=3211392;var _PyListRevIter_Type=Module[\"_PyListRevIter_Type\"]=3211664;var _PyDictIterKey_Type=Module[\"_PyDictIterKey_Type\"]=3213968;var _PyDictRevIterKey_Type=Module[\"_PyDictRevIterKey_Type\"]=3214592;var _PyDictRevIterValue_Type=Module[\"_PyDictRevIterValue_Type\"]=3215008;var _PyDictKeys_Type=Module[\"_PyDictKeys_Type\"]=3215216;var _PyDictItems_Type=Module[\"_PyDictItems_Type\"]=3215424;var _PyDictIterItem_Type=Module[\"_PyDictIterItem_Type\"]=3214384;var _PyDictIterValue_Type=Module[\"_PyDictIterValue_Type\"]=3214176;var _PyDictRevIterItem_Type=Module[\"_PyDictRevIterItem_Type\"]=3214800;var _PyDictValues_Type=Module[\"_PyDictValues_Type\"]=3216080;var _PyODict_Type=Module[\"_PyODict_Type\"]=3216776;var _PyODictIter_Type=Module[\"_PyODictIter_Type\"]=3217024;var _PyODictKeys_Type=Module[\"_PyODictKeys_Type\"]=3217264;var _PyODictValues_Type=Module[\"_PyODictValues_Type\"]=3217744;var _PyODictItems_Type=Module[\"_PyODictItems_Type\"]=3217504;var __PyManagedBuffer_Type=Module[\"__PyManagedBuffer_Type\"]=3218344;var _PyMemoryView_Type=Module[\"_PyMemoryView_Type\"]=3219252;var _PyCMethod_Type=Module[\"_PyCMethod_Type\"]=3219844;var _PyModuleDef_Type=Module[\"_PyModuleDef_Type\"]=3220472;var __PyNamespace_Type=Module[\"__PyNamespace_Type\"]=3221176;var __PyNone_Type=Module[\"__PyNone_Type\"]=3221560;var __PyNotImplemented_Type=Module[\"__PyNotImplemented_Type\"]=3221952;var _PyContextToken_Type=Module[\"_PyContextToken_Type\"]=3244464;var _PyContextVar_Type=Module[\"_PyContextVar_Type\"]=3244256;var _PyContext_Type=Module[\"_PyContext_Type\"]=3244048;var _PyEllipsis_Type=Module[\"_PyEllipsis_Type\"]=3225936;var _PyFilter_Type=Module[\"_PyFilter_Type\"]=3241600;var _PyLongRangeIter_Type=Module[\"_PyLongRangeIter_Type\"]=3223904;var _PyMap_Type=Module[\"_PyMap_Type\"]=3241840;var _PyPickleBuffer_Type=Module[\"_PyPickleBuffer_Type\"]=3222728;var _PyRangeIter_Type=Module[\"_PyRangeIter_Type\"]=3223632;var _PyRange_Type=Module[\"_PyRange_Type\"]=3223360;var _PySetIter_Type=Module[\"_PySetIter_Type\"]=3224160;var _PySuper_Type=Module[\"_PySuper_Type\"]=3228816;var _PyTupleIter_Type=Module[\"_PyTupleIter_Type\"]=3227056;var _PyUnicodeIter_Type=Module[\"_PyUnicodeIter_Type\"]=3236800;var _PyZip_Type=Module[\"_PyZip_Type\"]=3242096;var __PyBufferWrapper_Type=Module[\"__PyBufferWrapper_Type\"]=3228528;var __PyWeakref_CallableProxyType=Module[\"__PyWeakref_CallableProxyType\"]=3239264;var __PyWeakref_ProxyType=Module[\"__PyWeakref_ProxyType\"]=3239056;var __PyWeakref_RefType=Module[\"__PyWeakref_RefType\"]=3238600;var __PySet_Dummy=Module[\"__PySet_Dummy\"]=3225688;var _PyStructSequence_UnnamedField=Module[\"_PyStructSequence_UnnamedField\"]=3226516;var __Py_ascii_whitespace=Module[\"__Py_ascii_whitespace\"]=308784;var _Py_Version=Module[\"_Py_Version\"]=441460;var _PyImport_Inittab=Module[\"_PyImport_Inittab\"]=3246992;var __PyImport_FrozenBootstrap=Module[\"__PyImport_FrozenBootstrap\"]=4423776;var _PyImport_FrozenModules=Module[\"_PyImport_FrozenModules\"]=4592152;var __PyImport_FrozenStdlib=Module[\"__PyImport_FrozenStdlib\"]=4424112;var __PyImport_FrozenTest=Module[\"__PyImport_FrozenTest\"]=4424368;var _Py_IgnoreEnvironmentFlag=Module[\"_Py_IgnoreEnvironmentFlag\"]=4581964;var _Py_IsolatedFlag=Module[\"_Py_IsolatedFlag\"]=4581984;var _Py_BytesWarningFlag=Module[\"_Py_BytesWarningFlag\"]=4581956;var _Py_InspectFlag=Module[\"_Py_InspectFlag\"]=4581944;var _Py_InteractiveFlag=Module[\"_Py_InteractiveFlag\"]=4581940;var _Py_OptimizeFlag=Module[\"_Py_OptimizeFlag\"]=4581948;var _Py_DebugFlag=Module[\"_Py_DebugFlag\"]=4581928;var _Py_VerboseFlag=Module[\"_Py_VerboseFlag\"]=4581932;var _Py_QuietFlag=Module[\"_Py_QuietFlag\"]=4581936;var _Py_FrozenFlag=Module[\"_Py_FrozenFlag\"]=4581960;var _Py_UnbufferedStdioFlag=Module[\"_Py_UnbufferedStdioFlag\"]=4581976;var _Py_NoSiteFlag=Module[\"_Py_NoSiteFlag\"]=4581952;var _Py_DontWriteBytecodeFlag=Module[\"_Py_DontWriteBytecodeFlag\"]=4581968;var _Py_NoUserSiteDirectory=Module[\"_Py_NoUserSiteDirectory\"]=4581972;var _Py_HashRandomizationFlag=Module[\"_Py_HashRandomizationFlag\"]=4581980;var _Py_FileSystemDefaultEncoding=Module[\"_Py_FileSystemDefaultEncoding\"]=4582032;var _Py_HasFileSystemDefaultEncoding=Module[\"_Py_HasFileSystemDefaultEncoding\"]=4582036;var _Py_FileSystemDefaultEncodeErrors=Module[\"_Py_FileSystemDefaultEncodeErrors\"]=4582040;var __Py_HasFileSystemDefaultEncodeErrors=Module[\"__Py_HasFileSystemDefaultEncodeErrors\"]=4582044;var _Py_UTF8Mode=Module[\"_Py_UTF8Mode\"]=4581924;var __Py_HashSecret=Module[\"__Py_HashSecret\"]=4582048;var _Py_EMSCRIPTEN_SIGNAL_HANDLING=Module[\"_Py_EMSCRIPTEN_SIGNAL_HANDLING\"]=4583164;var __PyEM_EMSCRIPTEN_COUNT_ARGS_OFFSET=Module[\"__PyEM_EMSCRIPTEN_COUNT_ARGS_OFFSET\"]=472248;var _ffi_type_pointer=Module[\"_ffi_type_pointer\"]=2818724;var _ffi_type_void=Module[\"_ffi_type_void\"]=2818616;var _ffi_type_sint32=Module[\"_ffi_type_sint32\"]=2818688;var _ffi_type_uint8=Module[\"_ffi_type_uint8\"]=2818628;var _ffi_type_double=Module[\"_ffi_type_double\"]=2818748;var _ffi_type_longdouble=Module[\"_ffi_type_longdouble\"]=2818760;var _ffi_type_float=Module[\"_ffi_type_float\"]=2818736;var _ffi_type_sint16=Module[\"_ffi_type_sint16\"]=2818664;var _ffi_type_uint16=Module[\"_ffi_type_uint16\"]=2818652;var _ffi_type_uint32=Module[\"_ffi_type_uint32\"]=2818676;var _ffi_type_sint64=Module[\"_ffi_type_sint64\"]=2818712;var _ffi_type_uint64=Module[\"_ffi_type_uint64\"]=2818700;var _ffi_type_sint8=Module[\"_ffi_type_sint8\"]=2818640;var _environ=Module[\"_environ\"]=4592176;var __deduplicate_map=Module[\"__deduplicate_map\"]=4592156;var _z_errmsg=Module[\"_z_errmsg\"]=4424672;var __length_code=Module[\"__length_code\"]=2829376;var __dist_code=Module[\"__dist_code\"]=2828864;var _deflate_copyright=Module[\"_deflate_copyright\"]=2824032;var _inflate_copyright=Module[\"_inflate_copyright\"]=2828560;var _BZ2_crc32Table=Module[\"_BZ2_crc32Table\"]=4424784;var _BZ2_rNums=Module[\"_BZ2_rNums\"]=4425808;var ___environ=Module[\"___environ\"]=4592176;var ____environ=Module[\"____environ\"]=4592176;var __environ=Module[\"__environ\"]=4592176;var _timezone=Module[\"_timezone\"]=4592840;var _daylight=Module[\"_daylight\"]=4592844;var _tzname=Module[\"_tzname\"]=4592848;var ___progname=Module[\"___progname\"]=4594064;var ___optreset=Module[\"___optreset\"]=4593028;var _optind=Module[\"_optind\"]=4428072;var ___optpos=Module[\"___optpos\"]=4593032;var _optarg=Module[\"_optarg\"]=4593036;var _optopt=Module[\"_optopt\"]=4593040;var _opterr=Module[\"_opterr\"]=4428076;var _optreset=Module[\"_optreset\"]=4593028;var _h_errno=Module[\"_h_errno\"]=4593164;var ___signgam=Module[\"___signgam\"]=4608460;var __ns_flagdata=Module[\"__ns_flagdata\"]=3016752;var ___progname_full=Module[\"___progname_full\"]=4594068;var _program_invocation_short_name=Module[\"_program_invocation_short_name\"]=4594064;var _program_invocation_name=Module[\"_program_invocation_name\"]=4594068;var ___sig_pending=Module[\"___sig_pending\"]=4598440;var ___sig_actions=Module[\"___sig_actions\"]=4599360;var _signgam=Module[\"_signgam\"]=4608460;var ___THREW__=Module[\"___THREW__\"]=4615360;var ___threwValue=Module[\"___threwValue\"]=4615364;var ___cxa_unexpected_handler=Module[\"___cxa_unexpected_handler\"]=4439364;var ___cxa_terminate_handler=Module[\"___cxa_terminate_handler\"]=4439360;var ___cxa_new_handler=Module[\"___cxa_new_handler\"]=4638144;var _in6addr_any=Module[\"_in6addr_any\"]=3171248;var _in6addr_loopback=Module[\"_in6addr_loopback\"]=3171264;var ___start_em_js=Module[\"___start_em_js\"]=4446856;var ___stop_em_js=Module[\"___stop_em_js\"]=4579647;function invoke_iiii(index,a1,a2,a3){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2,a3)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_iii(index,a1,a2){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_i(index){var sp=stackSave();try{return getWasmTableEntry(index)()}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_ii(index,a1){var sp=stackSave();try{return getWasmTableEntry(index)(a1)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_vi(index,a1){var sp=stackSave();try{getWasmTableEntry(index)(a1)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_viiifi(index,a1,a2,a3,a4,a5){var sp=stackSave();try{getWasmTableEntry(index)(a1,a2,a3,a4,a5)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_viiidi(index,a1,a2,a3,a4,a5){var sp=stackSave();try{getWasmTableEntry(index)(a1,a2,a3,a4,a5)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_viiii(index,a1,a2,a3,a4){var sp=stackSave();try{getWasmTableEntry(index)(a1,a2,a3,a4)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_j(index){var sp=stackSave();try{return getWasmTableEntry(index)()}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0);return 0n}}function invoke_ji(index,a1){var sp=stackSave();try{return getWasmTableEntry(index)(a1)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0);return 0n}}function invoke_vii(index,a1,a2){var sp=stackSave();try{getWasmTableEntry(index)(a1,a2)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_jii(index,a1,a2){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0);return 0n}}function invoke_v(index){var sp=stackSave();try{getWasmTableEntry(index)()}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_viii(index,a1,a2,a3){var sp=stackSave();try{getWasmTableEntry(index)(a1,a2,a3)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_iiiii(index,a1,a2,a3,a4){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2,a3,a4)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_iiiiii(index,a1,a2,a3,a4,a5){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2,a3,a4,a5)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_viiiii(index,a1,a2,a3,a4,a5){var sp=stackSave();try{getWasmTableEntry(index)(a1,a2,a3,a4,a5)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_iiiiiii(index,a1,a2,a3,a4,a5,a6){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2,a3,a4,a5,a6)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_viijii(index,a1,a2,a3,a4,a5){var sp=stackSave();try{getWasmTableEntry(index)(a1,a2,a3,a4,a5)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_iiiiij(index,a1,a2,a3,a4,a5){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2,a3,a4,a5)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_iiiiid(index,a1,a2,a3,a4,a5){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2,a3,a4,a5)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_iiiiijj(index,a1,a2,a3,a4,a5,a6){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2,a3,a4,a5,a6)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_iiiiiiii(index,a1,a2,a3,a4,a5,a6,a7){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2,a3,a4,a5,a6,a7)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_iiiiiiiiiii(index,a1,a2,a3,a4,a5,a6,a7,a8,a9,a10){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2,a3,a4,a5,a6,a7,a8,a9,a10)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_jiiii(index,a1,a2,a3,a4){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2,a3,a4)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0);return 0n}}function invoke_iiiiiiiiiiiii(index,a1,a2,a3,a4,a5,a6,a7,a8,a9,a10,a11,a12){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2,a3,a4,a5,a6,a7,a8,a9,a10,a11,a12)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_fiii(index,a1,a2,a3){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2,a3)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_diii(index,a1,a2,a3){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2,a3)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_viiiiiii(index,a1,a2,a3,a4,a5,a6,a7){var sp=stackSave();try{getWasmTableEntry(index)(a1,a2,a3,a4,a5,a6,a7)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_iiiiiiiiiiii(index,a1,a2,a3,a4,a5,a6,a7,a8,a9,a10,a11){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2,a3,a4,a5,a6,a7,a8,a9,a10,a11)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_viiiiiiiiii(index,a1,a2,a3,a4,a5,a6,a7,a8,a9,a10){var sp=stackSave();try{getWasmTableEntry(index)(a1,a2,a3,a4,a5,a6,a7,a8,a9,a10)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_viiiiiiiiiiiiiii(index,a1,a2,a3,a4,a5,a6,a7,a8,a9,a10,a11,a12,a13,a14,a15){var sp=stackSave();try{getWasmTableEntry(index)(a1,a2,a3,a4,a5,a6,a7,a8,a9,a10,a11,a12,a13,a14,a15)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_viiiiii(index,a1,a2,a3,a4,a5,a6){var sp=stackSave();try{getWasmTableEntry(index)(a1,a2,a3,a4,a5,a6)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_iiji(index,a1,a2,a3){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2,a3)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_jiii(index,a1,a2,a3){var sp=stackSave();try{return getWasmTableEntry(index)(a1,a2,a3)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0);return 0n}}function invoke_viif(index,a1,a2,a3){var sp=stackSave();try{getWasmTableEntry(index)(a1,a2,a3)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_viid(index,a1,a2,a3){var sp=stackSave();try{getWasmTableEntry(index)(a1,a2,a3)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function invoke_viijj(index,a1,a2,a3,a4){var sp=stackSave();try{getWasmTableEntry(index)(a1,a2,a3,a4)}catch(e){stackRestore(sp);if(e!==e+0)throw e;_setThrew(1,0)}}function applySignatureConversions(wasmExports){wasmExports=Object.assign({},wasmExports);var makeWrapper_pp=f=>a0=>f(a0)>>>0;var makeWrapper_pppp=f=>(a0,a1,a2)=>f(a0,a1,a2)>>>0;var makeWrapper_p=f=>()=>f()>>>0;var makeWrapper_ppp=f=>(a0,a1)=>f(a0,a1)>>>0;var makeWrapper_pP=f=>a0=>f(a0)>>>0;wasmExports[\"malloc\"]=makeWrapper_pp(wasmExports[\"malloc\"]);wasmExports[\"memcpy\"]=makeWrapper_pppp(wasmExports[\"memcpy\"]);wasmExports[\"__errno_location\"]=makeWrapper_p(wasmExports[\"__errno_location\"]);wasmExports[\"pthread_self\"]=makeWrapper_p(wasmExports[\"pthread_self\"]);wasmExports[\"emscripten_builtin_malloc\"]=makeWrapper_pp(wasmExports[\"emscripten_builtin_malloc\"]);wasmExports[\"emscripten_stack_get_base\"]=makeWrapper_p(wasmExports[\"emscripten_stack_get_base\"]);wasmExports[\"emscripten_stack_get_end\"]=makeWrapper_p(wasmExports[\"emscripten_stack_get_end\"]);wasmExports[\"emscripten_builtin_memalign\"]=makeWrapper_ppp(wasmExports[\"emscripten_builtin_memalign\"]);wasmExports[\"emscripten_stack_get_current\"]=makeWrapper_p(wasmExports[\"emscripten_stack_get_current\"]);wasmExports[\"emscripten_main_runtime_thread_id\"]=makeWrapper_p(wasmExports[\"emscripten_main_runtime_thread_id\"]);wasmExports[\"sbrk\"]=makeWrapper_pP(wasmExports[\"sbrk\"]);wasmExports[\"memalign\"]=makeWrapper_ppp(wasmExports[\"memalign\"]);wasmExports[\"_emscripten_stack_alloc\"]=makeWrapper_pp(wasmExports[\"_emscripten_stack_alloc\"]);return wasmExports}Module[\"addRunDependency\"]=addRunDependency;Module[\"removeRunDependency\"]=removeRunDependency;Module[\"FS_createPath\"]=FS.createPath;Module[\"FS_createLazyFile\"]=FS.createLazyFile;Module[\"FS_createDevice\"]=FS.createDevice;Module[\"ERRNO_CODES\"]=ERRNO_CODES;Module[\"wasmTable\"]=wasmTable;Module[\"FS_createPreloadedFile\"]=FS.createPreloadedFile;Module[\"FS_createDataFile\"]=FS.createDataFile;Module[\"FS_unlink\"]=FS.unlink;Module[\"LZ4\"]=LZ4;var calledRun;dependenciesFulfilled=function runCaller(){if(!calledRun)run();if(!calledRun)dependenciesFulfilled=runCaller};function callMain(args=[]){var entryFunction=resolveGlobalSymbol(\"main\").sym;if(!entryFunction)return;args.unshift(thisProgram);var argc=args.length;var argv=stackAlloc((argc+1)*4);var argv_ptr=argv;args.forEach(arg=>{HEAPU32[argv_ptr>>>2>>>0]=stringToUTF8OnStack(arg);argv_ptr+=4});HEAPU32[argv_ptr>>>2>>>0]=0;try{var ret=entryFunction(argc,argv);exitJS(ret,true);return ret}catch(e){return handleException(e)}}function run(args=arguments_){if(runDependencies>0){return}preRun();if(runDependencies>0){return}function doRun(){if(calledRun)return;calledRun=true;Module[\"calledRun\"]=true;if(ABORT)return;initRuntime();preMain();readyPromiseResolve(Module);if(Module[\"onRuntimeInitialized\"])Module[\"onRuntimeInitialized\"]();if(shouldRunNow)callMain(args);postRun()}if(Module[\"setStatus\"]){Module[\"setStatus\"](\"Running...\");setTimeout(function(){setTimeout(function(){Module[\"setStatus\"](\"\")},1);doRun()},1)}else{doRun()}}if(Module[\"preInit\"]){if(typeof Module[\"preInit\"]==\"function\")Module[\"preInit\"]=[Module[\"preInit\"]];while(Module[\"preInit\"].length>0){Module[\"preInit\"].pop()()}}var shouldRunNow=true;if(Module[\"noInitialRun\"])shouldRunNow=false;run();moduleRtn=readyPromise;\n\n\n return moduleRtn;\n}\n);\n})();\nglobalThis._createPyodideModule = _createPyodideModule;\n" }, { "path": "packages/app/public/pyodide/pyodide.js", "content": "\"use strict\";var loadPyodide=(()=>{var ne=Object.create;var I=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var ie=Object.getOwnPropertyNames;var oe=Object.getPrototypeOf,ae=Object.prototype.hasOwnProperty;var s=(e,t)=>I(e,\"name\",{value:t,configurable:!0}),p=(e=>typeof require<\"u\"?require:typeof Proxy<\"u\"?new Proxy(e,{get:(t,i)=>(typeof require<\"u\"?require:t)[i]}):e)(function(e){if(typeof require<\"u\")return require.apply(this,arguments);throw new Error('Dynamic require of \"'+e+'\" is not supported')});var se=(e,t)=>{for(var i in t)I(e,i,{get:t[i],enumerable:!0})},$=(e,t,i,r)=>{if(t&&typeof t==\"object\"||typeof t==\"function\")for(let a of ie(t))!ae.call(e,a)&&a!==i&&I(e,a,{get:()=>t[a],enumerable:!(r=re(t,a))||r.enumerable});return e};var b=(e,t,i)=>(i=e!=null?ne(oe(e)):{},$(t||!e||!e.__esModule?I(i,\"default\",{value:e,enumerable:!0}):i,e)),ce=e=>$(I({},\"__esModule\",{value:!0}),e);var Ie={};se(Ie,{loadPyodide:()=>B,version:()=>x});function le(e){return!isNaN(parseFloat(e))&&isFinite(e)}s(le,\"_isNumber\");function w(e){return e.charAt(0).toUpperCase()+e.substring(1)}s(w,\"_capitalize\");function L(e){return function(){return this[e]}}s(L,\"_getter\");var _=[\"isConstructor\",\"isEval\",\"isNative\",\"isToplevel\"],F=[\"columnNumber\",\"lineNumber\"],R=[\"fileName\",\"functionName\",\"source\"],de=[\"args\"],ue=[\"evalOrigin\"],k=_.concat(F,R,de,ue);function g(e){if(e)for(var t=0;t-1&&(n=n.replace(/eval code/g,\"eval\").replace(/(\\(eval at [^()]*)|(,.*$)/g,\"\"));var o=n.replace(/^\\s+/,\"\").replace(/\\(eval code/g,\"(\").replace(/^.*?\\s+/,\"\"),c=o.match(/ (\\(.+\\)$)/);o=c?o.replace(c[0],\"\"):o;var l=this.extractLocation(c?c[1]:o),d=c&&o||void 0,u=[\"eval\",\"\"].indexOf(l[0])>-1?void 0:l[0];return new A({functionName:d,fileName:u,lineNumber:l[1],columnNumber:l[2],source:n})},this)},\"ErrorStackParser$$parseV8OrIE\"),parseFFOrSafari:s(function(r){var a=r.stack.split(`\n`).filter(function(n){return!n.match(t)},this);return a.map(function(n){if(n.indexOf(\" > eval\")>-1&&(n=n.replace(/ line (\\d+)(?: > eval line \\d+)* > eval:\\d+:\\d+/g,\":$1\")),n.indexOf(\"@\")===-1&&n.indexOf(\":\")===-1)return new A({functionName:n});var o=/((.*\".+\"[^@]*)?[^@]*)(?:@)/,c=n.match(o),l=c&&c[1]?c[1]:void 0,d=this.extractLocation(n.replace(o,\"\"));return new A({functionName:l,fileName:d[0],lineNumber:d[1],columnNumber:d[2],source:n})},this)},\"ErrorStackParser$$parseFFOrSafari\")}}s(fe,\"ErrorStackParser\");var me=new fe;var j=me;var y=typeof process==\"object\"&&typeof process.versions==\"object\"&&typeof process.versions.node==\"string\"&&!process.browser,T=y&&typeof module<\"u\"&&typeof module.exports<\"u\"&&typeof p<\"u\"&&typeof __dirname<\"u\",H=y&&!T,Le=typeof globalThis.Bun<\"u\",pe=typeof Deno<\"u\",z=!y&&!pe,V=z&&typeof window==\"object\"&&typeof document==\"object\"&&typeof document.createElement==\"function\"&&\"sessionStorage\"in window&&typeof importScripts!=\"function\",q=z&&typeof importScripts==\"function\"&&typeof self==\"object\",Te=typeof navigator==\"object\"&&typeof navigator.userAgent==\"string\"&&navigator.userAgent.indexOf(\"Chrome\")==-1&&navigator.userAgent.indexOf(\"Safari\")>-1;var K,U,Y,J,M;async function C(){if(!y||(K=(await import(/* webpackIgnore */\"node:url\")).default,J=await import(/* webpackIgnore */\"node:fs\"),M=await import(/* webpackIgnore */\"node:fs/promises\"),Y=(await import(/* webpackIgnore */\"node:vm\")).default,U=await import(/* webpackIgnore */\"node:path\"),W=U.sep,typeof p<\"u\"))return;let e=J,t=await import(/* webpackIgnore */\"node:crypto\"),i=await import(/* webpackIgnore */\"ws\"),r=await import(/* webpackIgnore */\"node:child_process\"),a={fs:e,crypto:t,ws:i,child_process:r};globalThis.require=function(n){return a[n]}}s(C,\"initNodeModules\");function ge(e,t){return U.resolve(t||\".\",e)}s(ge,\"node_resolvePath\");function ye(e,t){return t===void 0&&(t=location),new URL(e,t).toString()}s(ye,\"browser_resolvePath\");var D;y?D=ge:D=ye;var W;y||(W=\"/\");function be(e,t){return e.startsWith(\"file://\")&&(e=e.slice(7)),e.includes(\"://\")?{response:fetch(e)}:{binary:M.readFile(e).then(i=>new Uint8Array(i.buffer,i.byteOffset,i.byteLength))}}s(be,\"node_getBinaryResponse\");function ve(e,t){let i=new URL(e,location);return{response:fetch(i,t?{integrity:t}:{})}}s(ve,\"browser_getBinaryResponse\");var P;y?P=be:P=ve;async function G(e,t){let{response:i,binary:r}=P(e,t);if(r)return r;let a=await i;if(!a.ok)throw new Error(`Failed to load '${e}': request failed.`);return new Uint8Array(await a.arrayBuffer())}s(G,\"loadBinaryFile\");var O;if(V)O=s(async e=>await import(/* webpackIgnore */e),\"loadScript\");else if(q)O=s(async e=>{try{globalThis.importScripts(e)}catch(t){if(t instanceof TypeError)await import(/* webpackIgnore */e);else throw t}},\"loadScript\");else if(y)O=he;else throw new Error(\"Cannot determine runtime environment\");async function he(e){e.startsWith(\"file://\")&&(e=e.slice(7)),e.includes(\"://\")?Y.runInThisContext(await(await fetch(e)).text()):await import(/* webpackIgnore */K.pathToFileURL(e).href)}s(he,\"nodeLoadScript\");async function X(e){if(y){await C();let t=await M.readFile(e,{encoding:\"utf8\"});return JSON.parse(t)}else return await(await fetch(e)).json()}s(X,\"loadLockFile\");async function Q(){if(T)return __dirname;let e;try{throw new Error}catch(r){e=r}let t=j.parse(e)[0].fileName;if(y&&!t.startsWith(\"file://\")&&(t=`file://${t}`),H){let r=await import(/* webpackIgnore */\"node:path\");return(await import(/* webpackIgnore */\"node:url\")).fileURLToPath(r.dirname(t))}let i=t.lastIndexOf(W);if(i===-1)throw new Error(\"Could not extract indexURL path from pyodide module location\");return t.slice(0,i)}s(Q,\"calculateDirname\");function Z(e){let t=e.FS,i=e.FS.filesystems.MEMFS,r=e.PATH,a={DIR_MODE:16895,FILE_MODE:33279,mount:function(n){if(!n.opts.fileSystemHandle)throw new Error(\"opts.fileSystemHandle is required\");return i.mount.apply(null,arguments)},syncfs:async(n,o,c)=>{try{let l=a.getLocalSet(n),d=await a.getRemoteSet(n),u=o?d:l,m=o?l:d;await a.reconcile(n,u,m),c(null)}catch(l){c(l)}},getLocalSet:n=>{let o=Object.create(null);function c(u){return u!==\".\"&&u!==\"..\"}s(c,\"isRealDir\");function l(u){return m=>r.join2(u,m)}s(l,\"toAbsolute\");let d=t.readdir(n.mountpoint).filter(c).map(l(n.mountpoint));for(;d.length;){let u=d.pop(),m=t.stat(u);t.isDir(m.mode)&&d.push.apply(d,t.readdir(u).filter(c).map(l(u))),o[u]={timestamp:m.mtime,mode:m.mode}}return{type:\"local\",entries:o}},getRemoteSet:async n=>{let o=Object.create(null),c=await Ee(n.opts.fileSystemHandle);for(let[l,d]of c)l!==\".\"&&(o[r.join2(n.mountpoint,l)]={timestamp:d.kind===\"file\"?(await d.getFile()).lastModifiedDate:new Date,mode:d.kind===\"file\"?a.FILE_MODE:a.DIR_MODE});return{type:\"remote\",entries:o,handles:c}},loadLocalEntry:n=>{let c=t.lookupPath(n).node,l=t.stat(n);if(t.isDir(l.mode))return{timestamp:l.mtime,mode:l.mode};if(t.isFile(l.mode))return c.contents=i.getFileDataAsTypedArray(c),{timestamp:l.mtime,mode:l.mode,contents:c.contents};throw new Error(\"node type not supported\")},storeLocalEntry:(n,o)=>{if(t.isDir(o.mode))t.mkdirTree(n,o.mode);else if(t.isFile(o.mode))t.writeFile(n,o.contents,{canOwn:!0});else throw new Error(\"node type not supported\");t.chmod(n,o.mode),t.utime(n,o.timestamp,o.timestamp)},removeLocalEntry:n=>{var o=t.stat(n);t.isDir(o.mode)?t.rmdir(n):t.isFile(o.mode)&&t.unlink(n)},loadRemoteEntry:async n=>{if(n.kind===\"file\"){let o=await n.getFile();return{contents:new Uint8Array(await o.arrayBuffer()),mode:a.FILE_MODE,timestamp:o.lastModifiedDate}}else{if(n.kind===\"directory\")return{mode:a.DIR_MODE,timestamp:new Date};throw new Error(\"unknown kind: \"+n.kind)}},storeRemoteEntry:async(n,o,c)=>{let l=n.get(r.dirname(o)),d=t.isFile(c.mode)?await l.getFileHandle(r.basename(o),{create:!0}):await l.getDirectoryHandle(r.basename(o),{create:!0});if(d.kind===\"file\"){let u=await d.createWritable();await u.write(c.contents),await u.close()}n.set(o,d)},removeRemoteEntry:async(n,o)=>{await n.get(r.dirname(o)).removeEntry(r.basename(o)),n.delete(o)},reconcile:async(n,o,c)=>{let l=0,d=[];Object.keys(o.entries).forEach(function(f){let v=o.entries[f],N=c.entries[f];(!N||t.isFile(v.mode)&&v.timestamp.getTime()>N.timestamp.getTime())&&(d.push(f),l++)}),d.sort();let u=[];if(Object.keys(c.entries).forEach(function(f){o.entries[f]||(u.push(f),l++)}),u.sort().reverse(),!l)return;let m=o.type===\"remote\"?o.handles:c.handles;for(let f of d){let v=r.normalize(f.replace(n.mountpoint,\"/\")).substring(1);if(c.type===\"local\"){let N=m.get(v),te=await a.loadRemoteEntry(N);a.storeLocalEntry(f,te)}else{let N=a.loadLocalEntry(f);await a.storeRemoteEntry(m,v,N)}}for(let f of u)if(c.type===\"local\")a.removeLocalEntry(f);else{let v=r.normalize(f.replace(n.mountpoint,\"/\")).substring(1);await a.removeRemoteEntry(m,v)}}};e.FS.filesystems.NATIVEFS_ASYNC=a}s(Z,\"initializeNativeFS\");var Ee=s(async e=>{let t=[];async function i(a){for await(let n of a.values())t.push(n),n.kind===\"directory\"&&await i(n)}s(i,\"collect\"),await i(e);let r=new Map;r.set(\".\",e);for(let a of t){let n=(await e.resolve(a)).join(\"/\");r.set(n,a)}return r},\"getFsHandles\");function ee(e){let t={noImageDecoding:!0,noAudioDecoding:!0,noWasmDecoding:!1,preRun:Fe(e),quit(i,r){throw t.exited={status:i,toThrow:r},r},print:e.stdout,printErr:e.stderr,arguments:e.args,API:{config:e},locateFile:i=>e.indexURL+i,instantiateWasm:Re(e.indexURL)};return t}s(ee,\"createSettings\");function Se(e){return function(t){let i=\"/\";try{t.FS.mkdirTree(e)}catch(r){console.error(`Error occurred while making a home directory '${e}':`),console.error(r),console.error(`Using '${i}' for a home directory instead`),e=i}t.FS.chdir(e)}}s(Se,\"createHomeDirectory\");function we(e){return function(t){Object.assign(t.ENV,e)}}s(we,\"setEnvironment\");function Ne(e){return t=>{for(let i of e)t.FS.mkdirTree(i),t.FS.mount(t.FS.filesystems.NODEFS,{root:i},i)}}s(Ne,\"mountLocalDirectories\");function _e(e){let t=G(e);return i=>{let r=i._py_version_major(),a=i._py_version_minor();i.FS.mkdirTree(\"/lib\"),i.FS.mkdirTree(`/lib/python${r}.${a}/site-packages`),i.addRunDependency(\"install-stdlib\"),t.then(n=>{i.FS.writeFile(`/lib/python${r}${a}.zip`,n)}).catch(n=>{console.error(\"Error occurred while installing the standard library:\"),console.error(n)}).finally(()=>{i.removeRunDependency(\"install-stdlib\")})}}s(_e,\"installStdlib\");function Fe(e){let t;return e.stdLibURL!=null?t=e.stdLibURL:t=e.indexURL+\"python_stdlib.zip\",[_e(t),Se(e.env.HOME),we(e.env),Ne(e._node_mounts),Z]}s(Fe,\"getFileSystemInitializationFuncs\");function Re(e){if(typeof WasmOffsetConverter<\"u\")return;let{binary:t,response:i}=P(e+\"pyodide.asm.wasm\");return function(r,a){return async function(){try{let n;i?n=await WebAssembly.instantiateStreaming(i,r):n=await WebAssembly.instantiate(await t,r);let{instance:o,module:c}=n;a(o,c)}catch(n){console.warn(\"wasm instantiation failed!\"),console.warn(n)}}(),{}}}s(Re,\"getInstantiateWasmFunc\");var x=\"0.27.2\";async function B(e={}){var u,m;await C();let t=e.indexURL||await Q();t=D(t),t.endsWith(\"/\")||(t+=\"/\"),e.indexURL=t;let i={fullStdLib:!1,jsglobals:globalThis,stdin:globalThis.prompt?globalThis.prompt:void 0,lockFileURL:t+\"pyodide-lock.json\",args:[],_node_mounts:[],env:{},packageCacheDir:t,packages:[],enableRunUntilComplete:!1,checkAPIVersion:!0,BUILD_ID:\"f88dc4abb40ec8e780c94a5f70bcef45ec9eb3c1aee1c99da527febfef1c6f3f\"},r=Object.assign(i,e);(u=r.env).HOME??(u.HOME=\"/home/pyodide\"),(m=r.env).PYTHONINSPECT??(m.PYTHONINSPECT=\"1\");let a=ee(r),n=a.API;if(n.lockFilePromise=X(r.lockFileURL),typeof _createPyodideModule!=\"function\"){let f=`${r.indexURL}pyodide.asm.js`;await O(f)}let o;if(e._loadSnapshot){let f=await e._loadSnapshot;ArrayBuffer.isView(f)?o=f:o=new Uint8Array(f),a.noInitialRun=!0,a.INITIAL_MEMORY=o.length}let c=await _createPyodideModule(a);if(a.exited)throw a.exited.toThrow;if(e.pyproxyToStringRepr&&n.setPyProxyToStringMethod(!0),n.version!==x&&r.checkAPIVersion)throw new Error(`Pyodide version does not match: '${x}' <==> '${n.version}'. If you updated the Pyodide version, make sure you also updated the 'indexURL' parameter passed to loadPyodide.`);c.locateFile=f=>{throw new Error(\"Didn't expect to load any more file_packager files!\")};let l;o&&(l=n.restoreSnapshot(o));let d=n.finalizeBootstrap(l,e._snapshotDeserializer);return n.sys.path.insert(0,n.config.env.HOME),d.version.includes(\"dev\")||n.setCdnUrl(`https://cdn.jsdelivr.net/pyodide/v${d.version}/full/`),n._pyodide.set_excepthook(),await n.packageIndexReady,n.initializeStreams(r.stdin,r.stdout,r.stderr),d}s(B,\"loadPyodide\");globalThis.loadPyodide=B;return ce(Ie);})();\ntry{Object.assign(exports,loadPyodide)}catch(_){}\nglobalThis.loadPyodide=loadPyodide.loadPyodide;\n//# sourceMappingURL=pyodide.js.map\n" }, { "path": "packages/app/scripts/move-to-clickhouse.js", "content": "const fs = require('fs');\nconst path = require('path');\n\n// Move out-gzipped to replace ClickHouse clickstack directory\nfunction moveToClickHouse() {\n const outGzippedDir = path.join(__dirname, '../out-gzipped');\n const clickStackDir = path.join(\n __dirname,\n '../../../../ClickHouse/programs/server/clickstack',\n );\n\n if (!fs.existsSync(outGzippedDir)) {\n console.error('Error: out-gzipped directory does not exist');\n console.error('Run build:clickhouse first to generate the build');\n process.exit(1);\n }\n\n const clickStackParentDir = path.dirname(clickStackDir);\n if (!fs.existsSync(clickStackParentDir)) {\n console.error(\n `Error: ClickHouse server directory does not exist at ${clickStackParentDir}`,\n );\n console.error(\n 'Make sure the ClickHouse repository is cloned at ../ClickHouse',\n );\n process.exit(1);\n }\n\n // Remove existing clickstack directory if it exists\n if (fs.existsSync(clickStackDir)) {\n console.log('Removing existing clickstack directory...');\n fs.rmSync(clickStackDir, { recursive: true, force: true });\n }\n\n // Copy out-gzipped to clickstack\n console.log(`Moving out-gzipped to ${clickStackDir}...`);\n fs.cpSync(outGzippedDir, clickStackDir, { recursive: true });\n console.log('✓ Successfully moved build to ClickHouse clickstack directory');\n}\n\nmoveToClickHouse();\n" }, { "path": "packages/app/scripts/prepare-clickhouse-build-export.js", "content": "const fs = require('fs');\nconst path = require('path');\n\nconst OUT_DIR = path.join(__dirname, '../out');\nconst PYODIDE_PATH = path.join(OUT_DIR, 'pyodide');\nconst ALLOWED_EXTENSIONS = [\n '.html',\n '.js',\n '.css',\n '.map',\n '.woff2',\n '.png',\n '.svg',\n '.ico',\n];\n\n// removes pyodide from a next static build. We want a small bundle size, so that feature would just be ignored\nif (fs.existsSync(PYODIDE_PATH)) {\n fs.rmSync(PYODIDE_PATH, { recursive: true, force: true });\n console.log('Removed pyodide from static build');\n}\n\n// Remove all files that are not in ALLOWED_EXTENSIONS\nfunction removeNonEssentialFiles(dir) {\n let removedCount = 0;\n\n function walkDir(currentPath) {\n const entries = fs.readdirSync(currentPath, { withFileTypes: true });\n\n for (const entry of entries) {\n const fullPath = path.join(currentPath, entry.name);\n\n if (entry.isDirectory()) {\n walkDir(fullPath);\n } else if (entry.isFile()) {\n const ext = path.extname(entry.name).toLowerCase();\n if (!ALLOWED_EXTENSIONS.includes(ext)) {\n fs.unlinkSync(fullPath);\n console.log(\n `Removed non-essential file: ${path.relative(OUT_DIR, fullPath)}`,\n );\n removedCount++;\n }\n }\n }\n }\n\n walkDir(dir);\n console.log(`Removed ${removedCount} non-essential file(s)`);\n}\n\n// Execute cleanup and optimization\nif (fs.existsSync(OUT_DIR)) {\n removeNonEssentialFiles(OUT_DIR);\n} else {\n console.error('No out directory found. Build preparation failed.');\n process.exit(1);\n}\n" }, { "path": "packages/app/scripts/run-e2e.js", "content": "#!/usr/bin/env node\n\n/**\n * E2E Test Runner\n *\n * Usage:\n * yarn test:e2e # Run all tests (full-stack mode, default)\n * yarn test:e2e --local # Run frontend-only tests\n * yarn test:e2e --ui # Open Playwright UI (full-stack)\n * yarn test:e2e --ui --local # Open UI (local mode)\n * yarn test:e2e --debug # Debug mode (full-stack)\n * yarn test:e2e --debug --local # Debug (local mode)\n * yarn test:e2e --dev # Hot reload (next dev) instead of build+start\n */\n\nimport { spawn } from 'child_process';\nimport fs from 'fs';\nimport path from 'path';\nimport { fileURLToPath } from 'url';\n\n// Get __dirname equivalent in ES modules\nconst __filename = fileURLToPath(import.meta.url);\nconst __dirname = path.dirname(__filename);\n\n// Parse command line arguments\nconst args = process.argv.slice(2);\nconst useLocal = args.includes('--local');\nconst useUI = args.includes('--ui');\nconst useDebug = args.includes('--debug');\nconst useDev = args.includes('--dev');\n\n// Remove our custom flags from args\nconst playwrightArgs = args.filter(\n arg => !['--local', '--ui', '--debug', '--dev'].includes(arg),\n);\n\n// Build playwright command\nconst playwrightCmd = ['playwright', 'test'];\n\n// Add mode flags\nif (useUI) {\n playwrightCmd.push('--ui');\n}\nif (useDebug) {\n playwrightCmd.push('--debug');\n}\n\n// Add grep-invert for local mode (exclude @full-stack tests)\nif (useLocal) {\n playwrightCmd.push('--grep-invert', '@full-stack');\n}\n\n// Add any additional playwright arguments\nplaywrightCmd.push(...playwrightArgs);\n\n// Set environment variables (Playwright and its webServer children inherit these)\nconst env = {\n ...process.env,\n ...(!useLocal && { E2E_FULLSTACK: 'true' }),\n ...(useDev && { E2E_USE_DEV: 'true' }),\n};\n\n// Full-stack: inject DEFAULT_CONNECTIONS/DEFAULT_SOURCES from fixture so the API gets them\nif (!useLocal) {\n const fixturePath = path.join(\n __dirname,\n '../tests/e2e/fixtures/e2e-fixtures.json',\n );\n const fixture = JSON.parse(fs.readFileSync(fixturePath, 'utf8'));\n env.DEFAULT_CONNECTIONS = JSON.stringify(fixture.connections ?? []);\n env.DEFAULT_SOURCES = JSON.stringify(fixture.sources ?? []);\n}\n\n// Run playwright\n// eslint-disable-next-line no-console\nconsole.info(`Running: ${playwrightCmd.join(' ')}`);\n// eslint-disable-next-line no-console\nconsole.info(`Mode: ${useLocal ? 'Local (frontend only)' : 'Full-stack'}${useDev ? ' + dev (hot reload)' : ''}`);\n\nconst child = spawn('npx', playwrightCmd, {\n stdio: 'inherit',\n shell: true,\n env,\n cwd: path.join(__dirname, '..'),\n});\n\nchild.on('exit', code => {\n process.exit(code);\n});\n" }, { "path": "packages/app/src/AlertsPage.tsx", "content": "import * as React from 'react';\nimport Head from 'next/head';\nimport Link from 'next/link';\nimport cx from 'classnames';\nimport type { Duration } from 'date-fns';\nimport { add, formatRelative } from 'date-fns';\nimport {\n AlertHistory,\n AlertSource,\n AlertState,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n Alert,\n Badge,\n Button,\n Container,\n Group,\n Menu,\n Stack,\n Tooltip,\n} from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\nimport {\n IconAlertTriangle,\n IconBell,\n IconBrandSlack,\n IconChartLine,\n IconCheck,\n IconChevronRight,\n IconHelpCircle,\n IconInfoCircleFilled,\n IconTableRow,\n} from '@tabler/icons-react';\nimport { useQueryClient } from '@tanstack/react-query';\n\nimport { ErrorBoundary } from '@/components/Error/ErrorBoundary';\nimport { PageHeader } from '@/components/PageHeader';\n\nimport { useBrandDisplayName } from './theme/ThemeProvider';\nimport { isAlertSilenceExpired } from './utils/alerts';\nimport { getWebhookChannelIcon } from './utils/webhookIcons';\nimport api from './api';\nimport { withAppNav } from './layout';\nimport type { AlertsPageItem } from './types';\nimport { FormatTime } from './useFormatTime';\n\nimport styles from '../styles/AlertsPage.module.scss';\n\nfunction AlertHistoryCard({\n history,\n alertUrl,\n}: {\n history: AlertHistory;\n alertUrl: string;\n}) {\n const start = new Date(history.createdAt.toString());\n\n // eslint-disable-next-line no-restricted-syntax\n const today = React.useMemo(() => new Date(), []);\n\n const href = React.useMemo(() => {\n if (!alertUrl || !history.lastValues?.[0]?.startTime) return null;\n\n // Create time window from alert creation to last recorded value\n const to = new Date(history.createdAt).getTime();\n const from = new Date(history.lastValues[0].startTime).getTime();\n\n // Construct URL with time range parameters\n const url = new URL(alertUrl, window.location.origin);\n url.searchParams.set('from', from.toString());\n url.searchParams.set('to', to.toString());\n url.searchParams.set('isLive', 'false');\n\n return url.pathname + url.search;\n }, [history, alertUrl]);\n\n const content = (\n \n );\n\n return (\n \n {href ? (\n \n {content}\n \n ) : (\n content\n )}\n \n );\n}\n\nconst HISTORY_ITEMS = 18;\n\nfunction AckAlert({ alert }: { alert: AlertsPageItem }) {\n const queryClient = useQueryClient();\n const silenceAlert = api.useSilenceAlert();\n const unsilenceAlert = api.useUnsilenceAlert();\n\n const mutateOptions = React.useMemo(\n () => ({\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['alerts'] });\n },\n onError: (error: any) => {\n const status = error?.response?.status;\n let message = 'Failed to silence alert, please try again later.';\n\n if (status === 404) {\n message = 'Alert not found.';\n } else if (status === 400) {\n message =\n 'Invalid request. Please ensure the silence duration is valid.';\n }\n\n notifications.show({\n color: 'red',\n message,\n });\n },\n }),\n [queryClient],\n );\n\n const handleUnsilenceAlert = React.useCallback(() => {\n unsilenceAlert.mutate(alert._id || '', mutateOptions);\n }, [alert._id, mutateOptions, unsilenceAlert]);\n\n const isNoLongerMuted = React.useMemo(() => {\n return isAlertSilenceExpired(alert.silenced);\n }, [alert.silenced]);\n\n const handleSilenceAlert = React.useCallback(\n (duration: Duration) => {\n // eslint-disable-next-line no-restricted-syntax\n const mutedUntil = add(new Date(), duration);\n silenceAlert.mutate(\n {\n alertId: alert._id || '',\n mutedUntil: mutedUntil.toISOString(),\n },\n mutateOptions,\n );\n },\n [alert._id, mutateOptions, silenceAlert],\n );\n\n if (alert.silenced?.at) {\n return (\n \n \n \n }\n >\n Ack'd\n \n \n \n \n Acknowledged{' '}\n {alert.silenced?.by ? (\n <>\n by {alert.silenced?.by}\n \n ) : null}{' '}\n on
\n \n .
\n \n\n \n {isNoLongerMuted ? (\n 'Alert resumed.'\n ) : (\n <>\n Resumes .\n \n )}\n \n \n {isNoLongerMuted ? 'Unacknowledge' : 'Resume alert'}\n \n \n \n \n );\n }\n\n if (alert.state === 'ALERT') {\n return (\n \n \n \n \n \n \n \n Acknowledge and silence for\n \n \n handleSilenceAlert({\n minutes: 30,\n })\n }\n >\n 30 minutes\n \n \n handleSilenceAlert({\n hours: 1,\n })\n }\n >\n 1 hour\n \n \n handleSilenceAlert({\n hours: 6,\n })\n }\n >\n 6 hours\n \n \n handleSilenceAlert({\n hours: 24,\n })\n }\n >\n 24 hours\n \n \n \n \n );\n }\n\n return null;\n}\n\nfunction AlertHistoryCardList({\n history,\n alertUrl,\n}: {\n history: AlertHistory[];\n alertUrl: string;\n}) {\n const items = React.useMemo(() => {\n if (history.length < HISTORY_ITEMS) {\n return history;\n }\n return history.slice(0, HISTORY_ITEMS);\n }, [history]);\n\n const paddingItems = React.useMemo(() => {\n if (history.length > HISTORY_ITEMS) {\n return [];\n }\n return new Array(HISTORY_ITEMS - history.length).fill(null);\n }, [history]);\n\n return (\n
\n {paddingItems.map((_, index) => (\n \n
\n \n ))}\n {items\n .slice()\n .reverse()\n .map((history, index) => (\n \n ))}\n
\n );\n}\n\nfunction AlertDetails({ alert }: { alert: AlertsPageItem }) {\n const alertName = React.useMemo(() => {\n if (alert.source === AlertSource.TILE && alert.dashboard) {\n const tile = alert.dashboard?.tiles.find(\n tile => tile.id === alert.tileId,\n );\n const tileName = tile?.config.name || 'Tile';\n return (\n <>\n {alert.dashboard?.name}\n {tileName ? (\n <>\n \n {tileName}\n \n ) : null}\n \n );\n }\n if (alert.source === AlertSource.SAVED_SEARCH && alert.savedSearch) {\n return alert.savedSearch?.name;\n }\n return '–';\n }, [alert]);\n\n const alertUrl = React.useMemo(() => {\n if (alert.source === AlertSource.TILE && alert.dashboard) {\n return `/dashboards/${alert.dashboardId}?highlightedTileId=${alert.tileId}`;\n }\n if (alert.source === AlertSource.SAVED_SEARCH && alert.savedSearch) {\n return `/search/${alert.savedSearchId}`;\n }\n return '';\n }, [alert]);\n\n const alertIcon = (() => {\n switch (alert.source) {\n case AlertSource.TILE:\n return ;\n case AlertSource.SAVED_SEARCH:\n return ;\n default:\n return ;\n }\n })();\n\n const alertType = React.useMemo(() => {\n return (\n <>\n If value is {alert.thresholdType === 'above' ? 'over' : 'under'}{' '}\n {alert.threshold}\n ·\n \n );\n }, [alert]);\n\n const notificationMethod = React.useMemo(() => {\n return (\n \n Notify via {getWebhookChannelIcon(alert.channel.type)} Webhook\n \n );\n }, [alert]);\n\n const linkTitle = React.useMemo(() => {\n switch (alert.source) {\n case AlertSource.TILE:\n return 'Dashboard tile';\n case AlertSource.SAVED_SEARCH:\n return 'Saved search';\n default:\n return '';\n }\n }, [alert]);\n\n return (\n
\n \n {alert.state === AlertState.ALERT && (\n \n Alert\n \n )}\n {alert.state === AlertState.OK && Ok}\n {alert.state === AlertState.DISABLED && (\n \n Disabled\n \n )}\n\n \n
\n \n \n {alertIcon}\n {alertName}\n \n \n
\n
\n {alertType}\n {notificationMethod}\n {alert.createdBy && (\n <>\n ·\n \n Created by {alert.createdBy.name || alert.createdBy.email}\n \n \n )}\n
\n \n \n\n \n \n \n \n
\n );\n}\n\nfunction AlertCardList({ alerts }: { alerts: AlertsPageItem[] }) {\n const alarmAlerts = alerts.filter(alert => alert.state === AlertState.ALERT);\n const okData = alerts.filter(alert => alert.state === AlertState.OK);\n\n return (\n
\n {alarmAlerts.length > 0 && (\n
\n \n Triggered\n \n {alarmAlerts.map((alert, index) => (\n \n ))}\n
\n )}\n
\n \n OK\n \n {okData.length === 0 && (\n
No alerts
\n )}\n {okData.map((alert, index) => (\n \n ))}\n
\n
\n );\n}\n\nexport default function AlertsPage() {\n const brandName = useBrandDisplayName();\n const { data, isError, isLoading } = api.useAlerts();\n\n const alerts = React.useMemo(() => data?.data || [], [data?.data]);\n\n return (\n
\n \n Alerts - {brandName}\n \n Alerts\n
\n \n }\n color=\"gray\"\n py=\"xs\"\n mt=\"md\"\n >\n Alerts can be{' '}\n \n created\n {' '}\n from dashboard charts and saved searches.\n \n {isLoading ? (\n
Loading...
\n ) : isError ? (\n
Error
\n ) : alerts?.length ? (\n <>\n \n \n ) : (\n
No alerts created yet
\n )}\n \n
\n
\n );\n}\n\nAlertsPage.getLayout = withAppNav;\n" }, { "path": "packages/app/src/AuthLoadingBlocker.tsx", "content": "import { useEffect, useRef, useState } from 'react';\n\nimport { useBrandDisplayName } from './theme/ThemeProvider';\nimport api from './api';\n\nexport default function AuthLoadingBlocker() {\n const brandName = useBrandDisplayName();\n const { data: meData } = api.useMe();\n\n // increase number of periods rendered as a loading animation, 1 period per second\n const [periods, setPeriods] = useState(0);\n useEffect(() => {\n const interval = setInterval(() => {\n setPeriods(periods => (periods + 1) % 4);\n }, 1000);\n return () => clearInterval(interval);\n }, []);\n\n return (\n <>\n {meData == null && (\n \n Loading {brandName}\n {'.'.repeat(periods)}\n
\n )}\n \n );\n}\n" }, { "path": "packages/app/src/AuthPage.tsx", "content": "import { useEffect } from 'react';\nimport Link from 'next/link';\nimport { useRouter } from 'next/router';\nimport { NextSeo } from 'next-seo';\nimport { HTTPError } from 'ky';\nimport { SubmitHandler, useForm, useWatch } from 'react-hook-form';\nimport {\n Button,\n Notification,\n Paper,\n PasswordInput,\n Stack,\n TextInput,\n} from '@mantine/core';\nimport { IconAt, IconLock } from '@tabler/icons-react';\n\nimport { useBrandDisplayName } from './theme/ThemeProvider';\nimport api from './api';\nimport * as config from './config';\nimport LandingHeader from './LandingHeader';\nimport { CheckOrX, PasswordCheck } from './PasswordCheck';\n\ntype FormData = {\n email: string;\n password: string;\n confirmPassword: string;\n};\n\nexport default function AuthPage({ action }: { action: 'register' | 'login' }) {\n const brandName = useBrandDisplayName();\n const { data: team, isLoading: teamIsLoading } = api.useTeam();\n const router = useRouter();\n\n const isLoggedIn = Boolean(!teamIsLoading && team);\n\n useEffect(() => {\n if (isLoggedIn) {\n router.push('/search');\n }\n }, [isLoggedIn, router]);\n\n const isRegister = action === 'register';\n const {\n register,\n handleSubmit,\n formState: { errors, isSubmitting },\n setError,\n control,\n } = useForm({\n reValidateMode: 'onSubmit',\n });\n\n const { err, msg } = router.query;\n\n const { data: installation } = api.useInstallation();\n const registerPassword = api.useRegisterPassword();\n\n const verificationSent = msg === 'verify';\n\n const title = `${brandName} - ${isRegister ? 'Sign up' : 'Login'}`;\n\n useEffect(() => {\n // If an OSS user accidentally lands on /register after already creating a team\n // redirect them to login instead\n if (config.IS_OSS && installation?.isTeamExisting === true && isRegister) {\n router.push('/login');\n }\n }, [installation, isRegister, router]);\n\n const currentPassword = useWatch({\n control,\n name: 'password',\n defaultValue: '',\n });\n const confirmPassword = useWatch({\n control,\n name: 'confirmPassword',\n defaultValue: '',\n });\n\n const confirmPass = () => {\n return currentPassword === confirmPassword;\n };\n\n const onSubmit: SubmitHandler = data =>\n registerPassword.mutate(\n {\n email: data.email,\n password: data.password,\n confirmPassword: data.confirmPassword,\n },\n {\n onSuccess: () => router.push('/search'),\n onError: async error => {\n if (error instanceof HTTPError) {\n const jsonData = await error.response.json();\n\n if (Array.isArray(jsonData) && jsonData[0]?.errors?.issues) {\n return jsonData[0].errors.issues.forEach((issue: any) => {\n setError(issue.path[0], {\n type: issue.code,\n message: issue.message,\n });\n });\n }\n }\n setError('root', {\n type: 'manual',\n message: 'An unexpected error occurred, please try again later.',\n });\n },\n },\n );\n\n const form = isRegister\n ? {\n controller: { onSubmit: handleSubmit(onSubmit) },\n email: register('email', { required: true }),\n password: register('password', { required: true }),\n confirmPassword: register('confirmPassword', { required: true }),\n }\n : {\n controller: {\n action: `/api/login/password`,\n method: 'POST',\n },\n email: { name: 'email' },\n password: { name: 'password' },\n };\n\n return (\n
\n \n \n
\n
\n
\n {config.IS_OSS && isRegister\n ? 'Setup '\n : isRegister\n ? 'Register for '\n : 'Login to '}\n {brandName}\n
\n {action === 'login' && (\n
Welcome back!
\n )}\n {isRegister && config.IS_OSS === true && (\n
\n Let{\"'\"}s create your user account.\n
\n )}\n
\n \n \n \n }\n error={errors.email?.message}\n required\n {...form.email}\n />\n }\n error={errors.password?.message}\n required\n placeholder=\"Password\"\n {...form.password}\n />\n {isRegister && (\n <>\n \n Confirm Password\n \n }\n size=\"md\"\n required\n withAsterisk={false}\n leftSection={}\n error={errors.confirmPassword?.message}\n placeholder=\"Confirm Password\"\n {...form.confirmPassword}\n />\n \n \n \n \n )}\n \n {config.IS_OSS && isRegister\n ? 'Create'\n : isRegister\n ? 'Register'\n : 'Login'}\n \n \n \n\n {err != null && (\n \n {err === 'missing'\n ? 'Please provide a valid email and password'\n : err === 'invalid'\n ? 'Email or password is invalid'\n : err === 'authFail'\n ? 'Failed to login with email and password, please try again.'\n : err === 'passwordAuthNotAllowed'\n ? 'Password authentication is not allowed by your team admin.'\n : err === 'teamAlreadyExists'\n ? 'Team already exists, please login instead.'\n : 'Unknown error occurred, please try again later.'}\n \n )}\n\n {verificationSent && (\n \n Sent verification email! Please check your email inbox\n \n )}\n\n {isRegister && config.IS_OSS === false && (\n
\n Already have an account? Log in{' '}\n instead.\n
\n )}\n {action === 'login' && config.IS_OSS === false && (\n
\n Don{\"'\"}t have an account yet?{' '}\n Register instead.\n
\n )}\n \n
\n
\n
\n
\n );\n}\n" }, { "path": "packages/app/src/BenchmarkPage.tsx", "content": "import { useEffect, useMemo, useState } from 'react';\nimport dynamic from 'next/dynamic';\nimport {\n parseAsInteger,\n parseAsJson,\n parseAsString,\n useQueryState,\n} from 'nuqs';\nimport { useForm } from 'react-hook-form';\nimport { DataFormat } from '@hyperdx/common-utils/dist/clickhouse';\nimport { DisplayType } from '@hyperdx/common-utils/dist/types';\nimport {\n Button,\n Code,\n Grid,\n Loader,\n Stack,\n Table,\n Text,\n Title,\n} from '@mantine/core';\nimport { useQuery, UseQueryOptions } from '@tanstack/react-query';\n\nimport { useClickhouseClient } from '@/clickhouse';\nimport { SQLEditorControlled } from '@/components/SQLEditor/SQLEditor';\n\nimport { ConnectionSelectControlled } from './components/ConnectionSelect';\nimport DBTableChart from './components/DBTableChart';\nimport { DBTimeChart } from './components/DBTimeChart';\n\nfunction useBenchmarkQueryIds({\n queries,\n connections,\n iterations = 3,\n}: {\n queries: readonly string[];\n connections: readonly string[];\n iterations?: number;\n}) {\n const enabled = queries.length > 0 && connections.length > 0;\n const clickhouseClient = useClickhouseClient();\n\n return useQuery({\n enabled,\n queryKey: ['benchmark', queries, connections],\n queryFn: async () => {\n const shuffledQueries = queries.slice().sort(() => Math.random() - 0.5);\n const queryIds: Record = {};\n\n for (let i = 0; i < iterations; i++) {\n for (let j = 0; j < queries.length; j++) {\n // We can't easily get the query_id from the response, so we'll just\n // ask CH to use ours instead\n const queryId = crypto.randomUUID();\n\n await clickhouseClient\n .query({\n query: shuffledQueries[j],\n connectionId: connections[j],\n format: 'NULL' as DataFormat, // clickhouse doesn't have this under the client-js lib for some reason\n clickhouse_settings: {\n min_bytes_to_use_direct_io: '1',\n use_query_cache: 0,\n wait_end_of_query: 1,\n },\n queryId,\n })\n .then(res => res.text());\n\n queryIds[j] ??= [];\n queryIds[j].push(queryId);\n }\n // Wait 1s between queries\n await new Promise(resolve => setTimeout(resolve, 1000));\n }\n\n // Wait for the query log to flush\n await new Promise(resolve => setTimeout(resolve, 10000));\n\n return queryIds;\n },\n refetchOnWindowFocus: false,\n refetchOnReconnect: false,\n refetchOnMount: false,\n });\n}\n\nfunction useEstimates(\n {\n queries,\n connections,\n }: {\n queries: string[];\n connections: string[];\n },\n options: Omit, 'queryKey' | 'queryFn'> = {},\n) {\n const clickhouseClient = useClickhouseClient();\n return useQuery({\n queryKey: ['estimate', queries, connections],\n queryFn: async () => {\n return Promise.all(\n queries.map((query, i) =>\n clickhouseClient\n .query({\n query: `EXPLAIN ESTIMATE ${query}`,\n format: 'JSON',\n connectionId: connections[i],\n })\n .then(res => res.json()),\n ),\n );\n },\n ...options,\n });\n}\n\nfunction useIndexes(\n {\n queries,\n connections,\n }: {\n queries: string[];\n connections: string[];\n },\n options: Omit, 'queryKey' | 'queryFn'> = {},\n) {\n const clickhouseClient = useClickhouseClient();\n return useQuery({\n queryKey: ['indexes', queries, connections],\n queryFn: async () => {\n return Promise.all(\n queries.map((query, i) =>\n clickhouseClient\n .query({\n query: `EXPLAIN indexes=1, json=1, description = 0 ${query}`,\n format: 'TabSeparatedRaw',\n connectionId: connections[i],\n })\n .then(res => res.text())\n .then(res => JSON.parse(res)),\n ),\n );\n },\n ...options,\n });\n}\n\nfunction BenchmarkPage() {\n const [queries, setQueries] = useQueryState(\n 'queries',\n parseAsJson(),\n );\n const [connections, setConnections] = useQueryState(\n 'connections',\n parseAsJson(),\n );\n const [iterations, setIterations] = useQueryState(\n 'iterations',\n parseAsInteger.withDefault(3),\n );\n const { control, handleSubmit } = useForm({\n values: {\n queries: queries || [],\n connections,\n iterations,\n },\n });\n\n const onSubmit = (data: any) => {\n if (\n !data.queries[0] ||\n !data.queries[1] ||\n !data.connections[0] ||\n !data.connections[1]\n ) {\n return;\n }\n setQueries(data.queries || []);\n setConnections(data.connections || []);\n setIterations(data.iterations);\n };\n\n const _queries = useMemo(() => queries || [], [queries]);\n const _connections = useMemo(() => connections || [], [connections]);\n\n const { data: estimates } = useEstimates(\n { queries: _queries, connections: _connections },\n {\n enabled: _queries.length > 0 && _connections.length > 0,\n },\n );\n\n const { data: indexes } = useIndexes(\n { queries: _queries, connections: _connections },\n {\n enabled: _queries.length > 0 && _connections.length > 0,\n },\n );\n\n const [startTime, setStartTime] = useState(null);\n const [endTime, setEndTime] = useState(null);\n\n const { data: queryIds, isLoading: isQueryIdsLoading } = useBenchmarkQueryIds(\n {\n queries: _queries,\n connections: _connections,\n iterations,\n },\n );\n\n // Hack to get time range\n useEffect(() => {\n if (_queries.length > 0 && _connections.length > 0) {\n // eslint-disable-next-line no-restricted-syntax\n setStartTime(new Date(Date.now() - 1000));\n }\n }, [_queries, _connections]);\n\n useEffect(() => {\n if (queryIds != null && queryIds[0] != null) {\n setEndTime(\n new Date(\n // eslint-disable-next-line no-restricted-syntax\n Date.now() - 1000 * 9, // minus hard-coded flush interval\n ),\n );\n }\n }, [queryIds]);\n\n return (\n
\n \n Clickhouse Query Benchmark\n \n
\n \n \n \n \n Query 1\n \n \n \n \n \n \n Query 2\n \n \n \n \n \n \n {isQueryIdsLoading && (\n \n Running Benchmark...\n \n )}\n \n \n \n \n Query Estimate & Indexes\n Index utilization of your query\n \n \n \n \n \n \n {Object.entries(estimates?.[0].data?.[0] ?? {}).map(\n ([key, value]) => (\n \n {key}\n {`${value}`}\n \n ),\n )}\n \n
\n \n {JSON.stringify(indexes?.[0] ?? {}, null, 2)\n .replace(/\\},/g, '')\n .replace(/[[\\]{}]/g, '')\n .replace(/\\n\\s*\\n/g, '\\n\\n')\n .trim()}\n \n \n \n \n \n \n \n {Object.entries(estimates?.[1].data?.[0] ?? {}).map(\n ([key, value]) => (\n \n {key}\n {`${value}`}\n \n ),\n )}\n \n
\n \n {JSON.stringify(indexes?.[1] ?? {}, null, 2)\n .replace(/\\},/g, '')\n .replace(/[[\\]{}]/g, '')\n .replace(/\\n\\s*\\n/g, '\\n\\n')\n .trim()}\n \n \n \n \n \n {queryIds != null &&\n queryIds[0] != null &&\n startTime != null &&\n endTime != null && (\n \n `'${v}'`)\n .join(',')}]`,\n aggConditionLanguage: 'sql',\n alias: `Query 1 Duration`,\n },\n {\n aggFn: 'max',\n valueExpression: 'query_duration_ms',\n aggCondition: `query_id IN [${(queryIds?.[1] ?? [])\n .map(v => `'${v}'`)\n .join(',')}]`,\n aggConditionLanguage: 'sql',\n alias: `Query 2 Duration`,\n },\n ],\n displayType: DisplayType.Line,\n // dateRange: [new Date(Date.now() - 1000 * 60 * 2), new Date()],\n dateRange: [startTime, endTime],\n connection: _connections[0],\n timestampValueExpression: 'event_time',\n from: {\n databaseName: 'system',\n tableName: 'query_log',\n },\n granularity: '1 second' as const,\n where: '',\n fillNulls: false,\n }}\n showDisplaySwitcher={false}\n />\n
\n )}\n {queryIds != null &&\n queryIds[0] != null &&\n startTime != null &&\n endTime != null && (\n \n `'${v}'`)\n .join(',')}], 'Query 1', 'Query 2') as Query`,\n where: '',\n }}\n />\n \n )}\n \n \n \n \n \n );\n}\n\nconst BenchmarkPageDynamic = dynamic(async () => BenchmarkPage, { ssr: false });\n\nexport default BenchmarkPageDynamic;\n" }, { "path": "packages/app/src/CareersPage.tsx", "content": "import { useMemo } from 'react';\nimport Head from 'next/head';\nimport {\n Anchor,\n Avatar,\n Card,\n Container,\n Group,\n Loader,\n Stack,\n Text,\n Title,\n} from '@mantine/core';\nimport { useQuery } from '@tanstack/react-query';\n\ninterface GreenhouseJob {\n id: number;\n title: string;\n absolute_url: string;\n location: { name: string };\n updated_at: string;\n departments: { id: number; name: string }[];\n content: string;\n}\n\ninterface GreenhouseResponse {\n jobs: GreenhouseJob[];\n}\n\ninterface GitHubCommit {\n sha: string;\n html_url: string;\n commit: {\n message: string;\n author: {\n name: string;\n date: string;\n };\n };\n author: {\n login: string;\n avatar_url: string;\n } | null;\n}\n\nconst GITHUB_COMMITS_URL =\n 'https://api.github.com/repos/hyperdxio/hyperdx/commits?sha=main&per_page=50';\n\nconst GREENHOUSE_API_URL =\n 'https://boards-api.greenhouse.io/v1/boards/clickhouse/jobs';\n\nconst FILTER_PATTERN = /hyperdx|clickstack/i;\n\nfunction useRecentCommits() {\n return useQuery({\n queryKey: ['github-commits'],\n queryFn: async () => {\n const res = await fetch(GITHUB_COMMITS_URL);\n if (!res.ok) {\n throw new Error('Failed to fetch commits');\n }\n return res.json();\n },\n staleTime: 5 * 60 * 1000,\n });\n}\n\nfunction useGreenhouseJobs() {\n return useQuery({\n queryKey: ['greenhouse-jobs'],\n queryFn: async () => {\n const res = await fetch(GREENHOUSE_API_URL);\n if (!res.ok) {\n throw new Error('Failed to fetch job listings');\n }\n return res.json();\n },\n staleTime: 5 * 60 * 1000,\n });\n}\n\nexport default function CareersPage() {\n const { data: commitsData, isLoading: commitsLoading } = useRecentCommits();\n const { data, isLoading, isError } = useGreenhouseJobs();\n\n const filteredJobs = useMemo(() => {\n if (!data?.jobs) return [];\n return data.jobs.filter(job => FILTER_PATTERN.test(job.title));\n }, [data]);\n\n return (\n \n \n Careers | HyperDX\n \n \n \n ClickHouse Careers: Help Build the Future of Observability\n \n \n Join us to build ClickStack at ClickHouse, scaling a high performance\n observability platform that ingests and queries petabytes of telemetry\n across metrics, logs, and traces.\n
\n
\n Open positions are listed below.\n \n\n {isLoading && }\n\n {isError && (\n \n Unable to load job listings. Please try again later.\n \n )}\n\n {!isLoading && !isError && filteredJobs.length === 0 && (\n \n No open positions at the moment. Check back soon!\n \n )}\n\n {filteredJobs.map(job => (\n \n \n
\n \n {job.title}\n \n \n {job.location.name}\n \n
\n \n \n ))}\n\n \n Recent Activity\n \n \n See what types of problems our team (and community) have been working\n on lately.\n \n\n {commitsLoading && }\n\n {commitsData?.map(commit => (\n \n \n \n \n
\n \n {commit.commit.message.split('\\n')[0]}\n \n \n \n {commit.author?.login ?? commit.commit.author.name}\n \n \n {new Date(commit.commit.author.date).toLocaleDateString()}\n \n \n
\n \n \n \n ))}\n \n \n );\n}\n" }, { "path": "packages/app/src/ChartUtils.tsx", "content": "import { useMemo } from 'react';\nimport { add, differenceInSeconds } from 'date-fns';\nimport { omit } from 'lodash';\nimport SqlString from 'sqlstring';\nimport { z } from 'zod';\nimport {\n ColumnMetaType,\n filterColumnMetaByType,\n inferTimestampColumn,\n JSDataType,\n ResponseJSON,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport { isMetricChartConfig } from '@hyperdx/common-utils/dist/core/renderChartConfig';\nimport {\n convertDateRangeToGranularityString,\n convertGranularityToSeconds,\n getAlignedDateRange,\n Granularity,\n} from '@hyperdx/common-utils/dist/core/utils';\nimport { isBuilderChartConfig } from '@hyperdx/common-utils/dist/guards';\nimport {\n AggregateFunction as AggFnV2,\n BuilderChartConfigWithDateRange,\n BuilderChartConfigWithOptTimestamp,\n BuilderSavedChartConfig,\n ChartConfigWithDateRange,\n ChartConfigWithOptDateRange,\n DisplayType,\n Filter,\n MetricsDataType as MetricsDataTypeV2,\n SourceKind,\n SQLInterval,\n TMetricSource,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { SegmentedControl } from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\n\nimport DateRangeIndicator from './components/charts/DateRangeIndicator';\nimport { MVOptimizationExplanationResult } from './hooks/useMVOptimizationExplanation';\nimport { getMetricNameSql } from './otelSemanticConventions';\nimport {\n AggFn,\n ChartSeries,\n MetricsDataType,\n SourceTable,\n TableChartSeries,\n TimeChartSeries,\n} from './types';\nimport { NumberFormat } from './types';\nimport { getColorProps, getLogLevelColorOrder, logLevelColor } from './utils';\n\nexport const SORT_ORDER = [\n { value: 'asc' as const, label: 'Ascending' },\n { value: 'desc' as const, label: 'Descending' },\n];\n\nexport type SortOrder = (typeof SORT_ORDER)[number]['value'];\n\nexport const TABLES = [\n { value: 'logs' as const, label: 'Logs / Spans' },\n { value: 'metrics' as const, label: 'Metrics' },\n];\n\nexport const AGG_FNS = [\n { value: 'count' as const, label: 'Count of Events', isAttributable: false },\n { value: 'sum' as const, label: 'Sum', isAttributable: false },\n { value: 'p99' as const, label: '99th Percentile' },\n { value: 'p95' as const, label: '95th Percentile' },\n { value: 'p90' as const, label: '90th Percentile' },\n { value: 'p50' as const, label: 'Median' },\n { value: 'avg' as const, label: 'Average' },\n { value: 'max' as const, label: 'Maximum' },\n { value: 'min' as const, label: 'Minimum' },\n {\n value: 'count_distinct' as const,\n label: 'Count Distinct',\n isAttributable: false,\n },\n { value: 'any' as const, label: 'Any' },\n { value: 'none' as const, label: 'Custom' },\n];\n\nexport const getMetricAggFns = (\n dataType: MetricsDataType,\n): { value: AggFn; label: string }[] => {\n if (dataType === MetricsDataType.Histogram) {\n return [\n { value: 'p99', label: '99th Percentile' },\n { value: 'p95', label: '95th Percentile' },\n { value: 'p90', label: '90th Percentile' },\n { value: 'p50', label: 'Median' },\n ];\n } else if (dataType === MetricsDataType.Summary) {\n return [\n { value: 'sum', label: 'Sum' },\n { value: 'max', label: 'Maximum' },\n { value: 'min', label: 'Minimum' },\n { value: 'count', label: 'Sample Count' },\n ];\n }\n\n return [\n { value: 'sum', label: 'Sum' },\n { value: 'p99', label: '99th Percentile' },\n { value: 'p95', label: '95th Percentile' },\n { value: 'p90', label: '90th Percentile' },\n { value: 'p50', label: 'Median' },\n { value: 'avg', label: 'Average' },\n { value: 'max', label: 'Maximum' },\n { value: 'min', label: 'Minimum' },\n ];\n};\n\nexport const DEFAULT_CHART_CONFIG: Omit<\n BuilderSavedChartConfig,\n 'source' | 'connection'\n> = {\n name: '',\n select: [\n {\n aggFn: 'count',\n aggCondition: '',\n aggConditionLanguage: 'lucene',\n valueExpression: '',\n },\n ],\n where: '',\n whereLanguage: 'lucene',\n displayType: DisplayType.Line,\n granularity: 'auto',\n alignDateRangeToGranularity: true,\n};\n\nexport const isGranularity = (value: string): value is Granularity => {\n return Object.values(Granularity).includes(value as Granularity);\n};\n\nfunction getTimeChartGranularity(\n granularity: string | undefined,\n dateRange: [Date, Date],\n) {\n return granularity === 'auto' || granularity == null\n ? convertDateRangeToGranularityString(dateRange, 80)\n : granularity;\n}\n\nfunction getTimeChartDateRange(\n dateRange: [Date, Date],\n alignDateRangeToGranularity: boolean | undefined,\n granularity: string,\n) {\n return alignDateRangeToGranularity === false\n ? dateRange\n : getAlignedDateRange(dateRange, granularity);\n}\n\nexport function convertToTimeChartConfig(\n config: ChartConfigWithDateRange,\n): ChartConfigWithDateRange {\n const granularity = getTimeChartGranularity(\n config.granularity,\n config.dateRange,\n );\n\n const dateRange = getTimeChartDateRange(\n config.dateRange,\n config.alignDateRangeToGranularity,\n granularity,\n );\n\n return isBuilderChartConfig(config)\n ? {\n ...config,\n dateRange,\n dateRangeEndInclusive: false,\n granularity,\n limit: { limit: 100000 },\n }\n : {\n ...config,\n dateRangeEndInclusive: false,\n dateRange,\n granularity,\n };\n}\n\nexport function useTimeChartSettings(\n config: Pick<\n ChartConfigWithDateRange,\n | 'displayType'\n | 'dateRange'\n | 'fillNulls'\n | 'granularity'\n | 'alignDateRangeToGranularity'\n >,\n) {\n return useMemo(() => {\n const granularity = getTimeChartGranularity(\n config.granularity,\n config.dateRange,\n );\n\n const dateRange = getTimeChartDateRange(\n config.dateRange,\n config.alignDateRangeToGranularity,\n granularity,\n );\n\n return {\n displayType: config.displayType,\n fillNulls: config.fillNulls,\n dateRange,\n granularity,\n };\n }, [config]);\n}\n\nexport function seriesToSearchQuery({\n series,\n groupByValue,\n}: {\n series: ChartSeries[];\n groupByValue?: string;\n}) {\n const queries = series\n .map((s, i) => {\n if (s.type === 'time' || s.type === 'table' || s.type === 'number') {\n const { where, aggFn, field } = s;\n return `${where.trim()}${\n aggFn !== 'count' && field ? ` ${field}:*` : ''\n }${\n 'groupBy' in s && s.groupBy != null && s.groupBy.length > 0\n ? ` ${s.groupBy}:${groupByValue ?? '*'}`\n : ''\n }`.trim();\n }\n })\n .filter(q => q != null && q.length > 0);\n\n const q =\n queries.length > 1\n ? queries.map(q => `(${q})`).join(' OR ')\n : queries.join('');\n\n return q;\n}\n\nexport function seriesToUrlSearchQueryParam({\n series,\n dateRange,\n groupByValue = '*',\n}: {\n series: ChartSeries[];\n dateRange: [Date, Date];\n groupByValue?: string | undefined;\n}) {\n const q = seriesToSearchQuery({ series, groupByValue });\n\n return new URLSearchParams({\n q,\n from: `${dateRange[0].getTime()}`,\n to: `${dateRange[1].getTime()}`,\n });\n}\n\nexport function TableToggle({\n table,\n setTableAndAggFn,\n}: {\n setTableAndAggFn: (table: SourceTable, fn: AggFn) => void;\n table: string;\n}) {\n return (\n {\n const val = value ?? 'logs';\n if (val === 'logs') {\n setTableAndAggFn('logs', 'count');\n } else if (val === 'metrics') {\n // TODO: This should set rate if metric field is a sum\n // or we should just reset the field if changing tables\n setTableAndAggFn('metrics', 'max');\n }\n }}\n data={[\n { label: 'Logs/Spans', value: 'logs' },\n { label: 'Metrics', value: 'metrics' },\n ]}\n />\n );\n}\n\nexport const ChartKeyJoiner = ' · ';\nexport const PreviousPeriodSuffix = ' (previous)';\n\n// Note: roundToNearestMinutes is broken in date-fns currently\n// additionally it doesn't support seconds or > 30min\n// so we need to write our own :(\n// see: https://github.com/date-fns/date-fns/pull/3267/files\nexport function toStartOfInterval(date: Date, granularity: SQLInterval): Date {\n const [num, unit] = granularity.split(' ');\n const numInt = Number.parseInt(num);\n const roundFn = Math.floor;\n\n switch (unit) {\n case 'second':\n return new Date(\n Date.UTC(\n date.getUTCFullYear(),\n date.getUTCMonth(),\n date.getUTCDate(),\n date.getUTCHours(),\n date.getUTCMinutes(),\n roundFn(date.getUTCSeconds() / numInt) * numInt,\n ),\n );\n case 'minute':\n return new Date(\n Date.UTC(\n date.getUTCFullYear(),\n date.getUTCMonth(),\n date.getUTCDate(),\n date.getUTCHours(),\n roundFn(date.getUTCMinutes() / numInt) * numInt,\n ),\n );\n case 'hour':\n return new Date(\n Date.UTC(\n date.getUTCFullYear(),\n date.getUTCMonth(),\n date.getUTCDate(),\n roundFn(date.getUTCHours() / numInt) * numInt,\n ),\n );\n case 'day': {\n // Clickhouse uses the # of days since unix epoch to round dates\n // see: https://github.com/ClickHouse/ClickHouse/blob/master/src/Common/DateLUTImpl.h#L1059\n const daysSinceEpoch = date.getTime() / 1000 / 60 / 60 / 24;\n const daysSinceEpochRounded = roundFn(daysSinceEpoch / numInt) * numInt;\n\n return new Date(daysSinceEpochRounded * 1000 * 60 * 60 * 24);\n }\n default:\n return date;\n }\n}\n\nexport function timeBucketByGranularity(\n start: Date,\n end: Date,\n granularity: SQLInterval,\n): Date[] {\n const buckets: Date[] = [];\n\n let current = toStartOfInterval(start, granularity);\n const granularitySeconds = convertGranularityToSeconds(granularity);\n while (current < end) {\n buckets.push(current);\n current = add(current, {\n seconds: granularitySeconds,\n });\n }\n\n return buckets;\n}\n\nexport const isAggregateFunction = (value: string) => {\n const fns = [\n // Basic aggregates\n 'count',\n 'countIf',\n 'countDistinct',\n 'sum',\n 'sumIf',\n 'avg',\n 'avgIf',\n 'min',\n 'max',\n 'any',\n 'anyLast',\n 'groupArray',\n 'groupArrayInsertAt',\n 'groupArrayMovingAvg',\n 'groupArraySample',\n 'groupUniqArray',\n 'groupUniqArrayIf',\n 'groupArrayIntersect',\n 'groupArrayIntersectIf',\n 'groupArrayReduce',\n 'groupBitmap',\n 'groupBitmapIf',\n 'groupBitmapOr',\n 'groupBitmapXor',\n\n // Quantiles\n 'quantile',\n 'quantileIf',\n 'quantileExact',\n 'quantileExactWeighted',\n 'quantileTiming',\n 'quantileTimingWeighted',\n 'quantileTDigest',\n 'quantileTDigestWeighted',\n 'quantileBFloat16',\n 'quantileBFloat16Weighted',\n 'quantiles',\n 'median',\n 'medianExact',\n 'medianTDigest',\n 'medianBFloat16',\n\n // Statistical functions\n 'stddevPop',\n 'stddevPopIf',\n 'stddevSamp',\n 'stddevSampIf',\n 'varPop',\n 'varPopIf',\n 'varSamp',\n 'varSampIf',\n 'covarPop',\n 'covarSamp',\n 'corr',\n\n // Combinators\n 'uniq',\n 'uniqExact',\n 'uniqCombined',\n 'uniqCombined64',\n 'uniqHLL12',\n 'uniqTheta',\n\n // Bit operations\n 'groupBitAnd',\n 'groupBitOr',\n 'groupBitXor',\n\n // Map and tuple\n 'groupArrayMap',\n 'groupArrayTuple',\n 'groupArraySorted',\n 'topK',\n 'topKIf',\n 'topKWeighted',\n\n // Aggregate combinators\n 'argMin',\n 'argMax',\n 'minMap',\n 'maxMap',\n\n // Specialized aggregates\n 'runningDifference',\n 'retention',\n 'sequenceCount',\n 'sequenceMatch',\n 'histogram',\n 'simpleLinearRegression',\n 'stochasticLinearRegression',\n 'categoricalInformationValue',\n 'sumMap',\n 'sumMapFiltered',\n 'sumWithOverflow',\n 'entropy',\n 'skewPop',\n 'skewSamp',\n 'kurtPop',\n 'kurtSamp',\n ];\n\n // Make case-insensitive since ClickHouse function names are case-insensitive\n const lowerValue = value.toLowerCase();\n return fns.some(fn => lowerValue.includes(fn.toLowerCase() + '('));\n};\n\nexport const INTEGER_NUMBER_FORMAT: NumberFormat = {\n factor: 1,\n output: 'number',\n mantissa: 0,\n thousandSeparated: true,\n};\n\nexport const SINGLE_DECIMAL_NUMBER_FORMAT: NumberFormat = {\n factor: 1,\n output: 'number',\n mantissa: 1,\n thousandSeparated: true,\n};\n\nexport const MS_NUMBER_FORMAT: NumberFormat = {\n factor: 1,\n output: 'number',\n mantissa: 2,\n thousandSeparated: true,\n unit: 'ms',\n};\n\nexport const ERROR_RATE_PERCENTAGE_NUMBER_FORMAT: NumberFormat = {\n output: 'percent',\n mantissa: 0,\n};\n\nexport const K8S_CPU_PERCENTAGE_NUMBER_FORMAT: NumberFormat = {\n output: 'percent',\n mantissa: 0,\n};\n\nexport const K8S_FILESYSTEM_NUMBER_FORMAT: NumberFormat = {\n output: 'byte',\n};\n\nexport const K8S_MEM_NUMBER_FORMAT: NumberFormat = {\n output: 'byte',\n};\n\nexport const K8S_NETWORK_NUMBER_FORMAT: NumberFormat = {\n output: 'byte',\n};\n\nfunction inferValueColumns(\n meta: Array<{ name: string; type: string }>,\n excluded: Set,\n) {\n return filterColumnMetaByType(meta, [JSDataType.Number])?.filter(\n c => !excluded.has(c.name),\n );\n}\n\nfunction inferGroupColumns(meta: Array<{ name: string; type: string }>) {\n return filterColumnMetaByType(meta, [\n JSDataType.String,\n JSDataType.Map,\n JSDataType.Array,\n ]);\n}\n\nexport function formatResponseForPieChart(\n data: ResponseJSON>,\n getColor: (index: number, label: string) => string,\n): Array<{ label: string; value: number; color: string }> {\n if (data.meta == null) {\n throw new Error('No meta data found in response');\n }\n\n if (data.data.length === 0) return [];\n\n const valueColumns = inferValueColumns(data.meta, new Set()) ?? [];\n if (valueColumns.length === 0) {\n throw new Error(\n `No value columns found in result column metadata. Make sure a numeric column exists in the result set.\\n\\nResult column metadata: ${JSON.stringify(data.meta)}`,\n );\n }\n const valueColumn = valueColumns[0].name;\n\n const groupByColumns = inferGroupColumns(data.meta);\n\n return (\n data.data\n .map(row => {\n const label = groupByColumns?.length\n ? groupByColumns.map(({ name }) => row[name]).join(' - ')\n : valueColumn;\n const rawValue = row[valueColumn];\n const value =\n typeof rawValue === 'number'\n ? rawValue\n : Number.parseFloat(`${rawValue}`);\n return { label, value };\n })\n .filter(entry => !isNaN(entry.value) && isFinite(entry.value))\n // Sort in descending order so the largest slice is always first and gets the first color in the palette\n .sort((a, b) => b.value - a.value)\n .map((entry, index) => ({\n ...entry,\n color: getColor(index, entry.label),\n }))\n );\n}\n\nexport function getPreviousDateRange(currentRange: [Date, Date]): [Date, Date] {\n const [start, end] = currentRange;\n const offsetSeconds = differenceInSeconds(end, start);\n return [\n new Date(start.getTime() - offsetSeconds * 1000),\n new Date(end.getTime() - offsetSeconds * 1000),\n ];\n}\n\nexport interface LineData {\n dataKey: string;\n currentPeriodKey: string;\n previousPeriodKey: string;\n displayName: string;\n color: string;\n isDashed?: boolean;\n}\n\ninterface LineDataWithOptionalColor extends Omit {\n color?: string;\n}\n\nfunction setLineColors(\n sortedLineData: LineDataWithOptionalColor[],\n): LineData[] {\n // Ensure that the current and previous period lines are the same color\n const lineColorByCurrentPeriodKey = new Map();\n\n let colorIndex = 0;\n return sortedLineData.map(line => {\n const currentPeriodKey = line.currentPeriodKey;\n if (lineColorByCurrentPeriodKey.has(currentPeriodKey)) {\n line.color = lineColorByCurrentPeriodKey.get(currentPeriodKey);\n } else if (!line.color) {\n line.color = getColorProps(\n colorIndex++,\n line.displayName ?? line.dataKey,\n );\n lineColorByCurrentPeriodKey.set(currentPeriodKey, line.color);\n } else {\n lineColorByCurrentPeriodKey.set(currentPeriodKey, line.color);\n }\n\n return line as LineData;\n });\n}\n\nfunction firstGroupColumnIsLogLevel(\n source: TSource | undefined,\n groupColumns: ColumnMetaType[],\n) {\n if (!source || groupColumns.length !== 1) return false;\n if (source.kind === SourceKind.Log) {\n return groupColumns[0].name === source.severityTextExpression;\n }\n if (source.kind === SourceKind.Trace) {\n return groupColumns[0].name === source.statusCodeExpression;\n }\n return false;\n}\n\nfunction addResponseToFormattedData({\n response,\n lineDataMap,\n tsBucketMap,\n source,\n previousPeriodOffsetSeconds,\n isPreviousPeriod,\n hiddenSeries = [],\n}: {\n tsBucketMap: Map>;\n lineDataMap: { [keyName: string]: LineDataWithOptionalColor };\n response: ResponseJSON>;\n source?: TSource;\n isPreviousPeriod: boolean;\n previousPeriodOffsetSeconds: number;\n hiddenSeries?: string[];\n}) {\n const { meta, data } = response;\n if (meta == null) {\n throw new Error('No metadata found in response');\n }\n\n const timestampColumn = inferTimestampColumn(meta);\n if (timestampColumn == null) {\n throw new Error(\n `No timestamp column found in result column metadata: ${JSON.stringify(meta)}`,\n );\n }\n\n const valueColumns = inferValueColumns(meta, new Set(hiddenSeries)) ?? [];\n const groupColumns = inferGroupColumns(meta) ?? [];\n const isSingleValueColumn = valueColumns.length === 1;\n const hasGroupColumns = groupColumns.length > 0;\n\n for (const row of data) {\n const date = new Date(row[timestampColumn.name]);\n\n // Previous period data needs to be shifted forward to align with current period\n const offsetSeconds = isPreviousPeriod ? previousPeriodOffsetSeconds : 0;\n const ts = Math.round(date.getTime() / 1000 + offsetSeconds);\n\n for (const valueColumn of valueColumns) {\n let tsBucket = tsBucketMap.get(ts);\n if (tsBucket == null) {\n tsBucket = { [timestampColumn.name]: ts };\n tsBucketMap.set(ts, tsBucket);\n }\n\n const currentPeriodKey = [\n // Simplify the display name if there's only one series and a group by\n ...(isSingleValueColumn && hasGroupColumns ? [] : [valueColumn.name]),\n ...groupColumns.map(g => {\n const v = row[g.name];\n return typeof v === 'object' && v !== null ? JSON.stringify(v) : v;\n }),\n ].join(ChartKeyJoiner);\n const previousPeriodKey = `${currentPeriodKey}${PreviousPeriodSuffix}`;\n const keyName = isPreviousPeriod ? previousPeriodKey : currentPeriodKey;\n\n // UInt64 are returned as strings, we'll convert to number\n // and accept a bit of floating point error\n const rawValue = row[valueColumn.name];\n const value =\n typeof rawValue === 'number' ? rawValue : Number.parseFloat(rawValue);\n\n // Mutate the existing bucket object to avoid repeated large object copies\n tsBucket[keyName] = value;\n\n // Special handling for log level / trace severity colors\n let color: string | undefined = undefined;\n if (firstGroupColumnIsLogLevel(source, groupColumns)) {\n color = logLevelColor(row[groupColumns[0].name]);\n }\n\n lineDataMap[keyName] = {\n dataKey: keyName,\n currentPeriodKey,\n previousPeriodKey,\n displayName: keyName,\n color,\n isDashed: isPreviousPeriod,\n };\n }\n }\n}\n\n// Input: { ts, value1, value2, groupBy1, groupBy2 },\n// Output: { ts, [value1Name, groupBy1, groupBy2]: value1, [...]: value2 }\nexport function formatResponseForTimeChart({\n currentPeriodResponse,\n previousPeriodResponse,\n dateRange,\n granularity,\n generateEmptyBuckets = true,\n source,\n hiddenSeries = [],\n previousPeriodOffsetSeconds = 0,\n}: {\n dateRange: [Date, Date];\n granularity?: SQLInterval;\n currentPeriodResponse: ResponseJSON>;\n previousPeriodResponse?: ResponseJSON>;\n generateEmptyBuckets?: boolean;\n source?: TSource;\n hiddenSeries?: string[];\n previousPeriodOffsetSeconds?: number;\n}) {\n const meta = currentPeriodResponse.meta;\n\n if (meta == null) {\n throw new Error('No meta data found in response');\n }\n\n const timestampColumn = inferTimestampColumn(meta);\n const valueColumns = inferValueColumns(meta, new Set(hiddenSeries)) ?? [];\n const groupColumns = inferGroupColumns(meta) ?? [];\n const isSingleValueColumn = valueColumns.length === 1;\n\n if (timestampColumn == null) {\n throw new Error(\n `No timestamp column found in result column metadata. Make sure a Date/DateTime column exists in the result set.\\n\\nResult column metadata: ${JSON.stringify(meta)}`,\n );\n }\n\n if (valueColumns.length === 0) {\n throw new Error(\n `No value columns found in result column metadata. Make sure a numeric column exists in the result set.\\n\\nResult column metadata: ${JSON.stringify(meta)}`,\n );\n }\n\n // Timestamp -> { tsCol, line1, line2, ...}\n const tsBucketMap: Map> = new Map();\n const lineDataMap: {\n [keyName: string]: LineDataWithOptionalColor;\n } = {};\n\n addResponseToFormattedData({\n response: currentPeriodResponse,\n lineDataMap,\n tsBucketMap,\n source,\n isPreviousPeriod: false,\n previousPeriodOffsetSeconds,\n hiddenSeries,\n });\n\n if (previousPeriodResponse != null) {\n addResponseToFormattedData({\n response: previousPeriodResponse,\n lineDataMap,\n tsBucketMap,\n source,\n isPreviousPeriod: true,\n previousPeriodOffsetSeconds,\n hiddenSeries,\n });\n }\n\n const logLevelColorOrder = getLogLevelColorOrder();\n const sortedLineData = Object.values(lineDataMap).sort((a, b) => {\n return (\n logLevelColorOrder.findIndex(color => color === a.color) -\n logLevelColorOrder.findIndex(color => color === b.color)\n );\n });\n\n if (generateEmptyBuckets && granularity != null) {\n const generatedTsBuckets = timeBucketByGranularity(\n dateRange[0],\n dateRange[1],\n granularity,\n );\n\n generatedTsBuckets.forEach(date => {\n const ts = date.getTime() / 1000;\n const tsBucket = tsBucketMap.get(ts);\n\n if (tsBucket == null) {\n const tsBucket: Record = {\n [timestampColumn.name]: ts,\n };\n\n for (const line of sortedLineData) {\n tsBucket[line.dataKey] = 0;\n }\n\n tsBucketMap.set(ts, tsBucket);\n } else {\n for (const line of sortedLineData) {\n if (tsBucket[line.dataKey] == null) {\n tsBucket[line.dataKey] = 0;\n }\n }\n tsBucketMap.set(ts, tsBucket);\n }\n });\n }\n\n // Sort results again by timestamp\n const graphResults: {\n [key: string]: number | undefined;\n }[] = Array.from(tsBucketMap.values()).sort(\n (a, b) => a[timestampColumn.name] - b[timestampColumn.name],\n );\n\n const sortedLineDataWithColors = setLineColors(sortedLineData);\n\n return {\n graphResults,\n timestampColumn,\n lineData: sortedLineDataWithColors,\n groupColumns: groupColumns.map(g => g.name),\n valueColumns: valueColumns.map(v => v.name),\n isSingleValueColumn,\n };\n}\n\n// Define a mapping from app AggFn to common-utils AggregateFunction\nexport const mapV1AggFnToV2 = (aggFn?: AggFn): AggFnV2 | undefined => {\n if (aggFn == null) {\n return aggFn;\n }\n // Map rate-based aggregations to their base aggregation\n if (aggFn.endsWith('_rate')) {\n return mapV1AggFnToV2(aggFn.replace('_rate', '') as AggFn);\n }\n\n // Map percentiles to quantile\n if (\n aggFn === 'p50' ||\n aggFn === 'p90' ||\n aggFn === 'p95' ||\n aggFn === 'p99'\n ) {\n return 'quantile';\n }\n\n // Map per-time-unit counts to count\n if (\n aggFn === 'count_per_sec' ||\n aggFn === 'count_per_min' ||\n aggFn === 'count_per_hour'\n ) {\n return 'count';\n }\n\n // For standard aggregations that exist in both, return as is\n if (\n [\n 'avg',\n 'count',\n 'count_distinct',\n 'last_value',\n 'max',\n 'min',\n 'sum',\n ].includes(aggFn)\n ) {\n return aggFn as AggFnV2;\n }\n\n throw new Error(`Unsupported aggregation function in v2: ${aggFn}`);\n};\n\nexport const convertV1GroupByToV2 = (\n metricSource: TMetricSource,\n groupBy: string[],\n): string => {\n return groupBy\n .map(g => {\n if (g.startsWith('k8s')) {\n return `${metricSource.resourceAttributesExpression}['${g}']`;\n }\n return g;\n })\n .join(',');\n};\n\nexport const convertV1ChartConfigToV2 = (\n chartConfig: {\n // only support time or table series\n series: (TimeChartSeries | TableChartSeries)[];\n granularity?: Granularity;\n dateRange: [Date, Date];\n seriesReturnType: 'ratio' | 'column';\n displayType?: 'stacked_bar' | 'line';\n name?: string;\n fillNulls?: number | false;\n sortOrder?: SortOrder;\n },\n source: {\n log?: TSource;\n metric?: TMetricSource;\n trace?: TSource;\n },\n): BuilderChartConfigWithDateRange => {\n const {\n series,\n granularity,\n dateRange,\n displayType = 'line',\n fillNulls,\n } = chartConfig;\n\n if (series.length < 1) {\n throw new Error('series is required');\n }\n\n const firstSeries = series[0];\n const convertedDisplayType =\n displayType === 'stacked_bar' ? DisplayType.StackedBar : DisplayType.Line;\n\n if (firstSeries.table === 'logs') {\n // TODO: this might not work properly since logs + traces are mixed in v1\n throw new Error('IMPLEMENT ME (logs)');\n } else if (firstSeries.table === 'metrics') {\n if (source.metric == null) {\n throw new Error('source.metric is required for metrics');\n }\n return {\n select: series.map(s => {\n const field = s.field ?? '';\n const [metricName, rawMetricDataType] = field\n .split(' - ')\n .map(s => s.trim());\n\n // Check if this metric name needs version-based SQL transformation\n const metricNameSql = getMetricNameSql(metricName);\n\n const metricDataType = z\n .nativeEnum(MetricsDataTypeV2)\n .parse(rawMetricDataType?.toLowerCase());\n return {\n aggFn: mapV1AggFnToV2(s.aggFn),\n metricType: metricDataType,\n valueExpression: field,\n metricName,\n metricNameSql,\n aggConditionLanguage: 'lucene',\n aggCondition: s.where,\n };\n }),\n from: source.metric?.from,\n numberFormat: firstSeries.numberFormat,\n groupBy: convertV1GroupByToV2(source.metric, firstSeries.groupBy),\n dateRange,\n connection: source.metric?.connection,\n metricTables: source.metric?.metricTables,\n timestampValueExpression: source.metric?.timestampValueExpression,\n granularity,\n where: '',\n fillNulls,\n displayType: convertedDisplayType,\n };\n }\n throw new Error(`unsupported table in v2: ${firstSeries.table}`);\n};\n\n/**\n * Build search URL for viewing events based on group-by values\n * Used by both chart clicks and table row clicks\n */\nexport function buildEventsSearchUrl({\n source,\n config,\n dateRange,\n groupFilters,\n valueRangeFilter,\n}: {\n source: TSource;\n config: BuilderChartConfigWithDateRange;\n dateRange: [Date, Date];\n groupFilters?: Array<{ column: string; value: any }>;\n valueRangeFilter?: { expression: string; value: number; threshold?: number };\n}): string | null {\n if (!source?.id) {\n return null;\n }\n\n const isMetricChart = isMetricChartConfig(config);\n if (isMetricChart) {\n const logSourceId =\n source.kind === SourceKind.Metric || source.kind === SourceKind.Trace\n ? source.logSourceId\n : undefined;\n if (logSourceId == null) {\n notifications.show({\n color: 'yellow',\n message: 'No log source is associated with the selected metric source.',\n });\n return null;\n }\n }\n\n let where = config.where;\n let whereLanguage = config.whereLanguage || 'lucene';\n if (\n where.length === 0 &&\n Array.isArray(config.select) &&\n config.select.length === 1\n ) {\n where = config.select[0].aggCondition ?? '';\n whereLanguage = config.select[0].aggConditionLanguage ?? 'lucene';\n }\n\n const additionalFilters: Filter[] = [];\n\n // Add group-by column filters\n if (groupFilters && groupFilters.length > 0) {\n groupFilters.forEach(({ column, value }) => {\n if (column && value != null) {\n // Can't use SQLString.escape here because the search endpoint relies on exist match for UI\n const condition = `${column} IN (${SqlString.escape(value)})`;\n additionalFilters.push({ type: 'sql', condition });\n }\n });\n }\n\n // Add Y-axis value range filter (±threshold) for charts\n if (valueRangeFilter) {\n const { expression, value, threshold = 0.05 } = valueRangeFilter;\n const hasAggregateFunction = isAggregateFunction(expression);\n\n if (!hasAggregateFunction) {\n const lowerBound = value * (1 - threshold);\n const upperBound = value * (1 + threshold);\n // Can't use SQLString.escape here because the search endpoint relies on exist match for UI\n const condition = `${expression} BETWEEN ${SqlString.escape(lowerBound)} AND ${SqlString.escape(upperBound)}`;\n\n additionalFilters.push({\n type: 'sql',\n condition,\n });\n }\n }\n\n // Get the time range\n const from = dateRange[0].getTime();\n const to = dateRange[1].getTime();\n\n const params: Record = {\n source: source?.id ?? '',\n where: where,\n whereLanguage: whereLanguage,\n filters: JSON.stringify([...(config.filters ?? []), ...additionalFilters]),\n isLive: 'false',\n from: from.toString(),\n to: to.toString(),\n };\n\n // If its a metric chart, we don't pass the where and filters\n if (isMetricChart) {\n params.where = '';\n params.whereLanguage = 'lucene';\n params.filters = JSON.stringify([]);\n params.source =\n (source.kind === SourceKind.Metric || source.kind === SourceKind.Trace\n ? source.logSourceId\n : undefined) ?? '';\n }\n\n // Include the select parameter if provided to preserve custom columns\n // eventTableSelect is used for charts that override select (like histograms with count)\n // to preserve the original table's select expression\n if (config.eventTableSelect) {\n params.select = config.eventTableSelect;\n }\n\n return `/search?${new URLSearchParams(params).toString()}`;\n}\n\n/**\n * Extract group column names from chart config's groupBy field\n * Handles both string format (\"col1, col2\") and array format ([{ valueExpression: \"col1\" }, ...])\n */\nfunction extractGroupColumns(\n groupBy: BuilderChartConfigWithDateRange['groupBy'],\n): string[] {\n if (!groupBy) return [];\n\n if (typeof groupBy === 'string') {\n // String GROUP BY: \"col1, col2\"\n return groupBy.split(',').map(v => v.trim());\n }\n\n // Array GROUP BY: [{ valueExpression: \"col1\" }, ...] or [\"col1\", ...]\n return groupBy.map(g => (typeof g === 'string' ? g : g.valueExpression));\n}\n\n/**\n * Build search URL from a table row click\n * Extracts group filters and value range filter from the row data\n */\nexport function buildTableRowSearchUrl({\n row,\n source,\n config,\n dateRange,\n}: {\n row: Record;\n source: TSource | undefined;\n config: BuilderChartConfigWithDateRange;\n dateRange: [Date, Date];\n}): string | null {\n if (!source?.id) {\n return null;\n }\n\n // Extract group-by column names and build filters from row values\n const groupFilters: Array<{ column: string; value: any }> = [];\n const groupColumns = extractGroupColumns(config.groupBy);\n\n groupColumns.forEach(col => {\n if (row[col] != null) {\n groupFilters.push({ column: col, value: row[col] });\n }\n });\n\n // Build value range filter from the first select column\n let valueRangeFilter: { expression: string; value: number } | undefined;\n\n const firstSelect = config.select?.[0];\n if (firstSelect) {\n const aggFn =\n typeof firstSelect === 'string' ? undefined : firstSelect.aggFn;\n const isAttributable =\n AGG_FNS.find(fn => fn.value === aggFn)?.isAttributable !== false;\n\n if (isAttributable) {\n const valueExpression =\n typeof firstSelect === 'string'\n ? firstSelect\n : firstSelect.valueExpression;\n\n // Extract group column names to exclude them from value columns\n const groupColumnSet = new Set(extractGroupColumns(config.groupBy));\n\n // Find the first value column (non-group column)\n const valueColumn = Object.keys(row).find(\n key => !groupColumnSet.has(key),\n );\n\n const rowValue = valueColumn ? row[valueColumn] : undefined;\n\n if (rowValue != null && typeof rowValue === 'number') {\n valueRangeFilter = {\n expression: valueExpression,\n value: rowValue,\n };\n }\n }\n }\n\n return buildEventsSearchUrl({\n source,\n config,\n dateRange,\n groupFilters,\n valueRangeFilter,\n });\n}\n\nexport function convertToNumberChartConfig(\n config: BuilderChartConfigWithDateRange,\n): BuilderChartConfigWithOptTimestamp {\n return omit(config, ['granularity', 'groupBy']);\n}\n\nexport function convertToPieChartConfig(\n config: BuilderChartConfigWithOptTimestamp,\n): BuilderChartConfigWithOptTimestamp {\n return omit(config, ['granularity']);\n}\n\nexport function convertToTableChartConfig(\n config: BuilderChartConfigWithOptTimestamp,\n): BuilderChartConfigWithOptTimestamp {\n const convertedConfig = structuredClone(omit(config, ['granularity']));\n\n // Set a default limit if not already set\n if (!convertedConfig.limit) {\n convertedConfig.limit = { limit: 200 };\n }\n\n // Set a default orderBy if groupBy is set but orderBy is not,\n // so that the set of rows within the limit is stable.\n if (\n convertedConfig.groupBy &&\n typeof convertedConfig.groupBy === 'string' &&\n !convertedConfig.orderBy\n ) {\n convertedConfig.orderBy = convertedConfig.groupBy;\n }\n\n return convertedConfig;\n}\n\nexport function buildMVDateRangeIndicator({\n mvOptimizationData,\n originalDateRange,\n}: {\n mvOptimizationData?: MVOptimizationExplanationResult;\n originalDateRange: [Date, Date];\n}) {\n const mvDateRange = mvOptimizationData?.optimizedConfig?.dateRange;\n if (!mvDateRange) return null;\n\n const mvGranularity = mvOptimizationData?.explanations.find(e => e.success)\n ?.mvConfig.minGranularity;\n\n return (\n \n );\n}\n\nexport function shouldFillNullsWithZero(\n fillNulls: ChartConfigWithOptDateRange['fillNulls'],\n): boolean {\n // To match legacy behavior, fill nulls with 0 unless explicitly disabled\n return fillNulls !== false;\n}\n" }, { "path": "packages/app/src/Checkbox.tsx", "content": "export default function Checkbox({\n id,\n className,\n labelClassName,\n checked,\n onChange,\n label,\n disabled,\n title,\n}: {\n id: string;\n className?: string;\n labelClassName?: string;\n checked: boolean;\n onChange: () => void;\n label: React.ReactNode;\n disabled?: boolean;\n title?: string;\n}) {\n return (\n \n \n \n {label}\n \n \n );\n}\n" }, { "path": "packages/app/src/ClickhousePage.tsx", "content": "import { useEffect, useMemo, useState } from 'react';\nimport dynamic from 'next/dynamic';\nimport {\n parseAsFloat,\n parseAsStringEnum,\n useQueryState,\n useQueryStates,\n} from 'nuqs';\nimport { useForm, useWatch } from 'react-hook-form';\nimport { sql } from '@codemirror/lang-sql';\nimport { format as formatSql } from '@hyperdx/common-utils/dist/sqlFormatter';\nimport {\n ChartConfigWithDateRange,\n DisplayType,\n Filter,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n ActionIcon,\n Box,\n Button,\n Grid,\n Group,\n SegmentedControl,\n Stack,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport { IconRefresh } from '@tabler/icons-react';\nimport ReactCodeMirror from '@uiw/react-codemirror';\n\nimport { ConnectionSelectControlled } from '@/components/ConnectionSelect';\nimport { DBTimeChart } from '@/components/DBTimeChart';\nimport { TimePicker } from '@/components/TimePicker';\nimport { withAppNav } from '@/layout';\n\nimport { ChartBox } from './components/ChartBox';\nimport DBHeatmapChart from './components/DBHeatmapChart';\nimport { DBSqlRowTable } from './components/DBRowTable';\nimport DBTableChart from './components/DBTableChart';\nimport OnboardingModal from './components/OnboardingModal';\nimport { useDashboardRefresh } from './hooks/useDashboardRefresh';\nimport { useConnections } from './connection';\nimport { parseTimeQuery, useNewTimeQuery } from './timeQuery';\nimport { usePrevious } from './utils';\n\n// TODO: This is a hack to set the default time range\nconst defaultTimeRange = parseTimeQuery('Past 1h', false) as [Date, Date];\n\nconst from = {\n databaseName: 'system',\n tableName: 'query_log',\n};\n\nfunction InfrastructureTab({\n searchedTimeRange,\n connection,\n onTimeRangeSelect,\n}: {\n searchedTimeRange: [Date, Date];\n connection: string;\n onTimeRangeSelect: (start: Date, end: Date) => void;\n}) {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Network\n \n \n Network activity for the entire machine, not only Clickhouse.\n \n \n }\n config={{\n select: [\n {\n aggFn: 'avg',\n aggCondition: '',\n valueExpression: 'value',\n },\n ],\n from: {\n databaseName: 'system',\n tableName: 'asynchronous_metric_log',\n },\n where: `metric ILIKE 'NetworkReceiveBytes_%' OR metric ILIKE 'NetworkSendBytes_%'`,\n groupBy: [{ valueExpression: 'metric' }],\n connection,\n dateRange: searchedTimeRange,\n timestampValueExpression: 'event_time',\n displayType: DisplayType.Line,\n numberFormat: {\n output: 'byte',\n mantissa: 2,\n },\n }}\n onTimeRangeSelect={onTimeRangeSelect}\n />\n \n \n \n );\n}\n\nfunction InsertsTab({\n searchedTimeRange,\n connection,\n onTimeRangeSelect,\n}: {\n searchedTimeRange: [Date, Date];\n connection: string;\n onTimeRangeSelect: (start: Date, end: Date) => void;\n}) {\n const [insertsBy, setInsertsBy] = useQueryState(\n 'insertsBy',\n parseAsStringEnum(['queries', 'rows', 'bytes']).withDefault('queries'),\n );\n\n const insertsPerTableConfig: ChartConfigWithDateRange = useMemo(() => {\n const filters: Filter[] =\n insertsBy === 'queries'\n ? [\n {\n type: 'sql_ast',\n operator: '=',\n left: 'query_kind',\n right: `'Insert'`,\n },\n // Each query will have a QueryStart and either a QueryFinish or an Exception event.\n // Filter to only QueryStart to avoid double counting.\n {\n type: 'sql_ast',\n operator: '=',\n left: 'type',\n right: `'QueryStart'`,\n },\n ]\n : [\n // Async inserts have no written_rows/written_bytes, when async inserts are enabled - the\n // associated written_rows/written_bytes will be present in AsyncInsertFlush events.\n {\n type: 'sql',\n condition: `query_kind IN ('Insert', 'AsyncInsertFlush')`,\n },\n // Filter for only QueryFinish events to count only completed inserts. QueryStart\n // events will not have written_rows/written_bytes populated.\n {\n type: 'sql_ast',\n operator: '=',\n left: 'type',\n right: `'QueryFinish'`,\n },\n ];\n\n return {\n select:\n insertsBy === 'queries'\n ? [\n {\n aggFn: 'count' as const,\n valueExpression: '',\n aggCondition: '',\n alias: 'Queries',\n },\n ]\n : insertsBy === 'rows'\n ? [\n {\n aggFn: 'sum' as const,\n valueExpression: 'written_rows' as const,\n aggCondition: '',\n alias: 'Rows',\n },\n ]\n : [\n {\n aggFn: 'sum' as const,\n valueExpression: 'written_bytes' as const,\n aggCondition: '',\n alias: 'Bytes',\n },\n ],\n from,\n where: '',\n timestampValueExpression: 'event_time',\n dateRange: searchedTimeRange,\n displayType: DisplayType.Line,\n filters,\n groupBy: [{ valueExpression: 'tables' }],\n connection,\n numberFormat:\n insertsBy === 'bytes'\n ? {\n output: 'byte',\n mantissa: 2,\n }\n : undefined,\n };\n }, [insertsBy, searchedTimeRange, connection]);\n\n return (\n \n \n \n \n Insert{' '}\n {insertsBy === 'queries'\n ? 'Queries'\n : insertsBy === 'rows'\n ? 'Rows'\n : 'Bytes'}{' '}\n Per Table\n \n }\n toolbarPrefix={[\n {\n // @ts-ignore\n setInsertsBy(value);\n }}\n data={[\n { label: 'Queries', value: 'queries' },\n { label: 'Rows', value: 'rows' },\n { label: 'Bytes', value: 'bytes' },\n ]}\n />,\n ]}\n config={insertsPerTableConfig}\n onTimeRangeSelect={onTimeRangeSelect}\n />\n \n \n \n \n \n \n \n \n \n \n \n Active Parts Per Partition\n \n \n Recommended to stay under 300, ClickHouse will automatically\n throttle inserts after 1,000 parts per partition and stop\n inserts at 3,000 parts per partition.\n \n \n }\n config={{\n dateRange: searchedTimeRange,\n select: [\n {\n aggFn: 'count',\n valueExpression: '',\n alias: 'Part Count',\n },\n {\n aggFn: 'sum',\n valueExpression: 'rows',\n alias: 'Rows',\n },\n {\n valueExpression: 'database',\n alias: 'Database',\n },\n {\n valueExpression: 'table',\n alias: 'Table',\n },\n {\n valueExpression: 'partition',\n alias: 'Partition',\n },\n ],\n from: {\n databaseName: 'system',\n tableName: 'parts',\n },\n where: `active=1`,\n groupBy: [\n { valueExpression: 'database' },\n {\n valueExpression: 'table',\n },\n {\n valueExpression: 'partition',\n },\n ],\n connection,\n orderBy: [\n {\n valueExpression: 'count()',\n ordering: 'DESC',\n },\n ],\n limit: { limit: 100 },\n selectGroupBy: false,\n }}\n />\n \n \n \n );\n}\n\nfunction ClickhousePage() {\n const { data: connections } = useConnections();\n const [_connection, setConnection] = useQueryState('connection');\n const [latencyFilter, setLatencyFilter] = useQueryStates({\n latencyMin: parseAsFloat,\n latencyMax: parseAsFloat,\n });\n const [tab, setTab] = useQueryState(\n 'tab',\n parseAsStringEnum(['selects', 'inserts', 'infrastructure']).withDefault(\n 'selects',\n ),\n );\n\n const connection = _connection ?? connections?.[0]?.id ?? '';\n\n const { control } = useForm({\n values: {\n connection,\n },\n });\n\n const watchedConnection = useWatch({ control, name: 'connection' });\n const previousWatchedConnection = usePrevious(watchedConnection);\n\n useEffect(() => {\n if (previousWatchedConnection !== watchedConnection) {\n setConnection(watchedConnection ?? null);\n }\n }, [watchedConnection, setConnection, previousWatchedConnection]);\n const DEFAULT_INTERVAL = 'Past 1h';\n const [displayedTimeInputValue, setDisplayedTimeInputValue] =\n useState(DEFAULT_INTERVAL);\n\n const { searchedTimeRange, onSearch, onTimeRangeSelect } = useNewTimeQuery({\n initialDisplayValue: DEFAULT_INTERVAL,\n initialTimeRange: defaultTimeRange,\n setDisplayedTimeInputValue,\n // showRelativeInterval: isLive,\n });\n\n // For future use if Live button is added\n const [isLive, setIsLive] = useState(false);\n\n const { manualRefreshCooloff, refresh } = useDashboardRefresh({\n searchedTimeRange,\n onTimeRangeSelect,\n isLive,\n });\n\n const filters = useMemo(() => {\n const { latencyMin, latencyMax } = latencyFilter;\n return [\n ...(latencyMax != null\n ? [\n {\n type: 'sql_ast' as const,\n operator: '<' as const,\n left: 'query_duration_ms',\n right: `${latencyMax}`,\n },\n ]\n : []),\n ...(latencyMin != null\n ? [\n {\n type: 'sql_ast' as const,\n operator: '>' as const,\n left: 'query_duration_ms',\n right: `${latencyMin}`,\n },\n ]\n : []),\n ];\n }, [latencyFilter]);\n\n const heatmapToolbarItems = useMemo(() => {\n if (latencyFilter.latencyMin != null || latencyFilter.latencyMax != null) {\n return [\n {\n // Clears the min/max latency filters that are used to filter the query results\n setLatencyFilter({\n latencyMin: null,\n latencyMax: null,\n });\n // Updates the URL state and triggers a new data fetch\n onSearch(DEFAULT_INTERVAL);\n }}\n >\n Reset\n ,\n ];\n }\n }, [latencyFilter, onSearch, setLatencyFilter]);\n\n return (\n \n \n \n \n Clickhouse Dashboard\n \n \n \n {\n e.preventDefault();\n onSearch(displayedTimeInputValue);\n return false;\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n Select\n Inserts\n {/* Merges / Mutations */}\n Infrastructure\n \n \n \n \n \n {\n onTimeRangeSelect(\n new Date(tsStart * 1000),\n new Date(tsEnd * 1000),\n );\n setLatencyFilter({\n latencyMax,\n latencyMin,\n });\n }}\n />\n \n \n \n \n {\n onTimeRangeSelect(start, end);\n }}\n />\n \n \n \n \n \n \n \n \n \n \n Slowest Queries\n \n {\n return (\n \n );\n }}\n config={{\n select: `event_time, query_kind, \n read_rows,\n formatReadableSize(memory_usage) as memory_usage,\n query_duration_ms, \n query`,\n dateRange: searchedTimeRange,\n from,\n where: `(\n type='ExceptionWhileProcessing' OR type='QueryFinish' \n )`,\n timestampValueExpression: 'event_time',\n connection,\n orderBy: [\n {\n valueExpression: 'query_duration_ms',\n ordering: 'DESC',\n },\n ],\n filters: [\n ...filters,\n {\n type: 'sql_ast',\n operator: '=',\n left: 'query_kind',\n right: `'Select'`,\n },\n ],\n limit: { limit: 100 },\n }}\n />\n \n \n \n \n \n \n \n \n \n \n \n \n );\n}\nconst ClickhousePageDynamic = dynamic(async () => ClickhousePage, {\n ssr: false,\n});\n\n// @ts-ignore\nClickhousePageDynamic.getLayout = withAppNav;\n\nexport default ClickhousePageDynamic;\n" }, { "path": "packages/app/src/Clipboard.tsx", "content": "import { useState } from 'react';\nimport cx from 'classnames';\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\nimport { Button } from '@mantine/core';\n\nexport default function Clipboard({\n text,\n className,\n children,\n}: {\n text: string;\n className?: string;\n children: ({ isCopied }: { isCopied: boolean }) => React.ReactNode;\n}) {\n const [isCopied, setIsCopied] = useState(false);\n\n return (\n {\n setIsCopied(true);\n setTimeout(() => setIsCopied(false), 2000);\n }}\n >\n \n {children({ isCopied })}\n \n \n );\n}\n" }, { "path": "packages/app/src/DBChartPage.tsx", "content": "import { useRef, useState } from 'react';\nimport dynamic from 'next/dynamic';\nimport Head from 'next/head';\nimport { parseAsJson, useQueryState } from 'nuqs';\nimport { useForm } from 'react-hook-form';\nimport { useHotkeys } from 'react-hotkeys-hook';\nimport { SavedChartConfig, SourceKind } from '@hyperdx/common-utils/dist/types';\nimport {\n Alert,\n Box,\n Button,\n Collapse,\n Divider,\n Group,\n Loader,\n Pill,\n Text,\n} from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\nimport {\n IconChevronDown,\n IconChevronUp,\n IconInfoCircle,\n} from '@tabler/icons-react';\n\nimport api from '@/api';\nimport { DEFAULT_CHART_CONFIG } from '@/ChartUtils';\nimport EditTimeChartForm from '@/components/DBEditTimeChartForm';\nimport { InputControlled } from '@/components/InputControlled';\nimport { SourceSelectControlled } from '@/components/SourceSelect';\nimport { useChartAssistant } from '@/hooks/ai';\nimport { withAppNav } from '@/layout';\nimport { useSources } from '@/source';\nimport { useBrandDisplayName } from '@/theme/ThemeProvider';\nimport { parseTimeQuery, useNewTimeQuery } from '@/timeQuery';\nimport { useLocalStorage } from '@/utils';\n\n// Autocomplete can focus on column/map keys\n\n// Sampled field discovery and full field discovery\n\n// TODO: This is a hack to set the default time range\nconst defaultTimeRange = parseTimeQuery('Past 1h', false) as [Date, Date];\n\nfunction AIAssistant({\n setConfig,\n onTimeRangeSelect,\n submitRef,\n aiAssistantEnabled,\n}: {\n setConfig: (config: SavedChartConfig) => void;\n onTimeRangeSelect: (start: Date, end: Date) => void;\n submitRef: React.RefObject<(() => void) | undefined>;\n aiAssistantEnabled: boolean;\n}) {\n const brandName = useBrandDisplayName();\n const [opened, setOpened] = useState(false);\n const [alertDismissed, setAlertDismissed] = useLocalStorage(\n 'ai-assistant-alert-dismissed',\n false,\n );\n const { control, setValue, handleSubmit } = useForm<{\n text: string;\n source: string;\n }>({\n defaultValues: {\n text: '',\n source: '',\n },\n });\n\n const chartAssistant = useChartAssistant();\n\n const onSubmit = (data: { text: string; source: string }) => {\n chartAssistant.mutate(\n {\n sourceId: data.source,\n text: data.text,\n },\n {\n onSuccess(data) {\n setConfig({ ...data, where: '' });\n onTimeRangeSelect(\n new Date(data.dateRange[0]),\n new Date(data.dateRange[1]),\n );\n\n // FIXME: This is a hack to submit after the form has been updated\n setTimeout(() => {\n if (submitRef.current) {\n submitRef.current();\n }\n }, 100);\n\n notifications.show({\n color: 'green',\n message: 'Chart generated successfully',\n autoClose: 2000,\n });\n },\n onError(err) {\n notifications.show({\n color: 'red',\n title: 'Error Generating Chart',\n message: err.message,\n autoClose: 2000,\n });\n },\n },\n );\n };\n\n useHotkeys(\n 'a',\n () => {\n setOpened(v => !v);\n },\n {\n preventDefault: true,\n },\n );\n\n if (!aiAssistantEnabled && !alertDismissed) {\n return (\n \n }\n variant=\"outline\"\n withCloseButton\n onClose={() => setAlertDismissed(true)}\n p=\"xxs\"\n >\n \n New AI Assistant available, enable with configuring the{' '}\n ANTHROPIC_API_KEY environment variable on the{' '}\n {brandName} server.\n \n \n \n \n );\n } else if (!aiAssistantEnabled) {\n return null;\n }\n\n return (\n \n \n setOpened(o => !o)}\n size=\"xs\"\n variant=\"subtle\"\n color=\"gray\"\n >\n \n {opened ? (\n \n ) : (\n \n )}\n AI Assistant [A]\n \n \n Experimental\n \n \n {opened && (\n // eslint-disable-next-line react-hooks/refs\n
\n \n \n \n \n \n {chartAssistant.isPending ? (\n \n ) : (\n \n )}\n \n
\n )}\n \n \n \n );\n}\n\nfunction DBChartExplorerPage() {\n const brandName = useBrandDisplayName();\n const {\n searchedTimeRange,\n displayedTimeInputValue,\n setDisplayedTimeInputValue,\n onSearch,\n onTimeRangeSelect,\n } = useNewTimeQuery({\n initialDisplayValue: 'Past 1h',\n initialTimeRange: defaultTimeRange,\n // showRelativeInterval: isLive,\n });\n\n const submitRef = useRef<(() => void) | undefined>(undefined);\n const { data: sources } = useSources();\n const { data: me } = api.useMe();\n\n const [chartConfig, setChartConfig] = useQueryState(\n 'config',\n parseAsJson().withDefault({\n ...DEFAULT_CHART_CONFIG,\n source: sources?.[0]?.id ?? '',\n connection: sources?.[0]?.connection,\n }),\n );\n\n return (\n \n \n Chart Explorer - {brandName}\n \n \n {\n setChartConfig(config);\n }}\n dateRange={searchedTimeRange}\n setDisplayedTimeInputValue={setDisplayedTimeInputValue}\n displayedTimeInputValue={displayedTimeInputValue}\n onTimeRangeSearch={onSearch}\n onTimeRangeSelect={onTimeRangeSelect}\n submitRef={submitRef}\n />\n \n );\n}\n\nconst DBChartExplorerPageDynamic = dynamic(async () => DBChartExplorerPage, {\n ssr: false,\n});\n\n// @ts-ignore\nDBChartExplorerPageDynamic.getLayout = withAppNav;\n\nexport default DBChartExplorerPageDynamic;\n" }, { "path": "packages/app/src/DBDashboardImportPage.tsx", "content": "import { useEffect, useRef, useState } from 'react';\nimport dynamic from 'next/dynamic';\nimport Head from 'next/head';\nimport { useRouter } from 'next/router';\nimport { Controller, useForm, useWatch } from 'react-hook-form';\nimport { StringParam, useQueryParam } from 'use-query-params';\nimport { z } from 'zod';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { convertToDashboardDocument } from '@hyperdx/common-utils/dist/core/utils';\nimport { isRawSqlSavedChartConfig } from '@hyperdx/common-utils/dist/guards';\nimport {\n DashboardTemplateSchema,\n SavedChartConfig,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n Button,\n Collapse,\n Container,\n Group,\n Input,\n Stack,\n Table,\n Text,\n TextInput,\n} from '@mantine/core';\nimport { Dropzone } from '@mantine/dropzone';\nimport { useDisclosure } from '@mantine/hooks';\nimport { notifications } from '@mantine/notifications';\nimport {\n IconChevronRight,\n IconFile,\n IconUpload,\n IconX,\n} from '@tabler/icons-react';\n\nimport { PageHeader } from './components/PageHeader';\nimport SelectControlled from './components/SelectControlled';\nimport { useBrandDisplayName } from './theme/ThemeProvider';\nimport { useConnections } from './connection';\nimport { useCreateDashboard, useUpdateDashboard } from './dashboard';\nimport { withAppNav } from './layout';\nimport { useSources } from './source';\n\n// The schema for the JSON data we expect to receive\nconst InputSchema = DashboardTemplateSchema;\ntype Input = z.infer;\n\nfunction FileSelection({\n onComplete,\n}: {\n onComplete: (input: Input | null) => void;\n}) {\n // The schema for the form data we expect to receive\n const FormSchema = z.object({ file: z.instanceof(File).nullable() });\n\n type FormValues = z.infer;\n\n const [error, setError] = useState<{\n message: string;\n details?: string;\n } | null>(null);\n const [errorDetails, { toggle: toggleErrorDetails }] = useDisclosure(false);\n\n const {\n control,\n handleSubmit,\n formState: { errors },\n } = useForm({\n resolver: zodResolver(FormSchema),\n });\n\n const onSubmit = async ({ file }: FormValues) => {\n setError(null);\n if (!file) return;\n\n try {\n const text = await file.text();\n const data = JSON.parse(text);\n const parsed = InputSchema.parse(data); // throws if invalid\n onComplete(parsed);\n } catch (e: any) {\n onComplete(null);\n setError({\n message: 'Failed to Import Dashboard',\n details: e?.message ?? 'Failed to parse/validate JSON',\n });\n }\n };\n\n return (\n
\n \n (\n {\n field.onChange(files[0]);\n handleSubmit(onSubmit)();\n }}\n onReject={() =>\n setError({ message: 'Invalid File Type or Size' })\n }\n maxSize={5 * 1024 ** 2}\n maxFiles={1}\n accept={['application/json']}\n >\n \n \n \n \n \n \n \n \n \n \n\n
\n \n Import Dashboard\n \n \n Drag and drop a JSON file here, or click to select from your\n computer.\n \n
\n \n \n )}\n />\n\n {error && (\n
\n {error.message}\n {error.details && (\n <>\n \n \n \n {errorDetails ? 'Hide Details' : 'Show Details'}\n \n \n \n {error.details}\n \n \n )}\n
\n )}\n \n
\n );\n}\n\nconst MappingForm = z.object({\n dashboardName: z.string().min(1),\n sourceMappings: z.array(z.string()),\n connectionMappings: z.array(z.string()),\n filterSourceMappings: z.array(z.string()).optional(),\n});\n\ntype MappingFormValues = z.infer;\n\nfunction Mapping({ input }: { input: Input }) {\n const router = useRouter();\n const { data: sources } = useSources();\n const { data: connections } = useConnections();\n const [dashboardId] = useQueryParam('dashboardId', StringParam);\n\n const { handleSubmit, getFieldState, control, setValue } =\n useForm({\n resolver: zodResolver(MappingForm),\n defaultValues: {\n dashboardName: input.name,\n sourceMappings: input.tiles.map(() => ''),\n connectionMappings: input.tiles.map(() => ''),\n },\n });\n\n // When the input changes, reset the form\n useEffect(() => {\n if (!input || !sources || !connections) return;\n\n const sourceMappings = input.tiles.map(tile => {\n const config = tile.config as SavedChartConfig;\n if (!config.source) return '';\n const match = sources.find(\n source => source.name.toLowerCase() === config.source!.toLowerCase(),\n );\n return match?.id || '';\n });\n\n const connectionMappings = input.tiles.map(tile => {\n const config = tile.config as SavedChartConfig;\n if (!isRawSqlSavedChartConfig(config)) return '';\n const match = connections.find(\n conn => conn.name.toLowerCase() === config.connection.toLowerCase(),\n );\n return match?.id || '';\n });\n\n const filterSourceMappings = input.filters?.map(filter => {\n const match = sources.find(\n source => source.name.toLowerCase() === filter.source.toLowerCase(),\n );\n return match?.id || '';\n });\n\n setValue('sourceMappings', sourceMappings);\n setValue('connectionMappings', connectionMappings);\n setValue('filterSourceMappings', filterSourceMappings);\n }, [setValue, sources, connections, input]);\n\n const isUpdatingRef = useRef(false);\n const sourceMappings = useWatch({ control, name: 'sourceMappings' });\n const connectionMappings = useWatch({ control, name: 'connectionMappings' });\n const prevSourceMappingsRef = useRef(sourceMappings);\n const prevConnectionMappingsRef = useRef(connectionMappings);\n\n // Propagate source mapping changes to other tiles/filters with the same input source\n useEffect(() => {\n if (isUpdatingRef.current) return;\n if (!sourceMappings || !input.tiles) return;\n\n const changedIdx = sourceMappings.findIndex(\n (mapping, idx) => mapping !== prevSourceMappingsRef.current?.[idx],\n );\n if (changedIdx === -1) return;\n\n prevSourceMappingsRef.current = sourceMappings;\n\n const inputTile = input.tiles[changedIdx];\n const inputTileConfig = inputTile?.config;\n if (!inputTileConfig || !inputTileConfig.source) return;\n\n const sourceId = sourceMappings[changedIdx] ?? '';\n const inputTileSource = inputTileConfig.source;\n\n const keysForTilesWithMatchingSource = input.tiles\n .map((tile, index) => ({ config: tile.config, index }))\n .filter(tile => tile.config.source === inputTileSource)\n .map(({ index }) => `sourceMappings.${index}` as const);\n\n const keysForFiltersWithMatchingSource =\n input.filters\n ?.map((filter, index) => ({ ...filter, index }))\n .filter(f => f.source === inputTileSource)\n .map(({ index }) => `filterSourceMappings.${index}` as const) ?? [];\n\n isUpdatingRef.current = true;\n for (const key of [\n ...keysForTilesWithMatchingSource,\n ...keysForFiltersWithMatchingSource,\n ]) {\n if (!getFieldState(key).isDirty) {\n setValue(key, sourceId, { shouldValidate: true });\n }\n }\n isUpdatingRef.current = false;\n }, [sourceMappings, input.tiles, input.filters, getFieldState, setValue]);\n\n // Propagate connection mapping changes to other RawSQL tiles with the same input connection\n useEffect(() => {\n if (isUpdatingRef.current) return;\n if (!connectionMappings || !input.tiles) return;\n\n const changedIdx = connectionMappings.findIndex(\n (mapping, idx) => mapping !== prevConnectionMappingsRef.current?.[idx],\n );\n if (changedIdx === -1) return;\n\n prevConnectionMappingsRef.current = connectionMappings;\n\n const inputTile = input.tiles[changedIdx];\n const inputTileConfig = inputTile?.config as SavedChartConfig | undefined;\n if (!inputTileConfig || !isRawSqlSavedChartConfig(inputTileConfig)) return;\n\n const connectionId = connectionMappings[changedIdx] ?? '';\n const inputTileConnection = inputTileConfig.connection;\n\n const keysForTilesWithMatchingConnection = input.tiles\n .map((tile, index) => ({\n config: tile.config as SavedChartConfig,\n index,\n }))\n .filter(\n tile =>\n isRawSqlSavedChartConfig(tile.config) &&\n tile.config.connection === inputTileConnection,\n )\n .map(({ index }) => `connectionMappings.${index}` as const);\n\n isUpdatingRef.current = true;\n for (const key of keysForTilesWithMatchingConnection) {\n if (!getFieldState(key).isDirty) {\n setValue(key, connectionId, { shouldValidate: true });\n }\n }\n isUpdatingRef.current = false;\n }, [connectionMappings, input.tiles, getFieldState, setValue]);\n\n const createDashboard = useCreateDashboard();\n const updateDashboard = useUpdateDashboard();\n\n const onSubmit = async (data: MappingFormValues) => {\n try {\n // Zip the source/connection mappings with the input tiles\n const zippedTiles = input.tiles.map((tile, idx) => {\n const source = sources?.find(\n source => source.id === data.sourceMappings[idx],\n );\n\n if (isRawSqlSavedChartConfig(tile.config)) {\n const connection = connections?.find(\n conn => conn.id === data.connectionMappings[idx],\n );\n return {\n ...tile,\n config: {\n ...tile.config,\n connection: connection!.id,\n ...(source ? { source: source.id } : {}),\n },\n };\n }\n return {\n ...tile,\n config: {\n ...tile.config,\n source: source!.id,\n },\n };\n });\n // Zip the source mappings with the input filters\n const zippedFilters = input.filters?.map((filter, idx) => {\n const source = sources?.find(\n source => source.id === data.filterSourceMappings?.[idx],\n );\n return {\n ...filter,\n source: source!.id,\n };\n });\n // Format for server\n const output = convertToDashboardDocument({\n ...input,\n tiles: zippedTiles,\n filters: zippedFilters,\n name: data.dashboardName,\n });\n let _dashboardId = dashboardId;\n if (_dashboardId) {\n await updateDashboard.mutateAsync({\n ...output,\n id: _dashboardId,\n });\n } else {\n const result = await createDashboard.mutateAsync(output);\n _dashboardId = result.id;\n }\n // Redirect\n notifications.show({\n color: 'green',\n message: 'Import Successful!',\n });\n router.push(`/dashboards/${_dashboardId}`);\n } catch {\n notifications.show({\n color: 'red',\n message: 'Something went wrong. Please try again.',\n });\n }\n };\n\n return (\n
\n \n \n Step 2: Map Data\n \n (\n \n )}\n />\n \n \n \n Name\n Input Source\n Mapped Source\n Input Connection\n Mapped Connection\n \n \n \n {input.tiles.map((tile, i) => {\n const config = tile.config;\n const isRawSql = isRawSqlSavedChartConfig(config);\n return (\n \n {tile.config.name}\n\n {config.source ?? ''}\n \n {config.source != null && (\n ({\n value: source.id,\n label: source.name,\n }))}\n placeholder=\"Select a source\"\n />\n )}\n \n {isRawSql ? config.connection : ''}\n \n {isRawSql ? (\n ({\n value: conn.id,\n label: conn.name,\n }))}\n placeholder=\"Select a connection\"\n />\n ) : null}\n \n \n );\n })}\n {input.filters?.map((filter, i) => (\n \n {filter.name} (filter)\n {filter.source}\n \n ({\n value: source.id,\n label: source.name,\n }))}\n placeholder=\"Select a source\"\n />\n \n \n \n \n ))}\n \n
\n {createDashboard.isError && (\n {createDashboard.error.toString()}\n )}\n \n \n
\n );\n}\n\nfunction DBDashboardImportPage() {\n const brandName = useBrandDisplayName();\n const [input, setInput] = useState(null);\n\n return (\n
\n \n Create a Dashboard - {brandName}\n \n \n
Create Dashboard > Import Dashboard
\n \n
\n \n \n {\n setInput(i);\n }}\n />\n {input && }\n \n \n
\n
\n );\n}\n\nconst DBDashboardImportPageDynamic = dynamic(\n async () => DBDashboardImportPage,\n {\n ssr: false,\n },\n);\n\n// @ts-ignore\nDBDashboardImportPageDynamic.getLayout = withAppNav;\n\nexport default DBDashboardImportPageDynamic;\n" }, { "path": "packages/app/src/DBDashboardPage.tsx", "content": "import {\n ForwardedRef,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport dynamic from 'next/dynamic';\nimport Head from 'next/head';\nimport { useRouter } from 'next/router';\nimport { formatRelative } from 'date-fns';\nimport produce from 'immer';\nimport { pick } from 'lodash';\nimport { parseAsString, useQueryState } from 'nuqs';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport RGL, { WidthProvider } from 'react-grid-layout';\nimport { useForm, useWatch } from 'react-hook-form';\nimport { TableConnection } from '@hyperdx/common-utils/dist/core/metadata';\nimport { convertToDashboardTemplate } from '@hyperdx/common-utils/dist/core/utils';\nimport {\n isBuilderChartConfig,\n isBuilderSavedChartConfig,\n isRawSqlChartConfig,\n isRawSqlSavedChartConfig,\n} from '@hyperdx/common-utils/dist/guards';\nimport {\n AlertState,\n ChartConfigWithDateRange,\n DashboardContainer,\n DashboardFilter,\n DisplayType,\n Filter,\n isLogSource,\n isTraceSource,\n SearchCondition,\n SearchConditionLanguage,\n SourceKind,\n SQLInterval,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n ActionIcon,\n Box,\n Button,\n Flex,\n Group,\n Indicator,\n Input,\n Menu,\n Modal,\n Paper,\n Text,\n Title,\n Tooltip,\n} from '@mantine/core';\nimport { useHotkeys, useHover } from '@mantine/hooks';\nimport { notifications } from '@mantine/notifications';\nimport {\n IconArrowsMaximize,\n IconBell,\n IconCopy,\n IconDeviceFloppy,\n IconDotsVertical,\n IconDownload,\n IconFilterEdit,\n IconLayoutList,\n IconPencil,\n IconPlayerPlay,\n IconRefresh,\n IconTags,\n IconTrash,\n IconUpload,\n IconX,\n IconZoomExclamation,\n} from '@tabler/icons-react';\n\nimport { ContactSupportText } from '@/components/ContactSupportText';\nimport EditTimeChartForm from '@/components/DBEditTimeChartForm';\nimport DBNumberChart from '@/components/DBNumberChart';\nimport DBTableChart from '@/components/DBTableChart';\nimport { DBTimeChart } from '@/components/DBTimeChart';\nimport FullscreenPanelModal from '@/components/FullscreenPanelModal';\nimport SectionHeader from '@/components/SectionHeader';\nimport { TimePicker } from '@/components/TimePicker';\nimport {\n Dashboard,\n type Tile,\n useCreateDashboard,\n useDeleteDashboard,\n} from '@/dashboard';\n\nimport ChartContainer from './components/charts/ChartContainer';\nimport { DBPieChart } from './components/DBPieChart';\nimport DBSqlRowTableWithSideBar from './components/DBSqlRowTableWithSidebar';\nimport OnboardingModal from './components/OnboardingModal';\nimport SearchWhereInput, {\n getStoredLanguage,\n} from './components/SearchInput/SearchWhereInput';\nimport { Tags } from './components/Tags';\nimport useDashboardFilters from './hooks/useDashboardFilters';\nimport { useDashboardRefresh } from './hooks/useDashboardRefresh';\nimport { useBrandDisplayName } from './theme/ThemeProvider';\nimport { parseAsJsonEncoded, parseAsStringEncoded } from './utils/queryParsers';\nimport { buildTableRowSearchUrl, DEFAULT_CHART_CONFIG } from './ChartUtils';\nimport { useConnections } from './connection';\nimport { useDashboard } from './dashboard';\nimport DashboardFilters from './DashboardFilters';\nimport DashboardFiltersModal from './DashboardFiltersModal';\nimport { GranularityPickerControlled } from './GranularityPicker';\nimport HDXMarkdownChart from './HDXMarkdownChart';\nimport { withAppNav } from './layout';\nimport {\n getFirstTimestampValueExpression,\n useSource,\n useSources,\n} from './source';\nimport { parseTimeQuery, useNewTimeQuery } from './timeQuery';\nimport { useConfirm } from './useConfirm';\nimport { getMetricTableName } from './utils';\nimport { useZIndex, ZIndexContext } from './zIndex';\n\nimport 'react-grid-layout/css/styles.css';\nimport 'react-resizable/css/styles.css';\n\nconst makeId = () => Math.floor(100000000 * Math.random()).toString(36);\n\nconst ReactGridLayout = WidthProvider(RGL);\n\nconst tileToLayoutItem = (chart: Tile): RGL.Layout => ({\n i: chart.id,\n x: chart.x,\n y: chart.y,\n w: chart.w,\n h: chart.h,\n minH: 1,\n minW: 1,\n});\n\n// TODO: This is a hack to set the default time range\nconst defaultTimeRange = parseTimeQuery('Past 1h', false) as [Date, Date];\n\nconst whereLanguageParser = parseAsString.withDefault(\n typeof window !== 'undefined' ? (getStoredLanguage() ?? 'lucene') : 'lucene',\n);\n\nconst Tile = forwardRef(\n (\n {\n chart,\n dateRange,\n onDuplicateClick,\n onEditClick,\n onDeleteClick,\n onUpdateChart,\n onMoveToSection,\n containers: availableSections,\n granularity,\n onTimeRangeSelect,\n filters,\n\n // Properties forwarded by grid layout\n className,\n style,\n onMouseDown,\n onMouseUp,\n onTouchEnd,\n children,\n isHighlighted,\n }: {\n chart: Tile;\n dateRange: [Date, Date];\n onDuplicateClick: () => void;\n onEditClick: () => void;\n onAddAlertClick?: () => void;\n onDeleteClick: () => void;\n onUpdateChart?: (chart: Tile) => void;\n onMoveToSection?: (containerId: string | undefined) => void;\n containers?: DashboardContainer[];\n onSettled?: () => void;\n granularity: SQLInterval | undefined;\n onTimeRangeSelect: (start: Date, end: Date) => void;\n filters?: Filter[];\n\n // Properties forwarded by grid layout\n className?: string;\n style?: React.CSSProperties;\n onMouseDown?: (e: React.MouseEvent) => void;\n onMouseUp?: (e: React.MouseEvent) => void;\n onTouchEnd?: (e: React.TouchEvent) => void;\n children?: React.ReactNode; // Resizer tooltip\n isHighlighted?: boolean;\n },\n ref: ForwardedRef,\n ) => {\n const [isFullscreen, setIsFullscreen] = useState(false);\n const [isFocused, setIsFocused] = useState(false);\n\n useEffect(() => {\n if (isHighlighted) {\n document\n .getElementById(`chart-${chart.id}`)\n ?.scrollIntoView({ behavior: 'smooth' });\n }\n }, [chart.id, isHighlighted]);\n\n // YouTube-style 'f' key shortcut for fullscreen toggle\n useHotkeys([['f', () => isFocused && setIsFullscreen(prev => !prev)]]);\n\n const [queriedConfig, setQueriedConfig] = useState<\n ChartConfigWithDateRange | undefined\n >(undefined);\n\n const { data: source } = useSource({\n id: chart.config.source,\n });\n\n useEffect(() => {\n if (isRawSqlSavedChartConfig(chart.config)) {\n // Some raw SQL charts don't have a source\n if (!chart.config.source) {\n setQueriedConfig({\n ...chart.config,\n dateRange,\n granularity,\n filters,\n });\n } else if (source != null) {\n setQueriedConfig({\n ...chart.config,\n // Populate these two columns from the source to support Lucene-based filters\n ...pick(source, ['implicitColumnExpression', 'from']),\n dateRange,\n granularity,\n filters,\n });\n }\n\n return;\n }\n\n if (source != null && isBuilderSavedChartConfig(chart.config)) {\n const isMetricSource = source.kind === SourceKind.Metric;\n\n // TODO: will need to update this when we allow for multiple metrics per chart\n const firstSelect = chart.config.select[0];\n const metricType =\n isMetricSource && typeof firstSelect !== 'string'\n ? firstSelect?.metricType\n : undefined;\n const tableName = getMetricTableName(source, metricType);\n if (source.connection) {\n setQueriedConfig({\n ...chart.config,\n connection: source.connection,\n dateRange,\n granularity,\n timestampValueExpression: source.timestampValueExpression,\n from: {\n databaseName: source.from?.databaseName || 'default',\n tableName: tableName || '',\n },\n implicitColumnExpression:\n isLogSource(source) || isTraceSource(source)\n ? source.implicitColumnExpression\n : undefined,\n filters,\n metricTables: isMetricSource ? source.metricTables : undefined,\n });\n }\n }\n }, [source, chart, dateRange, granularity, filters]);\n\n const [hovered, setHovered] = useState(false);\n\n const alert = isBuilderSavedChartConfig(chart.config)\n ? chart.config.alert\n : undefined;\n const alertIndicatorColor = useMemo(() => {\n if (!alert) {\n return 'transparent';\n }\n if (alert.state === AlertState.OK) {\n return 'green';\n }\n if (alert.silenced?.at) {\n return 'yellow';\n }\n return 'red';\n }, [alert]);\n\n const alertTooltip = useMemo(() => {\n if (!alert) {\n return 'Add alert';\n }\n let tooltip = `Has alert and is in ${alert.state} state`;\n if (alert.silenced?.at) {\n const silencedAt = new Date(alert.silenced.at);\n // eslint-disable-next-line no-restricted-syntax\n tooltip += `. Ack'd ${formatRelative(silencedAt, new Date())}`;\n }\n return tooltip;\n }, [alert]);\n\n const filterWarning = useMemo(() => {\n const doFiltersExist = !!filters?.filter(\n f => (f.type === 'lucene' || f.type === 'sql') && f.condition.trim(),\n )?.length;\n\n if (\n !doFiltersExist ||\n !queriedConfig ||\n !isRawSqlChartConfig(queriedConfig)\n )\n return null;\n\n const isMissingSourceForFiltering = !queriedConfig.source;\n const isMissingFiltersMacro =\n !queriedConfig.sqlTemplate.includes('$__filters');\n\n if (!isMissingSourceForFiltering && !isMissingFiltersMacro) return null;\n\n const message = isMissingFiltersMacro\n ? 'Filters are not applied because the SQL does not include the required $__filters macro'\n : 'Filters are not applied because no Source is set for this chart';\n\n return (\n \n \n \n );\n }, [filters, queriedConfig]);\n\n const hoverToolbar = useMemo(() => {\n return (\n e.stopPropagation()}\n key=\"hover-toolbar\"\n style={{ visibility: hovered ? 'visible' : 'hidden' }}\n >\n {(chart.config.displayType === DisplayType.Line ||\n chart.config.displayType === DisplayType.StackedBar ||\n chart.config.displayType === DisplayType.Number) && (\n +}\n mr={4}\n >\n \n \n \n \n \n \n )}\n\n \n \n \n {\n e.stopPropagation();\n setIsFullscreen(true);\n }}\n title=\"View Fullscreen (f)\"\n >\n \n \n \n \n \n {onMoveToSection &&\n availableSections &&\n availableSections.length > 0 && (\n \n \n \n \n \n \n \n Move to Section\n {chart.containerId && (\n onMoveToSection(undefined)}>\n (Ungrouped)\n \n )}\n {availableSections\n .filter(s => s.id !== chart.containerId)\n .map(s => (\n onMoveToSection(s.id)}\n >\n {s.title}\n \n ))}\n \n \n )}\n \n \n \n \n );\n }, [\n alert,\n alertIndicatorColor,\n alertTooltip,\n availableSections,\n chart.config.displayType,\n chart.id,\n chart.containerId,\n hovered,\n onDeleteClick,\n onDuplicateClick,\n onEditClick,\n onMoveToSection,\n ]);\n\n const title = useMemo(\n () => (\n \n {chart.config.name}\n \n ),\n [chart.config.name],\n );\n\n // Render chart content (used in both tile and fullscreen views)\n const renderChartContent = useCallback(\n (hideToolbar: boolean = false, isFullscreenView: boolean = false) => {\n const toolbar = hideToolbar\n ? [filterWarning]\n : [hoverToolbar, filterWarning];\n const keyPrefix = isFullscreenView ? 'fullscreen' : 'tile';\n\n // Markdown charts may not have queriedConfig, if config.source is not set\n const effectiveMarkdownConfig = queriedConfig ?? chart.config;\n\n return (\n \n An error occurred while rendering the chart.\n \n }\n >\n {(queriedConfig?.displayType === DisplayType.Line ||\n queriedConfig?.displayType === DisplayType.StackedBar) && (\n {\n onUpdateChart?.({\n ...chart,\n config: {\n ...chart.config,\n displayType,\n },\n });\n }}\n />\n )}\n {queriedConfig?.displayType === DisplayType.Table && (\n \n \n buildTableRowSearchUrl({\n row,\n source,\n config: queriedConfig,\n dateRange: dateRange,\n })\n : undefined\n }\n />\n \n )}\n {queriedConfig?.displayType === DisplayType.Number && (\n \n )}\n {queriedConfig?.displayType === DisplayType.Pie && (\n \n )}\n {effectiveMarkdownConfig?.displayType === DisplayType.Markdown &&\n 'markdown' in effectiveMarkdownConfig && (\n \n )}\n {queriedConfig?.displayType === DisplayType.Search &&\n isBuilderChartConfig(queriedConfig) &&\n isBuilderSavedChartConfig(chart.config) && (\n \n \n \n )}\n \n );\n },\n [\n hoverToolbar,\n queriedConfig,\n title,\n chart,\n onTimeRangeSelect,\n onUpdateChart,\n source,\n dateRange,\n filterWarning,\n ],\n );\n\n return (\n <>\n {\n setHovered(true);\n setIsFocused(true);\n }}\n onMouseLeave={() => {\n setHovered(false);\n setIsFocused(false);\n }}\n key={chart.id}\n ref={ref}\n style={{\n ...style,\n }}\n onMouseDown={onMouseDown}\n onMouseUp={onMouseUp}\n onTouchEnd={onTouchEnd}\n >\n \n \n \n e.stopPropagation()}\n >\n {renderChartContent()}\n \n {children}\n \n\n {/* Fullscreen Modal */}\n setIsFullscreen(false)}\n >\n {isFullscreen && renderChartContent(true, true)}\n \n \n );\n },\n);\n\nconst EditTileModal = ({\n dashboardId,\n chart,\n onClose,\n onSave,\n isSaving,\n dateRange,\n}: {\n dashboardId?: string;\n chart: Tile | undefined;\n onClose: () => void;\n dateRange: [Date, Date];\n isSaving?: boolean;\n onSave: (chart: Tile) => void;\n}) => {\n const contextZIndex = useZIndex();\n const modalZIndex = contextZIndex + 10;\n const confirm = useConfirm();\n const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);\n\n useEffect(() => {\n if (chart != null) {\n setHasUnsavedChanges(false);\n }\n }, [chart]);\n\n const handleClose = useCallback(() => {\n if (isSaving) return;\n if (hasUnsavedChanges) {\n confirm(\n 'You have unsaved changes. Discard them and close the editor?',\n 'Discard',\n ).then(ok => {\n if (ok) {\n // Reset dirty state before closing so any re-invocation of\n // handleClose (e.g. from Mantine focus management after the\n // confirm modal closes) doesn't re-show the confirm dialog.\n setHasUnsavedChanges(false);\n onClose();\n }\n });\n } else {\n onClose();\n }\n }, [confirm, isSaving, hasUnsavedChanges, onClose]);\n\n return (\n \n {chart != null && (\n \n {\n onSave({\n ...chart,\n config: config,\n });\n }}\n onClose={handleClose}\n onDirtyChange={setHasUnsavedChanges}\n isDashboardForm\n />\n \n )}\n \n );\n};\n\nconst updateLayout = (newLayout: RGL.Layout[]) => {\n return (dashboard: Dashboard) => {\n for (const chart of dashboard.tiles) {\n const newChartLayout = newLayout.find(layout => layout.i === chart.id);\n if (newChartLayout) {\n chart.x = newChartLayout.x;\n chart.y = newChartLayout.y;\n chart.w = newChartLayout.w;\n chart.h = newChartLayout.h;\n }\n }\n };\n};\n\nfunction DashboardName({\n name,\n onSave,\n}: {\n name: string;\n onSave: (name: string) => void;\n}) {\n const [editing, setEditing] = useState(false);\n const [editedName, setEditedName] = useState(name);\n\n const { hovered, ref } = useHover();\n\n return (\n setEditing(true)}\n className=\"cursor-pointer\"\n title=\"Double click to edit\"\n >\n {editing ? (\n {\n e.preventDefault();\n onSave(editedName);\n setEditing(false);\n }}\n >\n ) =>\n setEditedName(e.target.value)\n }\n placeholder=\"Dashboard Name\"\n />\n \n \n ) : (\n
\n \n {name}\n \n {hovered && (\n setEditing(true)}\n >\n \n \n )}\n
\n )}\n \n );\n}\n\n// Download an object to users computer as JSON using specified name\nfunction downloadObjectAsJson(object: object, fileName = 'output') {\n const dataStr =\n 'data:text/json;charset=utf-8,' +\n encodeURIComponent(JSON.stringify(object));\n const downloadAnchorNode = document.createElement('a');\n downloadAnchorNode.setAttribute('href', dataStr);\n downloadAnchorNode.setAttribute('download', fileName + '.json');\n document.body.appendChild(downloadAnchorNode); // required for firefox\n downloadAnchorNode.click();\n downloadAnchorNode.remove();\n}\n\nfunction DBDashboardPage({ presetConfig }: { presetConfig?: Dashboard }) {\n const brandName = useBrandDisplayName();\n const confirm = useConfirm();\n\n const router = useRouter();\n const dashboardId = router.query.dashboardId as string | undefined;\n\n const {\n dashboard,\n setDashboard,\n dashboardHash,\n isLocalDashboard,\n isFetching: isFetchingDashboard,\n isSetting: isSavingDashboard,\n } = useDashboard({\n dashboardId: dashboardId as string | undefined,\n presetConfig,\n });\n\n const { data: sources } = useSources();\n const { data: connections } = useConnections();\n\n const [highlightedTileId] = useQueryState('highlightedTileId');\n const tableConnections = useMemo(() => {\n if (!dashboard) return [];\n const tc: TableConnection[] = [];\n\n for (const { config } of dashboard.tiles) {\n if (!isBuilderSavedChartConfig(config)) continue;\n const source = sources?.find(v => v.id === config.source);\n if (!source) continue;\n // TODO: will need to update this when we allow for multiple metrics per chart\n const firstSelect = config.select[0];\n const metricType =\n typeof firstSelect !== 'string' ? firstSelect?.metricType : undefined;\n const tableName = getMetricTableName(source, metricType);\n if (!tableName) continue;\n tc.push({\n databaseName: source.from.databaseName,\n tableName: tableName,\n connectionId: source.connection,\n });\n }\n\n return tc;\n }, [dashboard, sources]);\n\n const [granularity, setGranularity] = useQueryState(\n 'granularity',\n parseAsString,\n // TODO: Build parser\n ) as [SQLInterval | undefined, (value: SQLInterval | undefined) => void];\n const [where, setWhere] = useQueryState(\n 'where',\n parseAsStringEncoded.withDefault(''),\n );\n const [whereLanguage, setWhereLanguage] = useQueryState(\n 'whereLanguage',\n whereLanguageParser,\n );\n // Get raw filter queries from URL (not processed by hook)\n const [rawFilterQueries] = useQueryState(\n 'filters',\n parseAsJsonEncoded(),\n );\n\n // Track if we've initialized query for this dashboard\n const initializedDashboard = useRef(undefined);\n\n const [showFiltersModal, setShowFiltersModal] = useState(false);\n\n const filters = dashboard?.filters ?? [];\n const { filterValues, setFilterValue, filterQueries, setFilterQueries } =\n useDashboardFilters(filters);\n\n const handleSaveFilter = (filter: DashboardFilter) => {\n if (!dashboard) return;\n\n setDashboard(\n produce(dashboard, draft => {\n const filterIndex =\n draft.filters?.findIndex(p => p.id === filter.id) ?? -1;\n if (draft.filters && filterIndex !== -1) {\n draft.filters[filterIndex] = filter;\n } else {\n draft.filters = [...(draft.filters ?? []), filter];\n }\n }),\n );\n };\n\n const handleRemoveFilter = (id: string) => {\n if (!dashboard) return;\n\n setDashboard({\n ...dashboard,\n filters: dashboard.filters?.filter(p => p.id !== id) ?? [],\n });\n };\n\n const [isLive, setIsLive] = useState(false);\n\n const { control, setValue, getValues, handleSubmit } = useForm<{\n granularity: SQLInterval | 'auto';\n where: SearchCondition;\n whereLanguage: SearchConditionLanguage;\n }>({\n defaultValues: {\n granularity: granularity ?? 'auto',\n where: where ?? '',\n whereLanguage:\n (whereLanguage as SearchConditionLanguage) ??\n getStoredLanguage() ??\n 'lucene',\n },\n });\n\n const watchedGranularity = useWatch({ control, name: 'granularity' });\n\n useEffect(() => {\n if (watchedGranularity && watchedGranularity !== granularity) {\n setGranularity(watchedGranularity as SQLInterval);\n }\n }, [watchedGranularity, granularity, setGranularity]);\n\n const [displayedTimeInputValue, setDisplayedTimeInputValue] =\n useState('Past 1h');\n\n const { searchedTimeRange, onSearch, onTimeRangeSelect } = useNewTimeQuery({\n initialDisplayValue: 'Past 1h',\n initialTimeRange: defaultTimeRange,\n setDisplayedTimeInputValue,\n });\n\n const {\n granularityOverride,\n isRefreshEnabled,\n manualRefreshCooloff,\n refresh,\n } = useDashboardRefresh({\n searchedTimeRange,\n onTimeRangeSelect,\n isLive,\n });\n\n const onSubmit = useCallback(() => {\n onSearch(displayedTimeInputValue);\n handleSubmit(data => {\n setWhere(data.where as SearchCondition);\n setWhereLanguage((data.whereLanguage as SearchConditionLanguage) ?? null);\n })();\n }, [\n displayedTimeInputValue,\n handleSubmit,\n onSearch,\n setWhere,\n setWhereLanguage,\n ]);\n\n // Initialize query/filter state once when dashboard changes.\n useEffect(() => {\n if (!dashboard?.id || !router.isReady) return;\n if (!isLocalDashboard && isFetchingDashboard) return;\n if (initializedDashboard.current === dashboard.id) return;\n const isSwitchingDashboards =\n initializedDashboard.current != null &&\n initializedDashboard.current !== dashboard.id;\n\n const hasWhereInUrl = 'where' in router.query;\n const hasFiltersInUrl = 'filters' in router.query;\n\n // Query defaults: URL query overrides saved defaults. If switching to a\n // dashboard without defaults, clear query. On first load/reload, keep current state.\n if (!hasWhereInUrl) {\n if (dashboard.savedQuery) {\n setValue('where', dashboard.savedQuery);\n setWhere(dashboard.savedQuery);\n const savedLanguage = dashboard.savedQueryLanguage ?? 'lucene';\n setValue('whereLanguage', savedLanguage);\n setWhereLanguage(savedLanguage);\n } else if (isSwitchingDashboards) {\n setValue('where', '');\n setWhere('');\n setValue('whereLanguage', 'lucene');\n setWhereLanguage('lucene');\n }\n }\n\n // Filter defaults: URL filters override saved defaults. If switching to a\n // dashboard without defaults, clear selected filters.\n if (!hasFiltersInUrl) {\n if (dashboard.savedFilterValues) {\n setFilterQueries(dashboard.savedFilterValues);\n } else if (isSwitchingDashboards) {\n setFilterQueries(null);\n }\n }\n\n initializedDashboard.current = dashboard.id;\n }, [\n dashboard?.id,\n dashboard?.savedQuery,\n dashboard?.savedQueryLanguage,\n dashboard?.savedFilterValues,\n isLocalDashboard,\n isFetchingDashboard,\n router.isReady,\n router.query,\n setValue,\n setWhere,\n setWhereLanguage,\n setFilterQueries,\n ]);\n\n const handleSaveQuery = useCallback(() => {\n if (!dashboard || isLocalDashboard) return;\n\n // Execute the query first (updates URL)\n onSubmit();\n\n // Then save to database (reads from form values which were just submitted to URL)\n const formValues = getValues();\n const currentWhere = formValues.where || null;\n const currentWhereLanguage = currentWhere\n ? formValues.whereLanguage || 'lucene'\n : null;\n const currentFilterValues = rawFilterQueries?.length\n ? rawFilterQueries\n : [];\n\n setDashboard(\n produce(dashboard, draft => {\n draft.savedQuery = currentWhere;\n draft.savedQueryLanguage = currentWhereLanguage;\n draft.savedFilterValues = currentFilterValues;\n }),\n () => {\n notifications.show({\n color: 'green',\n title: 'Query saved and executed',\n message:\n 'Filter query and dropdown values have been saved with the dashboard',\n autoClose: 3000,\n });\n },\n );\n }, [\n dashboard,\n isLocalDashboard,\n setDashboard,\n getValues,\n rawFilterQueries,\n onSubmit,\n ]);\n const handleRemoveSavedQuery = useCallback(() => {\n if (!dashboard || isLocalDashboard) return;\n\n setDashboard(\n produce(dashboard, draft => {\n draft.savedQuery = null;\n draft.savedQueryLanguage = null;\n draft.savedFilterValues = [];\n }),\n () => {\n notifications.show({\n color: 'green',\n title: 'Default query and filters removed',\n message: 'Dashboard will no longer auto-apply saved defaults',\n autoClose: 3000,\n });\n },\n );\n }, [dashboard, isLocalDashboard, setDashboard]);\n\n const [editedTile, setEditedTile] = useState();\n\n const onAddTile = (containerId?: string) => {\n // Auto-expand collapsed section so the new tile is visible\n if (containerId && dashboard) {\n const section = dashboard.containers?.find(s => s.id === containerId);\n if (section?.collapsed) {\n setDashboard(\n produce(dashboard, draft => {\n const s = draft.containers?.find(c => c.id === containerId);\n if (s) s.collapsed = false;\n }),\n );\n }\n }\n setEditedTile({\n id: makeId(),\n x: 0,\n y: 0,\n w: 8,\n h: 10,\n config: {\n ...DEFAULT_CHART_CONFIG,\n source: sources?.[0]?.id ?? '',\n },\n ...(containerId ? { containerId } : {}),\n });\n };\n\n const sections = useMemo(\n () => dashboard?.containers ?? [],\n [dashboard?.containers],\n );\n const hasSections = sections.length > 0;\n const allTiles = useMemo(() => dashboard?.tiles ?? [], [dashboard?.tiles]);\n\n const handleMoveTileToSection = useCallback(\n (tileId: string, containerId: string | undefined) => {\n if (!dashboard) return;\n setDashboard(\n produce(dashboard, draft => {\n const tile = draft.tiles.find(t => t.id === tileId);\n if (tile) {\n if (containerId) tile.containerId = containerId;\n else delete tile.containerId;\n }\n }),\n );\n },\n [dashboard, setDashboard],\n );\n\n const renderTileComponent = useCallback(\n (chart: Tile) => (\n setEditedTile(chart)}\n granularity={\n isRefreshEnabled ? granularityOverride : (granularity ?? undefined)\n }\n filters={[\n {\n type: whereLanguage === 'sql' ? 'sql' : 'lucene',\n condition: where,\n },\n ...(filterQueries ?? []),\n ]}\n onTimeRangeSelect={onTimeRangeSelect}\n isHighlighted={highlightedTileId === chart.id}\n onUpdateChart={newChart => {\n if (!dashboard) return;\n setDashboard(\n produce(dashboard, draft => {\n const chartIndex = draft.tiles.findIndex(c => c.id === chart.id);\n if (chartIndex === -1) return;\n draft.tiles[chartIndex] = newChart;\n }),\n );\n }}\n onDuplicateClick={async () => {\n if (dashboard != null) {\n if (\n !(await confirm(\n <>\n Duplicate {'\"'}\n \n {chart.config.name}\n \n {'\"'}?\n ,\n 'Duplicate',\n ))\n ) {\n return;\n }\n setDashboard({\n ...dashboard,\n tiles: [\n ...dashboard.tiles,\n {\n ...chart,\n id: makeId(),\n config: {\n ...chart.config,\n alert: undefined,\n },\n },\n ],\n });\n }\n }}\n onDeleteClick={async () => {\n if (dashboard != null) {\n if (\n !(await confirm(\n <>\n Delete{' '}\n \n {chart.config.name}\n \n ?\n ,\n 'Delete',\n { variant: 'danger' },\n ))\n ) {\n return;\n }\n setDashboard({\n ...dashboard,\n tiles: dashboard.tiles.filter(c => c.id !== chart.id),\n });\n }\n }}\n containers={sections}\n onMoveToSection={containerId =>\n handleMoveTileToSection(chart.id, containerId)\n }\n />\n ),\n [\n dashboard,\n searchedTimeRange,\n isRefreshEnabled,\n granularityOverride,\n granularity,\n highlightedTileId,\n confirm,\n setDashboard,\n where,\n whereLanguage,\n onTimeRangeSelect,\n filterQueries,\n sections,\n handleMoveTileToSection,\n ],\n );\n\n const makeOnLayoutChange = useCallback(\n (gridTiles: Tile[]) => (newLayout: RGL.Layout[]) => {\n if (!dashboard) return;\n const currentLayout = gridTiles.map(tileToLayoutItem);\n let hasDiff = false;\n if (newLayout.length !== currentLayout.length) {\n hasDiff = true;\n } else {\n for (const curr of newLayout) {\n const old = currentLayout.find(l => l.i === curr.i);\n if (\n old?.x !== curr.x ||\n old?.y !== curr.y ||\n old?.h !== curr.h ||\n old?.w !== curr.w\n ) {\n hasDiff = true;\n break;\n }\n }\n }\n if (hasDiff) {\n setDashboard(produce(dashboard, updateLayout(newLayout)));\n }\n },\n [dashboard, setDashboard],\n );\n\n // Intentionally persists collapsed state to the server via setDashboard\n // (same pattern as tile drag/resize). This matches Grafana and Kibana\n // behavior where collapsed state is saved with the dashboard for all viewers.\n const handleToggleSection = useCallback(\n (containerId: string) => {\n if (!dashboard) return;\n setDashboard(\n produce(dashboard, draft => {\n const section = draft.containers?.find(s => s.id === containerId);\n if (section) section.collapsed = !section.collapsed;\n }),\n );\n },\n [dashboard, setDashboard],\n );\n\n const handleAddSection = useCallback(() => {\n if (!dashboard) return;\n setDashboard(\n produce(dashboard, draft => {\n if (!draft.containers) draft.containers = [];\n draft.containers.push({\n id: makeId(),\n type: 'section',\n title: 'New Section',\n collapsed: false,\n });\n }),\n );\n }, [dashboard, setDashboard]);\n\n const handleRenameSection = useCallback(\n (containerId: string, newTitle: string) => {\n if (!dashboard || !newTitle.trim()) return;\n setDashboard(\n produce(dashboard, draft => {\n const section = draft.containers?.find(s => s.id === containerId);\n if (section) section.title = newTitle.trim();\n }),\n );\n },\n [dashboard, setDashboard],\n );\n\n const handleDeleteSection = useCallback(\n (containerId: string) => {\n if (!dashboard) return;\n setDashboard(\n produce(dashboard, draft => {\n // Find the bottom edge of existing ungrouped tiles so freed\n // tiles are placed below them without collision.\n const sectionIds = new Set(draft.containers?.map(c => c.id) ?? []);\n let maxUngroupedY = 0;\n for (const tile of draft.tiles) {\n if (!tile.containerId || !sectionIds.has(tile.containerId)) {\n maxUngroupedY = Math.max(maxUngroupedY, tile.y + tile.h);\n }\n }\n\n for (const tile of draft.tiles) {\n if (tile.containerId === containerId) {\n tile.y += maxUngroupedY;\n delete tile.containerId;\n }\n }\n\n draft.containers = draft.containers?.filter(\n s => s.id !== containerId,\n );\n }),\n );\n },\n [dashboard, setDashboard],\n );\n\n // Group tiles by section; orphaned tiles (containerId not matching any\n // section) fall back to ungrouped to avoid silently hiding them.\n const tilesByContainerId = useMemo(() => {\n const map = new Map();\n for (const section of sections) {\n map.set(\n section.id,\n allTiles.filter(t => t.containerId === section.id),\n );\n }\n return map;\n }, [sections, allTiles]);\n\n const ungroupedTiles = useMemo(\n () =>\n hasSections\n ? allTiles.filter(\n t => !t.containerId || !tilesByContainerId.has(t.containerId),\n )\n : allTiles,\n [hasSections, allTiles, tilesByContainerId],\n );\n\n const onUngroupedLayoutChange = useMemo(\n () => makeOnLayoutChange(ungroupedTiles),\n [makeOnLayoutChange, ungroupedTiles],\n );\n\n const sectionLayoutChangeHandlers = useMemo(() => {\n const map = new Map void>();\n for (const section of sections) {\n const tiles = tilesByContainerId.get(section.id) ?? [];\n map.set(section.id, makeOnLayoutChange(tiles));\n }\n return map;\n }, [sections, tilesByContainerId, makeOnLayoutChange]);\n\n const deleteDashboard = useDeleteDashboard();\n\n const handleUpdateTags = useCallback(\n (newTags: string[]) => {\n if (dashboard?.id) {\n setDashboard(\n {\n ...dashboard,\n tags: newTags,\n },\n () => {\n notifications.show({\n color: 'green',\n message: 'Tags updated successfully',\n });\n },\n () => {\n notifications.show({\n color: 'red',\n message: (\n <>\n An error occurred. \n \n ),\n });\n },\n );\n }\n },\n [dashboard, setDashboard],\n );\n\n const createDashboard = useCreateDashboard();\n const onCreateDashboard = useCallback(() => {\n createDashboard.mutate(\n {\n name: 'My Dashboard',\n tiles: [],\n tags: [],\n },\n {\n onSuccess: data => {\n router.push(`/dashboards/${data.id}`);\n },\n },\n );\n }, [createDashboard, router]);\n\n const [isSaving, setIsSaving] = useState(false);\n\n const hasTiles = dashboard && dashboard.tiles.length > 0;\n const hasSavedQueryAndFilterDefaults = Boolean(\n dashboard?.savedQuery || dashboard?.savedFilterValues?.length,\n );\n\n return (\n \n \n Dashboard – {brandName}\n \n \n {\n if (!isSaving) setEditedTile(undefined);\n }}\n dateRange={searchedTimeRange}\n isSaving={isSaving}\n onSave={newChart => {\n if (dashboard == null) {\n return;\n }\n setIsSaving(true);\n setDashboard(\n produce(dashboard, draft => {\n const chartIndex = draft.tiles.findIndex(\n chart => chart.id === newChart.id,\n );\n // This is a new chart (probably?)\n if (chartIndex === -1) {\n draft.tiles.push(newChart);\n } else {\n draft.tiles[chartIndex] = newChart;\n }\n }),\n () => {\n setEditedTile(undefined);\n setIsSaving(false);\n },\n () => {\n setIsSaving(false);\n },\n );\n }}\n />\n {isLocalDashboard && (\n \n \n \n This is a temporary dashboard and can not be saved.\n \n \n \n \n )}\n \n {\n if (dashboard != null) {\n setDashboard({\n ...dashboard,\n name: editedName,\n });\n }\n }}\n />\n \n {!isLocalDashboard && dashboard?.id && (\n \n \n \n {dashboard?.tags?.length || 0}{' '}\n {dashboard?.tags?.length === 1 ? 'Tag' : 'Tags'}\n \n \n )}\n {!isLocalDashboard /* local dashboards cant be \"deleted\" */ && (\n \n \n \n \n \n \n\n \n {hasTiles && (\n }\n onClick={() => {\n if (!sources || !dashboard) {\n notifications.show({\n color: 'red',\n message: 'Export Failed',\n });\n return;\n }\n downloadObjectAsJson(\n convertToDashboardTemplate(\n dashboard,\n // TODO: fix this type issue\n sources,\n connections,\n ),\n dashboard?.name,\n );\n }}\n >\n Export Dashboard\n \n )}\n }\n onClick={() => {\n if (dashboard && !dashboard.tiles.length) {\n router.push(\n `/dashboards/import?dashboardId=${dashboard.id}`,\n );\n } else {\n router.push('/dashboards/import');\n }\n }}\n >\n {hasTiles ? 'Import New Dashboard' : 'Import Dashboard'}\n \n }\n onClick={handleAddSection}\n >\n Add Section\n \n \n }\n onClick={handleSaveQuery}\n >\n {hasSavedQueryAndFilterDefaults\n ? 'Update Default Query & Filters'\n : 'Save Query & Filters as Default'}\n \n {hasSavedQueryAndFilterDefaults && (\n }\n color=\"red\"\n onClick={handleRemoveSavedQuery}\n >\n Remove Default Query & Filters\n \n )}\n \n }\n color=\"red\"\n onClick={() =>\n deleteDashboard.mutate(dashboard?.id ?? '', {\n onSuccess: () => {\n router.push('/dashboards');\n },\n })\n }\n >\n Delete Dashboard\n \n \n \n )}\n \n {/* */}\n \n {\n e.preventDefault();\n onSubmit();\n }}\n >\n \n setValue('whereLanguage', lang)\n }\n label=\"WHERE\"\n enableHotkey\n allowMultiline\n minWidth={300}\n data-testid=\"search-input\"\n />\n {\n onSearch(range);\n }}\n />\n \n \n setIsLive(prev => !prev)}\n size=\"sm\"\n variant={isLive ? 'primary' : 'secondary'}\n title={isLive ? 'Disable auto-refresh' : 'Enable auto-refresh'}\n >\n Live\n \n \n \n \n \n \n \n \n setShowFiltersModal(true)}\n data-testid=\"edit-filters-button\"\n size=\"input-sm\"\n >\n \n \n \n }\n style={{ flexShrink: 0 }}\n >\n Run\n \n \n \n \n {dashboard != null && dashboard.tiles != null ? (\n \n An error occurred while rendering the dashboard.\n \n }\n >\n {hasSections ? (\n <>\n {ungroupedTiles.length > 0 && (\n \n {ungroupedTiles.map(renderTileComponent)}\n \n )}\n {sections.map(section => {\n const sectionTiles = tilesByContainerId.get(section.id) ?? [];\n return (\n
\n handleToggleSection(section.id)}\n onRename={newTitle =>\n handleRenameSection(section.id, newTitle)\n }\n onDelete={() => handleDeleteSection(section.id)}\n onAddTile={() => onAddTile(section.id)}\n />\n {!section.collapsed && sectionTiles.length > 0 && (\n \n {sectionTiles.map(renderTileComponent)}\n \n )}\n
\n );\n })}\n \n ) : (\n \n {ungroupedTiles.map(renderTileComponent)}\n \n )}\n \n ) : null}\n \n onAddTile()}\n w=\"100%\"\n >\n + Add New Tile\n \n setShowFiltersModal(false)}\n filters={filters}\n onSaveFilter={handleSaveFilter}\n onRemoveFilter={handleRemoveFilter}\n isLoading={isSavingDashboard || isFetchingDashboard}\n />\n \n );\n}\n\nconst DBDashboardPageDynamic = dynamic(async () => DBDashboardPage, {\n ssr: false,\n});\n\n// @ts-expect-error for getLayout\nDBDashboardPageDynamic.getLayout = withAppNav;\n\nexport default DBDashboardPageDynamic;\n" }, { "path": "packages/app/src/DBSearchPage.tsx", "content": "import {\n FormEvent,\n FormEventHandler,\n memo,\n SetStateAction,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport dynamic from 'next/dynamic';\nimport Head from 'next/head';\nimport router from 'next/router';\nimport {\n parseAsBoolean,\n parseAsInteger,\n parseAsString,\n parseAsStringEnum,\n useQueryState,\n useQueryStates,\n} from 'nuqs';\nimport { useForm, useWatch } from 'react-hook-form';\nimport { z } from 'zod';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { ClickHouseQueryError } from '@hyperdx/common-utils/dist/clickhouse';\nimport { tcFromSource } from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n aliasMapToWithClauses,\n isBrowser,\n splitAndTrimWithBracket,\n} from '@hyperdx/common-utils/dist/core/utils';\nimport {\n BuilderChartConfigWithDateRange,\n ChartConfigWithDateRange,\n DisplayType,\n Filter,\n isLogSource,\n isTraceSource,\n SourceKind,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n ActionIcon,\n Box,\n Button,\n Card,\n Center,\n Code,\n Flex,\n Grid,\n Group,\n Modal,\n Paper,\n Select,\n Stack,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport {\n useDebouncedCallback,\n useDisclosure,\n useDocumentVisibility,\n} from '@mantine/hooks';\nimport { notifications } from '@mantine/notifications';\nimport {\n IconBolt,\n IconPlayerPlay,\n IconPlus,\n IconTags,\n IconX,\n} from '@tabler/icons-react';\nimport { useIsFetching } from '@tanstack/react-query';\nimport { SortingState } from '@tanstack/react-table';\nimport CodeMirror from '@uiw/react-codemirror';\n\nimport { ContactSupportText } from '@/components/ContactSupportText';\nimport { DBSearchPageFilters } from '@/components/DBSearchPageFilters';\nimport { DBTimeChart } from '@/components/DBTimeChart';\nimport { ErrorBoundary } from '@/components/Error/ErrorBoundary';\nimport { InputControlled } from '@/components/InputControlled';\nimport OnboardingModal from '@/components/OnboardingModal';\nimport SearchWhereInput, {\n getStoredLanguage,\n} from '@/components/SearchInput/SearchWhereInput';\nimport SearchPageActionBar from '@/components/SearchPageActionBar';\nimport SearchTotalCountChart from '@/components/SearchTotalCountChart';\nimport { TableSourceForm } from '@/components/Sources/SourceForm';\nimport { SourceSelectControlled } from '@/components/SourceSelect';\nimport { SQLInlineEditorControlled } from '@/components/SQLEditor/SQLInlineEditor';\nimport { Tags } from '@/components/Tags';\nimport { TimePicker } from '@/components/TimePicker';\nimport { IS_LOCAL_MODE } from '@/config';\nimport { useAliasMapFromChartConfig } from '@/hooks/useChartConfig';\nimport { useExplainQuery } from '@/hooks/useExplainQuery';\nimport { withAppNav } from '@/layout';\nimport {\n useCreateSavedSearch,\n useDeleteSavedSearch,\n useSavedSearch,\n useUpdateSavedSearch,\n} from '@/savedSearch';\nimport { useSearchPageFilterState } from '@/searchFilters';\nimport {\n getEventBody,\n getFirstTimestampValueExpression,\n useSource,\n useSources,\n} from '@/source';\nimport { useAppTheme, useBrandDisplayName } from '@/theme/ThemeProvider';\nimport {\n parseRelativeTimeQuery,\n parseTimeQuery,\n useNewTimeQuery,\n} from '@/timeQuery';\nimport { QUERY_LOCAL_STORAGE, useLocalStorage, usePrevious } from '@/utils';\n\nimport { SQLPreview } from './components/ChartSQLPreview';\nimport DBSqlRowTableWithSideBar from './components/DBSqlRowTableWithSidebar';\nimport PatternTable from './components/PatternTable';\nimport { DBSearchHeatmapChart } from './components/Search/DBSearchHeatmapChart';\nimport SourceSchemaPreview from './components/SourceSchemaPreview';\nimport {\n getRelativeTimeOptionLabel,\n LIVE_TAIL_DURATION_MS,\n} from './components/TimePicker/utils';\nimport { useTableMetadata } from './hooks/useMetadata';\nimport { useSqlSuggestions } from './hooks/useSqlSuggestions';\nimport {\n parseAsJsonEncoded,\n parseAsSortingStateString,\n parseAsStringEncoded,\n} from './utils/queryParsers';\nimport api from './api';\nimport { LOCAL_STORE_CONNECTIONS_KEY } from './connection';\nimport { DBSearchPageAlertModal } from './DBSearchPageAlertModal';\nimport { SearchConfig } from './types';\n\nimport searchPageStyles from '../styles/SearchPage.module.scss';\n\nconst LIVE_TAIL_REFRESH_FREQUENCY_OPTIONS = [\n { value: '1000', label: '1s' },\n { value: '2000', label: '2s' },\n { value: '4000', label: '4s' },\n { value: '10000', label: '10s' },\n { value: '30000', label: '30s' },\n];\nconst DEFAULT_REFRESH_FREQUENCY = 4000;\n\nconst ALLOWED_SOURCE_KINDS = [SourceKind.Log, SourceKind.Trace];\nconst SearchConfigSchema = z.object({\n select: z.string(),\n source: z.string(),\n where: z.string(),\n whereLanguage: z.enum(['sql', 'lucene']),\n orderBy: z.string(),\n filters: z.array(\n z.union([\n z.object({\n type: z.literal('sql_ast'),\n operator: z.enum(['=', '<', '>', '>=', '<=', '!=']),\n left: z.string(),\n right: z.string(),\n }),\n z.object({\n type: z.enum(['sql', 'lucene']),\n condition: z.string(),\n }),\n ]),\n ),\n});\n\ntype SearchConfigFromSchema = z.infer;\n\n// Helper function to get the default source id\nexport function getDefaultSourceId(\n sources: { id: string }[] | undefined,\n lastSelectedSourceId: string | undefined,\n): string {\n if (!sources || sources.length === 0) return '';\n if (\n lastSelectedSourceId &&\n sources.some(s => s.id === lastSelectedSourceId)\n ) {\n return lastSelectedSourceId;\n }\n return sources[0].id;\n}\n\nfunction SourceEditModal({\n opened,\n onClose,\n inputSource,\n}: {\n opened: boolean;\n onClose: () => void;\n inputSource: string | undefined;\n}) {\n return (\n \n \n \n );\n}\n\nfunction NewSourceModal({\n opened,\n onClose,\n onCreate,\n}: {\n opened: boolean;\n onClose: () => void;\n onCreate: (source: TSource) => void;\n}) {\n return (\n \n \n \n );\n}\n\nfunction ResumeLiveTailButton({\n handleResumeLiveTail,\n}: {\n handleResumeLiveTail: () => void;\n}) {\n const { themeName } = useAppTheme();\n const variant = themeName === 'clickstack' ? 'secondary' : 'primary';\n\n return (\n }\n >\n Resume Live Tail\n \n );\n}\n\nfunction SearchSubmitButton({\n isFormStateDirty,\n}: {\n isFormStateDirty: boolean;\n}) {\n return (\n }\n style={{ flexShrink: 0 }}\n >\n Run\n \n );\n}\n\nfunction SearchNumRows({\n config,\n enabled,\n}: {\n config: ChartConfigWithDateRange;\n enabled: boolean;\n}) {\n const { data, isLoading, error } = useExplainQuery(config, {\n enabled,\n });\n\n if (!enabled) {\n return null;\n }\n\n const numRows = data?.[0]?.rows;\n return (\n \n {isLoading\n ? 'Scanned Rows ...'\n : error || !numRows\n ? ''\n : `Scanned Rows: ${Number.parseInt(numRows)?.toLocaleString()}`}\n \n );\n}\n\nfunction SaveSearchModalComponent({\n searchedConfig,\n opened,\n onClose,\n isUpdate,\n savedSearchId,\n}: {\n searchedConfig: SearchConfig;\n opened: boolean;\n onClose: () => void;\n isUpdate: boolean;\n savedSearchId: string | undefined | null;\n}) {\n const { data: savedSearch } = useSavedSearch(\n { id: savedSearchId ?? '' },\n {\n enabled: savedSearchId != null,\n },\n );\n\n const {\n control,\n handleSubmit,\n formState,\n reset: resetForm,\n } = useForm({\n ...(isUpdate\n ? {\n values: {\n name: savedSearch?.name ?? '',\n },\n }\n : {}),\n resetOptions: {\n keepDirtyValues: true,\n keepErrors: true,\n },\n });\n\n const closeAndReset = () => {\n resetForm();\n onClose();\n };\n\n const isValidName = (name?: string): boolean =>\n Boolean(name && name.trim().length > 0);\n const [tags, setTags] = useState(savedSearch?.tags || []);\n\n // Update tags when savedSearch changes\n useEffect(() => {\n if (savedSearch?.tags) {\n setTags(savedSearch.tags);\n }\n }, [savedSearch]);\n const createSavedSearch = useCreateSavedSearch();\n const updateSavedSearch = useUpdateSavedSearch();\n\n const onSubmit = (e: FormEvent) => {\n e.preventDefault();\n\n handleSubmit(({ name }) => {\n if (isUpdate) {\n if (savedSearchId == null) {\n throw new Error('savedSearchId is required for update');\n }\n\n updateSavedSearch.mutate(\n {\n id: savedSearchId,\n name,\n select: searchedConfig.select ?? '',\n where: searchedConfig.where ?? '',\n whereLanguage:\n searchedConfig.whereLanguage ?? getStoredLanguage() ?? 'lucene',\n source: searchedConfig.source ?? '',\n orderBy: searchedConfig.orderBy ?? '',\n filters: searchedConfig.filters ?? [],\n tags: tags,\n },\n {\n onSuccess: () => {\n onClose();\n },\n },\n );\n } else {\n createSavedSearch.mutate(\n {\n name,\n select: searchedConfig.select ?? '',\n where: searchedConfig.where ?? '',\n whereLanguage:\n searchedConfig.whereLanguage ?? getStoredLanguage() ?? 'lucene',\n source: searchedConfig.source ?? '',\n orderBy: searchedConfig.orderBy ?? '',\n filters: searchedConfig.filters ?? [],\n tags: tags,\n },\n {\n onSuccess: savedSearch => {\n router.push(`/search/${savedSearch.id}${window.location.search}`);\n onClose();\n },\n },\n );\n }\n })();\n };\n\n const { data: chartConfig } = useSearchedConfigToChartConfig(searchedConfig);\n\n return (\n \n
\n \n {chartConfig != null ? (\n \n \n SELECT\n \n {`${chartConfig.select}`}\n \n FROM\n \n \n {chartConfig?.from.databaseName}.{chartConfig?.from.tableName}\n \n \n WHERE\n \n {chartConfig.where ? (\n {chartConfig.where}\n ) : (\n \n None\n \n )}\n \n ORDER BY\n \n {chartConfig.orderBy}\n {searchedConfig.filters && searchedConfig.filters.length > 0 && (\n <>\n \n FILTERS\n \n \n {searchedConfig.filters.map((filter, idx) => (\n \n {filter.type === 'sql_ast'\n ? `${filter.left} ${filter.operator} ${filter.right}`\n : filter.condition}\n \n ))}\n \n \n )}\n \n ) : (\n Loading Chart Config...\n )}\n \n \n Name\n \n \n \n \n \n Tags\n \n \n {tags.map(tag => (\n {\n e.stopPropagation();\n setTags(tags.filter(t => t !== tag));\n }}\n size=\"xs\"\n >\n \n \n }\n >\n {tag.toUpperCase()}\n \n ))}\n \n \n \n Add Tag\n \n \n \n \n \n {isUpdate ? 'Update' : 'Save'}\n \n \n
\n \n );\n}\nconst SaveSearchModal = memo(SaveSearchModalComponent);\n\n// TODO: This is a hack to set the default time range\nconst defaultTimeRange = parseTimeQuery('Past 15m', false) as [Date, Date];\n\nfunction useLiveUpdate({\n isLive,\n interval, // ms ago to refresh from\n refreshFrequency, // ms, how often to refresh\n onTimeRangeSelect,\n pause,\n}: {\n isLive: boolean;\n interval: number;\n refreshFrequency: number;\n onTimeRangeSelect: (\n start: Date,\n end: Date,\n displayedTimeInputValue?: string | null,\n ) => void;\n pause: boolean;\n}) {\n const documentState = useDocumentVisibility();\n const isDocumentVisible = documentState === 'visible';\n const [refreshOnVisible, setRefreshOnVisible] = useState(false);\n\n const refresh = useCallback(() => {\n // eslint-disable-next-line no-restricted-syntax\n onTimeRangeSelect(new Date(Date.now() - interval), new Date(), null);\n }, [onTimeRangeSelect, interval]);\n\n // When the user comes back to the app after switching tabs, we immediately refresh the list.\n useEffect(() => {\n if (refreshOnVisible && isDocumentVisible) {\n if (!pause) {\n refresh();\n }\n setRefreshOnVisible(false);\n }\n }, [refreshOnVisible, isDocumentVisible, pause, refresh]);\n\n const intervalRef = useRef(null);\n useEffect(() => {\n if (isLive) {\n if (intervalRef.current) {\n window.clearInterval(intervalRef.current);\n }\n\n // only start interval if no queries are fetching\n if (!pause) {\n intervalRef.current = window.setInterval(() => {\n if (isDocumentVisible) {\n refresh();\n } else {\n setRefreshOnVisible(true);\n }\n }, refreshFrequency);\n }\n } else {\n if (intervalRef.current) {\n window.clearInterval(intervalRef.current);\n }\n }\n return () => {\n if (intervalRef.current) {\n window.clearInterval(intervalRef.current);\n }\n };\n }, [\n isLive,\n isDocumentVisible,\n onTimeRangeSelect,\n pause,\n refresh,\n refreshFrequency,\n ]);\n}\n\n/**\n * Takes in a input search config (user edited search config) and a default search config (saved search or source default config)\n * and returns a chart config.\n */\nfunction useSearchedConfigToChartConfig(\n { select, source, whereLanguage, where, filters, orderBy }: SearchConfig,\n defaultSearchConfig?: Partial,\n) {\n const { data: sourceObj, isLoading } = useSource({\n id: source,\n kinds: [SourceKind.Log, SourceKind.Trace],\n });\n const defaultOrderBy = useDefaultOrderBy(source);\n\n return useMemo(() => {\n if (sourceObj != null) {\n return {\n data: {\n select:\n select ||\n defaultSearchConfig?.select ||\n sourceObj.defaultTableSelectExpression,\n from: sourceObj.from,\n source: sourceObj.id,\n ...(isLogSource(sourceObj) && sourceObj.tableFilterExpression != null\n ? {\n filters: [\n {\n type: 'sql' as const,\n condition: sourceObj.tableFilterExpression,\n },\n ...(filters ?? []),\n ],\n }\n : {}),\n ...(filters != null ? { filters } : {}),\n where: where ?? '',\n whereLanguage: whereLanguage ?? 'sql',\n timestampValueExpression: sourceObj.timestampValueExpression,\n implicitColumnExpression: sourceObj.implicitColumnExpression,\n connection: sourceObj.connection,\n displayType: DisplayType.Search,\n orderBy: orderBy || defaultSearchConfig?.orderBy || defaultOrderBy,\n },\n };\n }\n\n return { data: null, isLoading };\n }, [\n sourceObj,\n isLoading,\n select,\n filters,\n defaultSearchConfig,\n where,\n whereLanguage,\n defaultOrderBy,\n orderBy,\n ]);\n}\n\nfunction optimizeDefaultOrderBy(\n timestampExpr: string,\n displayedTimestampExpr: string | undefined,\n sortingKey: string | undefined,\n) {\n const defaultModifier = 'DESC';\n const firstTimestampValueExpression =\n getFirstTimestampValueExpression(timestampExpr ?? '') ?? '';\n const defaultOrderByItems = [firstTimestampValueExpression];\n const trimmedDisplayedTimestampExpr = displayedTimestampExpr?.trim();\n\n if (\n trimmedDisplayedTimestampExpr &&\n trimmedDisplayedTimestampExpr !== firstTimestampValueExpression\n ) {\n defaultOrderByItems.push(trimmedDisplayedTimestampExpr);\n }\n\n const fallbackOrderBy =\n defaultOrderByItems.length > 1\n ? `(${defaultOrderByItems.join(', ')}) ${defaultModifier}`\n : `${defaultOrderByItems[0]} ${defaultModifier}`;\n\n if (!sortingKey) return fallbackOrderBy;\n\n const orderByArr = [];\n const sortKeys = splitAndTrimWithBracket(sortingKey);\n for (let i = 0; i < sortKeys.length; i++) {\n const sortKey = sortKeys[i];\n if (\n sortKey.includes('toStartOf') &&\n sortKey.includes(firstTimestampValueExpression)\n ) {\n orderByArr.push(sortKey);\n } else if (\n sortKey === firstTimestampValueExpression ||\n (sortKey.startsWith('toUnixTimestamp') &&\n sortKey.includes(firstTimestampValueExpression)) ||\n (sortKey.startsWith('toDateTime') &&\n sortKey.includes(firstTimestampValueExpression))\n ) {\n if (orderByArr.length === 0) {\n // fallback if the first sort key is the timestamp sort key\n return fallbackOrderBy;\n } else {\n orderByArr.push(sortKey);\n break;\n }\n } else if (sortKey === trimmedDisplayedTimestampExpr) {\n orderByArr.push(sortKey);\n }\n }\n\n // If we can't find an optimized order by, use the fallback/default\n if (orderByArr.length === 0) {\n return fallbackOrderBy;\n }\n\n if (\n trimmedDisplayedTimestampExpr &&\n !orderByArr.includes(trimmedDisplayedTimestampExpr)\n ) {\n orderByArr.push(trimmedDisplayedTimestampExpr);\n }\n\n return orderByArr.length > 1\n ? `(${orderByArr.join(', ')}) ${defaultModifier}`\n : `${orderByArr[0]} ${defaultModifier}`;\n}\n\nexport function useDefaultOrderBy(sourceID: string | undefined | null) {\n const { data: source } = useSource({\n id: sourceID,\n kinds: [SourceKind.Log, SourceKind.Trace],\n });\n const { data: tableMetadata } = useTableMetadata(tcFromSource(source));\n\n // When source changes, make sure select and orderby fields are set to default\n return useMemo(() => {\n // If no source, return undefined so that the orderBy is not set incorrectly\n if (!source) return undefined;\n const trimmedOrderBy = source.orderByExpression?.trim();\n if (trimmedOrderBy) return trimmedOrderBy;\n return optimizeDefaultOrderBy(\n source?.timestampValueExpression ?? '',\n source.displayedTimestampValueExpression,\n tableMetadata?.sorting_key,\n );\n }, [source, tableMetadata]);\n}\n\n// This is outside as it needs to be a stable reference\nconst queryStateMap = {\n source: parseAsString,\n where: parseAsStringEncoded,\n select: parseAsStringEncoded,\n whereLanguage: parseAsStringEnum<'sql' | 'lucene'>(['sql', 'lucene']),\n filters: parseAsJsonEncoded(),\n orderBy: parseAsStringEncoded,\n};\n\nfunction DBSearchPage() {\n const brandName = useBrandDisplayName();\n // Next router is laggy behind window.location, which causes race\n // conditions with useQueryStates, so we'll parse it directly\n const paths = window.location.pathname.split('/');\n const savedSearchId = paths.length === 3 ? paths[2] : null;\n\n const [searchedConfig, setSearchedConfig] = useQueryStates(queryStateMap);\n\n const { data: savedSearch } = useSavedSearch(\n { id: `${savedSearchId}` },\n {\n enabled: savedSearchId != null,\n },\n );\n\n const { data: sources } = useSources();\n const [lastSelectedSourceId, setLastSelectedSourceId] = useLocalStorage(\n 'hdx-last-selected-source-id',\n '',\n );\n const { data: searchedSource } = useSource({\n id: searchedConfig.source,\n kinds: [SourceKind.Log, SourceKind.Trace],\n });\n\n const [analysisMode, setAnalysisMode] = useQueryState(\n 'mode',\n parseAsStringEnum<'results' | 'delta' | 'pattern'>([\n 'results',\n 'delta',\n 'pattern',\n ]).withDefault('results'),\n );\n\n const [isLive, setIsLive] = useQueryState(\n 'isLive',\n parseAsBoolean.withDefault(true),\n );\n\n useEffect(() => {\n if (analysisMode === 'delta' || analysisMode === 'pattern') {\n setIsLive(false);\n }\n }, [analysisMode, setIsLive]);\n\n const [denoiseResults, _setDenoiseResults] = useQueryState(\n 'denoise',\n parseAsBoolean.withDefault(false),\n );\n const setDenoiseResults = useCallback(\n (value: boolean) => {\n setIsLive(false);\n _setDenoiseResults(value);\n },\n [setIsLive, _setDenoiseResults],\n );\n\n // Get default source\n const defaultSourceId = useMemo(\n () => getDefaultSourceId(sources, lastSelectedSourceId),\n [sources, lastSelectedSourceId],\n );\n\n const {\n control,\n setValue,\n reset,\n handleSubmit,\n getValues,\n formState,\n setError,\n resetField,\n } = useForm({\n values: {\n select: searchedConfig.select || '',\n where: searchedConfig.where || '',\n whereLanguage:\n searchedConfig.whereLanguage ?? getStoredLanguage() ?? 'lucene',\n source: searchedConfig.source || defaultSourceId,\n filters: searchedConfig.filters ?? [],\n orderBy: searchedConfig.orderBy ?? '',\n },\n resetOptions: {\n keepDirtyValues: true,\n keepErrors: true,\n },\n resolver: zodResolver(SearchConfigSchema),\n });\n\n const inputSource = useWatch({ name: 'source', control });\n\n const defaultOrderBy = useDefaultOrderBy(inputSource);\n\n // The default search config to use when the user hasn't changed the search config\n const defaultSearchConfig = useMemo(() => {\n let _savedSearch = savedSearch;\n // Ensure to not use the saved search if the saved search id is not the same as the current saved search id\n if (!savedSearchId || savedSearch?.id !== savedSearchId) {\n _savedSearch = undefined;\n }\n // Ensure to not use the saved search if the input source is not the same as the saved search source\n if (inputSource !== savedSearch?.source) {\n _savedSearch = undefined;\n }\n return {\n select:\n _savedSearch?.select ??\n (searchedSource?.kind === SourceKind.Log ||\n searchedSource?.kind === SourceKind.Trace\n ? searchedSource.defaultTableSelectExpression\n : undefined),\n where: _savedSearch?.where ?? '',\n whereLanguage: _savedSearch?.whereLanguage ?? 'lucene',\n source: _savedSearch?.source,\n filters: _savedSearch?.filters ?? [],\n orderBy: _savedSearch?.orderBy || defaultOrderBy,\n };\n }, [searchedSource, inputSource, savedSearch, defaultOrderBy, savedSearchId]);\n\n // const { data: inputSourceObj } = useSource({ id: inputSource });\n const { data: inputSourceObjs } = useSources();\n const inputSourceObj = inputSourceObjs?.find(s => s.id === inputSource);\n\n const [displayedTimeInputValue, setDisplayedTimeInputValue] =\n useState('Live Tail');\n\n const { isReady, searchedTimeRange, onSearch, onTimeRangeSelect } =\n useNewTimeQuery({\n initialDisplayValue: 'Live Tail',\n initialTimeRange: defaultTimeRange,\n showRelativeInterval: isLive ?? true,\n setDisplayedTimeInputValue,\n updateInput: !isLive,\n });\n\n // Sync url state back with form state\n // (ex. for history navigation)\n // TODO: Check if there are any bad edge cases here\n const prevSearched = usePrevious(searchedConfig);\n useEffect(() => {\n if (JSON.stringify(prevSearched) !== JSON.stringify(searchedConfig)) {\n reset({\n select: searchedConfig?.select ?? '',\n where: searchedConfig?.where ?? '',\n whereLanguage:\n searchedConfig?.whereLanguage ?? getStoredLanguage() ?? 'lucene',\n source: searchedConfig?.source ?? undefined,\n filters: searchedConfig?.filters ?? [],\n orderBy: searchedConfig?.orderBy ?? '',\n });\n }\n }, [searchedConfig, reset, prevSearched]);\n\n // Populate searched query with saved search if the query params have\n // been wiped (ex. clicking on the same saved search again)\n useEffect(() => {\n const { source, where, select, whereLanguage, filters } = searchedConfig;\n const isSearchConfigEmpty =\n !source && !where && !select && !whereLanguage && !filters?.length;\n\n // Landed on saved search (if we just landed on a searchId route)\n if (\n savedSearch != null && // Make sure saved search data is loaded\n savedSearch.id === savedSearchId && // Make sure we've loaded the correct saved search\n isSearchConfigEmpty // Only populate if URL doesn't have explicit config\n ) {\n setSearchedConfig({\n source: savedSearch.source,\n where: savedSearch.where,\n select: savedSearch.select,\n whereLanguage: savedSearch.whereLanguage as 'sql' | 'lucene',\n filters: savedSearch.filters ?? [],\n orderBy: savedSearch.orderBy ?? '',\n });\n return;\n }\n\n // Landed on a new search - ensure we have a source selected\n if (savedSearchId == null && defaultSourceId && isSearchConfigEmpty) {\n setSearchedConfig({\n source: defaultSourceId,\n where: '',\n select: '',\n whereLanguage: getStoredLanguage() ?? 'lucene',\n filters: [],\n orderBy: '',\n });\n return;\n }\n }, [\n savedSearch,\n searchedConfig,\n setSearchedConfig,\n savedSearchId,\n defaultSourceId,\n sources,\n ]);\n\n const [_queryErrors, setQueryErrors] = useState<{\n [key: string]: Error | ClickHouseQueryError;\n }>({});\n\n useEffect(() => {\n if (!isBrowser || !IS_LOCAL_MODE) return;\n const nullQueryErrors = (event: StorageEvent) => {\n if (event.key === LOCAL_STORE_CONNECTIONS_KEY) {\n setQueryErrors({});\n }\n };\n\n window.addEventListener('storage', nullQueryErrors);\n return () => {\n window.removeEventListener('storage', nullQueryErrors);\n };\n }, []);\n\n const onSubmit = useCallback(() => {\n onSearch(displayedTimeInputValue);\n handleSubmit(\n ({ select, where, whereLanguage, source, filters, orderBy }) => {\n setSearchedConfig({\n select,\n where,\n whereLanguage,\n source,\n filters,\n orderBy,\n });\n },\n )();\n // clear query errors\n setQueryErrors({});\n }, [\n handleSubmit,\n setSearchedConfig,\n displayedTimeInputValue,\n onSearch,\n setQueryErrors,\n ]);\n\n const debouncedSubmit = useDebouncedCallback(onSubmit, 1000);\n const handleSetFilters = useCallback(\n (filters: Filter[]) => {\n setValue('filters', filters);\n debouncedSubmit();\n },\n [debouncedSubmit, setValue],\n );\n\n const filters = useWatch({ name: 'filters', control });\n const searchFilters = useSearchPageFilterState({\n searchQuery: filters ?? undefined,\n onFilterChange: handleSetFilters,\n });\n\n const watchedSource = useWatch({\n control,\n name: 'source',\n // Watch will reset when changing saved search, so we need to default to the URL\n defaultValue: searchedConfig.source ?? undefined,\n });\n const prevSourceRef = useRef(watchedSource);\n\n useEffect(() => {\n // If the user changes the source dropdown, reset the select and orderby fields\n // to match the new source selected\n if (watchedSource !== prevSourceRef.current) {\n prevSourceRef.current = watchedSource;\n const newInputSourceObj = inputSourceObjs?.find(\n s => s.id === watchedSource,\n );\n if (newInputSourceObj != null) {\n // Save the selected source ID to localStorage\n setLastSelectedSourceId(newInputSourceObj.id);\n\n // If the user isn't in a saved search (or the source is different from the saved search source), reset fields\n if (savedSearchId == null || savedSearch?.source !== watchedSource) {\n setValue('select', '');\n setValue('orderBy', '');\n // Clear all search filters only when switching to a different source\n searchFilters.clearAllFilters();\n // If the user is in a saved search, prefer the saved search's select/orderBy if available\n } else {\n setValue('select', savedSearch?.select ?? '');\n setValue('orderBy', savedSearch?.orderBy ?? '');\n // Don't clear filters - we're loading from saved search\n }\n }\n }\n }, [\n watchedSource,\n setValue,\n savedSearch,\n savedSearchId,\n inputSourceObjs,\n searchFilters,\n setLastSelectedSourceId,\n ]);\n\n const onTableScroll = useCallback(\n (scrollTop: number) => {\n // If the user scrolls a bit down, kick out of live mode\n if (scrollTop > 16 && isLive) {\n setIsLive(false);\n }\n },\n [isLive, setIsLive],\n );\n\n const onSidebarOpen = useCallback(() => {\n setIsLive(false);\n }, [setIsLive]);\n\n const [modelFormExpanded, setModelFormExpanded] = useState(false); // Used in local mode\n const [saveSearchModalState, setSaveSearchModalState] = useState<\n 'create' | 'update' | undefined\n >(undefined);\n\n const { data: chartConfig, isLoading: isChartConfigLoading } =\n useSearchedConfigToChartConfig(searchedConfig, defaultSearchConfig);\n\n // query error handling\n const { hasQueryError, queryError } = useMemo(() => {\n const hasQueryError = Object.values(_queryErrors).length > 0;\n const queryError: Error | ClickHouseQueryError | null = hasQueryError\n ? Object.values(_queryErrors)[0]\n : null;\n return { hasQueryError, queryError };\n }, [_queryErrors]);\n const inputWhere = useWatch({ name: 'where', control });\n const inputWhereLanguage = useWatch({ name: 'whereLanguage', control });\n // query suggestion for 'where' if error\n const whereSuggestions = useSqlSuggestions({\n input: inputWhere,\n enabled: hasQueryError && inputWhereLanguage === 'sql',\n });\n\n const queryReady =\n chartConfig?.from?.databaseName &&\n chartConfig?.from?.tableName &&\n chartConfig?.timestampValueExpression;\n\n const updateSavedSearch = useUpdateSavedSearch();\n const deleteSavedSearch = useDeleteSavedSearch();\n const onSaveSearch = useCallback(() => {\n if (savedSearch == null) {\n setSaveSearchModalState('create');\n } else {\n handleSubmit(s => {\n updateSavedSearch.mutate(\n {\n id: savedSearch.id,\n ...s,\n },\n {\n onSuccess: () => {\n // Make sure to run the query\n onSubmit();\n },\n },\n );\n })();\n }\n }, [savedSearch, updateSavedSearch, onSubmit, handleSubmit]);\n\n const handleUpdateTags = useCallback(\n (newTags: string[]) => {\n if (savedSearch?.id) {\n updateSavedSearch.mutate(\n {\n id: savedSearch.id,\n name: savedSearch.name,\n select: searchedConfig.select ?? '',\n where: searchedConfig.where ?? '',\n whereLanguage:\n searchedConfig.whereLanguage ?? getStoredLanguage() ?? 'lucene',\n source: searchedConfig.source ?? '',\n orderBy: searchedConfig.orderBy ?? '',\n filters: searchedConfig.filters ?? [],\n tags: newTags,\n },\n {\n onSuccess: () => {\n notifications.show({\n color: 'green',\n message: 'Tags updated successfully',\n });\n },\n onError: () => {\n notifications.show({\n color: 'red',\n message: (\n <>\n An error occurred. \n \n ),\n });\n },\n },\n );\n }\n },\n [savedSearch, searchedConfig, updateSavedSearch],\n );\n\n const [newSourceModalOpened, setNewSourceModalOpened] = useState(false);\n\n const QUERY_KEY_PREFIX = 'search';\n\n const isAnyQueryFetching =\n useIsFetching({\n queryKey: [QUERY_KEY_PREFIX],\n }) > 0;\n\n const isTabVisible = useDocumentVisibility();\n\n // State for collapsing all expanded rows when resuming live tail\n const [collapseAllRows, setCollapseAllRows] = useState(false);\n\n const [interval, setInterval] = useQueryState(\n 'liveInterval',\n parseAsInteger.withDefault(LIVE_TAIL_DURATION_MS),\n );\n\n const [refreshFrequency, setRefreshFrequency] = useQueryState(\n 'refreshFrequency',\n parseAsInteger.withDefault(DEFAULT_REFRESH_FREQUENCY),\n );\n\n const updateRelativeTimeInputValue = useCallback((interval: number) => {\n const label = getRelativeTimeOptionLabel(interval);\n if (label) {\n setDisplayedTimeInputValue(label);\n }\n }, []);\n\n useEffect(() => {\n if (isReady && isLive) {\n updateRelativeTimeInputValue(interval);\n }\n // we only want this to run on initial mount\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [updateRelativeTimeInputValue, searchedConfig.source, isReady]);\n\n useLiveUpdate({\n isLive,\n interval,\n refreshFrequency,\n onTimeRangeSelect,\n pause: isAnyQueryFetching || !queryReady || !isTabVisible,\n });\n\n // This ensures we only render this conditionally on the client\n // otherwise we get SSR hydration issues\n const [shouldShowLiveModeHint, setShouldShowLiveModeHint] = useState(false);\n useEffect(() => {\n setShouldShowLiveModeHint(isLive === false);\n }, [isLive]);\n\n const { data: me } = api.useMe();\n\n // Callback to handle when rows are expanded - kick user out of live tail\n const onExpandedRowsChange = useCallback(\n (hasExpandedRows: boolean) => {\n if (hasExpandedRows && isLive) {\n setIsLive(false);\n }\n },\n [isLive, setIsLive],\n );\n\n const handleResumeLiveTail = useCallback(() => {\n setIsLive(true);\n updateRelativeTimeInputValue(interval);\n // Trigger collapsing all expanded rows\n setCollapseAllRows(true);\n // Reset the collapse trigger after a short delay\n setTimeout(() => setCollapseAllRows(false), 100);\n }, [interval, updateRelativeTimeInputValue, setIsLive]);\n\n const dbSqlRowTableConfig = useMemo(() => {\n if (chartConfig == null) {\n return undefined;\n }\n\n return {\n ...chartConfig,\n dateRange: searchedTimeRange,\n };\n }, [chartConfig, searchedTimeRange]);\n\n const displayedColumns = useMemo(\n () =>\n splitAndTrimWithBracket(\n dbSqlRowTableConfig?.select ?? defaultSearchConfig.select ?? '',\n ),\n [dbSqlRowTableConfig?.select, defaultSearchConfig.select],\n );\n\n const toggleColumn = useCallback(\n (column: string) => {\n const newSelectArray = displayedColumns.includes(column)\n ? displayedColumns.filter(s => s !== column)\n : [...displayedColumns, column];\n setValue('select', newSelectArray.join(', '));\n onSubmit();\n },\n [displayedColumns, setValue, onSubmit],\n );\n\n const generateSearchUrl = useCallback(\n ({\n where,\n whereLanguage,\n source,\n }: {\n where: SearchConfig['where'];\n whereLanguage: SearchConfig['whereLanguage'];\n source?: TSource;\n }) => {\n const qParams = new URLSearchParams({\n whereLanguage: whereLanguage || 'sql',\n from: searchedTimeRange[0].getTime().toString(),\n to: searchedTimeRange[1].getTime().toString(),\n isLive: 'false',\n liveInterval: interval.toString(),\n });\n\n // When generating a search based on a different source,\n // filters and select for the current source are not preserved.\n if (source && source.id !== searchedSource?.id) {\n qParams.append('where', where || '');\n qParams.append('source', source.id);\n } else {\n qParams.append('select', searchedConfig.select || '');\n qParams.append('where', where || searchedConfig.where || '');\n qParams.append('filters', JSON.stringify(searchedConfig.filters ?? []));\n qParams.append('source', searchedSource?.id || '');\n }\n\n return `/search?${qParams.toString()}`;\n },\n [\n interval,\n searchedConfig.filters,\n searchedConfig.select,\n searchedConfig.where,\n searchedSource?.id,\n searchedTimeRange,\n ],\n );\n\n const handleTableError = useCallback(\n (error: Error | ClickHouseQueryError) => {\n setIsLive(false);\n setQueryErrors(prev => ({ ...prev, DBSqlRowTable: error }));\n },\n [setIsLive, setQueryErrors],\n );\n\n const [isAlertModalOpen, { open: openAlertModal, close: closeAlertModal }] =\n useDisclosure();\n\n // Add this effect to trigger initial search when component mounts\n useEffect(() => {\n if (isReady && queryReady && !isChartConfigLoading) {\n // Only trigger if we haven't searched yet (no time range in URL)\n const searchParams = new URLSearchParams(window.location.search);\n if (!searchParams.has('from') && !searchParams.has('to')) {\n onSearch('Live Tail');\n }\n }\n }, [isReady, queryReady, isChartConfigLoading, onSearch]);\n\n const { data: aliasMap } = useAliasMapFromChartConfig(dbSqlRowTableConfig);\n\n const aliasWith = useMemo(() => aliasMapToWithClauses(aliasMap), [aliasMap]);\n\n const histogramTimeChartConfig = useMemo(() => {\n if (chartConfig == null) {\n return undefined;\n }\n\n const variableConfig: any = {};\n switch (searchedSource?.kind) {\n case SourceKind.Log:\n variableConfig.groupBy = searchedSource?.severityTextExpression;\n break;\n case SourceKind.Trace:\n variableConfig.groupBy = searchedSource?.statusCodeExpression;\n break;\n }\n\n return {\n ...chartConfig,\n select: [\n {\n aggFn: 'count',\n aggCondition: '',\n valueExpression: '',\n },\n ],\n orderBy: undefined,\n granularity: 'auto',\n dateRange: searchedTimeRange,\n displayType: DisplayType.StackedBar,\n with: aliasWith,\n // Preserve the original table select string for \"View Events\" links\n eventTableSelect: searchedConfig.select,\n // In live mode, when the end date is aligned to the granularity, the end date does\n // not change on every query, resulting in cached data being re-used.\n alignDateRangeToGranularity: !isLive,\n ...variableConfig,\n };\n }, [\n chartConfig,\n searchedSource,\n aliasWith,\n searchedTimeRange,\n searchedConfig.select,\n isLive,\n ]);\n\n const onFormSubmit = useCallback>(\n e => {\n e.preventDefault();\n onSubmit();\n return false;\n },\n [onSubmit],\n );\n\n const onSortingChange = useCallback(\n (sortState: SortingState | null) => {\n setIsLive(false);\n const sort = sortState?.at(0);\n setSearchedConfig({\n orderBy: sort\n ? `${sort.id} ${sort.desc ? 'DESC' : 'ASC'}`\n : defaultSearchConfig.orderBy,\n });\n },\n [setIsLive, defaultSearchConfig.orderBy, setSearchedConfig],\n );\n // Parse the orderBy string into a SortingState. We need the string\n // version in other places so we keep this parser separate.\n const initialSortBy = useMemo(() => {\n const orderBy = parseAsSortingStateString.parse(\n searchedConfig.orderBy ?? '',\n );\n return orderBy ? [orderBy] : [];\n }, [searchedConfig.orderBy]);\n\n const handleTimeRangeSelect = useCallback(\n (d1: Date, d2: Date) => {\n onTimeRangeSelect(d1, d2);\n setIsLive(false);\n },\n [onTimeRangeSelect, setIsLive],\n );\n\n const filtersChartConfig = useMemo(() => {\n const overrides = {\n orderBy: undefined,\n dateRange: searchedTimeRange,\n with: aliasWith,\n } as const;\n return chartConfig\n ? {\n ...chartConfig,\n ...overrides,\n }\n : {\n timestampValueExpression: '',\n connection: '',\n from: {\n databaseName: '',\n tableName: '',\n },\n where: '',\n select: '',\n ...overrides,\n };\n }, [chartConfig, searchedTimeRange, aliasWith]);\n\n const openNewSourceModal = useCallback(() => {\n setNewSourceModalOpened(true);\n }, []);\n\n const [isDrawerChildModalOpen, setDrawerChildModalOpen] = useState(false);\n\n const rowTableContext = useMemo(\n () => ({\n onPropertyAddClick: searchFilters.setFilterValue,\n displayedColumns,\n toggleColumn,\n generateSearchUrl,\n dbSqlRowTableConfig,\n isChildModalOpen: isDrawerChildModalOpen,\n setChildModalOpen: setDrawerChildModalOpen,\n source: searchedSource,\n }),\n [\n searchFilters.setFilterValue,\n searchedSource,\n dbSqlRowTableConfig,\n displayedColumns,\n toggleColumn,\n generateSearchUrl,\n isDrawerChildModalOpen,\n ],\n );\n\n const inputSourceTableConnection = useMemo(\n () => tcFromSource(inputSourceObj),\n [inputSourceObj],\n );\n\n const sourceSchemaPreview = useMemo(\n () => ,\n [inputSourceObj],\n );\n\n const onTimePickerSearch = useCallback(\n (range: string) => {\n setIsLive(false);\n onSearch(range);\n },\n [setIsLive, onSearch],\n );\n\n const onTimePickerRelativeSearch = useCallback(\n (rangeMs: number) => {\n const _range = parseRelativeTimeQuery(rangeMs);\n setIsLive(true);\n setInterval(rangeMs);\n onTimeRangeSelect(_range[0], _range[1], null);\n },\n [setIsLive, setInterval, onTimeRangeSelect],\n );\n\n const clearSaveSearchModalState = useCallback(\n () => setSaveSearchModalState(undefined),\n [setSaveSearchModalState],\n );\n\n const onModelFormExpandClose = useCallback(() => {\n setModelFormExpanded(false);\n }, [setModelFormExpanded]);\n\n const onEditSources = useCallback(() => {\n if (IS_LOCAL_MODE) {\n setModelFormExpanded(v => !v);\n } else {\n router.push('/team');\n }\n }, [setModelFormExpanded]);\n\n const setNewSourceModalClosed = useCallback(\n () => setNewSourceModalOpened(false),\n [setNewSourceModalOpened],\n );\n\n const onNewSourceCreate = useCallback(\n (newSource: TSource) => {\n setValue('source', newSource.id);\n setNewSourceModalClosed();\n },\n [setValue, setNewSourceModalClosed],\n );\n\n return (\n \n \n \n {savedSearch ? `${savedSearch.name} Search` : 'Search'} - {brandName}\n \n \n {!IS_LOCAL_MODE && isAlertModalOpen && (\n \n )}\n \n \n {/* */}\n \n \n \n \n \n \n \n \n <>\n {!savedSearchId ? (\n \n Save\n \n ) : (\n {\n setSaveSearchModalState('update');\n }}\n style={{ flexShrink: 0 }}\n >\n Update\n \n )}\n {!IS_LOCAL_MODE && (\n \n Alerts\n \n )}\n {!!savedSearch && (\n <>\n \n \n \n {savedSearch.tags?.length || 0}\n \n \n\n {\n deleteSavedSearch.mutate(savedSearch?.id ?? '', {\n onSuccess: () => {\n router.push('/search');\n },\n });\n }}\n onClickRenameSavedSearch={() => {\n setSaveSearchModalState('update');\n }}\n />\n \n )}\n \n \n \n \n \n \n \n {isLive && (\n \n \n \n setRefreshFrequency(value ? parseInt(value, 10) : null)\n }\n allowDeselect={false}\n comboboxProps={{\n withinPortal: true,\n zIndex: 1000,\n }}\n />\n \n \n )}\n \n \n \n {searchedConfig != null && searchedSource != null && (\n \n )}\n \n {!queryReady ? (\n \n
\n \n Please start by selecting a source and then click the play\n button to query data.\n \n
\n \n ) : (\n <>\n \n \n \n \n {analysisMode === 'pattern' &&\n histogramTimeChartConfig != null && (\n \n \n \n \n \n \n \n {!hasQueryError && (\n \n \n \n )}\n \n \n \n \n )}\n {analysisMode === 'delta' &&\n searchedSource != null &&\n isTraceSource(searchedSource) && (\n \n )}\n {analysisMode === 'results' && (\n \n {chartConfig && histogramTimeChartConfig && (\n <>\n \n \n \n \n {shouldShowLiveModeHint &&\n denoiseResults != true && (\n \n )}\n \n \n \n \n {!hasQueryError && (\n \n \n \n )}\n \n )}\n {hasQueryError && queryError ? (\n <>\n
\n {whereSuggestions && whereSuggestions.length > 0 && (\n \n \n Query Helper\n \n \n {whereSuggestions!.map(s => (\n <>\n \n {s.userMessage('where')}\n \n \n \n setValue('where', s.corrected())\n }\n >\n Accept\n \n \n \n ))}\n \n \n )}\n \n \n Error encountered for query with inputs:\n \n \n \n \n SELECT\n \n \n \n \n \n ORDER BY\n \n \n \n \n \n \n {chartConfig.whereLanguage === 'lucene'\n ? 'Searched For'\n : 'WHERE'}\n \n \n \n {chartConfig.whereLanguage === 'lucene' ? (\n \n ) : (\n \n )}\n \n \n \n \n \n \n Error Message:\n \n \n {queryError.message}\n \n \n {queryError instanceof ClickHouseQueryError && (\n \n \n Original Query:\n \n \n \n \n \n )}\n
\n \n ) : (\n \n {chartConfig &&\n searchedConfig.source &&\n dbSqlRowTableConfig && (\n \n )}\n \n )}\n \n )}\n \n \n )}\n \n \n );\n}\n\nconst DBSearchPageDynamic = dynamic(async () => DBSearchPage, { ssr: false });\n\n// @ts-ignore\nDBSearchPageDynamic.getLayout = withAppNav;\n\nexport default DBSearchPageDynamic;\n" }, { "path": "packages/app/src/DBSearchPageAlertModal.tsx", "content": "import React from 'react';\nimport router from 'next/router';\nimport { useForm, useWatch } from 'react-hook-form';\nimport { NativeSelect, NumberInput } from 'react-hook-form-mantine';\nimport { z } from 'zod';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { tcFromSource } from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n type Alert,\n AlertIntervalSchema,\n AlertSource,\n AlertThresholdType,\n Filter,\n scheduleStartAtSchema,\n SearchCondition,\n SearchConditionLanguage,\n validateAlertScheduleOffsetMinutes,\n zAlertChannel,\n} from '@hyperdx/common-utils/dist/types';\nimport { Alert as MantineAlert, TextInput } from '@mantine/core';\nimport {\n Accordion,\n Box,\n Button,\n Group,\n LoadingOverlay,\n Modal,\n Paper,\n Stack,\n Tabs,\n Text,\n} from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\nimport {\n IconChartLine,\n IconInfoCircleFilled,\n IconPlus,\n} from '@tabler/icons-react';\nimport { useQueryClient } from '@tanstack/react-query';\n\nimport { SQLInlineEditorControlled } from '@/components/SQLEditor/SQLInlineEditor';\nimport { useCreateSavedSearch } from '@/savedSearch';\nimport { useSavedSearch } from '@/savedSearch';\nimport { useSource } from '@/source';\nimport { useBrandDisplayName } from '@/theme/ThemeProvider';\nimport {\n ALERT_CHANNEL_OPTIONS,\n ALERT_INTERVAL_OPTIONS,\n ALERT_THRESHOLD_TYPE_OPTIONS,\n intervalToMinutes,\n normalizeNoOpAlertScheduleFields,\n} from '@/utils/alerts';\n\nimport { AlertPreviewChart } from './components/AlertPreviewChart';\nimport { AlertChannelForm } from './components/Alerts';\nimport { AlertScheduleFields } from './components/AlertScheduleFields';\nimport { getStoredLanguage } from './components/SearchInput/SearchWhereInput';\nimport { getWebhookChannelIcon } from './utils/webhookIcons';\nimport api from './api';\nimport { AlertWithCreatedBy, SearchConfig } from './types';\nimport { optionsToSelectData } from './utils';\n\nconst SavedSearchAlertFormSchema = z\n .object({\n interval: AlertIntervalSchema,\n threshold: z.number(),\n scheduleOffsetMinutes: z.number().int().min(0).default(0),\n scheduleStartAt: scheduleStartAtSchema,\n thresholdType: z.nativeEnum(AlertThresholdType),\n channel: zAlertChannel,\n })\n .passthrough()\n .superRefine(validateAlertScheduleOffsetMinutes);\n\nconst AlertForm = ({\n sourceId,\n where,\n whereLanguage,\n filters,\n select,\n defaultValues,\n loading,\n deleteLoading,\n hasSavedSearch,\n onDelete,\n onSubmit,\n onClose,\n}: {\n sourceId?: string | null;\n where?: SearchCondition | null;\n whereLanguage?: SearchConditionLanguage | null;\n filters?: Filter[] | null;\n select?: string | null;\n defaultValues?: null | AlertWithCreatedBy;\n loading?: boolean;\n deleteLoading?: boolean;\n hasSavedSearch?: boolean;\n onDelete: (id: string) => void;\n onSubmit: (data: Alert) => void;\n onClose: () => void;\n}) => {\n const { data: source } = useSource({ id: sourceId });\n\n const {\n control,\n handleSubmit,\n setValue,\n formState: { dirtyFields },\n } = useForm({\n defaultValues: defaultValues\n ? {\n ...defaultValues,\n scheduleOffsetMinutes: defaultValues.scheduleOffsetMinutes ?? 0,\n scheduleStartAt: defaultValues.scheduleStartAt ?? null,\n }\n : {\n interval: '5m',\n threshold: 1,\n scheduleOffsetMinutes: 0,\n scheduleStartAt: null,\n thresholdType: AlertThresholdType.ABOVE,\n source: AlertSource.SAVED_SEARCH,\n channel: {\n type: 'webhook',\n webhookId: '',\n },\n },\n resolver: zodResolver(SavedSearchAlertFormSchema),\n });\n\n const groupBy = useWatch({ control, name: 'groupBy' });\n const thresholdType = useWatch({ control, name: 'thresholdType' });\n const channelType = useWatch({ control, name: 'channel.type' });\n const interval = useWatch({ control, name: 'interval' });\n const scheduleOffsetMinutes = useWatch({\n control,\n name: 'scheduleOffsetMinutes',\n });\n const groupByValue = useWatch({ control, name: 'groupBy' });\n const threshold = useWatch({ control, name: 'threshold' });\n const maxScheduleOffsetMinutes = Math.max(\n intervalToMinutes(interval ?? '5m') - 1,\n 0,\n );\n const intervalLabel = ALERT_INTERVAL_OPTIONS[interval ?? '5m'];\n\n return (\n \n onSubmit(\n normalizeNoOpAlertScheduleFields(data, defaultValues, {\n preserveExplicitScheduleOffsetMinutes:\n dirtyFields.scheduleOffsetMinutes === true,\n preserveExplicitScheduleStartAt:\n dirtyFields.scheduleStartAt === true,\n }),\n ),\n )}\n >\n \n \n \n Trigger\n \n \n \n Alert when\n \n \n \n \n lines appear within\n \n \n \n via\n \n \n \n \n \n grouped by\n \n \n \n \n \n Send to\n \n \n \n {groupBy && thresholdType === AlertThresholdType.BELOW && (\n }\n bg=\"dark\"\n py=\"xs\"\n >\n \n Warning: Alerts with a "Below (<)" threshold and a\n "grouped by" value will not alert for periods with no\n data for a group.\n \n \n )}\n \n\n \n \n }>\n Threshold chart\n \n \n {source && (\n \n )}\n \n \n \n\n {defaultValues?.createdBy && (\n \n \n Created by\n \n \n {defaultValues.createdBy.name || defaultValues.createdBy.email}\n \n {defaultValues.createdBy.name && (\n \n {defaultValues.createdBy.email}\n \n )}\n \n )}\n\n \n
\n {defaultValues && (\n onDelete(defaultValues.id!)}\n loading={deleteLoading}\n >\n Delete Alert\n \n )}\n
\n \n \n \n \n \n \n );\n};\n\nexport const DBSearchPageAlertModal = ({\n id,\n searchedConfig,\n onClose,\n open,\n}: {\n id?: string;\n searchedConfig?: SearchConfig;\n onClose: () => void;\n open: boolean;\n}) => {\n const brandName = useBrandDisplayName();\n const queryClient = useQueryClient();\n const createAlert = api.useCreateAlert();\n const updateAlert = api.useUpdateAlert();\n const deleteAlert = api.useDeleteAlert();\n const createSavedSearch = useCreateSavedSearch();\n\n const { data: savedSearch, isLoading } = useSavedSearch(\n { id: id || '' },\n { enabled: !!id },\n );\n\n const [activeIndex, setActiveIndex] = React.useState<'stage' | `${number}`>(\n 'stage',\n );\n\n const setTab = (value: string | null) => {\n if (value === null) {\n return;\n } else if (value === 'stage') {\n setActiveIndex(value);\n } else {\n setActiveIndex(`${parseInt(value)}`);\n }\n };\n\n const [name, setName] = React.useState('');\n\n const onSubmit = async (data: Alert) => {\n try {\n // Create new search along with alert\n if (!id && searchedConfig) {\n if (!name) {\n notifications.show({\n color: 'red',\n message: 'Please provide a name for the saved search.',\n autoClose: 5000,\n });\n return;\n }\n const result = await createSavedSearch.mutateAsync({\n name,\n select: searchedConfig.select ?? '',\n where: searchedConfig.where ?? '',\n whereLanguage:\n searchedConfig.whereLanguage ?? getStoredLanguage() ?? 'lucene',\n source: searchedConfig.source ?? '',\n orderBy: searchedConfig.orderBy ?? '',\n filters: searchedConfig.filters ?? [],\n tags: [],\n });\n await createAlert.mutate({\n ...data,\n source: AlertSource.SAVED_SEARCH,\n savedSearchId: result.id,\n });\n router.push(`/search/${result.id}`);\n onClose();\n } else if (id) {\n // Create new alert\n if (activeIndex === 'stage') {\n await createAlert.mutate({\n ...data,\n source: AlertSource.SAVED_SEARCH,\n savedSearchId: id,\n });\n } else if (data.id) {\n // Update existing alert\n await updateAlert.mutate({\n ...data,\n id: data.id,\n source: AlertSource.SAVED_SEARCH,\n savedSearchId: id,\n });\n } else {\n return;\n }\n notifications.show({\n color: 'green',\n message: `Alert ${activeIndex === 'stage' ? 'created' : 'updated'}!`,\n autoClose: 5000,\n });\n }\n } catch (error) {\n notifications.show({\n color: 'red',\n message: `Something went wrong. Please contact ${brandName} team.`,\n autoClose: 5000,\n });\n }\n queryClient.invalidateQueries({ queryKey: ['saved-search'] });\n onClose();\n };\n\n const onDelete = async (id: string) => {\n try {\n await deleteAlert.mutate(id);\n notifications.show({\n color: 'green',\n message: 'Alert deleted!',\n autoClose: 5000,\n });\n } catch (error) {\n notifications.show({\n color: 'red',\n message: `Something went wrong. Please contact ${brandName} team.`,\n autoClose: 5000,\n });\n }\n queryClient.invalidateQueries({ queryKey: ['saved-search'] });\n onClose();\n };\n\n return (\n \n \n \n \n \n \n Alerts for {savedSearch?.name}\n \n {!id && (\n setName(e.currentTarget.value)}\n required\n />\n )}\n \n {savedSearch?.where}\n \n\n \n \n {(savedSearch?.alerts || []).map((alert, index) => (\n \n \n {getWebhookChannelIcon(alert.channel.type)} Alert {index + 1}\n \n \n ))}\n \n \n \n New Alert\n \n \n \n \n\n \n \n \n );\n};\n" }, { "path": "packages/app/src/DBServiceMapPage.tsx", "content": "import { useEffect, useState } from 'react';\nimport dynamic from 'next/dynamic';\nimport { parseAsInteger, useQueryState } from 'nuqs';\nimport { useForm, useWatch } from 'react-hook-form';\nimport { SourceKind, TTraceSource } from '@hyperdx/common-utils/dist/types';\nimport {\n Box,\n Button,\n Flex,\n Group,\n Modal,\n Slider,\n Text,\n Title,\n} from '@mantine/core';\n\nimport { IS_LOCAL_MODE } from '@/config';\nimport { withAppNav } from '@/layout';\n\nimport ServiceMap from './components/ServiceMap/ServiceMap';\nimport { TableSourceForm } from './components/Sources/SourceForm';\nimport SourceSchemaPreview from './components/SourceSchemaPreview';\nimport { SourceSelectControlled } from './components/SourceSelect';\nimport { TimePicker } from './components/TimePicker';\nimport { useSources } from './source';\nimport { parseTimeQuery, useNewTimeQuery } from './timeQuery';\n\n// The % of requests sampled is 1 / sampling factor\nexport const SAMPLING_FACTORS = [\n {\n value: 100,\n label: '1%',\n },\n {\n value: 20,\n label: '5%',\n },\n {\n value: 10,\n label: '10%',\n },\n {\n value: 2,\n label: '50%',\n },\n {\n value: 1,\n label: '100%',\n },\n];\n\nconst DEFAULT_INTERVAL = 'Past 1h';\nconst defaultTimeRange = parseTimeQuery(DEFAULT_INTERVAL, false) as [\n Date,\n Date,\n];\n\nfunction DBServiceMapPage() {\n const { data: sources } = useSources();\n const [sourceId, setSourceId] = useQueryState('source');\n const [isCreateSourceModalOpen, setIsCreateSourceModalOpen] = useState(false);\n\n const [displayedTimeInputValue, setDisplayedTimeInputValue] =\n useState(DEFAULT_INTERVAL);\n\n const { searchedTimeRange, onSearch } = useNewTimeQuery({\n initialDisplayValue: DEFAULT_INTERVAL,\n initialTimeRange: defaultTimeRange,\n setDisplayedTimeInputValue,\n });\n\n const defaultSource = sources?.find(\n (source): source is TTraceSource => source.kind === SourceKind.Trace,\n );\n const source =\n sourceId && sources\n ? (sources.find(\n (source): source is TTraceSource =>\n source.id === sourceId && source.kind === SourceKind.Trace,\n ) ?? defaultSource)\n : defaultSource;\n\n const { control } = useForm({\n values: {\n source: source?.id,\n },\n });\n\n const watchedSource = useWatch({ control, name: 'source' });\n\n useEffect(() => {\n if (watchedSource !== sourceId) {\n setSourceId(watchedSource ?? null);\n }\n }, [watchedSource, sourceId, setSourceId]);\n\n const [samplingFactor, setSamplingFactor] = useQueryState(\n 'samplingFactor',\n parseAsInteger.withDefault(10),\n );\n const { label: samplingLabel = '' } =\n SAMPLING_FACTORS.find(factor => factor.value === samplingFactor) ?? {};\n\n const hasTraceSources = sources != null && defaultSource != null;\n const isLoading = sources == null;\n\n if (!isLoading && !hasTraceSources) {\n return (\n \n \n Service Map\n \n {IS_LOCAL_MODE && (\n setIsCreateSourceModalOpen(false)}\n title=\"Configure New Trace Source\"\n >\n setIsCreateSourceModalOpen(false)}\n />\n \n )}\n \n \n No trace sources configured\n \n \n The Service Map visualizes relationships between your services using\n trace data. Configure a trace source to get started.\n \n {IS_LOCAL_MODE ? (\n setIsCreateSourceModalOpen(true)}\n >\n Create Trace Source\n \n ) : (\n \n Go to Team Settings\n \n )}\n \n \n );\n }\n\n return source ? (\n \n \n \n Service Map\n \n }\n />\n \n \n \n Sampling {samplingLabel}\n \n
\n factor.value === samplingFactor,\n )}\n onChange={v => setSamplingFactor(SAMPLING_FACTORS[v].value)}\n showLabelOnHover={false}\n />\n
\n \n \n \n \n \n ) : null;\n}\n\nconst DBServiceMapPageDynamic = dynamic(async () => DBServiceMapPage, {\n ssr: false,\n});\n\n// @ts-ignore\nDBServiceMapPageDynamic.getLayout = withAppNav;\n\nexport default DBServiceMapPageDynamic;\n" }, { "path": "packages/app/src/DOMPlayer.tsx", "content": "import { memo, useCallback, useEffect, useRef, useState } from 'react';\nimport cx from 'classnames';\nimport throttle from 'lodash/throttle';\nimport { useHotkeys } from 'react-hotkeys-hook';\nimport { Replayer } from 'rrweb';\nimport { ActionIcon, CopyButton, Group, HoverCard } from '@mantine/core';\nimport {\n IconArrowsMaximize,\n IconCheck,\n IconCopy,\n IconGlobe,\n IconLink,\n IconList,\n IconRefresh,\n} from '@tabler/icons-react';\n\nimport { useRRWebEventStream } from '@/sessions';\nimport { useDebugMode } from '@/utils';\n\nimport { FieldExpressionGenerator } from './hooks/useFieldExpressionGenerator';\n\nimport styles from '../styles/SessionSubpanelV2.module.scss';\n\nfunction getPlayerCurrentTime(player: Replayer) {\n return Math.max(player.getCurrentTime(), 0); //getCurrentTime can be -startTime\n}\n\nconst URLHoverCard = memo(({ url }: { url: string }) => {\n let parsedUrl: URL | undefined;\n try {\n parsedUrl = new URL(url);\n } catch {\n // ignore\n }\n\n let searchParams: { key: string; value: string }[] | undefined;\n try {\n const _searchParams = new URLSearchParams(parsedUrl?.search ?? '');\n searchParams = [];\n for (const [key, value] of _searchParams.entries()) {\n searchParams.push({ key, value });\n }\n } catch {\n // ignore\n }\n\n return (\n \n \n
{url || 'Session Player'}
\n \n {url && (\n \n \n \n \n \n \n \n \n \n \n {searchParams &&\n searchParams.length > 0 &&\n searchParams.map(param => (\n \n \n \n \n ))}\n
\n \n {parsedUrl?.host}
\n \n {parsedUrl?.pathname}
\n {param.key}\n {param.value}
\n \n )}\n \n );\n});\n\nexport default function DOMPlayer({\n config: { dateRange, serviceName, sessionId, sourceId },\n focus,\n setPlayerTime,\n playerState,\n setPlayerState,\n playerSpeed,\n skipInactive,\n setPlayerStartTimestamp,\n setPlayerEndTimestamp,\n setPlayerFullWidth,\n playerFullWidth,\n resizeKey,\n getSessionSourceFieldExpression,\n}: {\n config: {\n dateRange: [Date, Date];\n serviceName: string;\n sessionId: string;\n sourceId: string;\n };\n focus: { ts: number; setBy: string } | undefined;\n setPlayerTime: (ts: number) => void;\n playerState: 'playing' | 'paused';\n setPlayerState: (state: 'playing' | 'paused') => void;\n playerSpeed: number;\n setPlayerStartTimestamp?: (ts: number) => void;\n setPlayerEndTimestamp?: (ts: number) => void;\n skipInactive: boolean;\n resizeKey?: string;\n setPlayerFullWidth: (fullWidth: boolean) => void;\n playerFullWidth: boolean;\n getSessionSourceFieldExpression: FieldExpressionGenerator;\n}) {\n const debug = useDebugMode();\n const wrapper = useRef(null);\n const playerContainer = useRef(null);\n const replayer = useRef(null);\n const initialEvents = useRef([]);\n\n const lastEventTsLoadedRef = useRef(0);\n const [lastEventTsLoaded, _setLastEventTsLoaded] = useState(0);\n const setLastEventTsLoaded = useRef(\n throttle(_setLastEventTsLoaded, 100, { leading: true, trailing: true }),\n );\n const [isInitialEventsLoaded, setIsInitialEventsLoaded] = useState(false);\n const [isReplayFullyLoaded, setIsReplayFullyLoaded] = useState(false);\n\n let currentRrwebEvent = '';\n\n const { isFetching: isSearchResultsFetching, abort } = useRRWebEventStream(\n {\n serviceName,\n sessionId,\n sourceId,\n startDate: dateRange[0],\n endDate: dateRange[1],\n limit: 1000000, // large enough to get all events\n onEvent: (event: { b: string; ck: number; tcks: number; t: number }) => {\n try {\n const { b: body, ck: chunk, tcks: totalChunks } = event;\n currentRrwebEvent += body;\n if (!chunk || chunk === totalChunks) {\n const parsedEvent = JSON.parse(currentRrwebEvent);\n\n if (replayer.current != null) {\n replayer.current.addEvent(parsedEvent);\n } else {\n if (\n setPlayerStartTimestamp != null &&\n initialEvents.current.length === 0\n ) {\n setPlayerStartTimestamp(parsedEvent.timestamp);\n }\n\n initialEvents.current.push(parsedEvent);\n }\n\n setLastEventTsLoaded.current(parsedEvent.timestamp);\n // Used for setting the player end timestamp on onEnd\n // we can't use state since the onEnd function is declared\n // at the beginning of the component lifecylce.\n // We can't use the rrweb metadata as it's not updated fast enough\n lastEventTsLoadedRef.current = parsedEvent.timestamp;\n\n currentRrwebEvent = '';\n }\n } catch (e) {\n if (debug) {\n console.error(e);\n }\n\n currentRrwebEvent = '';\n }\n\n if (initialEvents.current.length > 5) {\n setIsInitialEventsLoaded(true);\n }\n },\n onEnd: () => {\n setIsInitialEventsLoaded(true);\n setIsReplayFullyLoaded(true);\n\n if (setPlayerEndTimestamp != null) {\n if (replayer.current != null) {\n const endTime = lastEventTsLoadedRef.current;\n\n // Might want to merge with the below logic at some point, since\n // it's using a ts ref now\n setPlayerEndTimestamp(endTime ?? 0);\n } else {\n // If there's no events (empty replay session), there's no point in setting a timestamp\n if (initialEvents.current.length > 0) {\n setPlayerEndTimestamp(\n initialEvents.current[initialEvents.current.length - 1]\n .timestamp ?? 0,\n );\n }\n }\n }\n },\n getSessionSourceFieldExpression,\n },\n {\n keepPreviousData: true,\n shouldAbortPendingRequest: true,\n },\n );\n\n // RRWeb Player Stuff ==============================\n const [lastHref, setLastHref] = useState('');\n\n const play = useCallback(() => {\n if (replayer.current != null) {\n try {\n replayer.current.play(getPlayerCurrentTime(replayer.current));\n } catch (e) {\n console.error(e);\n }\n }\n }, [replayer]);\n\n const pause = useCallback(\n (ts?: number) => {\n if (replayer.current != null) {\n try {\n replayer.current.pause(ts);\n } catch (e) {\n console.error(e);\n }\n }\n },\n [replayer],\n );\n\n useHotkeys(['space'], () => {\n if (playerState === 'playing') {\n setPlayerState('paused');\n } else if (playerState === 'paused') {\n setPlayerState('playing');\n }\n });\n\n // XXX: Hack to let requestAnimationFrame access the current setPlayerTime\n const setPlayerTimeRef = useRef(setPlayerTime);\n useEffect(() => {\n setPlayerTimeRef.current = setPlayerTime;\n }, [setPlayerTime]);\n\n const updatePlayerTimeRafRef = useRef(0);\n const updatePlayerTime = useCallback(() => {\n if (\n replayer.current != null &&\n replayer.current.service.state.matches('playing')\n ) {\n setPlayerTimeRef.current(\n Math.round(\n replayer.current.getMetaData().startTime +\n getPlayerCurrentTime(replayer.current),\n ),\n );\n }\n\n // eslint-disable-next-line react-hooks/immutability\n updatePlayerTimeRafRef.current = requestAnimationFrame(updatePlayerTime);\n }, []);\n\n // Update timestamp ui in timeline\n useEffect(() => {\n updatePlayerTimeRafRef.current = requestAnimationFrame(updatePlayerTime);\n return () => {\n cancelAnimationFrame(updatePlayerTimeRafRef.current);\n };\n }, [updatePlayerTime]);\n\n // Manage playback pause/play state, rrweb only\n useEffect(() => {\n if (replayer.current != null) {\n if (playerState === 'playing') {\n play();\n } else if (playerState === 'paused') {\n pause();\n }\n }\n }, [playerState, play, pause]);\n\n useEffect(() => {\n if (replayer.current != null) {\n if (playerState === 'playing') {\n pause();\n replayer.current?.setConfig({ speed: playerSpeed, skipInactive });\n play();\n } else if (playerState === 'paused') {\n replayer.current?.setConfig({ speed: playerSpeed, skipInactive });\n }\n }\n }, [playerState, playerSpeed, skipInactive, pause, play]);\n\n const handleResize = useCallback(() => {\n if (wrapper.current == null || playerContainer.current == null) {\n return;\n }\n\n playerContainer.current.style.transform = `scale(0.0001)`;\n\n window.requestAnimationFrame(() => {\n if (wrapper.current == null || playerContainer.current == null) {\n return;\n }\n\n const wrapperRect = wrapper.current.getBoundingClientRect();\n const playerWidth = replayer?.current?.iframe?.offsetWidth ?? 1280;\n const playerHeight = replayer?.current?.iframe?.offsetHeight ?? 720;\n\n const xScale = wrapperRect.width / playerWidth;\n const yScale = wrapperRect.height / playerHeight;\n playerContainer.current.style.transform = `scale(${Math.min(\n xScale,\n yScale,\n )})`;\n });\n }, [wrapper, playerContainer]);\n\n // Listen to window resizes to resize player\n useEffect(() => {\n window.addEventListener('resize', handleResize);\n return () => window.removeEventListener('resize', handleResize);\n }, [handleResize]);\n // Resize when something external changes our player size\n useEffect(() => {\n handleResize();\n }, [resizeKey, handleResize]);\n\n const [isReplayerInitialized, setIsReplayerInitialized] = useState(false);\n // Set up player\n useEffect(() => {\n if (\n // If we have no events yet, we can't mount yet.\n // (results ?? []).length == 0 ||\n initialEvents.current.length < 2 ||\n // Just skip if we're already enabled\n playerContainer.current == null ||\n replayer.current != null\n ) {\n return;\n }\n\n replayer.current = new Replayer(initialEvents.current, {\n root: playerContainer.current,\n mouseTail: true,\n pauseAnimation: false,\n showWarning: debug,\n skipInactive: true,\n });\n setIsReplayerInitialized(true);\n\n if (debug) {\n // @ts-expect-error this is for debugging purposes only\n window.__hdx_replayer = replayer.current;\n }\n\n replayer.current.enableInteract();\n replayer.current.on('event-cast', (e: any) => {\n try {\n // if this is an incremental update from a resize\n // OR if its a full snapshot `type=4`, we'll want to resize just in case\n // https://github.com/rrweb-io/rrweb/blob/07aa1b2807da5a9a1db678ebc3ff59320a300d06/packages/rrweb/src/record/index.ts#L447\n // https://github.com/rrweb-io/rrweb/blob/2a809499480ae4f7118432f09871c5f75fda06d7/packages/types/src/index.ts#L74\n if ((e?.type === 3 && e?.data?.source === 4) || e.type === 4) {\n setTimeout(() => {\n handleResize();\n }, 0);\n }\n if (e?.type === 4) {\n setLastHref(e.data.href);\n }\n } catch (e) {\n if (debug) {\n console.error(e);\n }\n }\n });\n\n // If we're supposed to be playing, let's start playing.\n if (\n playerState === 'playing' &&\n replayer.current.getMetaData().endTime > (focus?.ts ?? 0)\n ) {\n if (focus != null) {\n pause(focus.ts - replayer.current.getMetaData().startTime);\n }\n play();\n }\n\n // XXX: Yes this is a hugeee antipattern\n setTimeout(() => {\n handleResize();\n }, 0);\n }, [\n handleResize,\n // results,\n focus,\n pause,\n isInitialEventsLoaded,\n playerState,\n play,\n debug,\n ]);\n\n // Set player to the correct time based on focus\n useEffect(() => {\n if (\n !isInitialEventsLoaded ||\n !isReplayerInitialized ||\n lastEventTsLoaded < (focus?.ts ? focus.ts + 1000 : Infinity)\n ) {\n return;\n }\n if (focus?.setBy !== 'player' && replayer.current != null) {\n pause(\n focus?.ts == null\n ? 0\n : focus?.ts - replayer.current.getMetaData().startTime,\n );\n handleResize();\n if (playerState === 'playing') {\n play();\n }\n }\n }, [\n focus,\n pause,\n setPlayerState,\n playerState,\n play,\n isInitialEventsLoaded,\n isReplayerInitialized,\n handleResize,\n lastEventTsLoaded,\n ]);\n\n useEffect(() => {\n return () => {\n if (replayer.current != null) {\n replayer.current?.destroy();\n replayer.current = null;\n }\n abort();\n };\n }, [abort]);\n\n const isLoading = isInitialEventsLoaded === false && isSearchResultsFetching;\n // TODO: Handle when ts is set to a value that's outside of this session\n const isBuffering =\n isReplayFullyLoaded === false &&\n (replayer.current?.getMetaData()?.endTime ?? 0) < (focus?.ts ?? 0);\n\n useEffect(() => {\n // If we're trying to play, but the player is paused\n // try to play again if we've loaded the event we're trying to play\n // this is relevant when you click or load on a timestamp that hasn't loaded yet\n if (\n replayer.current != null &&\n focus != null &&\n replayer.current.getMetaData().endTime > focus.ts &&\n playerState === 'playing' &&\n replayer.current?.service?.state?.matches('paused')\n ) {\n pause(focus.ts - replayer.current.getMetaData().startTime);\n play();\n }\n }, [lastEventTsLoaded, focus, playerState, pause, play]);\n\n return (\n <>\n
\n setPlayerFullWidth(!playerFullWidth)}\n size=\"sm\"\n color=\"gray\"\n >\n {playerFullWidth ? (\n \n ) : (\n \n )}\n \n \n {({ copied, copy }) => (\n <>\n \n \n {copied ? : }\n \n \n )}\n \n
\n\n
\n {isLoading || isBuffering ? (\n \n \n {isBuffering ? 'Buffering to time...' : 'Loading replay...'}\n \n ) : isReplayFullyLoaded && replayer.current == null ? (\n
\n No replay available for this session, most likely due to this\n session starting and ending in a background tab.\n
\n ) : null}\n 0,\n [styles.domPlayerWrapperPaused]: playerState === 'paused',\n })}\n >\n
\n
\n
\n \n );\n}\n" }, { "path": "packages/app/src/DashboardFilters.tsx", "content": "import { DashboardFilter } from '@hyperdx/common-utils/dist/types';\nimport { Group, Select } from '@mantine/core';\nimport { IconRefresh } from '@tabler/icons-react';\n\nimport { useDashboardFilterValues } from './hooks/useDashboardFilterValues';\nimport { FilterState } from './searchFilters';\n\ninterface DashboardFilterSelectProps {\n filter: DashboardFilter;\n onChange: (value: string | null) => void;\n value?: string | null;\n values?: string[];\n isLoading?: boolean;\n}\n\nconst DashboardFilterSelect = ({\n filter,\n onChange,\n value,\n values,\n isLoading,\n}: DashboardFilterSelectProps) => {\n const selectValues = values?.toSorted().map(value => ({\n value,\n label: value,\n }));\n\n return (\n \n );\n};\n\ninterface DashboardFilterProps {\n filters: DashboardFilter[];\n filterValues: FilterState;\n onSetFilterValue: (expression: string, value: string | null) => void;\n dateRange: [Date, Date];\n}\n\nconst DashboardFilters = ({\n filters,\n dateRange,\n filterValues,\n onSetFilterValue,\n}: DashboardFilterProps) => {\n const { data: filterValuesBySource, isFetching } = useDashboardFilterValues({\n filters,\n dateRange,\n });\n\n return (\n \n {Object.values(filters).map(filter => {\n const queriedFilterValues = filterValuesBySource?.get(\n filter.expression,\n );\n return (\n onSetFilterValue(filter.expression, value)}\n values={queriedFilterValues?.values}\n value={filterValues[filter.expression]?.included\n .values()\n .next()\n .value?.toString()}\n />\n );\n })}\n {isFetching && }\n \n );\n};\n\nexport default DashboardFilters;\n" }, { "path": "packages/app/src/DashboardFiltersModal.tsx", "content": "import { useEffect, useState } from 'react';\nimport { Controller, FieldError, useForm, useWatch } from 'react-hook-form';\nimport { TableConnection } from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n DashboardFilter,\n MetricsDataType,\n SourceKind,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n Button,\n Center,\n Group,\n Input,\n Modal,\n Paper,\n Radio,\n Stack,\n Text,\n TextInput,\n Title,\n Tooltip,\n UnstyledButton,\n} from '@mantine/core';\nimport {\n IconFilter,\n IconInfoCircle,\n IconPencil,\n IconRefresh,\n IconStack,\n IconTrash,\n} from '@tabler/icons-react';\n\nimport { SQLInlineEditorControlled } from '@/components/SQLEditor/SQLInlineEditor';\n\nimport SourceSchemaPreview from './components/SourceSchemaPreview';\nimport { SourceSelectControlled } from './components/SourceSelect';\nimport { useSource, useSources } from './source';\nimport { getMetricTableName } from './utils';\n\nimport styles from '../styles/DashboardFiltersModal.module.scss';\n\nconst MODAL_SIZE = 'sm';\n\ninterface CustomInputWrapperProps {\n children: React.ReactNode;\n label: string;\n tooltipText?: string;\n error?: FieldError;\n}\n\nconst CustomInputWrapper = ({\n children,\n label,\n tooltipText,\n error,\n}: CustomInputWrapperProps) => {\n const errorMessage =\n error &&\n (error.message ||\n (error?.type === 'required' ? 'This field is required' : 'Error'));\n\n return (\n
\n {label}\n {tooltipText && (\n \n \n \n )}\n {errorMessage && (\n \n {errorMessage}\n \n )}\n
{children}
\n
\n );\n};\n\ninterface DashboardFilterEditFormProps {\n filter: DashboardFilter;\n isNew: boolean;\n source: TSource | undefined;\n onSave: (definition: DashboardFilter) => void;\n onClose: () => void;\n onCancel: () => void;\n}\n\nconst DashboardFilterEditForm = ({\n filter,\n isNew,\n source: presetSource,\n onSave,\n onClose,\n onCancel,\n}: DashboardFilterEditFormProps) => {\n const { handleSubmit, register, formState, control, reset } =\n useForm({\n defaultValues: filter,\n });\n\n useEffect(() => {\n reset(filter);\n }, [filter, reset]);\n\n const sourceId = useWatch({ control, name: 'source' });\n const { data: source } = useSource({ id: sourceId });\n\n const metricType = useWatch({ control, name: 'sourceMetricType' });\n const tableName = source && getMetricTableName(source, metricType);\n const tableConnection: TableConnection | undefined = tableName\n ? {\n connectionId: source.connection,\n databaseName: source.from.databaseName,\n tableName,\n }\n : undefined;\n\n const sourceIsMetric = source?.kind === SourceKind.Metric;\n const metricTypes = Object.values(MetricsDataType).filter(type =>\n source?.kind === SourceKind.Metric ? source.metricTables?.[type] : false,\n );\n\n const [modalContentRef, setModalContentRef] = useState(\n null,\n );\n\n return (\n \n
\n
\n \n \n \n \n \n \n }\n disabled={!!presetSource}\n />\n \n {sourceIsMetric && (\n \n (\n onChange(v)}\n withAsterisk\n >\n \n {metricTypes.map(type => (\n \n ))}\n \n \n )}\n />\n \n )}\n\n \n \n \n\n \n \n \n Save filter\n \n \n \n
\n
\n \n );\n};\n\ninterface EmptyStateProps {\n onCreateFilter: () => void;\n onClose: () => void;\n}\n\nconst EmptyState = ({ onCreateFilter, onClose }: EmptyStateProps) => {\n return (\n \n \n \n No filters yet.\n \n Add filters to let users quickly narrow data on key columns. Saved\n filters will stay with this dashboard.\n \n \n Add new filter\n \n \n \n );\n};\n\ninterface DashboardFiltersListProps {\n filters: DashboardFilter[];\n isLoading?: boolean;\n onEdit: (filter: DashboardFilter) => void;\n onRemove: (id: string) => void;\n onClose: () => void;\n onAddNew: () => void;\n}\n\nconst DashboardFiltersList = ({\n filters,\n isLoading,\n onEdit,\n onRemove,\n onClose,\n onAddNew,\n}: DashboardFiltersListProps) => {\n const { data: sources } = useSources();\n\n return (\n \n \n {filters.map(filter => (\n \n \n {filter.name}\n \n onEdit(filter)}\n className={styles.filterActionButton}\n data-testid={`edit-filter-button-${filter.name}`}\n >\n \n \n onRemove(filter.id)}\n className={`${styles.filterActionButton} ${styles.deleteButton}`}\n data-testid={`delete-filter-button-${filter.name}`}\n >\n \n \n \n \n \n \n \n {sources?.find(s => s.id === filter.source)?.name}\n \n \n \n ))}\n {isLoading && (\n
\n \n
\n )}\n \n\n \n \n Close\n \n \n Add new filter\n \n \n \n );\n};\n\ninterface DashboardFiltersEditModalProps {\n opened: boolean;\n filters: DashboardFilter[];\n isLoading?: boolean;\n source?: TSource;\n onClose: () => void;\n onSaveFilter: (filter: DashboardFilter) => void;\n onRemoveFilter: (id: string) => void;\n}\n\nconst NEW_FILTER_ID = 'new';\n\nconst DashboardFiltersModal = ({\n opened,\n filters,\n isLoading,\n source,\n onClose,\n onSaveFilter,\n onRemoveFilter,\n}: DashboardFiltersEditModalProps) => {\n const [selectedFilter, setSelectedFilter] = useState();\n\n useEffect(() => {\n if (opened) {\n setSelectedFilter(undefined);\n }\n }, [opened]);\n\n const handleRemoveFilter = (id: string) => {\n if (id === selectedFilter?.id) {\n setSelectedFilter(filters.find(f => f.id !== id));\n }\n onRemoveFilter(id);\n };\n\n const handleAddNewFilter = () => {\n setSelectedFilter({\n id: NEW_FILTER_ID,\n type: 'QUERY_EXPRESSION',\n name: '',\n expression: '',\n source: source?.id ?? '',\n });\n };\n\n const handleSaveFilter = (filter: DashboardFilter) => {\n setSelectedFilter(undefined);\n if (filter.id === NEW_FILTER_ID) {\n const filterWithRealId = { ...filter, id: crypto.randomUUID() };\n onSaveFilter(filterWithRealId);\n } else {\n onSaveFilter(filter);\n }\n };\n\n const isEmpty = !selectedFilter && filters.length === 0;\n\n if (!opened) {\n return null;\n } else if (isEmpty) {\n return ;\n } else if (selectedFilter) {\n return (\n setSelectedFilter(undefined)}\n onClose={onClose}\n isNew={selectedFilter.id === NEW_FILTER_ID}\n source={source}\n />\n );\n } else {\n return (\n \n );\n }\n};\n\nexport default DashboardFiltersModal;\n" }, { "path": "packages/app/src/GranularityPicker.tsx", "content": "import { memo } from 'react';\nimport { useController, UseControllerProps } from 'react-hook-form';\nimport { Granularity } from '@hyperdx/common-utils/dist/core/utils';\nimport { Select } from '@mantine/core';\n\nexport default function GranularityPicker({\n value,\n onChange,\n disabled,\n}: {\n value: Granularity | 'auto' | undefined;\n onChange: (granularity: Granularity | 'auto' | undefined) => void;\n disabled?: boolean;\n}) {\n return (\n \n onChange((v ?? undefined) as Granularity | 'auto' | undefined)\n }\n value={value}\n />\n );\n}\n\nexport function GranularityPickerControlledComponent(\n props: UseControllerProps,\n) {\n const {\n field,\n fieldState: { invalid, isTouched, isDirty },\n formState: { touchedFields, dirtyFields },\n } = useController(props);\n\n return ;\n}\n\nexport const GranularityPickerControlled = memo(\n GranularityPickerControlledComponent,\n);\n" }, { "path": "packages/app/src/HDXMarkdownChart.tsx", "content": "import { memo } from 'react';\nimport ReactMarkdown from 'react-markdown';\n\nimport ChartContainer from './components/charts/ChartContainer';\n\nconst HDXMarkdownChart = memo(\n ({\n config: { markdown },\n title,\n toolbarItems,\n }: {\n title?: React.ReactNode;\n toolbarItems?: React.ReactNode[];\n config: {\n markdown?: string;\n };\n }) => {\n return (\n \n
\n {markdown ?? ''}\n
\n \n );\n },\n);\n\nexport default HDXMarkdownChart;\n" }, { "path": "packages/app/src/HDXMultiSeriesTableChart.stories.tsx", "content": "import React from 'react';\nimport type { Meta } from '@storybook/nextjs';\n\nimport { TooltipItem } from './HDXMultiSeriesTimeChart';\n\nconst meta: Meta = {\n title: 'TooltipItem',\n component: TooltipItem,\n parameters: {\n layout: 'centered',\n },\n};\n\nexport const Default = () => (\n
\n \n \n
\n);\n\nexport default meta;\n" }, { "path": "packages/app/src/HDXMultiSeriesTableChart.tsx", "content": "import { useCallback, useMemo, useRef, useState } from 'react';\nimport Link from 'next/link';\nimport cx from 'classnames';\nimport { UnstyledButton } from '@mantine/core';\nimport { IconDownload, IconTextWrap } from '@tabler/icons-react';\nimport {\n flexRender,\n getCoreRowModel,\n getSortedRowModel,\n Getter,\n Row,\n Row as TableRow,\n SortingFnOption,\n SortingState,\n TableOptions,\n useReactTable,\n} from '@tanstack/react-table';\nimport { ColumnDef } from '@tanstack/react-table';\nimport { useVirtualizer } from '@tanstack/react-virtual';\n\nimport { CsvExportButton } from './components/CsvExportButton';\nimport TableHeader from './components/DBTable/TableHeader';\nimport { useCsvExport } from './hooks/useCsvExport';\nimport { useBrandDisplayName } from './theme/ThemeProvider';\nimport { UNDEFINED_WIDTH } from './tableUtils';\nimport type { NumberFormat } from './types';\nimport { formatNumber } from './utils';\n\nexport type TableVariant = 'default' | 'muted';\n\n// Arbitrary limit to prevent OOM crashes for very large result sets. Most result sets should be paginated anyway.\nexport const MAX_TABLE_ROWS = 10_000;\n\nexport const Table = ({\n data,\n groupColumnName,\n columns,\n getRowSearchLink,\n tableBottom,\n enableClientSideSorting = false,\n sorting,\n onSortingChange,\n variant = 'default',\n}: {\n data: any[];\n columns: {\n id: string;\n dataKey: string;\n displayName: string;\n sortOrder?: 'asc' | 'desc';\n numberFormat?: NumberFormat;\n columnWidthPercent?: number;\n visible?: boolean;\n sortingFn?: SortingFnOption;\n }[];\n groupColumnName?: string;\n getRowSearchLink?: (row: any) => string | null;\n tableBottom?: React.ReactNode;\n enableClientSideSorting?: boolean;\n sorting: SortingState;\n onSortingChange: (sorting: SortingState) => void;\n variant?: TableVariant;\n}) => {\n const brandName = useBrandDisplayName();\n const MIN_COLUMN_WIDTH_PX = 100;\n //we need a reference to the scrolling element for logic down below\n const tableContainerRef = useRef(null);\n\n const truncatedData = useMemo(() => {\n if (data.length > MAX_TABLE_ROWS) {\n return data.slice(0, MAX_TABLE_ROWS);\n }\n return data;\n }, [data]);\n const isTruncated = truncatedData.length === MAX_TABLE_ROWS;\n\n const tableWidth = tableContainerRef.current?.clientWidth;\n const numColumns = columns.filter(c => c.visible !== false).length + 1;\n const dataColumnsWidthPerc = columns\n .filter(c => c.visible !== false)\n .map(({ columnWidthPercent }) =>\n Math.max(\n tableWidth != null ? (MIN_COLUMN_WIDTH_PX / tableWidth) * 100 : 0,\n columnWidthPercent ?? (1 / numColumns) * 100,\n ),\n );\n\n const labelColumnWidthPercent = Math.min(\n 100 - dataColumnsWidthPerc.reduce((a, b) => a + b, 0),\n 75,\n );\n\n const reactTableColumns: ColumnDef[] = [\n // DB table charts dont have a default column, we should stop using\n // this across the app\n ...(groupColumnName != null\n ? [\n {\n accessorKey: 'group',\n header: groupColumnName,\n size:\n tableWidth != null\n ? Math.max(tableWidth * (labelColumnWidthPercent / 100), 100)\n : 200,\n },\n ]\n : []),\n ...columns\n .filter(c => c.visible !== false)\n .map(\n (\n {\n id,\n dataKey,\n displayName,\n numberFormat,\n columnWidthPercent,\n sortingFn,\n },\n i,\n ) =>\n ({\n id: id,\n accessorKey: dataKey,\n header: displayName,\n accessorFn: (row: any) => row[dataKey],\n sortingFn,\n cell: ({\n getValue,\n row,\n }: {\n getValue: Getter;\n row: Row;\n }) => {\n const value = getValue();\n let formattedValue: string | number | null = value ?? null;\n\n // Table cannot accept values which are objects or arrays, so we need to stringify them\n if (typeof value !== 'string' && typeof value !== 'number') {\n formattedValue = JSON.stringify(value);\n } else if (numberFormat) {\n formattedValue = formatNumber(value, numberFormat);\n }\n\n if (getRowSearchLink == null) {\n return formattedValue;\n }\n const link = getRowSearchLink(row.original);\n\n if (!link) {\n return (\n \n {formattedValue}\n \n );\n }\n\n return (\n \n {formattedValue}\n \n );\n },\n size:\n i === numColumns - 2\n ? UNDEFINED_WIDTH\n : tableWidth != null && columnWidthPercent != null\n ? Math.max(\n tableWidth * (columnWidthPercent / 100),\n MIN_COLUMN_WIDTH_PX,\n )\n : tableWidth != null\n ? tableWidth / numColumns\n : 200,\n enableResizing: i !== numColumns - 2,\n }) satisfies ColumnDef,\n ),\n ];\n\n const sortingParams: Partial> = useMemo(() => {\n return enableClientSideSorting\n ? {\n enableSorting: true,\n getSortedRowModel: getSortedRowModel(),\n }\n : {\n enableSorting: true,\n manualSorting: true,\n onSortingChange: v => {\n if (typeof v === 'function') {\n const newSortVal = v(sorting);\n onSortingChange?.(newSortVal ?? null);\n } else {\n onSortingChange?.(v ?? null);\n }\n },\n state: {\n sorting,\n },\n };\n }, [enableClientSideSorting, onSortingChange, sorting]);\n\n const table = useReactTable({\n data: truncatedData,\n columns: reactTableColumns,\n getCoreRowModel: getCoreRowModel(),\n enableColumnResizing: true,\n columnResizeMode: 'onChange',\n ...sortingParams,\n });\n\n const { rows } = table.getRowModel();\n\n const rowVirtualizer = useVirtualizer({\n count: rows.length,\n getScrollElement: () => tableContainerRef.current,\n estimateSize: useCallback(() => 58, []),\n overscan: 10,\n paddingEnd: 20,\n });\n\n const items = rowVirtualizer.getVirtualItems();\n const totalSize = rowVirtualizer.getTotalSize();\n\n const [paddingTop, paddingBottom] = useMemo(\n () =>\n items.length > 0\n ? [\n Math.max(0, items[0].start - rowVirtualizer.options.scrollMargin),\n Math.max(0, totalSize - items[items.length - 1].end),\n ]\n : [0, 0],\n [items, rowVirtualizer.options.scrollMargin, totalSize],\n );\n const [wrapLinesEnabled, setWrapLinesEnabled] = useState(false);\n\n const { csvData } = useCsvExport(\n truncatedData,\n columns.map(col => ({\n dataKey: col.dataKey,\n displayName: col.displayName,\n })),\n { groupColumnName },\n );\n\n return (\n
\n \n \n {table.getHeaderGroups().map(headerGroup => (\n \n {headerGroup.headers.map((header, headerIndex) => {\n return (\n \n {headerIndex === headerGroup.headers.length - 1 && (\n
\n setWrapLinesEnabled(prev => !prev)}\n >\n \n \n \n \n \n
\n )}\n \n }\n />\n );\n })}\n \n ))}\n \n \n {paddingTop > 0 && (\n \n \n \n )}\n {items.map(virtualRow => {\n const row = rows[virtualRow.index] as TableRow;\n return (\n \n {row.getVisibleCells().map(cell => {\n return (\n \n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n \n );\n })}\n \n );\n })}\n {paddingBottom > 0 && (\n \n \n \n )}\n \n \n {isTruncated && (\n
\n Showing the first {MAX_TABLE_ROWS} rows.\n
\n )}\n {tableBottom}\n
\n );\n};\n" }, { "path": "packages/app/src/HDXMultiSeriesTimeChart.tsx", "content": "import { memo, useCallback, useId, useMemo, useRef, useState } from 'react';\nimport cx from 'classnames';\nimport { add, isSameSecond, sub } from 'date-fns';\nimport { withErrorBoundary } from 'react-error-boundary';\nimport {\n Area,\n AreaChart,\n Bar,\n BarChart,\n BarProps,\n CartesianGrid,\n Legend,\n ReferenceArea,\n ReferenceLine,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from 'recharts';\nimport { AxisDomain } from 'recharts/types/util/types';\nimport { convertGranularityToSeconds } from '@hyperdx/common-utils/dist/core/utils';\nimport { DisplayType } from '@hyperdx/common-utils/dist/types';\nimport { Popover } from '@mantine/core';\n\nimport type { NumberFormat } from '@/types';\nimport { COLORS, formatNumber, truncateMiddle } from '@/utils';\n\nimport {\n ChartTooltipContainer,\n ChartTooltipItem,\n} from './components/charts/ChartTooltip';\nimport { LineData, toStartOfInterval } from './ChartUtils';\nimport { FormatTime, useFormatTime } from './useFormatTime';\n\nimport styles from '../styles/HDXLineChart.module.scss';\n\nconst MAX_LEGEND_ITEMS = 4;\n\ntype TooltipPayload = {\n dataKey: string;\n name: string;\n value: number;\n color?: string;\n stroke?: string;\n strokeWidth?: number;\n strokeDasharray?: string;\n opacity?: number;\n};\n\nexport const TooltipItem = memo(\n ({\n p,\n previous,\n numberFormat,\n }: {\n p: TooltipPayload;\n previous?: TooltipPayload;\n numberFormat?: NumberFormat;\n }) => {\n return (\n \n );\n },\n);\n\ntype HDXLineChartTooltipProps = {\n lineDataMap: { [keyName: string]: LineData };\n previousPeriodOffsetSeconds?: number;\n numberFormat?: NumberFormat;\n} & Record;\n\nconst HDXLineChartTooltip = withErrorBoundary(\n memo((props: HDXLineChartTooltipProps) => {\n const {\n active,\n payload,\n label,\n numberFormat,\n lineDataMap,\n previousPeriodOffsetSeconds,\n } = props;\n const typedPayload = payload as TooltipPayload[];\n\n const payloadByKey = useMemo(\n () => new Map(typedPayload.map(p => [p.dataKey, p])),\n [typedPayload],\n );\n\n if (active && payload && payload.length) {\n const header = (\n <>\n \n {previousPeriodOffsetSeconds != null && (\n <>\n {' (vs '}\n \n {')'}\n \n )}\n \n );\n return (\n \n {payload\n .sort((a: TooltipPayload, b: TooltipPayload) => b.value - a.value)\n .map((p: TooltipPayload) => {\n const previousKey = lineDataMap[p.dataKey]?.previousPeriodKey;\n const isPreviousPeriod = previousKey === p.dataKey;\n const previousPayload =\n !isPreviousPeriod && previousKey\n ? payloadByKey.get(previousKey)\n : undefined;\n\n return (\n \n );\n })}\n \n );\n }\n return null;\n }),\n {\n onError: console.error,\n fallback: (\n
\n An error occurred while rendering the tooltip.\n
\n ),\n },\n);\n\nfunction ExpandableLegendItem({\n entry,\n expanded,\n isSelected,\n isDisabled,\n onToggle,\n}: {\n entry: any;\n expanded?: boolean;\n isSelected?: boolean;\n isDisabled?: boolean;\n onToggle?: (isShiftKey: boolean) => void;\n}) {\n const [_expanded, setExpanded] = useState(false);\n const isExpanded = _expanded || expanded;\n\n return (\n {\n if (onToggle) {\n onToggle(e.shiftKey);\n } else {\n setExpanded(v => !v);\n }\n }}\n title={\n isSelected\n ? 'Click to show all (Shift+click to deselect)'\n : 'Click to show only this (Shift+click for multi-select)'\n }\n >\n
\n \n \n \n
\n {isExpanded || isSelected\n ? entry.value\n : truncateMiddle(`${entry.value}`, 35)}\n \n );\n}\n\nexport const LegendRenderer = memo<{\n payload?: {\n dataKey: string;\n value: string;\n color: string;\n }[];\n lineDataMap: { [key: string]: LineData };\n allLineData?: LineData[];\n selectedSeries?: Set;\n onToggleSeries?: (seriesName: string, isShiftKey?: boolean) => void;\n}>(props => {\n const {\n payload = [],\n lineDataMap,\n allLineData = [],\n selectedSeries = new Set(),\n onToggleSeries,\n } = props;\n\n const hasSelection = selectedSeries.size > 0;\n\n // Use allLineData to ensure all series are always shown in legend\n const allSeriesPayload = useMemo(() => {\n if (allLineData.length > 0) {\n return allLineData.map(ld => ({\n dataKey: ld.dataKey,\n value: ld.displayName || ld.dataKey,\n color: ld.color,\n payload: { strokeDasharray: ld.isDashed ? '4 3' : '0' },\n }));\n }\n return payload;\n }, [allLineData, payload]);\n\n const sortedLegendItems = useMemo(() => {\n // Order items such that current and previous period lines are consecutive\n const currentPeriodKeyIndex = new Map();\n allSeriesPayload.forEach((line, index) => {\n const currentPeriodKey =\n lineDataMap[line.dataKey]?.currentPeriodKey || '';\n if (!currentPeriodKeyIndex.has(currentPeriodKey)) {\n currentPeriodKeyIndex.set(currentPeriodKey, index);\n }\n });\n\n return allSeriesPayload.sort((a, b) => {\n const keyA = lineDataMap[a.dataKey]?.currentPeriodKey ?? '';\n const keyB = lineDataMap[b.dataKey]?.currentPeriodKey ?? '';\n\n const indexA = currentPeriodKeyIndex.get(keyA) ?? 0;\n const indexB = currentPeriodKeyIndex.get(keyB) ?? 0;\n\n return indexB - indexA || a.dataKey.localeCompare(b.dataKey);\n });\n }, [allSeriesPayload, lineDataMap]);\n\n const shownItems = sortedLegendItems.slice(0, MAX_LEGEND_ITEMS);\n const restItems = sortedLegendItems.slice(MAX_LEGEND_ITEMS);\n\n return (\n
\n {shownItems.map((entry, index) => {\n const isSelected = selectedSeries.has(entry.value);\n const isDisabled = hasSelection && !isSelected;\n return (\n onToggleSeries?.(entry.value, isShiftKey)}\n />\n );\n })}\n {restItems.length ? (\n \n \n
\n +{restItems.length} more\n
\n \n \n
\n {restItems.map((entry, index) => {\n const isSelected = selectedSeries.has(entry.value);\n const isDisabled = hasSelection && !isSelected;\n return (\n \n onToggleSeries?.(entry.value, isShiftKey)\n }\n />\n );\n })}\n
\n \n \n ) : null}\n
\n );\n});\n\nexport const HARD_LINES_LIMIT = 60;\n\nexport const MemoChart = memo(function MemoChart({\n graphResults,\n setIsClickActive,\n isClickActive,\n dateRange,\n lineData,\n referenceLines,\n logReferenceTimestamp,\n displayType = DisplayType.Line,\n numberFormat,\n isLoading,\n timestampKey = 'ts_bucket',\n onTimeRangeSelect,\n showLegend = true,\n previousPeriodOffsetSeconds,\n selectedSeriesNames,\n onToggleSeries,\n granularity,\n dateRangeEndInclusive = true,\n}: {\n graphResults: any[];\n setIsClickActive: (v: any) => void;\n isClickActive: any;\n dateRange: [Date, Date] | Readonly<[Date, Date]>;\n lineData: LineData[];\n referenceLines?: React.ReactNode;\n displayType?: DisplayType;\n numberFormat?: NumberFormat;\n logReferenceTimestamp?: number;\n isLoading?: boolean;\n timestampKey?: string;\n onTimeRangeSelect?: (start: Date, end: Date) => void;\n showLegend?: boolean;\n previousPeriodOffsetSeconds?: number;\n selectedSeriesNames?: Set;\n onToggleSeries?: (seriesName: string, isShiftKey?: boolean) => void;\n granularity: string;\n dateRangeEndInclusive?: boolean;\n}) {\n const _id = useId();\n const id = _id.replace(/:/g, '');\n\n const [isHovered, setIsHovered] = useState(false);\n\n const ChartComponent =\n displayType === DisplayType.StackedBar ? BarChart : AreaChart; // LineChart;\n\n const lines = useMemo(() => {\n const hasSelection = selectedSeriesNames && selectedSeriesNames.size > 0;\n\n const limitedGroupKeys = lineData\n .map(ld => ld.dataKey)\n .slice(0, HARD_LINES_LIMIT)\n .filter((key, i) => {\n const seriesName = lineData[i]?.displayName ?? key;\n // If there's a selection, only show selected series\n // If no selection, show all series\n return !hasSelection || selectedSeriesNames.has(seriesName);\n });\n\n return limitedGroupKeys.map(key => {\n const lineDataIndex = lineData.findIndex(ld => ld.dataKey === key);\n const color = lineData[lineDataIndex]?.color;\n const strokeDasharray = lineData[lineDataIndex]?.isDashed ? '4 3' : '0';\n const seriesName = lineData[lineDataIndex]?.displayName ?? key;\n\n const StackedBarWithOverlap = (props: BarProps) => {\n const { x, y, width, height, fill } = props;\n // Add a tiny bit to the height to create overlap. Otherwise there's a gap\n return (\n 0 ? height + 0.5 : 0}\n fill={fill}\n />\n );\n };\n\n return displayType === 'stacked_bar' ? (\n }\n />\n ) : (\n \n );\n });\n }, [lineData, displayType, id, isHovered, selectedSeriesNames]);\n\n const yAxisDomain: AxisDomain = useMemo(() => {\n const hasSelection = selectedSeriesNames && selectedSeriesNames.size > 0;\n\n if (!hasSelection) {\n // No selection, let Recharts auto-calculate based on all data\n return [0, 'auto'];\n }\n\n // When series are selected, calculate domain based only on visible series\n let minValue = Infinity;\n let maxValue = -Infinity;\n\n graphResults.forEach(dataPoint => {\n lineData.forEach(ld => {\n const seriesName = ld.displayName || ld.dataKey;\n // Only consider selected series\n if (selectedSeriesNames.has(seriesName)) {\n const value = dataPoint[ld.dataKey];\n if (typeof value === 'number' && !isNaN(value)) {\n minValue = Math.min(minValue, value);\n maxValue = Math.max(maxValue, value);\n }\n }\n });\n });\n\n // If we found valid values, return them with some padding\n if (minValue !== Infinity && maxValue !== -Infinity) {\n const padding = (maxValue - minValue) * 0.1; // 10% padding\n return [\n Math.max(0, minValue - padding), // Don't go below 0\n maxValue + padding,\n ];\n }\n\n return ['auto', 'auto'];\n }, [graphResults, lineData, selectedSeriesNames]);\n\n const sizeRef = useRef<[number, number]>([0, 0]);\n\n const formatTime = useFormatTime();\n const xTickFormatter = useCallback(\n (value: number, index: number) => {\n return formatTime(value * 1000, {\n format: index === 0 ? 'normal' : 'time',\n });\n },\n [formatTime],\n );\n\n const tickFormatter = useCallback(\n (value: number, index: number) => {\n return numberFormat\n ? formatNumber(value, {\n ...numberFormat,\n average: true,\n mantissa: 0,\n unit: undefined,\n })\n : new Intl.NumberFormat('en-US', {\n notation: 'compact',\n compactDisplay: 'short',\n }).format(value);\n },\n [numberFormat],\n );\n\n const [highlightStart, setHighlightStart] = useState();\n const [highlightEnd, setHighlightEnd] = useState();\n const mouseDownPosRef = useRef(null);\n\n const lineDataMap = useMemo(() => {\n const map: { [key: string]: LineData } = {};\n lineData.forEach(ld => {\n map[ld.dataKey] = ld;\n });\n return map;\n }, [lineData]);\n\n const xAxisDomain: AxisDomain = useMemo(() => {\n let startTime = toStartOfInterval(dateRange[0], granularity);\n let endTime = toStartOfInterval(dateRange[1], granularity);\n const endTimeIsBoundaryAligned = isSameSecond(dateRange[1], endTime);\n if (endTimeIsBoundaryAligned && !dateRangeEndInclusive) {\n endTime = sub(endTime, {\n seconds: convertGranularityToSeconds(granularity),\n });\n }\n\n // For bar charts, extend the domain in both directions by half a granularity unit\n // so that the full bar width is within the bounds of the chart\n if (displayType === DisplayType.StackedBar) {\n const halfGranularitySeconds =\n convertGranularityToSeconds(granularity) / 2;\n startTime = sub(startTime, { seconds: halfGranularitySeconds });\n endTime = add(endTime, { seconds: halfGranularitySeconds });\n }\n\n return [startTime.getTime() / 1000, endTime.getTime() / 1000];\n }, [dateRange, granularity, dateRangeEndInclusive, displayType]);\n\n return (\n {\n sizeRef.current = [width ?? 1, height ?? 1];\n }}\n className={isLoading ? 'effect-pulse' : ''}\n >\n setIsHovered(true)}\n onMouseLeave={e => {\n setIsHovered(false);\n\n setHighlightStart(undefined);\n setHighlightEnd(undefined);\n mouseDownPosRef.current = null;\n }}\n onMouseDown={e => {\n if (e != null && e.chartX != null && e.chartY != null) {\n setHighlightStart(e.activeLabel);\n mouseDownPosRef.current = e.chartX;\n }\n }}\n onMouseMove={e => {\n setIsHovered(true);\n\n if (highlightStart != null) {\n setHighlightEnd(e.activeLabel);\n setIsClickActive(undefined); // Clear out any click state as we're highlighting\n }\n }}\n onMouseUp={e => {\n const MIN_DRAG_DISTANCE = 20; // Minimum horizontal drag distance in pixels\n let dragDistance = 0;\n\n if (mouseDownPosRef.current != null && e?.chartX != null) {\n dragDistance = Math.abs(e.chartX - mouseDownPosRef.current);\n }\n\n if (e?.activeLabel != null && highlightStart === e.activeLabel) {\n // If it's just a click, don't zoom\n setHighlightStart(undefined);\n setHighlightEnd(undefined);\n mouseDownPosRef.current = null;\n } else if (\n highlightStart != null &&\n highlightEnd != null &&\n dragDistance >= MIN_DRAG_DISTANCE\n ) {\n try {\n onTimeRangeSelect?.(\n new Date(\n Number.parseInt(\n highlightStart <= highlightEnd\n ? highlightStart\n : highlightEnd,\n ) * 1000,\n ),\n new Date(\n Number.parseInt(\n highlightEnd >= highlightStart\n ? highlightEnd\n : highlightStart,\n ) * 1000,\n ),\n );\n } catch (e) {\n console.error('failed to highlight range', e);\n }\n setHighlightStart(undefined);\n setHighlightEnd(undefined);\n mouseDownPosRef.current = null;\n } else {\n // Drag was too short, clear the highlight\n setHighlightStart(undefined);\n setHighlightEnd(undefined);\n mouseDownPosRef.current = null;\n }\n }}\n onClick={(state, e) => {\n if (\n state != null &&\n state.chartX != null &&\n state.chartY != null &&\n state.activeLabel != null &&\n // If we didn't drag and highlight yet\n highlightStart == null\n ) {\n setIsClickActive({\n x: state.chartX,\n y: state.chartY,\n activeLabel: state.activeLabel,\n xPerc: state.chartX / sizeRef.current[0],\n yPerc: state.chartY / sizeRef.current[1],\n activePayload: state.activePayload,\n });\n } else {\n // We clicked on the chart but outside of a line\n setIsClickActive(undefined);\n }\n\n // TODO: Properly detect clicks outside of the fake tooltip\n e.stopPropagation();\n }}\n >\n \n {COLORS.map(c => {\n return (\n \n \n \n \n );\n })}\n \n {isHovered && (\n \n )}\n \n \n {lines}\n {isClickActive == null && (\n \n }\n wrapperStyle={{\n zIndex: 1,\n }}\n />\n )}\n {referenceLines}\n {highlightStart && highlightEnd ? (\n \n ) : null}\n {showLegend && (\n \n }\n offset={-100}\n />\n )}\n {/** Needs to be at the bottom to prevent re-rendering */}\n {isClickActive != null ? (\n \n ) : null}\n {logReferenceTimestamp != null ? (\n \n ) : null}\n \n \n );\n});\n" }, { "path": "packages/app/src/InstallInstructionsModal.tsx", "content": "import cx from 'classnames';\nimport { Button, Group, Modal } from '@mantine/core';\nimport { IconClipboard, IconClipboardCheck } from '@tabler/icons-react';\n\nimport api from './api';\nimport Clipboard from './Clipboard';\n\nfunction CopyableValue({\n label = '',\n value,\n}: {\n label?: React.ReactNode;\n value: string;\n}) {\n return (\n \n {({ isCopied }) => {\n return (\n \n
\n {label}\n 
\n                {value}\n
\n
\n \n {isCopied ? (\n \n ) : (\n \n )}\n {isCopied ? 'Copied!' : 'Copy'}\n \n \n );\n }}\n \n );\n}\n\nexport default function InstallInstructionModal({\n show,\n onHide,\n}: {\n show: boolean;\n onHide: () => void;\n}) {\n const { data: team, isLoading, refetch: refetchTeam } = api.useTeam();\n\n return (\n \n
\n {team != null && (\n
\n \n Your Ingestion API Key:{' '}\n \n }\n value={team.apiKey}\n />\n
\n )}\n
\n Click on a link below to view installation instructions for your\n application.\n
\n
Backend
\n
\n \n Node.js\n \n (Logs + Traces)\n
\n
\n \n Go\n \n (Logs + Traces)\n
\n
\n \n Python\n \n (Logs + Traces)\n
\n
\n \n Java\n \n (Logs + Traces)\n
\n
\n \n Elixir\n \n (Logs)\n
\n
\n \n Ruby on Rails\n \n (Traces)\n
\n
Platform
\n
\n \n Kubernetes\n \n (Logs + Metrics)\n
\n
Browser
\n
\n \n JavaScript/TypeScript\n \n (Logs + Traces)\n
\n
Data Collector
\n
\n \n OpenTelemetry\n \n (Logs + Traces)\n
\n
\n \n
\n
\n \n );\n}\n" }, { "path": "packages/app/src/JoinTeamPage.tsx", "content": "import { useRouter } from 'next/router';\nimport { NextSeo } from 'next-seo';\nimport { Button, Paper, Text, TextInput } from '@mantine/core';\n\nimport { useBrandDisplayName } from './theme/ThemeProvider';\n\nexport default function JoinTeam() {\n const router = useRouter();\n const brandName = useBrandDisplayName();\n const { err, token } = router.query;\n\n return (\n
\n \n
\n
\n
\n

Join Team

\n
\n \n
\n \n \n {err != null && (\n \n {err === 'invalid'\n ? 'Password is invalid'\n : 'Unknown error occurred, please try again later.'}\n \n )}\n
\n \n Setup a password\n \n
\n \n
\n \n
\n
\n
\n );\n}\n" }, { "path": "packages/app/src/KubernetesDashboardPage.tsx", "content": "import * as React from 'react';\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\nimport dynamic from 'next/dynamic';\nimport Link from 'next/link';\nimport cx from 'classnames';\nimport sub from 'date-fns/sub';\nimport { useQueryState } from 'nuqs';\nimport { useForm, useWatch } from 'react-hook-form';\nimport { convertDateRangeToGranularityString } from '@hyperdx/common-utils/dist/core/utils';\nimport {\n isLogSource,\n isMetricSource,\n SourceKind,\n TLogSource,\n TMetricSource,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n ActionIcon,\n Alert,\n Badge,\n Box,\n Card,\n Flex,\n Grid,\n Group,\n SegmentedControl,\n Skeleton,\n Table,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\nimport {\n IconCaretDownFilled,\n IconCaretUpFilled,\n IconRefresh,\n} from '@tabler/icons-react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\n\nimport { TimePicker } from '@/components/TimePicker';\nimport { useVirtualList } from '@/hooks/useVirtualList';\n\nimport DBSqlRowTableWithSideBar from './components/DBSqlRowTableWithSidebar';\nimport { DBTimeChart } from './components/DBTimeChart';\nimport { FormatPodStatus } from './components/KubeComponents';\nimport { KubernetesFilters } from './components/KubernetesFilters';\nimport OnboardingModal from './components/OnboardingModal';\nimport SourceSchemaPreview from './components/SourceSchemaPreview';\nimport { SourceSelectControlled } from './components/SourceSelect';\nimport { useQueriedChartConfig } from './hooks/useChartConfig';\nimport { useDashboardRefresh } from './hooks/useDashboardRefresh';\nimport { useJsonColumns } from './hooks/useMetadata';\nimport {\n convertV1ChartConfigToV2,\n K8S_CPU_PERCENTAGE_NUMBER_FORMAT,\n K8S_MEM_NUMBER_FORMAT,\n} from './ChartUtils';\nimport { NOW } from './config';\nimport { withAppNav } from './layout';\nimport NamespaceDetailsSidePanel from './NamespaceDetailsSidePanel';\nimport NodeDetailsSidePanel from './NodeDetailsSidePanel';\nimport PodDetailsSidePanel from './PodDetailsSidePanel';\nimport { useSource, useSources } from './source';\nimport { parseTimeQuery, useTimeQuery } from './timeQuery';\nimport { KubePhase } from './types';\nimport { formatNumber, formatUptime } from './utils';\n\nconst getKubePhaseNumber = (phase: string) => {\n switch (phase) {\n case 'running':\n return KubePhase.Running;\n case 'succeeded':\n return KubePhase.Succeeded;\n case 'pending':\n return KubePhase.Pending;\n case 'failed':\n return KubePhase.Failed;\n default:\n return KubePhase.Unknown;\n }\n};\n\nconst Th = React.memo<{\n children: React.ReactNode;\n style?: React.CSSProperties;\n onSort?: (sortOrder: 'asc' | 'desc') => void;\n sort?: 'asc' | 'desc' | null;\n}>(({ children, onSort, sort, style }) => {\n return (\n onSort?.(sort === 'asc' ? 'desc' : 'asc')}\n >\n {children}\n {!!sort &&\n (sort === 'asc' ? (\n \n ) : (\n \n ))}\n \n );\n});\n\nconst TABLE_FETCH_LIMIT = 10000;\n\ntype InfraPodsStatusTableColumn =\n | 'restarts'\n | 'uptime'\n | 'cpuLimit'\n | 'memLimit'\n | 'phase';\n\nconst TableLoading = () => {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n};\n\nexport const InfraPodsStatusTable = ({\n dateRange,\n metricSource,\n where,\n}: {\n dateRange: [Date, Date];\n metricSource: TMetricSource;\n where: string;\n}) => {\n const [phaseFilter, setPhaseFilter] = React.useState('running');\n\n // Auto-switch to \"All\" when search filters are applied\n useEffect(() => {\n if (where) {\n setPhaseFilter('all');\n }\n }, [where]);\n const [sortState, setSortState] = React.useState<{\n column: InfraPodsStatusTableColumn;\n order: 'asc' | 'desc';\n }>({\n column: 'restarts',\n order: 'desc',\n });\n\n const groupBy = ['k8s.pod.name', 'k8s.namespace.name', 'k8s.node.name'];\n const { data, isError, isLoading } = useQueriedChartConfig({\n ...convertV1ChartConfigToV2(\n {\n series: [\n {\n table: 'metrics',\n field: 'k8s.pod.phase - Gauge',\n type: 'table',\n aggFn: 'last_value',\n where,\n groupBy,\n },\n {\n table: 'metrics',\n field: 'k8s.container.restarts - Gauge',\n type: 'table',\n aggFn: 'last_value',\n where,\n groupBy,\n },\n {\n table: 'metrics',\n field: 'k8s.pod.uptime - Sum',\n type: 'table',\n aggFn: undefined,\n where,\n groupBy,\n },\n {\n table: 'metrics',\n field: 'k8s.pod.cpu.utilization - Gauge',\n type: 'table',\n aggFn: 'avg',\n where,\n groupBy,\n },\n {\n table: 'metrics',\n field: 'k8s.pod.cpu_limit_utilization - Gauge',\n type: 'table',\n aggFn: 'avg',\n where,\n groupBy,\n },\n {\n table: 'metrics',\n field: 'k8s.pod.memory.usage - Gauge',\n type: 'table',\n aggFn: 'avg',\n where,\n groupBy,\n },\n {\n table: 'metrics',\n field: 'k8s.pod.memory_limit_utilization - Gauge',\n type: 'table',\n aggFn: 'avg',\n where,\n groupBy,\n },\n ],\n dateRange,\n seriesReturnType: 'column',\n },\n {\n metric: metricSource,\n },\n ),\n limit: { limit: TABLE_FETCH_LIMIT, offset: 0 },\n });\n\n const resourceAttr = metricSource.resourceAttributesExpression;\n\n // TODO: Use useTable\n const podsList = React.useMemo(() => {\n if (!data) {\n return [];\n }\n\n // Filter by phase\n const phaseFilteredData = data.data.filter((row: any) => {\n if (phaseFilter === 'all') {\n return true;\n }\n return (\n row['last_value(k8s.pod.phase)'] === getKubePhaseNumber(phaseFilter)\n );\n });\n\n // Transform the filtered data\n const transformedData = phaseFilteredData.map(\n (row: any, index: number) => ({\n id: `pod-${index}`, // Use index-based ID instead of random makeId()\n name: row[`arrayElement(${resourceAttr}, 'k8s.pod.name')`],\n namespace: row[`arrayElement(${resourceAttr}, 'k8s.namespace.name')`],\n node: row[`arrayElement(${resourceAttr}, 'k8s.node.name')`],\n restarts: row['last_value(k8s.container.restarts)'],\n uptime: row['undefined(k8s.pod.uptime)'],\n cpuAvg: row['avg(k8s.pod.cpu.utilization)'],\n cpuLimitUtilization: row['avg(k8s.pod.cpu_limit_utilization)'],\n memAvg: row['avg(k8s.pod.memory.usage)'],\n memLimitUtilization: row['avg(k8s.pod.memory_limit_utilization)'],\n phase: row['last_value(k8s.pod.phase)'],\n }),\n );\n\n // Sort the data client-side\n return transformedData.sort((a, b) => {\n const getValue = (pod: (typeof transformedData)[0]) => {\n switch (sortState.column) {\n case 'phase':\n return pod.phase;\n case 'restarts':\n return pod.restarts;\n case 'uptime':\n return pod.uptime;\n case 'cpuLimit':\n return pod.cpuLimitUtilization;\n case 'memLimit':\n return pod.memLimitUtilization;\n }\n };\n\n const aValue = getValue(a);\n const bValue = getValue(b);\n\n // Handle null/undefined - push to end\n if (aValue == null && bValue == null) return 0;\n if (aValue == null) return 1;\n if (bValue == null) return -1;\n\n // Compare and apply sort order\n const comparison = aValue < bValue ? -1 : aValue > bValue ? 1 : 0;\n return sortState.order === 'asc' ? comparison : -comparison;\n });\n }, [data, phaseFilter, sortState, resourceAttr]);\n\n // Check if we're hitting the fetch limit (indicating there might be more data)\n const isAtFetchLimit = data?.data && data.data.length >= TABLE_FETCH_LIMIT;\n\n const getLink = React.useCallback((podName: string) => {\n const searchParams = new URLSearchParams(window.location.search);\n searchParams.set('podName', `${podName}`);\n return window.location.pathname + '?' + searchParams.toString();\n }, []);\n\n const getThSortProps = (column: InfraPodsStatusTableColumn) => ({\n onSort: (order: 'asc' | 'desc') => {\n setSortState({\n column,\n order,\n });\n },\n sort: sortState.column === column ? sortState.order : null,\n });\n\n const tableContainerRef = useRef(null);\n\n const rowVirtualizer = useVirtualizer({\n count: podsList.length,\n getScrollElement: () => tableContainerRef.current,\n estimateSize: useCallback(() => 40, []),\n overscan: 10,\n });\n\n const virtualItems = rowVirtualizer.getVirtualItems();\n const totalSize = rowVirtualizer.getTotalSize();\n\n const [paddingTop, paddingBottom] = useMemo(\n () =>\n virtualItems.length > 0\n ? [\n Math.max(\n 0,\n virtualItems[0].start - rowVirtualizer.options.scrollMargin,\n ),\n Math.max(0, totalSize - virtualItems[virtualItems.length - 1].end),\n ]\n : [0, 0],\n [virtualItems, rowVirtualizer.options.scrollMargin, totalSize],\n );\n\n return (\n \n \n \n Pods\n \n \n \n {isAtFetchLimit && !isLoading && !isError && podsList.length > 0 && (\n \n \n Showing first {TABLE_FETCH_LIMIT.toLocaleString()} pods. Use the\n filters above to narrow your search.\n \n \n )}\n \n \n {isLoading ? (\n \n ) : isError ? (\n
\n Unable to load pod metrics\n
\n ) : podsList.length === 0 ? (\n
No pods found
\n ) : (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {paddingTop > 0 && (\n \n \n \n )}\n {virtualItems.map(virtualRow => {\n const pod = podsList[virtualRow.index];\n return (\n \n \n {pod.name}\n \n {pod.namespace}\n \n {pod.node}\n \n \n \n \n \n \n {pod.cpuLimitUtilization\n ? formatNumber(\n pod.cpuLimitUtilization,\n K8S_CPU_PERCENTAGE_NUMBER_FORMAT,\n )\n : '-'}\n \n \n \n \n \n \n {pod.memLimitUtilization\n ? formatNumber(\n pod.memLimitUtilization,\n K8S_CPU_PERCENTAGE_NUMBER_FORMAT,\n )\n : '-'}\n \n \n \n \n \n {pod.uptime ? formatUptime(pod.uptime) : '–'}\n \n \n \n = 10\n ? 'red'\n : pod.restarts >= 5\n ? 'yellow'\n : 'gray'\n }\n >\n {pod.restarts}\n \n \n \n \n );\n })}\n {paddingBottom > 0 && (\n \n \n \n )}\n \n
NameNamespaceNode\n Status\n \n CPU/Limit\n \n Mem/Limit\n \n Age\n \n Restarts\n
\n )}\n \n \n \n );\n};\n\nconst NodesTable = ({\n metricSource,\n where,\n dateRange,\n}: {\n metricSource: TMetricSource;\n where: string;\n dateRange: [Date, Date];\n}) => {\n const groupBy = ['k8s.node.name'];\n\n const { data, isError, isLoading } = useQueriedChartConfig({\n ...convertV1ChartConfigToV2(\n {\n series: [\n {\n table: 'metrics',\n field: 'k8s.node.cpu.utilization - Gauge',\n type: 'table',\n aggFn: 'avg',\n where,\n groupBy,\n },\n {\n table: 'metrics',\n field: 'k8s.node.memory.usage - Gauge',\n type: 'table',\n aggFn: 'avg',\n where,\n groupBy,\n },\n {\n table: 'metrics',\n field: 'k8s.node.condition_ready - Gauge',\n type: 'table',\n aggFn: 'avg',\n where,\n groupBy,\n },\n {\n table: 'metrics',\n field: 'k8s.node.uptime - Sum',\n type: 'table',\n aggFn: undefined,\n where,\n groupBy,\n },\n ],\n dateRange,\n seriesReturnType: 'column',\n },\n {\n metric: metricSource,\n },\n ),\n limit: { limit: TABLE_FETCH_LIMIT, offset: 0 },\n });\n\n const getLink = React.useCallback((nodeName: string) => {\n const searchParams = new URLSearchParams(window.location.search);\n searchParams.set('nodeName', `${nodeName}`);\n return window.location.pathname + '?' + searchParams.toString();\n }, []);\n\n const resourceAttr = metricSource.resourceAttributesExpression;\n\n const nodesList = React.useMemo(() => {\n if (!data) {\n return [];\n }\n\n return data.data.map((row: any) => {\n return {\n name: row[`arrayElement(${resourceAttr}, 'k8s.node.name')`],\n cpuAvg: row['avg(k8s.node.cpu.utilization)'],\n memAvg: row['avg(k8s.node.memory.usage)'],\n ready: row['avg(k8s.node.condition_ready)'],\n uptime: row['undefined(k8s.node.uptime)'],\n };\n });\n }, [data, resourceAttr]);\n\n const {\n containerRef: nodesContainerRef,\n rowVirtualizer: nodesRowVirtualizer,\n virtualItems: nodeVirtualItems,\n paddingTop: nodesPaddingTop,\n paddingBottom: nodesPaddingBottom,\n } = useVirtualList(nodesList.length, 40, 10);\n\n return (\n \n \n Nodes\n \n \n \n {isLoading ? (\n \n ) : isError ? (\n
\n Unable to load nodes\n
\n ) : nodesList.length === 0 ? (\n
\n No nodes found\n
\n ) : (\n \n \n \n Node\n Status\n CPU\n Memory\n Uptime\n \n \n \n {nodesPaddingTop > 0 && (\n \n \n \n )}\n {nodeVirtualItems.map(virtualRow => {\n const node = nodesList[virtualRow.index];\n return (\n \n \n {node.name || 'N/A'}\n \n {node.ready === 1 ? (\n \n Ready\n \n ) : (\n \n Not Ready\n \n )}\n \n \n {formatNumber(\n node.cpuAvg,\n K8S_CPU_PERCENTAGE_NUMBER_FORMAT,\n )}\n \n \n {formatNumber(node.memAvg, K8S_MEM_NUMBER_FORMAT)}\n \n \n {node.uptime ? formatUptime(node.uptime) : '–'}\n \n \n \n );\n })}\n {nodesPaddingBottom > 0 && (\n \n \n \n )}\n \n
\n )}\n \n \n \n );\n};\n\nconst NamespacesTable = ({\n dateRange,\n metricSource,\n where,\n}: {\n dateRange: [Date, Date];\n metricSource: TMetricSource;\n where: string;\n}) => {\n const groupBy = ['k8s.namespace.name'];\n\n const { data, isError, isLoading } = useQueriedChartConfig({\n ...convertV1ChartConfigToV2(\n {\n series: [\n {\n table: 'metrics',\n field: 'k8s.pod.cpu.utilization - Gauge',\n type: 'table',\n aggFn: 'sum',\n where,\n groupBy,\n },\n {\n table: 'metrics',\n field: 'k8s.pod.memory.usage - Gauge',\n type: 'table',\n aggFn: 'sum',\n where,\n groupBy,\n },\n {\n table: 'metrics',\n field: 'k8s.namespace.phase - Gauge',\n type: 'table',\n aggFn: 'last_value',\n where,\n groupBy,\n },\n ],\n dateRange: [\n // We should only look at the latest values, otherwise we might\n // aggregate pod metrics from pods that have been terminated\n sub(dateRange[1], { minutes: 5 }),\n dateRange[1],\n ],\n seriesReturnType: 'column',\n },\n {\n metric: metricSource,\n },\n ),\n limit: { limit: TABLE_FETCH_LIMIT, offset: 0 },\n });\n\n const resourceAttr = metricSource.resourceAttributesExpression;\n\n const namespacesList = React.useMemo(() => {\n if (!data) {\n return [];\n }\n\n return data.data.map((row: any) => {\n return {\n name: row[`arrayElement(${resourceAttr}, 'k8s.namespace.name')`],\n cpuAvg: row['sum(k8s.pod.cpu.utilization)'],\n memAvg: row['sum(k8s.pod.memory.usage)'],\n phase: row['last_value(k8s.namespace.phase)'],\n };\n });\n }, [data, resourceAttr]);\n\n const {\n containerRef: namespacesContainerRef,\n rowVirtualizer: namespacesRowVirtualizer,\n virtualItems: namespaceVirtualItems,\n paddingTop: namespacesPaddingTop,\n paddingBottom: namespacesPaddingBottom,\n } = useVirtualList(namespacesList.length, 40, 10);\n\n const getLink = React.useCallback((namespaceName: string) => {\n const searchParams = new URLSearchParams(window.location.search);\n searchParams.set('namespaceName', `${namespaceName}`);\n return window.location.pathname + '?' + searchParams.toString();\n }, []);\n\n return (\n \n \n Namespaces\n \n \n \n {isLoading ? (\n \n ) : isError ? (\n
\n Unable to load namespaces\n
\n ) : namespacesList.length === 0 ? (\n
\n No namespaces found\n
\n ) : (\n \n \n \n Namespace\n Phase\n CPU\n Memory\n \n \n \n {namespacesPaddingTop > 0 && (\n \n \n \n )}\n {namespaceVirtualItems.map(virtualRow => {\n const namespace = namespacesList[virtualRow.index];\n return (\n \n \n {namespace.name || 'N/A'}\n \n {namespace.phase === 1 ? (\n \n Ready\n \n ) : (\n \n Terminating\n \n )}\n \n \n {formatNumber(\n namespace.cpuAvg,\n K8S_CPU_PERCENTAGE_NUMBER_FORMAT,\n )}\n \n \n {formatNumber(\n namespace.memAvg,\n K8S_MEM_NUMBER_FORMAT,\n )}\n \n \n \n );\n })}\n {namespacesPaddingBottom > 0 && (\n \n \n \n )}\n \n
\n )}\n \n \n \n );\n};\n\nconst defaultTimeRange = parseTimeQuery('Past 1h', false);\n\nconst CHART_HEIGHT = 300;\n\nconst findSource = (\n sources: TSource[] | undefined,\n filters: {\n kind?: SourceKind;\n connection?: string;\n id?: string;\n },\n) => {\n if (!sources) return undefined;\n\n const { kind, connection, id } = filters;\n return sources.find(\n s =>\n (kind === undefined || s.kind === kind) &&\n (id === undefined || s.id === id) &&\n (connection === undefined || s.connection === connection),\n );\n};\n\nexport const resolveSourceIds = (\n _logSourceId: string | null | undefined,\n _metricSourceId: string | null | undefined,\n sources: TSource[] | undefined,\n) => {\n if ((_logSourceId && _metricSourceId) || !sources) {\n return {\n logSourceId: _logSourceId ?? undefined,\n metricSourceId: _metricSourceId ?? undefined,\n };\n }\n\n // Find a default metric source that matches the existing log source\n if (_logSourceId && !_metricSourceId) {\n const foundSource = findSource(sources, { id: _logSourceId });\n const connection = foundSource?.connection;\n const correlatedMetricSourceId =\n foundSource && isLogSource(foundSource)\n ? foundSource.metricSourceId\n : undefined;\n const metricSourceId =\n (correlatedMetricSourceId &&\n findSource(sources, { id: correlatedMetricSourceId })?.id) ??\n (connection &&\n findSource(sources, { connection, kind: SourceKind.Metric })?.id);\n return { logSourceId: _logSourceId, metricSourceId };\n }\n\n // Find a default log source that matches the existing metric source\n if (!_logSourceId && _metricSourceId) {\n const foundSource = findSource(sources, { id: _metricSourceId });\n const connection = foundSource?.connection;\n const correlatedLogSourceId =\n foundSource && isMetricSource(foundSource)\n ? foundSource.logSourceId\n : undefined;\n const logSourceId =\n (correlatedLogSourceId &&\n findSource(sources, { id: correlatedLogSourceId })?.id) ??\n (connection &&\n findSource(sources, { connection, kind: SourceKind.Log })?.id);\n return { logSourceId, metricSourceId: _metricSourceId };\n }\n\n // Find any two correlated log and metric sources\n const logSourceWithMetricSource = sources.find(\n (s): s is TLogSource =>\n s.kind === SourceKind.Log &&\n !!s.metricSourceId &&\n !!findSource(sources, { id: s.metricSourceId }),\n );\n\n if (logSourceWithMetricSource) {\n return {\n logSourceId: logSourceWithMetricSource.id,\n metricSourceId: logSourceWithMetricSource.metricSourceId,\n };\n }\n\n // Find a Log and Metric source from the same connection\n const connections = Array.from(new Set(sources.map(s => s.connection)));\n const connectionWithBothSourceKinds = connections.find(\n connection =>\n findSource(sources, { connection, kind: SourceKind.Log }) &&\n findSource(sources, { connection, kind: SourceKind.Metric }),\n );\n const logSource = connectionWithBothSourceKinds\n ? findSource(sources, {\n connection: connectionWithBothSourceKinds,\n kind: SourceKind.Log,\n })\n : undefined;\n const metricSource = connectionWithBothSourceKinds\n ? findSource(sources, {\n connection: connectionWithBothSourceKinds,\n kind: SourceKind.Metric,\n })\n : undefined;\n\n return { logSourceId: logSource?.id, metricSourceId: metricSource?.id };\n};\n\nfunction KubernetesDashboardPage() {\n const { data: sources } = useSources();\n\n const [_logSourceId, setLogSourceId] = useQueryState('logSource');\n const [_metricSourceId, setMetricSourceId] = useQueryState('metricSource');\n\n const { logSourceId, metricSourceId } = useMemo(\n () => resolveSourceIds(_logSourceId, _metricSourceId, sources),\n [_logSourceId, _metricSourceId, sources],\n );\n\n const { data: logSource } = useSource({\n id: logSourceId,\n kinds: [SourceKind.Log],\n });\n const { data: metricSource } = useSource({\n id: metricSourceId,\n kinds: [SourceKind.Metric],\n });\n\n const { control } = useForm({\n values: {\n logSourceId,\n metricSourceId,\n },\n });\n\n const watchedLogSourceId = useWatch({ control, name: 'logSourceId' });\n const watchedMetricSourceId = useWatch({ control, name: 'metricSourceId' });\n\n // Track previous values to detect user-initiated changes\n const prevLogSourceIdRef = useRef(logSourceId);\n const prevMetricSourceIdRef = useRef(metricSourceId);\n\n useEffect(() => {\n if (logSourceId && logSourceId !== _logSourceId) {\n setLogSourceId(logSourceId);\n }\n }, [logSourceId, _logSourceId, setLogSourceId]);\n\n useEffect(() => {\n if (metricSourceId && metricSourceId !== _metricSourceId) {\n setMetricSourceId(metricSourceId);\n }\n }, [metricSourceId, _metricSourceId, setMetricSourceId]);\n\n // Handle log source changes\n useEffect(() => {\n if (watchedLogSourceId === prevLogSourceIdRef.current) {\n return;\n }\n prevLogSourceIdRef.current = watchedLogSourceId;\n\n setLogSourceId(watchedLogSourceId ?? null);\n\n // Default to the log source's correlated metric source\n if (watchedLogSourceId && sources) {\n const logSource = findSource(sources, { id: watchedLogSourceId });\n const logSourceMetricSourceId =\n logSource && isLogSource(logSource)\n ? logSource.metricSourceId\n : undefined;\n const correlatedMetricSource = logSourceMetricSourceId\n ? findSource(sources, { id: logSourceMetricSourceId })\n : undefined;\n if (\n correlatedMetricSource &&\n correlatedMetricSource.id !== watchedMetricSourceId\n ) {\n setMetricSourceId(correlatedMetricSource.id);\n notifications.show({\n id: `${correlatedMetricSource.id}-auto-correlated-metric-source`,\n title: 'Updated Metrics Source',\n message: `Using correlated metrics source: ${correlatedMetricSource.name}`,\n });\n } else if (logSource && !correlatedMetricSource) {\n notifications.show({\n id: `${logSource.id}-not-correlated`,\n title: 'Warning',\n message: `The selected logs source is not correlated with a metrics source. Source correlations can be configured in Team Settings.`,\n color: 'yellow',\n });\n }\n }\n }, [\n watchedLogSourceId,\n watchedMetricSourceId,\n sources,\n setLogSourceId,\n setMetricSourceId,\n ]);\n\n // Handle metric source changes\n useEffect(() => {\n if (watchedMetricSourceId === prevMetricSourceIdRef.current) {\n return;\n }\n prevMetricSourceIdRef.current = watchedMetricSourceId;\n\n setMetricSourceId(watchedMetricSourceId ?? null);\n\n // Default to the metric source's correlated log source\n if (watchedMetricSourceId && sources) {\n const metricSource = findSource(sources, { id: watchedMetricSourceId });\n const metricSourceLogSourceId =\n metricSource && isMetricSource(metricSource)\n ? metricSource.logSourceId\n : undefined;\n const correlatedLogSource = metricSourceLogSourceId\n ? findSource(sources, { id: metricSourceLogSourceId })\n : undefined;\n if (\n correlatedLogSource &&\n correlatedLogSource.id !== watchedLogSourceId\n ) {\n setLogSourceId(correlatedLogSource.id);\n notifications.show({\n id: `${correlatedLogSource.id}-auto-correlated-log-source`,\n title: 'Updated Logs Source',\n message: `Using correlated logs source: ${correlatedLogSource.name}`,\n });\n } else if (metricSource && !correlatedLogSource) {\n notifications.show({\n id: `${metricSource.id}-not-correlated`,\n title: 'Warning',\n message: `The selected metrics source is not correlated with a logs source. Source correlations can be configured in Team Settings.`,\n color: 'yellow',\n });\n }\n }\n }, [\n watchedMetricSourceId,\n watchedLogSourceId,\n sources,\n setMetricSourceId,\n setLogSourceId,\n ]);\n\n const [activeTab, setActiveTab] = useQueryState('tab', {\n defaultValue: 'pods',\n });\n\n const [searchQuery, setSearchQuery] = useQueryState('q', {\n defaultValue: '',\n });\n\n const {\n searchedTimeRange: dateRange,\n displayedTimeInputValue,\n setDisplayedTimeInputValue,\n onSearch,\n onTimeRangeSelect,\n } = useTimeQuery({\n defaultValue: 'Past 1h',\n defaultTimeRange: [\n defaultTimeRange?.[0]?.getTime() ?? -1,\n defaultTimeRange?.[1]?.getTime() ?? -1,\n ],\n });\n\n const { manualRefreshCooloff, refresh } = useDashboardRefresh({\n searchedTimeRange: dateRange,\n onTimeRangeSelect,\n isLive: false,\n });\n\n const whereClause = searchQuery;\n\n const [_searchQuery, _setSearchQuery] = React.useState(null);\n\n const { data: logSourceJsonColumns, isLoading: isLoadingJsonColumns } =\n useJsonColumns(\n logSource && {\n databaseName: logSource.from.databaseName,\n tableName: logSource.from.tableName,\n connectionId: logSource.connection,\n },\n );\n\n const eventAttributeExpressions = useMemo(() => {\n if (isLoadingJsonColumns || !logSource) {\n return undefined;\n }\n\n if (\n logSource.eventAttributesExpression &&\n logSourceJsonColumns?.includes(logSource.eventAttributesExpression)\n ) {\n return {\n Severity: `${logSource.eventAttributesExpression}.object.type.:String`,\n Kind: `${logSource.eventAttributesExpression}.object.regarding.kind.:String`,\n Name: `${logSource.eventAttributesExpression}.object.regarding.name.:String`,\n Message: `${logSource.eventAttributesExpression}.object.note.:String`,\n };\n }\n\n return {\n Severity: `JSONExtractString(${logSource.eventAttributesExpression}['object'], 'type')`,\n Kind: `JSONExtractString(${logSource.eventAttributesExpression}['object'], 'regarding', 'kind')`,\n Name: `JSONExtractString(${logSource.eventAttributesExpression}['object'], 'regarding', 'name')`,\n Message: `JSONExtractString(${logSource.eventAttributesExpression}['object'], 'note')`,\n };\n }, [isLoadingJsonColumns, logSource, logSourceJsonColumns]);\n\n return (\n \n \n {metricSource && logSource && (\n \n )}\n {metricSource && logSource && (\n \n )}\n {metricSource && logSource && (\n \n )}\n \n \n Kubernetes Dashboard\n \n }\n />\n \n }\n />\n \n\n \n {\n e.preventDefault();\n onSearch(displayedTimeInputValue);\n return false;\n }}\n >\n \n \n \n \n \n \n \n \n \n {metricSource && (\n \n )}\n\n \n \n Pods\n Nodes\n Namespaces\n {/* Clusters */}\n \n\n
\n \n \n \n \n \n {metricSource && (\n \n )}\n \n \n \n \n \n \n {metricSource && (\n \n )}\n \n \n \n \n {metricSource && (\n \n )}\n \n \n \n \n \n Latest Kubernetes Warning Events\n \n \n \n {logSource && eventAttributeExpressions && (\n 0\n ? `(${whereClause.trim()}) `\n : ''\n }(${logSource.eventAttributesExpression}.k8s.resource.name:\"events\" -Severity:\"Normal\")`,\n whereLanguage: 'lucene',\n select: [\n {\n valueExpression:\n logSource.timestampValueExpression,\n alias: 'Timestamp',\n },\n {\n valueExpression:\n eventAttributeExpressions.Severity,\n alias: 'Severity',\n },\n {\n valueExpression: eventAttributeExpressions.Kind,\n alias: 'Kind',\n },\n {\n valueExpression: eventAttributeExpressions.Name,\n alias: 'Name',\n },\n {\n valueExpression:\n eventAttributeExpressions.Message,\n alias: 'Message',\n },\n ],\n orderBy: [\n {\n valueExpression:\n logSource.timestampValueExpression,\n ordering: 'DESC',\n },\n ],\n limit: { limit: 200, offset: 0 },\n dateRange,\n }}\n isLive={false}\n queryKeyPrefix=\"k8s-dashboard-events\"\n />\n )}\n \n \n \n \n \n \n \n \n \n \n {metricSource && (\n \n )}\n \n \n \n \n \n \n {metricSource && (\n \n )}\n \n \n \n \n {metricSource && (\n \n )}\n \n \n \n \n \n \n \n \n {metricSource && (\n \n )}\n \n \n \n \n \n \n {metricSource && (\n \n )}\n \n \n \n \n {metricSource && (\n \n )}\n \n \n \n Clusters\n
\n \n \n );\n}\n\nconst KubernetesDashboardPageDynamic = dynamic(\n async () => KubernetesDashboardPage,\n {\n ssr: false,\n },\n);\n\n// @ts-ignore\nKubernetesDashboardPageDynamic.getLayout = withAppNav;\n\nexport default KubernetesDashboardPageDynamic;\n" }, { "path": "packages/app/src/LandingHeader.tsx", "content": "import Link from 'next/link';\nimport { Anchor, Burger, Button, Container, Group } from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\n\nimport { useBrandDisplayName, useWordmark } from './theme/ThemeProvider';\nimport api from './api';\n\nexport default function LandingHeader({\n activeKey,\n fixed,\n}: {\n activeKey: string;\n fixed?: boolean;\n}) {\n const brandName = useBrandDisplayName();\n const wordmark = useWordmark();\n const { data: me } = api.useMe();\n const isLoggedIn = Boolean(me);\n\n const { data: installation } = api.useInstallation();\n const [opened, { toggle }] = useDisclosure(false);\n\n return (\n <>\n \n \n \n \n {wordmark}\n \n\n \n\n \n \n {brandName} Cloud\n \n \n Docs\n \n {!isLoggedIn && installation?.isTeamExisting === true && (\n \n Login\n \n )}\n {!isLoggedIn &&\n activeKey !== '/register' &&\n installation?.isTeamExisting === false && (\n \n \n \n )}\n {isLoggedIn && (\n \n \n \n )}\n \n \n\n {/* Mobile menu */}\n {opened && (\n \n \n {brandName} Cloud\n \n \n Docs\n \n {!isLoggedIn && installation?.isTeamExisting === true && (\n \n Login\n \n )}\n {!isLoggedIn &&\n activeKey !== '/register' &&\n installation?.isTeamExisting === false && (\n \n \n \n )}\n {isLoggedIn && (\n \n \n \n )}\n \n )}\n \n \n {!fixed &&
}\n \n );\n}\n" }, { "path": "packages/app/src/LandingPage.tsx", "content": "import { useEffect } from 'react';\nimport { useRouter } from 'next/router';\n\nimport api from '@/api';\nimport AuthLoadingBlocker from '@/AuthLoadingBlocker';\nimport { IS_LOCAL_MODE } from '@/config';\n\nexport default function LandingPage() {\n const { data: installation, isLoading: installationIsLoading } =\n api.useInstallation();\n const { data: team, isLoading: teamIsLoading } = api.useTeam();\n const router = useRouter();\n\n const isLoggedIn = Boolean(!teamIsLoading && team);\n\n useEffect(() => {\n if (isLoggedIn || IS_LOCAL_MODE) {\n router.push('/search');\n }\n }, [isLoggedIn, router]);\n\n useEffect(() => {\n if (installation?.isTeamExisting === true) {\n router.push('/login');\n } else if (installation?.isTeamExisting === false) {\n router.push('/register');\n }\n }, [installation, router]);\n\n return ;\n}\n" }, { "path": "packages/app/src/LogSidePanelElements.stories.tsx", "content": "import type { Meta } from '@storybook/nextjs';\n\nimport { NetworkBody } from './LogSidePanelElements';\n\nconst meta: Meta = {\n title: 'LogSidePanelElements',\n component: NetworkBody,\n parameters: {},\n};\n\nconst MOCK_SQL_BODY = `SELECT\n toUnixTimestamp(toStartOfInterval(timestamp, INTERVAL '10 second')) as ts_bucket,\n if(multiSearchAny(severity_text, ['err', 'emerg', 'alert', 'crit', 'fatal']), 'error', 'info') as severity_group,\n count(*) as count\n FROM default.log_stream\n WHERE (1 = 1) AND ((_timestamp_sort_key >= 1717609920000000000 AND _timestamp_sort_key < 1717610820000000000) AND ((type = 'span')))\n GROUP BY ts_bucket, severity_group\n ORDER BY ts_bucket\n WITH FILL\n FROM toUnixTimestamp(toStartOfInterval(toDateTime(1717609920), INTERVAL '10 second'))\n TO toUnixTimestamp(toStartOfInterval(toDateTime(1717610820), INTERVAL '10 second'))\n STEP 10\n LIMIT 1000 \nFORMAT JSON`;\n\nconst MOCK_JSON_BODY = `{\n \"links\": {\n \"self\": \"http://example.com/articles\",\n \"next\": \"http://example.com/articles?page[offset]=2\",\n \"last\": \"http://example.com/articles?page[offset]=10\"\n },\n \"data\": [{\n \"type\": \"articles\",\n \"id\": \"1\",\n \"attributes\": {\n \"title\": \"JSON:API paints my bikeshed!\"\n },\n \"relationships\": {\n \"author\": {\n \"links\": {\n \"self\": \"http://example.com/articles/1/relationships/author\",\n \"related\": \"http://example.com/articles/1/author\"\n },\n \"data\": { \"type\": \"people\", \"id\": \"9\" }\n },\n \"comments\": {\n \"links\": {\n \"self\": \"http://example.com/articles/1/relationships/comments\",\n \"related\": \"http://example.com/articles/1/comments\"\n },\n \"data\": [\n { \"type\": \"comments\", \"id\": \"5\" },\n { \"type\": \"comments\", \"id\": \"12\" }\n ]\n }\n },\n \"links\": {\n \"self\": \"http://example.com/articles/1\"\n }\n }],\n \"included\": [{\n \"type\": \"people\",\n \"id\": \"9\",\n \"attributes\": {\n \"firstName\": \"Dan\",\n \"lastName\": \"Gebhardt\",\n \"twitter\": \"dgeb\"\n },\n \"links\": {\n \"self\": \"http://example.com/people/9\"\n }\n }, {\n \"type\": \"comments\",\n \"id\": \"5\",\n \"attributes\": {\n \"body\": \"First!\"\n },\n \"relationships\": {\n \"author\": {\n \"data\": { \"type\": \"people\", \"id\": \"2\" }\n }\n },\n \"links\": {\n \"self\": \"http://example.com/comments/5\"\n }\n }, {\n \"type\": \"comments\",\n \"id\": \"12\",\n \"attributes\": {\n \"body\": \"I like XML better\"\n },\n \"relationships\": {\n \"author\": {\n \"data\": { \"type\": \"people\", \"id\": \"9\" }\n }\n },\n \"links\": {\n \"self\": \"http://example.com/comments/12\"\n }\n }]\n}`;\n\nexport const Sql = () => ;\n\nexport const Json = () => ;\n\nexport default meta;\n" }, { "path": "packages/app/src/LogSidePanelElements.tsx", "content": "import * as React from 'react';\nimport { useEffect, useMemo, useState } from 'react';\nimport Link from 'next/link';\nimport cx from 'classnames';\nimport { format } from 'date-fns';\nimport { JSONTree } from 'react-json-tree';\nimport { Alert, Button, CloseButton, Kbd, Text, Tooltip } from '@mantine/core';\nimport {\n IconChevronDown,\n IconChevronRight,\n IconCode,\n IconPackage,\n} from '@tabler/icons-react';\nimport { ColumnDef, Row, Table } from '@tanstack/react-table';\n\nimport HyperJson from './components/HyperJson';\nimport { StacktraceFrame as StacktraceFrameCmp } from './components/StacktraceFrame';\nimport { TableCellButton } from './components/Table';\nimport { UNDEFINED_WIDTH } from './tableUtils';\nimport type { StacktraceBreadcrumb, StacktraceFrame } from './types';\nimport { FormatTime } from './useFormatTime';\nimport { useSourceMappedFrame } from './useSourceMappedFrame';\nimport { useLocalStorage } from './utils';\n\nimport styles from '../styles/LogSidePanel.module.scss';\n\nexport const CollapsibleSection = ({\n title,\n children,\n initiallyCollapsed,\n}: {\n title: string;\n children: React.ReactNode;\n initiallyCollapsed?: boolean;\n}) => {\n const [collapsed, setCollapsed] = React.useState(initiallyCollapsed ?? false);\n\n return (\n
\n setCollapsed(!collapsed)}\n >\n {collapsed ? (\n \n ) : (\n \n )}\n
{title}
\n
\n {collapsed ? null :
{children}
}\n
\n );\n};\n\nexport const SectionWrapper: React.FC<\n React.PropsWithChildren<{ title?: React.ReactNode }>\n> = ({ children, title }) => (\n
\n {title &&
{title}
}\n {children}\n
\n);\n\n/**\n * Stacktrace elements\n */\nexport const StacktraceValue = ({\n label,\n value,\n}: {\n label: React.ReactNode;\n value: React.ReactNode;\n}) => {\n return (\n \n
{label}
\n
{value}
\n \n );\n};\n\nconst StacktraceRowExpandButton = ({\n onClick,\n isOpen,\n}: {\n onClick: VoidFunction;\n isOpen: boolean;\n}) => {\n return (\n \n );\n};\n\nexport const StacktraceRow = ({\n row,\n table,\n}: {\n row: Row;\n table: Table;\n}) => {\n const tableMeta = table.options.meta as {\n firstFrameIndex?: number;\n };\n\n const [lineContextOpen, setLineContextOpen] = React.useState(\n row.index === tableMeta.firstFrameIndex,\n );\n\n const handleToggleContext = React.useCallback(() => {\n setLineContextOpen(!lineContextOpen);\n }, [lineContextOpen]);\n\n const frame = row.original;\n\n const { isLoading, enrichedFrame } = useSourceMappedFrame(frame);\n\n const augmentedFrame = enrichedFrame ?? frame;\n const hasContext = !!augmentedFrame.context_line;\n\n return (\n <>\n \n
\n {!augmentedFrame.in_app && (\n \n \n \n )}\n {augmentedFrame && (\n \n )}\n
\n {hasContext && (\n \n )}\n \n\n {lineContextOpen && hasContext && (\n 
\n          {augmentedFrame.pre_context?.map((line, i) => (\n            
\n              \n                {(augmentedFrame.lineno ?? 0) -\n                  (augmentedFrame.pre_context?.length ?? 0) +\n                  i}\n              \n              {line}\n            
\n          ))}\n          {augmentedFrame.context_line && (\n            
\n              \n                {augmentedFrame.lineno}\n              \n              {augmentedFrame.context_line}\n            
\n          )}\n          {augmentedFrame.post_context?.map((line, i) => (\n            
\n              \n                {augmentedFrame.lineno + i + 1}\n              \n              {line}\n            
\n          ))}\n
\n )}\n \n );\n};\n\nexport const stacktraceColumns: ColumnDef[] = [\n {\n accessorKey: 'filename',\n cell: StacktraceRow,\n },\n];\n\n/**\n * Breadcrumbs\n */\n\nconst Url = ({ url }: { url?: string }) => {url};\n\nconst StatusChip = React.memo(({ status }: { status?: number }) => {\n if (!status) {\n return null;\n }\n const className =\n status >= 500\n ? 'text-danger bg-danger'\n : status >= 400\n ? 'text-warning bg-warning'\n : 'text-success bg-success';\n return (\n \n {status}\n \n );\n});\n\nconst LevelChip = React.memo(({ level }: { level?: string }) => {\n if (!level) {\n return null;\n }\n const className = level.includes('error')\n ? 'text-danger bg-danger'\n : level.includes('warn') || level.includes('warning')\n ? 'text-warning bg-warning'\n : 'bg-muted';\n\n return (\n \n {level}\n \n );\n});\n\nexport const breadcrumbColumns: ColumnDef[] = [\n {\n accessorKey: 'category',\n header: 'Category',\n size: 180,\n cell: ({ row }) => (\n \n {row.original.category}\n {row.original.category === 'console' && (\n \n )}\n {row.original.category === 'fetch' ||\n row.original.category === 'xhr' ? (\n \n ) : null}\n \n ),\n },\n {\n accessorKey: 'message',\n header: 'Data',\n size: UNDEFINED_WIDTH,\n cell: ({ row }) => {\n // fetch\n if (\n row.original.data &&\n (row.original.category === 'fetch' || row.original.category === 'xhr')\n ) {\n const { method, url } = row.original.data;\n return (\n
\n {method} \n \n \n \n
\n );\n }\n\n // navigation\n if (row.original.category === 'navigation' && row.original.data) {\n const { from, to } = row.original.data;\n return (\n
\n \n \n \n {' → '}\n \n \n \n
\n );\n }\n\n // console\n if (row.original.category === 'console') {\n const { message } = row.original;\n return (\n 
\n            {message}\n
\n );\n }\n\n if (row.original.message) {\n return
{row.original.message}
;\n }\n\n return Empty;\n },\n },\n {\n header: 'Timestamp',\n size: 220,\n cell: ({ row }) => (\n \n \n \n ),\n },\n];\n\nexport const useShowMoreRows = ({\n rows,\n maxRows = 5,\n}: {\n rows: T[];\n maxRows?: number;\n}) => {\n const [isExpanded, setIsExpanded] = React.useState(false);\n\n const visibleRows = React.useMemo(() => {\n return isExpanded ? rows : rows.slice(0, maxRows);\n }, [rows, isExpanded, maxRows]);\n\n const hiddenRowsCount = React.useMemo(() => {\n const length = rows.length ?? 0;\n return length > maxRows ? length - maxRows : null;\n }, [rows.length, maxRows]);\n\n const handleToggleMoreRows = React.useCallback(() => {\n setIsExpanded(!isExpanded);\n }, [isExpanded]);\n\n return { visibleRows, hiddenRowsCount, handleToggleMoreRows, isExpanded };\n};\n\n/**\n * Request / Response Headers elements\n */\nexport const headerColumns: ColumnDef<[string, string]>[] = [\n {\n accessorKey: '0',\n header: 'Header',\n size: 260,\n cell: ({ row }) => (\n
\n {row.original[0]}\n
\n ),\n },\n {\n size: UNDEFINED_WIDTH,\n accessorKey: '1',\n header: 'Value',\n },\n];\n\n/**\n * Network Subpanel\n */\nexport const networkColumns: ColumnDef<{\n label: string;\n value: string;\n className?: string;\n}>[] = [\n {\n accessorKey: 'label',\n header: 'Label',\n size: 260,\n cell: ({ row }) => {row.original.label},\n },\n {\n size: UNDEFINED_WIDTH,\n accessorKey: 'value',\n header: 'Value',\n cell: ({ row }) => (\n {row.original.value}\n ),\n },\n];\n\nexport const NetworkBody = ({\n body,\n theme,\n emptyMessage,\n notCollectedMessage,\n}: {\n body: any;\n theme?: any;\n emptyMessage?: string;\n notCollectedMessage?: string;\n}) => {\n const valueRenderer = React.useCallback((raw: any) => {\n return (\n \n {raw}\n \n );\n }, []);\n\n const parsedBody = React.useMemo(() => {\n if (typeof body !== 'string') return null;\n try {\n if (\n (body.startsWith('{') && body.endsWith('}')) ||\n (body.startsWith('[') && body.endsWith(']'))\n ) {\n const parsed = JSON.parse(body);\n return parsed;\n }\n } catch (e) {\n return null;\n }\n }, [body]);\n\n return (\n <>\n {body != null && body != '' ? (\n \n {parsedBody ? (\n \n ) : typeof body === 'string' ? (\n body\n ) : (\n \n )}\n \n ) : body === '' ? (\n
{emptyMessage}
\n ) : (\n
{notCollectedMessage}
\n )}\n \n );\n};\n\n/**\n * Keyboard shortcuts\n */\nexport const LogSidePanelKbdShortcuts = () => {\n const [isDismissed, setDismissed] = useLocalStorage(\n 'kbd-shortcuts-dismissed',\n false,\n );\n\n const handleDismiss = React.useCallback(() => {\n setDismissed(true);\n }, [setDismissed]);\n\n if (isDismissed) {\n return null;\n }\n\n return (\n
\n
\n
\n
\n Use ←\n → arrow keys or k\n j to move through events\n
\n
\n
\n ESC to close\n
\n
\n \n
\n
\n );\n};\n\nexport const SourceMapsFtux = () => {\n const [isDismissed, setIsDismissed] = useLocalStorage(\n 'sourceMapsFtuxDismissed',\n false,\n );\n\n if (isDismissed) {\n return null;\n }\n\n return (\n setIsDismissed(true)}\n >\n \n Some of the stack frames are pointing to minified\n files. Use hyperdx-cli to upload your source maps and see the original\n code.\n \n \n \n \n \n );\n};\n" }, { "path": "packages/app/src/NamespaceDetailsSidePanel.tsx", "content": "import * as React from 'react';\nimport { StringParam, useQueryParam, withDefault } from 'use-query-params';\nimport { tcFromSource } from '@hyperdx/common-utils/dist/core/metadata';\nimport { convertDateRangeToGranularityString } from '@hyperdx/common-utils/dist/core/utils';\nimport { TLogSource, TMetricSource } from '@hyperdx/common-utils/dist/types';\nimport {\n Badge,\n Card,\n Drawer,\n Flex,\n Grid,\n SegmentedControl,\n Text,\n} from '@mantine/core';\n\nimport {\n convertV1ChartConfigToV2,\n K8S_CPU_PERCENTAGE_NUMBER_FORMAT,\n K8S_MEM_NUMBER_FORMAT,\n} from '@/ChartUtils';\nimport { DBTimeChart } from '@/components/DBTimeChart';\nimport { DrawerBody, DrawerHeader } from '@/components/DrawerUtils';\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { InfraPodsStatusTable } from '@/KubernetesDashboardPage';\nimport { getEventBody } from '@/source';\nimport { parseTimeQuery, useTimeQuery } from '@/timeQuery';\nimport { useZIndex, ZIndexContext } from '@/zIndex';\n\nimport DBSqlRowTableWithSideBar from './components/DBSqlRowTableWithSidebar';\nimport { useGetKeyValues, useTableMetadata } from './hooks/useMetadata';\n\nimport styles from '../styles/LogSidePanel.module.scss';\n\nconst CHART_HEIGHT = 300;\nconst defaultTimeRange = parseTimeQuery('Past 1h', false);\n\nconst PodDetailsProperty = React.memo(\n ({ label, value }: { label: string; value?: React.ReactNode }) => {\n if (!value) return null;\n return (\n
\n \n {label}\n \n {value}\n
\n );\n },\n);\n\nconst NamespaceDetails = ({\n name,\n dateRange,\n metricSource,\n}: {\n name: string;\n dateRange: [Date, Date];\n metricSource?: TMetricSource;\n}) => {\n const where = `${metricSource?.resourceAttributesExpression}.k8s.namespace.name:\"${name}\"`;\n const groupBy = ['k8s.namespace.name'];\n\n const { data, isError, isLoading } = useQueriedChartConfig(\n convertV1ChartConfigToV2(\n {\n series: [\n {\n table: 'metrics',\n field: 'k8s.namespace.phase - Gauge',\n type: 'table',\n aggFn: 'last_value',\n where,\n groupBy,\n },\n ],\n dateRange,\n seriesReturnType: 'column',\n },\n {\n metric: metricSource,\n },\n ),\n );\n\n const properties = React.useMemo(() => {\n if (!data) {\n return {};\n }\n\n return {\n ready: data.data?.[0]?.['last_value(k8s.namespace.phase)'],\n };\n }, [data]);\n\n return (\n \n \n \n {properties.ready !== undefined && (\n \n Ready\n \n ) : (\n \n Not Ready\n \n )\n }\n />\n )}\n
\n \n );\n};\n\nfunction NamespaceLogs({\n dateRange,\n logSource,\n where,\n}: {\n dateRange: [Date, Date];\n logSource: TLogSource;\n where: string;\n}) {\n const [resultType, setResultType] = React.useState<'all' | 'error'>('all');\n\n const _where = where + (resultType === 'error' ? ' Severity:err' : '');\n\n return (\n \n \n \n Latest Namespace Logs & Spans\n \n {\n if (value === 'all' || value === 'error') {\n setResultType(value);\n }\n }}\n data={[\n { label: 'All', value: 'all' },\n { label: 'Errors', value: 'error' },\n ]}\n />\n {/* \n \n \n Search \n \n \n */}\n \n \n \n \n \n \n \n );\n}\n\nexport default function NamespaceDetailsSidePanel({\n metricSource,\n logSource,\n}: {\n metricSource: TMetricSource;\n logSource: TLogSource;\n}) {\n const [namespaceName, setNamespaceName] = useQueryParam(\n 'namespaceName',\n withDefault(StringParam, ''),\n {\n updateType: 'replaceIn',\n },\n );\n\n const contextZIndex = useZIndex();\n const drawerZIndex = contextZIndex + 10;\n\n const metricsWhere = React.useMemo(() => {\n return `${metricSource?.resourceAttributesExpression}.k8s.namespace.name:\"${namespaceName}\"`;\n }, [namespaceName, metricSource]);\n\n const { searchedTimeRange: dateRange } = useTimeQuery({\n defaultValue: 'Past 1h',\n defaultTimeRange: [\n defaultTimeRange?.[0]?.getTime() ?? -1,\n defaultTimeRange?.[1]?.getTime() ?? -1,\n ],\n });\n\n const { data: logsTableMetadata } = useTableMetadata(tcFromSource(logSource));\n\n let doesPrimaryOrSortingKeysContainServiceExpression = false;\n\n if (\n logSource?.serviceNameExpression &&\n (logsTableMetadata?.primary_key || logsTableMetadata?.sorting_key)\n ) {\n if (\n logsTableMetadata.primary_key &&\n logsTableMetadata.primary_key.includes(logSource.serviceNameExpression)\n ) {\n doesPrimaryOrSortingKeysContainServiceExpression = true;\n } else if (\n logsTableMetadata.sorting_key &&\n logsTableMetadata.sorting_key.includes(logSource.serviceNameExpression)\n ) {\n doesPrimaryOrSortingKeysContainServiceExpression = true;\n }\n }\n\n const { data: logServiceNames } = useGetKeyValues(\n {\n chartConfig: {\n source: logSource.id,\n from: logSource.from,\n where: `${logSource?.resourceAttributesExpression}.k8s.namespace.name:\"${namespaceName}\"`,\n whereLanguage: 'lucene',\n select: '',\n timestampValueExpression: logSource.timestampValueExpression ?? '',\n connection: logSource.connection,\n dateRange,\n },\n keys: [logSource.serviceNameExpression ?? ''],\n limit: 10,\n disableRowLimit: false,\n },\n {\n enabled:\n !!namespaceName &&\n !!logSource.serviceNameExpression &&\n doesPrimaryOrSortingKeysContainServiceExpression,\n },\n );\n\n // HACK: craft where clause for logs given the ServiceName is part of the primary key\n const logsWhere = React.useMemo(() => {\n const _where = `${logSource?.resourceAttributesExpression}.k8s.namespace.name:\"${namespaceName}\"`;\n if (\n logServiceNames &&\n logServiceNames[0].value.length > 0 &&\n doesPrimaryOrSortingKeysContainServiceExpression\n ) {\n const _svs: string[] = logServiceNames[0].value;\n const _key = logServiceNames[0].key;\n return `(${_svs\n .map(sv => `${_key}:\"${sv}\"`)\n .join(' OR ')}) AND ${_where}`;\n }\n return _where;\n }, [\n namespaceName,\n logSource,\n doesPrimaryOrSortingKeysContainServiceExpression,\n logServiceNames,\n ]);\n\n const handleClose = React.useCallback(() => {\n setNamespaceName(undefined);\n }, [setNamespaceName]);\n\n if (!namespaceName) {\n return null;\n }\n\n return (\n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {metricSource && (\n \n )}\n \n \n {logSource && (\n \n )}\n \n \n \n
\n \n \n );\n}\n" }, { "path": "packages/app/src/NodeDetailsSidePanel.tsx", "content": "import * as React from 'react';\nimport { StringParam, useQueryParam, withDefault } from 'use-query-params';\nimport { tcFromSource } from '@hyperdx/common-utils/dist/core/metadata';\nimport { convertDateRangeToGranularityString } from '@hyperdx/common-utils/dist/core/utils';\nimport { TLogSource, TMetricSource } from '@hyperdx/common-utils/dist/types';\nimport {\n Badge,\n Card,\n Drawer,\n Flex,\n Grid,\n SegmentedControl,\n Text,\n} from '@mantine/core';\n\nimport {\n convertV1ChartConfigToV2,\n K8S_CPU_PERCENTAGE_NUMBER_FORMAT,\n K8S_MEM_NUMBER_FORMAT,\n} from '@/ChartUtils';\nimport { DBTimeChart } from '@/components/DBTimeChart';\nimport { DrawerBody, DrawerHeader } from '@/components/DrawerUtils';\nimport { InfraPodsStatusTable } from '@/KubernetesDashboardPage';\nimport { getEventBody } from '@/source';\nimport { parseTimeQuery, useTimeQuery } from '@/timeQuery';\nimport { formatUptime } from '@/utils';\nimport { useZIndex, ZIndexContext } from '@/zIndex';\n\nimport DBSqlRowTableWithSideBar from './components/DBSqlRowTableWithSidebar';\nimport { useQueriedChartConfig } from './hooks/useChartConfig';\nimport { useGetKeyValues, useTableMetadata } from './hooks/useMetadata';\n\nimport styles from '../styles/LogSidePanel.module.scss';\n\nconst CHART_HEIGHT = 300;\nconst defaultTimeRange = parseTimeQuery('Past 1h', false);\n\nconst PodDetailsProperty = React.memo(\n ({ label, value }: { label: string; value?: React.ReactNode }) => {\n if (!value) return null;\n return (\n
\n \n {label}\n \n {value}\n
\n );\n },\n);\n\nconst NodeDetails = ({\n name,\n dateRange,\n metricSource,\n}: {\n name: string;\n dateRange: [Date, Date];\n metricSource: TMetricSource;\n}) => {\n const where = `${metricSource.resourceAttributesExpression}.k8s.node.name:\"${name}\"`;\n const groupBy = ['k8s.node.name'];\n\n const { data, isError, isLoading } = useQueriedChartConfig(\n convertV1ChartConfigToV2(\n {\n series: [\n {\n table: 'metrics',\n field: 'k8s.node.condition_ready - Gauge',\n type: 'table',\n aggFn: 'last_value',\n where,\n groupBy,\n },\n {\n table: 'metrics',\n field: 'k8s.node.uptime - Sum',\n type: 'table',\n aggFn: undefined,\n where,\n groupBy,\n },\n ],\n dateRange,\n seriesReturnType: 'column',\n },\n {\n metric: metricSource,\n },\n ),\n );\n\n const properties = React.useMemo(() => {\n if (!data) {\n return {};\n }\n\n return {\n ready: data.data?.[0]?.['last_value(k8s.node.condition_ready)'],\n uptime: data.data?.[0]?.['undefined(k8s.node.uptime)'],\n };\n }, [data]);\n\n return (\n \n
\n \n {properties.ready !== undefined && (\n \n Ready\n \n ) : (\n \n Not Ready\n \n )\n }\n />\n )}\n {properties.uptime && (\n \n )}\n
\n \n );\n};\n\nfunction NodeLogs({\n dateRange,\n logSource,\n where,\n}: {\n dateRange: [Date, Date];\n logSource: TLogSource;\n where: string;\n}) {\n const [resultType, setResultType] = React.useState<'all' | 'error'>('all');\n\n const _where = where + (resultType === 'error' ? ' Severity:err' : '');\n\n return (\n \n \n \n Latest Node Logs & Spans\n \n {\n if (value === 'all' || value === 'error') {\n setResultType(value);\n }\n }}\n data={[\n { label: 'All', value: 'all' },\n { label: 'Errors', value: 'error' },\n ]}\n />\n {/* \n \n \n Search \n \n \n */}\n \n \n \n \n \n \n \n );\n}\n\nexport default function NodeDetailsSidePanel({\n metricSource,\n logSource,\n}: {\n metricSource: TMetricSource;\n logSource: TLogSource;\n}) {\n const [nodeName, setNodeName] = useQueryParam(\n 'nodeName',\n withDefault(StringParam, ''),\n {\n updateType: 'replaceIn',\n },\n );\n\n const contextZIndex = useZIndex();\n const drawerZIndex = contextZIndex + 10;\n\n const metricsWhere = React.useMemo(() => {\n return `${metricSource?.resourceAttributesExpression}.k8s.node.name:\"${nodeName}\"`;\n }, [nodeName, metricSource]);\n\n const { searchedTimeRange: dateRange } = useTimeQuery({\n defaultValue: 'Past 1h',\n defaultTimeRange: [\n defaultTimeRange?.[0]?.getTime() ?? -1,\n defaultTimeRange?.[1]?.getTime() ?? -1,\n ],\n });\n\n const { data: logsTableMetadata } = useTableMetadata(tcFromSource(logSource));\n\n let doesPrimaryOrSortingKeysContainServiceExpression = false;\n\n if (\n logSource?.serviceNameExpression &&\n (logsTableMetadata?.primary_key || logsTableMetadata?.sorting_key)\n ) {\n if (\n logsTableMetadata.primary_key &&\n logsTableMetadata.primary_key.includes(logSource.serviceNameExpression)\n ) {\n doesPrimaryOrSortingKeysContainServiceExpression = true;\n } else if (\n logsTableMetadata.sorting_key &&\n logsTableMetadata.sorting_key.includes(logSource.serviceNameExpression)\n ) {\n doesPrimaryOrSortingKeysContainServiceExpression = true;\n }\n }\n\n const { data: logServiceNames } = useGetKeyValues(\n {\n chartConfig: {\n source: logSource.id,\n from: logSource.from,\n where: `${logSource?.resourceAttributesExpression}.k8s.node.name:\"${nodeName}\"`,\n whereLanguage: 'lucene',\n select: '',\n timestampValueExpression: logSource.timestampValueExpression ?? '',\n connection: logSource.connection,\n dateRange,\n },\n keys: [logSource.serviceNameExpression ?? ''],\n limit: 10,\n disableRowLimit: false,\n },\n {\n enabled:\n !!nodeName &&\n !!logSource.serviceNameExpression &&\n doesPrimaryOrSortingKeysContainServiceExpression,\n },\n );\n\n // HACK: craft where clause for logs given the ServiceName is part of the primary key\n const logsWhere = React.useMemo(() => {\n const _where = `${logSource?.resourceAttributesExpression}.k8s.node.name:\"${nodeName}\"`;\n if (\n logServiceNames &&\n logServiceNames[0].value.length > 0 &&\n doesPrimaryOrSortingKeysContainServiceExpression\n ) {\n const _svs: string[] = logServiceNames[0].value;\n const _key = logServiceNames[0].key;\n return `(${_svs\n .map(sv => `${_key}:\"${sv}\"`)\n .join(' OR ')}) AND ${_where}`;\n }\n return _where;\n }, [\n nodeName,\n logSource,\n doesPrimaryOrSortingKeysContainServiceExpression,\n logServiceNames,\n ]);\n\n const handleClose = React.useCallback(() => {\n setNodeName(undefined);\n }, [setNodeName]);\n\n if (!nodeName) {\n return null;\n }\n\n return (\n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {metricSource && (\n \n )}\n \n \n {logSource && (\n \n )}\n \n \n \n
\n \n \n );\n}\n" }, { "path": "packages/app/src/OnboardingChecklist.tsx", "content": "import React, { useEffect, useMemo, useState } from 'react';\nimport Link from 'next/link';\nimport { differenceInDays } from 'date-fns';\nimport {\n ActionIcon,\n Badge,\n Card,\n Collapse,\n Group,\n Loader,\n Stack,\n Text,\n UnstyledButton,\n} from '@mantine/core';\nimport {\n IconArrowRight,\n IconCheck,\n IconChevronDown,\n IconChevronUp,\n} from '@tabler/icons-react';\n\nimport { useQueriedChartConfig } from './hooks/useChartConfig';\nimport api from './api';\nimport { NOW } from './config';\nimport { useConnections } from './connection';\nimport { useSources } from './source';\nimport { useLocalStorage } from './utils';\n\ninterface OnboardingStep {\n id: string;\n title: string;\n description: string;\n isComplete: boolean;\n isLoading?: boolean;\n href?: string;\n onClick?: () => void;\n}\nconst OnboardingChecklist = ({\n onAddDataClick,\n}: {\n onAddDataClick?: () => void;\n}) => {\n const [isCollapsed, setIsCollapsed] = useLocalStorage(\n 'onboardingChecklistCollapsed',\n false,\n );\n\n const { data: team, isLoading: isTeamLoading } = api.useTeam();\n const { data: connections, isLoading: isConnectionsLoading } =\n useConnections();\n const { data: sources, isLoading: isSourcesLoading } = useSources();\n\n // Check if team is new (less than 3 days old)\n const isNewTeam = useMemo(() => {\n if (!team?.createdAt) return false;\n const threeDaysAgo = new Date(NOW - 1000 * 60 * 60 * 24 * 3);\n return new Date(team.createdAt) > threeDaysAgo;\n }, [team]);\n\n const shouldShow = useMemo(\n () => isTeamLoading === false && isNewTeam,\n [isTeamLoading, isNewTeam],\n );\n\n const firstConnection = useMemo(() => connections?.[0], [connections]);\n const firstConnectionSources = useMemo(\n () => sources?.filter(source => source.connection === firstConnection?.id),\n [sources, firstConnection],\n );\n\n const sourceRowsConfig = useMemo(\n () => ({\n select: 'sum(total_rows) as total_rows',\n from: {\n databaseName: 'system',\n tableName: 'tables',\n },\n where: '',\n filtersLogicalOperator: 'OR' as const,\n filters: (firstConnectionSources ?? []).map(source => ({\n type: 'sql' as const,\n condition: `table = '${source.from.tableName}' AND database = '${source.from.databaseName}'`,\n })),\n connection: firstConnection?.id ?? '',\n }),\n [firstConnectionSources, firstConnection],\n );\n const { data: sourceRowsData, isLoading: isSourceRowsLoading } =\n useQueriedChartConfig(sourceRowsConfig, {\n enabled: shouldShow,\n });\n const hasData = sourceRowsData?.data?.[0]?.total_rows > 0;\n // const hasData = false;\n\n // Check if connections exist\n const hasConnections = useMemo(() => {\n return connections && connections.length > 0;\n }, [connections]);\n // const hasConnections = false;\n // const hasSources = false;\n\n // Check if sources exist\n const hasSources = useMemo(() => {\n return sources && sources.length > 0;\n }, [sources]);\n\n const steps: OnboardingStep[] = useMemo(\n () => [\n {\n id: 'connection',\n title: 'Connect to ClickHouse',\n description: 'Set up your database connection',\n isComplete: hasConnections ?? false,\n isLoading: isConnectionsLoading,\n href: hasConnections ? undefined : '/team',\n },\n {\n id: 'sources',\n title: 'Create Data Sources',\n description: 'Configure where your data comes from',\n isComplete: hasSources ?? false,\n isLoading: isSourcesLoading,\n href: hasSources ? undefined : '/team',\n },\n {\n id: 'data',\n title: 'Add Data',\n description: 'Start sending logs, metrics, or traces',\n isComplete: hasData,\n isLoading: isSourceRowsLoading, // We'll implement data checking later\n onClick: hasData ? undefined : onAddDataClick,\n },\n ],\n [\n hasConnections,\n hasSources,\n hasData,\n isConnectionsLoading,\n isSourcesLoading,\n onAddDataClick,\n isSourceRowsLoading,\n ],\n );\n\n const completedSteps = steps.filter(step => step.isComplete).length;\n const isAllComplete = completedSteps === steps.length;\n\n // Don't show if team is not new or still loading\n if (!shouldShow) {\n return null;\n }\n\n return (\n \n \n \n \n Get Started\n \n \n {completedSteps}/{steps.length}\n \n \n setIsCollapsed(!isCollapsed)}\n >\n {isCollapsed ? (\n \n ) : (\n \n )}\n \n \n\n \n \n {steps.map((step, index) => {\n const StepContent = (\n \n \n {step.isLoading ? (\n \n ) : step.isComplete ? (\n \n ) : (\n \n {index + 1}\n \n )}\n \n\n
\n \n {step.title}\n \n \n {step.description}\n \n
\n\n {!step.isComplete && (step.href || step.onClick) && (\n \n )}\n \n );\n\n if (step.href && !step.isComplete) {\n return (\n \n \n {StepContent}\n \n \n );\n }\n\n if (step.onClick && !step.isComplete) {\n return (\n \n {StepContent}\n \n );\n }\n\n return (\n
\n {StepContent}\n
\n );\n })}\n\n {isAllComplete && (\n \n \n 🎉 Great job! You're all set up.\n \n \n )}\n \n \n \n );\n};\n\nexport default OnboardingChecklist;\n" }, { "path": "packages/app/src/PasswordCheck.tsx", "content": "import { useMemo } from 'react';\nimport { IconCheck, IconX } from '@tabler/icons-react';\n\nconst checkLength = (password: string) => password.length >= 12;\nconst checkOneUpper = (password: string) => /[A-Z]+/.test(password);\nconst checkOneLower = (password: string) => /[a-z]+/.test(password);\nconst checkOneNumber = (password: string) => /\\d+/.test(password);\nconst checkOneSpecial = (password: string) => /\\W+/.test(password);\n\nexport const PasswordCheck = (opts: { password: string }) => {\n const password = opts.password;\n return (\n
\n
\n \n minimum 12 characters\n \n
\n
\n \n at least 1 uppercase\n \n
\n
\n \n at least 1 lowercase\n \n
\n
\n \n at least 1 number\n \n
\n
\n \n at least 1 special character\n \n
\n
\n );\n};\n\nexport const CheckOrX = ({\n handler,\n password,\n children,\n}: {\n handler: (password: string) => boolean;\n password: string | { password: string | null };\n children: React.ReactNode;\n}) => {\n let actualPassword = '';\n if (typeof password === 'string') {\n actualPassword = password;\n } else {\n actualPassword = password.password ?? '';\n }\n const isEmpty = actualPassword.length === 0;\n const isValid = useMemo(\n () => handler(actualPassword),\n [handler, actualPassword],\n );\n\n if (isEmpty) {\n return {children};\n }\n\n return (\n \n {isValid ? : } {children}\n \n );\n};\n\nconst Check = () => ;\n\nconst XShape = () => ;\n" }, { "path": "packages/app/src/Playbar.tsx", "content": "import { useMemo } from 'react';\nimport uniqBy from 'lodash/uniqBy';\nimport { ChartConfigWithOptDateRange } from '@hyperdx/common-utils/dist/types';\nimport { keepPreviousData } from '@tanstack/react-query';\n\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\n\nimport { SessionRow, sessionRowSchema } from './utils/sessions';\nimport type { PlaybarMarker } from './PlaybarSlider';\nimport { PlaybarSlider } from './PlaybarSlider';\nimport { getShortUrl } from './utils';\n\nexport default function Playbar({\n playerState,\n setPlayerState,\n setFocus,\n playbackRange,\n focus,\n queriedConfig,\n}: {\n playerState: 'playing' | 'paused';\n setPlayerState: (playerState: 'playing' | 'paused') => void;\n focus: { ts: number; setBy: string } | undefined;\n setFocus: (focus: { ts: number; setBy: string }) => void;\n playbackRange: [Date, Date];\n queriedConfig: ChartConfigWithOptDateRange;\n}) {\n // might be outdated? state update or something? that's why the max slider val can be wrong?\n const minTs = playbackRange[0].getTime();\n const maxTs = playbackRange[1].getTime();\n const maxSliderVal = Math.ceil(playbackRange[1].getTime() / 1000) * 1000;\n const minSliderVal = Math.floor(playbackRange[0].getTime() / 1000) * 1000;\n\n const { data } = useQueriedChartConfig(queriedConfig, {\n placeholderData: keepPreviousData,\n queryKey: ['PlayBar', queriedConfig],\n });\n\n const events: SessionRow[] = useMemo(\n () =>\n data?.data\n ?.map(row => sessionRowSchema.safeParse(row))\n .filter(parsed => parsed.success)\n .map(parsed => parsed.data) ?? [],\n [data?.data],\n );\n\n const markers = useMemo(() => {\n return uniqBy(\n events\n .map(event => {\n const { timestamp, durationInMs } = event;\n\n // TODO: we should just use timestamp and durationInMs instead of startOffset and endOffset\n const startOffset = new Date(timestamp).getTime();\n const endOffset = new Date(startOffset).getTime() + durationInMs;\n\n return {\n ...event,\n startOffset,\n endOffset,\n };\n })\n .filter(\n ({ startOffset }) => startOffset >= minTs && startOffset <= maxTs,\n )\n .map(event => {\n const spanName = event['span_name'];\n const locationHref = event['location.href'] ?? '';\n const shortLocationHref = getShortUrl(locationHref);\n\n const errorMessage = event['error.message'] ?? '';\n\n const url = event['http.url'] ?? '';\n const statusCode = Number(event['http.status_code'] ?? '');\n const method = event['http.method'] ?? '';\n const shortUrl = getShortUrl(url);\n\n const isNavigation =\n spanName === 'routeChange' || spanName === 'documentLoad';\n\n const isError =\n event.severity_text?.toLowerCase() === 'error' ||\n event.component === 'error' ||\n event.component === 'console' ||\n statusCode >= 399;\n\n const isSuccess = !isError && statusCode < 400 && statusCode > 99;\n\n return {\n id: event.id,\n ts: event.startOffset,\n percentage: Math.round(\n ((event.startOffset - minTs) / (maxTs - minTs)) * 100,\n ),\n description: isNavigation\n ? `Navigated to ${shortLocationHref}`\n : url.length > 0\n ? `${statusCode} ${method}${url.length > 0 ? ` ${shortUrl}` : ''}`\n : errorMessage != null && errorMessage.length > 0\n ? errorMessage\n : spanName === 'intercom.onShow'\n ? 'Intercom Chat Opened'\n : (event.body ?? ''),\n isError,\n isSuccess,\n };\n }) ?? [],\n 'percentage',\n );\n }, [events, maxTs, minTs]);\n\n return (\n {\n setFocus({ ts, setBy: 'slider' });\n }}\n setPlayerState={setPlayerState}\n playerState={playerState}\n />\n );\n}\n" }, { "path": "packages/app/src/PlaybarSlider.tsx", "content": "import * as React from 'react';\nimport { Slider, Tooltip } from '@mantine/core';\n\nimport { useFormatTime } from './useFormatTime';\nimport { truncateText } from './utils';\n\nimport styles from '../styles/PlaybarSlider.module.scss';\n\nexport type PlaybarMarker = {\n id: string;\n ts: number;\n description: string;\n isError: boolean;\n isSuccess: boolean;\n};\n\ntype PlaybarSliderProps = {\n value?: number;\n min: number;\n max: number;\n markers?: PlaybarMarker[];\n playerState: 'playing' | 'paused';\n onChange: (value: number) => void;\n setPlayerState: (playerState: 'playing' | 'paused') => void;\n};\n\nexport const PlaybarSlider = ({\n min,\n max,\n value,\n markers,\n playerState,\n onChange,\n setPlayerState,\n}: PlaybarSliderProps) => {\n const formatTime = useFormatTime();\n\n const valueLabelFormat = React.useCallback(\n (ts: number) => {\n const value = Math.max(ts - min, 0);\n const minutes = Math.floor(value / 1000 / 60);\n const seconds = Math.floor((value / 1000) % 60);\n const timestamp = `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;\n const time = formatTime(ts, { format: 'short' });\n return `${timestamp} at ${time}`;\n },\n [formatTime, min],\n );\n\n const markersContent = React.useMemo(\n () =>\n markers?.map(mark => (\n \n onChange(mark.ts)}\n />\n \n )),\n [markers, max, min, onChange],\n );\n\n const [prevPlayerState, setPrevPlayerState] = React.useState(playerState);\n const handleMouseDown = React.useCallback(() => {\n setPrevPlayerState(playerState);\n setPlayerState('paused');\n }, [playerState, setPlayerState]);\n const handleMouseUp = React.useCallback(() => {\n setPlayerState(prevPlayerState);\n }, [prevPlayerState, setPlayerState]);\n\n return (\n
\n
{markersContent}
\n \n
\n );\n};\n" }, { "path": "packages/app/src/PodDetailsSidePanel.tsx", "content": "import * as React from 'react';\nimport { StringParam, useQueryParam, withDefault } from 'use-query-params';\nimport { tcFromSource } from '@hyperdx/common-utils/dist/core/metadata';\nimport { convertDateRangeToGranularityString } from '@hyperdx/common-utils/dist/core/utils';\nimport { TLogSource, TMetricSource } from '@hyperdx/common-utils/dist/types';\nimport {\n Box,\n Card,\n Drawer,\n Flex,\n Grid,\n ScrollArea,\n SegmentedControl,\n Text,\n} from '@mantine/core';\n\nimport {\n convertV1ChartConfigToV2,\n K8S_CPU_PERCENTAGE_NUMBER_FORMAT,\n K8S_MEM_NUMBER_FORMAT,\n} from '@/ChartUtils';\nimport DBRowSidePanel from '@/components/DBRowSidePanel';\nimport { DBTimeChart } from '@/components/DBTimeChart';\nimport { DrawerBody, DrawerHeader } from '@/components/DrawerUtils';\nimport { KubeTimeline, useV2LogBatch } from '@/components/KubeComponents';\nimport { RowWhereResult, WithClause } from '@/hooks/useRowWhere';\nimport { parseTimeQuery, useTimeQuery } from '@/timeQuery';\nimport { useZIndex, ZIndexContext } from '@/zIndex';\n\nimport DBSqlRowTableWithSideBar from './components/DBSqlRowTableWithSidebar';\nimport { useGetKeyValues, useTableMetadata } from './hooks/useMetadata';\nimport { getEventBody } from './source';\n\nimport styles from '../styles/LogSidePanel.module.scss';\n\nconst CHART_HEIGHT = 300;\nconst defaultTimeRange = parseTimeQuery('Past 1h', false);\n\nconst PodDetailsProperty = React.memo(\n ({ label, value }: { label: string; value?: string }) => {\n if (!value) return null;\n return (\n
\n \n {label}\n \n {value}\n
\n );\n },\n);\n\nconst PodDetails = ({\n dateRange,\n logSource,\n podName,\n}: {\n dateRange: [Date, Date];\n logSource: TLogSource;\n podName: string;\n}) => {\n const { data: logsData } = useV2LogBatch<{\n 'k8s.node.name': string;\n 'k8s.pod.name': string;\n 'k8s.pod.uid': string;\n 'k8s.namespace.name': string;\n 'k8s.deployment.name': string;\n }>({\n where: `${logSource.resourceAttributesExpression}.k8s.pod.name:\"${podName}\"`,\n whereLanguage: 'lucene',\n limit: 1,\n dateRange,\n logSource,\n order: 'desc',\n extraSelects: [\n {\n valueExpression: `${logSource.resourceAttributesExpression}['k8s.node.name']`,\n alias: 'k8s.node.name',\n },\n {\n valueExpression: `${logSource.resourceAttributesExpression}['k8s.pod.name']`,\n alias: 'k8s.pod.name',\n },\n {\n valueExpression: `${logSource.resourceAttributesExpression}['k8s.pod.uid']`,\n alias: 'k8s.pod.uid',\n },\n {\n valueExpression: `${logSource.resourceAttributesExpression}['k8s.namespace.name']`,\n alias: 'k8s.namespace.name',\n },\n {\n valueExpression: `${logSource.resourceAttributesExpression}['k8s.deployment.name']`,\n alias: 'k8s.deployment.name',\n },\n ],\n });\n\n if (logsData?.data?.[0] == null) {\n return null;\n }\n\n const properties = logsData.data[0] ?? {};\n\n // If all properties are empty, don't show the panel\n if (Object.values(properties).every(v => !v)) {\n return null;\n }\n\n return (\n \n
\n \n \n \n \n \n
\n \n );\n};\n\nfunction PodLogs({\n dateRange,\n logSource,\n where,\n rowId,\n onRowClick,\n}: {\n dateRange: [Date, Date];\n logSource: TLogSource;\n where: string;\n rowId: string | null;\n onRowClick: (rowWhere: RowWhereResult) => void;\n}) {\n const [resultType, setResultType] = React.useState<'all' | 'error'>('all');\n\n const _where = where + (resultType === 'error' ? ' Severity:err' : '');\n\n // Create a properly typed config object for DBSqlRowTable\n const tableConfig = React.useMemo(() => {\n return {\n from: logSource.from,\n where: _where,\n whereLanguage: 'lucene' as const,\n timestampValueExpression: logSource.timestampValueExpression,\n implicitColumnExpression: logSource.implicitColumnExpression,\n connection: logSource.connection,\n select: [\n {\n valueExpression: logSource.timestampValueExpression,\n alias: 'Timestamp',\n },\n {\n valueExpression: `${logSource.severityTextExpression}`,\n alias: 'Severity',\n },\n {\n valueExpression: `${logSource.serviceNameExpression}`,\n alias: 'Service',\n },\n {\n valueExpression: `${logSource.resourceAttributesExpression}['k8s.container.name']`,\n alias: 'Container',\n },\n {\n valueExpression: `${getEventBody(logSource)}`,\n alias: 'Message',\n },\n ],\n orderBy: `${logSource.timestampValueExpression} DESC`,\n limit: { limit: 200, offset: 0 },\n dateRange,\n };\n }, [_where, dateRange, logSource]);\n\n return (\n \n \n \n Latest Pod Logs & Spans\n \n {\n if (value === 'all' || value === 'error') {\n setResultType(value);\n }\n }}\n data={[\n { label: 'All', value: 'all' },\n { label: 'Errors', value: 'error' },\n ]}\n />\n \n \n \n \n \n \n \n );\n}\n\nexport default function PodDetailsSidePanel({\n logSource,\n metricSource,\n}: {\n logSource: TLogSource;\n metricSource: TMetricSource;\n}) {\n const [podName, setPodName] = useQueryParam(\n 'podName',\n withDefault(StringParam, ''),\n {\n updateType: 'replaceIn',\n },\n );\n\n const [rowId, setRowId] = React.useState(null);\n const [aliasWith, setAliasWith] = React.useState([]);\n const handleRowClick = React.useCallback((rowWhere: RowWhereResult) => {\n setRowId(rowWhere.where);\n setAliasWith(rowWhere.aliasWith);\n }, []);\n const handleCloseRowSidePanel = React.useCallback(() => {\n setRowId(null);\n }, []);\n\n // If we're in a nested side panel, we need to use a higher z-index\n // TODO: This is a hack\n const [nodeName] = useQueryParam('nodeName', StringParam);\n const [namespaceName] = useQueryParam('namespaceName', StringParam);\n const isNested = !!nodeName || !!namespaceName;\n const contextZIndex = useZIndex();\n const drawerZIndex = contextZIndex + 10 + (isNested ? 100 : 0);\n\n const metricsWhere = React.useMemo(() => {\n return `${metricSource?.resourceAttributesExpression}.k8s.pod.name:\"${podName}\"`;\n }, [podName, metricSource]);\n\n const { searchedTimeRange: dateRange } = useTimeQuery({\n defaultValue: 'Past 1h',\n defaultTimeRange: [\n defaultTimeRange?.[0]?.getTime() ?? -1,\n defaultTimeRange?.[1]?.getTime() ?? -1,\n ],\n });\n\n const { data: logsTableMetadata } = useTableMetadata(tcFromSource(logSource));\n\n let doesPrimaryOrSortingKeysContainServiceExpression = false;\n\n if (\n logSource?.serviceNameExpression &&\n (logsTableMetadata?.primary_key || logsTableMetadata?.sorting_key)\n ) {\n if (\n logsTableMetadata.primary_key &&\n logsTableMetadata.primary_key.includes(logSource.serviceNameExpression)\n ) {\n doesPrimaryOrSortingKeysContainServiceExpression = true;\n } else if (\n logsTableMetadata.sorting_key &&\n logsTableMetadata.sorting_key.includes(logSource.serviceNameExpression)\n ) {\n doesPrimaryOrSortingKeysContainServiceExpression = true;\n }\n }\n\n const { data: logServiceNames } = useGetKeyValues(\n {\n chartConfig: {\n source: logSource.id,\n from: logSource.from,\n where: `${logSource?.resourceAttributesExpression}.k8s.pod.name:\"${podName}\"`,\n whereLanguage: 'lucene',\n select: '',\n timestampValueExpression: logSource.timestampValueExpression ?? '',\n connection: logSource.connection,\n dateRange,\n },\n keys: [logSource.serviceNameExpression ?? ''],\n limit: 10,\n disableRowLimit: false,\n },\n {\n enabled:\n !!podName &&\n !!logSource.serviceNameExpression &&\n doesPrimaryOrSortingKeysContainServiceExpression,\n },\n );\n\n // HACK: craft where clause for logs given the ServiceName is part of the primary key\n const logsWhere = React.useMemo(() => {\n const _where = `${logSource?.resourceAttributesExpression}.k8s.pod.name:\"${podName}\"`;\n if (\n logServiceNames &&\n logServiceNames[0].value.length > 0 &&\n doesPrimaryOrSortingKeysContainServiceExpression\n ) {\n const _svs: string[] = logServiceNames[0].value;\n const _key = logServiceNames[0].key;\n return `(${_svs\n .map(sv => `${_key}:\"${sv}\"`)\n .join(' OR ')}) AND ${_where}`;\n }\n return _where;\n }, [\n logSource,\n doesPrimaryOrSortingKeysContainServiceExpression,\n logServiceNames,\n podName,\n ]);\n\n const handleClose = React.useCallback(() => {\n if (rowId) {\n // If we're in a nested side panel, don't close the drawer\n return;\n }\n setPodName(undefined);\n }, [rowId, setPodName]);\n\n if (!podName) {\n return null;\n }\n\n return (\n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Latest Pod Events\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {rowId && (\n \n )}\n
\n \n \n );\n}\n" }, { "path": "packages/app/src/SVGIcons.tsx", "content": "// Only use this file if you can't find any icon in tabler icons\n\ntype IconProps = {\n style?: React.CSSProperties;\n width?: number;\n};\n\nexport function IncidentIOIcon({ style, width }: IconProps) {\n return (\n \n Incident.io\n \n \n \n \n \n \n \n \n \n );\n}\n" }, { "path": "packages/app/src/ServicesDashboardPage.tsx", "content": "import { useCallback, useEffect, useMemo, useState } from 'react';\nimport dynamic from 'next/dynamic';\nimport {\n parseAsString,\n parseAsStringEnum,\n useQueryState,\n useQueryStates,\n} from 'nuqs';\nimport { UseControllerProps, useForm, useWatch } from 'react-hook-form';\nimport SqlString from 'sqlstring';\nimport { tcFromSource } from '@hyperdx/common-utils/dist/core/metadata';\nimport { convertDateRangeToGranularityString } from '@hyperdx/common-utils/dist/core/utils';\nimport type { TSource } from '@hyperdx/common-utils/dist/types';\nimport {\n BuilderChartConfigWithDateRange,\n CteChartConfig,\n DisplayType,\n Filter,\n isLogSource,\n isTraceSource,\n PresetDashboard,\n SourceKind,\n TTraceSource,\n} from '@hyperdx/common-utils/dist/types';\n\n// Extract common chart config fields from a source.\n// This avoids union type issues with lodash `pick` on discriminated unions.\nfunction pickSourceConfigFields(source: TSource) {\n return {\n timestampValueExpression: source.timestampValueExpression,\n connection: source.connection,\n from: source.from,\n ...(isLogSource(source) || isTraceSource(source)\n ? { implicitColumnExpression: source.implicitColumnExpression }\n : {}),\n };\n}\nimport {\n ActionIcon,\n Box,\n Button,\n Grid,\n Group,\n SegmentedControl,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport {\n IconChartHistogram,\n IconChartLine,\n IconFilter,\n IconFilterEdit,\n IconPlayerPlay,\n IconRefresh,\n IconTable,\n} from '@tabler/icons-react';\n\nimport {\n ERROR_RATE_PERCENTAGE_NUMBER_FORMAT,\n INTEGER_NUMBER_FORMAT,\n MS_NUMBER_FORMAT,\n} from '@/ChartUtils';\nimport { ChartBox } from '@/components/ChartBox';\nimport DBHistogramChart from '@/components/DBHistogramChart';\nimport DBListBarChart from '@/components/DBListBarChart';\nimport DBTableChart from '@/components/DBTableChart';\nimport { DBTimeChart } from '@/components/DBTimeChart';\nimport OnboardingModal from '@/components/OnboardingModal';\nimport SearchWhereInput, {\n getStoredLanguage,\n} from '@/components/SearchInput/SearchWhereInput';\nimport SelectControlled from '@/components/SelectControlled';\nimport ServiceDashboardDbQuerySidePanel from '@/components/ServiceDashboardDbQuerySidePanel';\nimport ServiceDashboardEndpointSidePanel from '@/components/ServiceDashboardEndpointSidePanel';\nimport { SourceSelectControlled } from '@/components/SourceSelect';\nimport { TimePicker } from '@/components/TimePicker';\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { useDashboardRefresh } from '@/hooks/useDashboardRefresh';\nimport { withAppNav } from '@/layout';\nimport {\n getExpressions,\n useServiceDashboardExpressions,\n} from '@/serviceDashboard';\nimport { useSource, useSources } from '@/source';\nimport { parseTimeQuery, useNewTimeQuery } from '@/timeQuery';\n\nimport DisplaySwitcher from './components/charts/DisplaySwitcher';\nimport usePresetDashboardFilters from './hooks/usePresetDashboardFilters';\nimport { IS_LOCAL_MODE } from './config';\nimport DashboardFilters from './DashboardFilters';\nimport DashboardFiltersModal from './DashboardFiltersModal';\nimport { HARD_LINES_LIMIT } from './HDXMultiSeriesTimeChart';\nimport { usePrevious } from './utils';\n\ntype AppliedConfigParams = {\n source?: string | null;\n service?: string | null;\n where?: string | null;\n whereLanguage?: 'sql' | 'lucene' | null;\n};\n\ntype AppliedConfig = AppliedConfigParams & {\n additionalFilters?: Filter[];\n};\n\nconst MAX_NUM_SERIES = HARD_LINES_LIMIT;\n\nexport function buildInFilterCondition(\n columnExpression: string,\n value: string,\n): string {\n return SqlString.format('? IN (?)', [SqlString.raw(columnExpression), value]);\n}\n\nfunction getScopedFilters({\n appliedConfig,\n expressions,\n includeIsSpanKindServer = true,\n includeNonEmptyEndpointFilter = false,\n}: {\n appliedConfig: AppliedConfig;\n expressions: ReturnType;\n includeIsSpanKindServer?: boolean;\n includeNonEmptyEndpointFilter?: boolean;\n}): Filter[] {\n const filters: Filter[] = [...(appliedConfig.additionalFilters || [])];\n // Database spans are of kind Client. To be cleaned up in HDX-1219\n if (includeIsSpanKindServer) {\n filters.push({\n type: 'sql',\n condition: expressions.isSpanKindServer,\n });\n }\n if (appliedConfig.service) {\n filters.push({\n type: 'sql',\n condition: buildInFilterCondition(\n expressions.service,\n appliedConfig.service,\n ),\n });\n }\n if (includeNonEmptyEndpointFilter) {\n filters.push({\n type: 'sql',\n condition: expressions.isEndpointNonEmpty,\n });\n }\n return filters;\n}\n\nfunction ServiceSelectControlled({\n sourceId,\n onCreate,\n dateRange,\n ...props\n}: {\n sourceId?: string;\n size?: string;\n dateRange: [Date, Date];\n onCreate?: () => void;\n} & UseControllerProps) {\n const { data: source } = useSource({\n id: sourceId,\n kinds: [SourceKind.Trace],\n });\n const { expressions } = useServiceDashboardExpressions({ source });\n\n const queriedConfig = {\n source: source?.id,\n timestampValueExpression: source?.timestampValueExpression || '',\n from: {\n databaseName: source?.from.databaseName || '',\n tableName: source?.from.tableName || '',\n },\n connection: source?.connection || '',\n select: [\n {\n alias: 'service',\n valueExpression: `distinct(${expressions?.service})`,\n },\n ],\n where: `${expressions?.service} IS NOT NULL`,\n whereLanguage: 'sql' as const,\n limit: { limit: 10000 },\n dateRange,\n };\n\n const { data, isLoading, isError } = useQueriedChartConfig(queriedConfig, {\n placeholderData: (prev: any) => prev,\n queryKey: ['service-select', queriedConfig],\n enabled: !!source && !!expressions,\n });\n\n const values = useMemo(() => {\n const services =\n data?.data\n ?.map((d: any) => d.service)\n .filter(Boolean)\n .sort((a, b) =>\n a.localeCompare(b, undefined, { sensitivity: 'base' }),\n ) || [];\n return [\n {\n value: '',\n label: 'All Services',\n },\n ...services,\n ];\n }, [data]);\n\n return (\n \n );\n}\n\nexport function EndpointLatencyChart({\n source,\n dateRange,\n appliedConfig = {},\n extraFilters = [],\n}: {\n source: TTraceSource;\n dateRange: [Date, Date];\n appliedConfig?: AppliedConfig;\n extraFilters?: Filter[];\n}) {\n const { expressions } = useServiceDashboardExpressions({ source });\n const [latencyChartType, setLatencyChartType] = useState<\n 'line' | 'histogram'\n >('line');\n\n const displaySwitcher = (\n ,\n },\n {\n value: 'histogram',\n label: 'Display as Histogram',\n icon: ,\n },\n ]}\n />\n );\n\n return (\n \n {source &&\n expressions &&\n (latencyChartType === 'line' ? (\n \n ) : (\n (bin.1 / ${expressions.durationDivisorForMillis}, bin.2 / ${expressions.durationDivisorForMillis}, bin.3), data_nanoseconds)`,\n },\n ],\n filters: [\n ...extraFilters,\n ...getScopedFilters({ appliedConfig, expressions }),\n ],\n dateRange,\n }}\n />\n ))}\n \n );\n}\n\nfunction HttpTab({\n searchedTimeRange,\n appliedConfig,\n}: {\n searchedTimeRange: [Date, Date];\n appliedConfig: AppliedConfig;\n}) {\n const { data: source } = useSource({\n id: appliedConfig.source,\n kinds: [SourceKind.Trace],\n });\n const { expressions } = useServiceDashboardExpressions({ source });\n\n const [reqChartType, setReqChartType] = useQueryState(\n 'reqChartType',\n parseAsStringEnum(['overall', 'endpoint']).withDefault('overall'),\n );\n\n const [topEndpointsChartType, setTopEndpointsChartType] = useState<\n 'time' | 'error'\n >('time');\n\n const startTime = searchedTimeRange[0].getTime();\n const endTime = searchedTimeRange[1].getTime();\n\n const getRowSearchLink = useCallback((row: any) => {\n const searchParams = new URLSearchParams(window.location.search);\n searchParams.set('endpoint', `${row['Endpoint']}`);\n return window.location.pathname + '?' + searchParams.toString();\n }, []);\n\n const requestErrorRateConfig =\n useMemo(() => {\n if (!source || !expressions) return null;\n if (reqChartType === 'overall') {\n return {\n source: source.id,\n ...pickSourceConfigFields(source),\n where: appliedConfig.where || '',\n whereLanguage:\n (appliedConfig.whereLanguage ?? getStoredLanguage()) || 'sql',\n displayType: DisplayType.Line,\n select: [\n // Separate the aggregations from the rate calculation so that AggregatingMergeTree MVs can be used\n {\n valueExpression: '',\n aggFn: 'count',\n alias: 'total_requests',\n },\n {\n valueExpression: '',\n aggFn: 'count',\n aggCondition: expressions.isError,\n aggConditionLanguage: 'sql',\n alias: 'error_requests',\n },\n {\n valueExpression: `error_requests / total_requests`,\n alias: 'error_rate',\n },\n ],\n numberFormat: ERROR_RATE_PERCENTAGE_NUMBER_FORMAT,\n filters: getScopedFilters({ appliedConfig, expressions }),\n dateRange: searchedTimeRange,\n } satisfies BuilderChartConfigWithDateRange;\n }\n return {\n timestampValueExpression: 'series_time_bucket',\n implicitColumnExpression:\n isLogSource(source) || isTraceSource(source)\n ? source.implicitColumnExpression\n : undefined,\n connection: source.connection,\n source: source.id,\n with: [\n {\n name: 'error_series',\n chartConfig: {\n timestampValueExpression: source?.timestampValueExpression || '',\n implicitColumnExpression:\n isLogSource(source) || isTraceSource(source)\n ? source?.implicitColumnExpression || ''\n : '',\n connection: source?.connection ?? '',\n from: source?.from ?? {\n databaseName: '',\n tableName: '',\n },\n where: appliedConfig.where || '',\n whereLanguage:\n (appliedConfig.whereLanguage ?? getStoredLanguage()) || 'sql',\n select: [\n {\n valueExpression: '',\n aggFn: 'count',\n alias: 'error_count',\n aggCondition: expressions.isError,\n aggConditionLanguage: 'sql',\n },\n {\n valueExpression: '',\n aggFn: 'count',\n alias: 'total_count',\n },\n {\n valueExpression: `error_count / total_count`,\n alias: 'error_rate',\n },\n {\n valueExpression: expressions?.endpoint,\n alias: 'endpoint',\n },\n ],\n filters: getScopedFilters({ appliedConfig, expressions }),\n groupBy: [\n {\n valueExpression: 'endpoint',\n },\n ],\n orderBy: [\n {\n valueExpression: 'endpoint',\n ordering: 'ASC',\n },\n ],\n dateRange: searchedTimeRange,\n granularity:\n convertDateRangeToGranularityString(searchedTimeRange),\n } as CteChartConfig,\n isSubquery: true,\n },\n // Select the top N series from the search as we don't want to crash the browser.\n // Series are selected based on their max error value\n {\n name: 'selected_error_series',\n isSubquery: true,\n chartConfig: {\n timestampValueExpression: '__hdx_time_bucket',\n connection: source.connection,\n select: [\n {\n valueExpression: 'groupArray(error_rate)',\n alias: 'error_rate',\n },\n { valueExpression: 'endpoint' },\n {\n valueExpression: 'groupArray(__hdx_time_bucket)',\n alias: '__hdx_time_buckets',\n },\n ],\n from: { databaseName: '', tableName: 'error_series' },\n where: '',\n groupBy: 'endpoint',\n orderBy: 'max(error_series.error_rate) DESC',\n limit: { limit: MAX_NUM_SERIES },\n },\n },\n // CTE that explodes series arrays into rows again for compatibility with DBTimeChart\n {\n name: 'zipped_error_series',\n isSubquery: true,\n chartConfig: {\n timestampValueExpression: '__hdx_time_bucket',\n connection: source.connection,\n select: [\n { valueExpression: 'endpoint' },\n {\n valueExpression:\n 'arrayJoin(arrayZip(error_rate, __hdx_time_buckets))',\n alias: 'zipped',\n },\n ],\n from: {\n databaseName: '',\n tableName: 'selected_error_series',\n },\n where: '',\n },\n },\n ],\n select: [\n {\n valueExpression: 'tupleElement(zipped, 1)',\n alias: 'Error Rate %',\n },\n {\n valueExpression: 'endpoint',\n },\n {\n valueExpression: 'tupleElement(zipped, 2)',\n alias: 'series_time_bucket',\n },\n ],\n from: {\n databaseName: '',\n tableName: 'zipped_error_series',\n },\n where: '',\n dateRange: searchedTimeRange,\n displayType: DisplayType.Line,\n numberFormat: ERROR_RATE_PERCENTAGE_NUMBER_FORMAT,\n groupBy: 'zipped, endpoint',\n } satisfies BuilderChartConfigWithDateRange;\n }, [source, searchedTimeRange, appliedConfig, expressions, reqChartType]);\n\n return (\n \n \n \n {source && requestErrorRateConfig && (\n ,\n ]}\n sourceId={source.id}\n hiddenSeries={['total_requests', 'error_requests']}\n config={requestErrorRateConfig}\n showDisplaySwitcher={false}\n disableQueryChunking\n disableDrillDown\n />\n )}\n \n \n \n \n {source && expressions && (\n \n )}\n \n \n \n \n {source && expressions && (\n \n )}\n \n \n \n {source && isTraceSource(source) && (\n \n )}\n \n \n \n {source && expressions && (\n \n Top 20{' '}\n {topEndpointsChartType === 'time'\n ? 'Most Time Consuming'\n : 'Highest Error Rate'}\n \n }\n toolbarSuffix={[\n {\n if (value === 'time' || value === 'error') {\n setTopEndpointsChartType(value);\n }\n }}\n data={[\n { label: 'Sort by Time', value: 'time' },\n { label: 'Sort by Errors', value: 'error' },\n ]}\n />,\n ]}\n getRowSearchLink={getRowSearchLink}\n hiddenColumns={[\n 'total_count',\n 'p95_duration_ns',\n 'p50_duration_ns',\n 'duration_sum_ns',\n 'error_count',\n ]}\n config={{\n source: source.id,\n ...pickSourceConfigFields(source),\n where: appliedConfig.where || '',\n whereLanguage:\n (appliedConfig.whereLanguage ?? getStoredLanguage()) || 'sql',\n select: [\n // Separate the aggregations from the conversion to ms and rate so that AggregatingMergeTree MVs can be used\n {\n alias: 'Endpoint',\n valueExpression: expressions.endpoint,\n },\n {\n alias: 'total_count',\n valueExpression: '',\n aggFn: 'count',\n },\n {\n alias: 'Req/Min',\n valueExpression: `round(total_count /\n age('mi', toDateTime(${startTime / 1000}), toDateTime(${endTime / 1000})), 1)`,\n },\n {\n alias: 'p95_duration_ns',\n valueExpression: expressions.duration,\n aggFn: 'quantile',\n level: 0.95,\n },\n {\n alias: 'P95 (ms)',\n valueExpression: `round(p95_duration_ns / ${expressions.durationDivisorForMillis}, 2)`,\n },\n {\n alias: 'p50_duration_ns',\n valueExpression: expressions.duration,\n aggFn: 'quantile',\n level: 0.5,\n },\n {\n alias: 'Median (ms)',\n valueExpression: `round(p50_duration_ns / ${expressions.durationDivisorForMillis}, 2)`,\n },\n {\n alias: 'duration_sum_ns',\n valueExpression: expressions.duration,\n aggFn: 'sum',\n },\n {\n alias: 'Total (ms)',\n valueExpression: `round(duration_sum_ns / ${expressions.durationDivisorForMillis}, 2)`,\n },\n {\n alias: 'error_count',\n valueExpression: '',\n aggCondition: expressions.isError,\n aggConditionLanguage: 'sql',\n aggFn: 'count',\n },\n {\n alias: 'Errors/Min',\n valueExpression: `round(error_count /\n age('mi', toDateTime(${startTime / 1000}), toDateTime(${endTime / 1000})), 1)`,\n },\n ],\n filters: getScopedFilters({\n appliedConfig,\n expressions,\n includeNonEmptyEndpointFilter: true,\n }),\n selectGroupBy: false,\n groupBy: expressions.endpoint,\n dateRange: searchedTimeRange,\n orderBy:\n topEndpointsChartType === 'time'\n ? '\"Total (ms)\" DESC'\n : '\"Errors/Min\" DESC',\n limit: { limit: 20 },\n }}\n />\n )}\n \n \n \n );\n}\n\n// Database Tab\nfunction DatabaseTab({\n searchedTimeRange,\n appliedConfig,\n}: {\n searchedTimeRange: [Date, Date];\n appliedConfig: AppliedConfig;\n}) {\n const { data: source } = useSource({\n id: appliedConfig.source,\n kinds: [SourceKind.Trace],\n });\n const { expressions } = useServiceDashboardExpressions({ source });\n\n const [chartType, setChartType] = useState<'table' | 'list'>('list');\n\n const getRowSearchLink = useCallback((row: any) => {\n const searchParams = new URLSearchParams(window.location.search);\n searchParams.set('dbquery', `${row['Statement']}`);\n return window.location.pathname + '?' + searchParams.toString();\n }, []);\n\n const totalTimePerQueryConfig =\n useMemo(() => {\n if (!source || !expressions) return null;\n\n return {\n with: [\n {\n name: 'queries_by_total_time',\n isSubquery: true,\n chartConfig: {\n ...pickSourceConfigFields(source),\n where: appliedConfig.where || '',\n whereLanguage:\n (appliedConfig.whereLanguage ?? getStoredLanguage()) || 'sql',\n select: [\n // Separate the aggregations from the conversion to ms so that AggregatingMergeTree MVs can be used\n {\n alias: 'total_query_time_ns',\n aggFn: 'sum',\n valueExpression: expressions.duration,\n aggCondition: '',\n },\n {\n alias: 'total_query_time_ms',\n valueExpression: `total_query_time_ns / ${expressions.durationDivisorForMillis}`,\n },\n {\n alias: 'Statement',\n valueExpression: expressions.dbStatement,\n },\n ],\n groupBy: 'Statement',\n filters: [\n ...getScopedFilters({\n expressions,\n appliedConfig,\n includeIsSpanKindServer: false,\n }),\n { type: 'sql', condition: expressions.isDbSpan },\n ],\n // Date range and granularity add an `__hdx_time_bucket` column to select and group by\n dateRange: searchedTimeRange,\n granularity:\n convertDateRangeToGranularityString(searchedTimeRange),\n } as CteChartConfig,\n },\n {\n name: 'top_queries_by_total_time',\n isSubquery: true,\n chartConfig: {\n connection: source.connection,\n select: [\n { valueExpression: 'Statement' },\n {\n valueExpression: 'groupArray(total_query_time_ms)',\n alias: 'total_query_time_ms',\n },\n {\n valueExpression: 'groupArray(__hdx_time_bucket)',\n alias: '__hdx_time_buckets',\n },\n ],\n from: { databaseName: '', tableName: 'queries_by_total_time' },\n groupBy: 'Statement',\n where: '',\n // Select the top MAX_NUM_SERIES queries by max time in any bucket\n orderBy: 'max(queries_by_total_time.total_query_time_ms) DESC',\n limit: { limit: MAX_NUM_SERIES },\n timestampValueExpression: '', // required only to satisfy CTE schema\n },\n },\n {\n name: 'zipped_series',\n isSubquery: true,\n chartConfig: {\n connection: source.connection,\n select: [\n { valueExpression: 'Statement' },\n {\n valueExpression:\n 'arrayJoin(arrayZip(total_query_time_ms, __hdx_time_buckets))',\n alias: 'zipped',\n },\n ],\n from: {\n databaseName: '',\n tableName: 'top_queries_by_total_time',\n },\n where: '',\n timestampValueExpression: '', // required only to satisfy CTE schema\n },\n },\n ],\n\n select: [\n { valueExpression: 'Statement' },\n {\n valueExpression: 'tupleElement(zipped, 1)',\n alias: 'Total Query Time',\n },\n {\n valueExpression: 'tupleElement(zipped, 2)',\n alias: 'series_time_bucket',\n },\n ],\n from: { databaseName: '', tableName: 'zipped_series' },\n where: '',\n\n displayType: DisplayType.StackedBar,\n numberFormat: MS_NUMBER_FORMAT,\n groupBy: 'Statement, zipped',\n dateRange: searchedTimeRange,\n timestampValueExpression: 'series_time_bucket',\n connection: source.connection,\n source: source.id,\n } satisfies BuilderChartConfigWithDateRange;\n }, [appliedConfig, expressions, searchedTimeRange, source]);\n\n const totalThroughputPerQueryConfig =\n useMemo(() => {\n if (!source || !expressions) return null;\n\n return {\n with: [\n {\n name: 'queries_by_total_count',\n isSubquery: true,\n chartConfig: {\n ...pickSourceConfigFields(source),\n where: appliedConfig.where || '',\n whereLanguage:\n (appliedConfig.whereLanguage ?? getStoredLanguage()) || 'sql',\n select: [\n {\n alias: 'total_query_count',\n aggFn: 'count',\n valueExpression: '',\n aggCondition: '',\n },\n {\n alias: 'Statement',\n valueExpression: expressions.dbStatement,\n },\n ],\n groupBy: 'Statement',\n filters: [\n ...getScopedFilters({\n expressions,\n appliedConfig,\n includeIsSpanKindServer: false,\n }),\n { type: 'sql', condition: expressions.isDbSpan },\n ],\n // Date range and granularity add an `__hdx_time_bucket` column to select and group by\n dateRange: searchedTimeRange,\n granularity:\n convertDateRangeToGranularityString(searchedTimeRange),\n } as CteChartConfig,\n },\n {\n name: 'top_queries_by_total_count',\n isSubquery: true,\n chartConfig: {\n connection: source.connection,\n select: [\n { valueExpression: 'Statement' },\n {\n valueExpression: 'groupArray(total_query_count)',\n alias: 'total_query_count',\n },\n {\n valueExpression: 'groupArray(__hdx_time_bucket)',\n alias: '__hdx_time_buckets',\n },\n ],\n from: { databaseName: '', tableName: 'queries_by_total_count' },\n groupBy: 'Statement',\n where: '',\n // Select the top MAX_NUM_SERIES queries by max time in any bucket\n orderBy: 'max(queries_by_total_count.total_query_count) DESC',\n limit: { limit: MAX_NUM_SERIES },\n timestampValueExpression: '', // required only to satisfy CTE schema\n },\n },\n {\n name: 'zipped_series',\n isSubquery: true,\n chartConfig: {\n connection: source.connection,\n select: [\n { valueExpression: 'Statement' },\n {\n valueExpression:\n 'arrayJoin(arrayZip(total_query_count, __hdx_time_buckets))',\n alias: 'zipped',\n },\n ],\n from: {\n databaseName: '',\n tableName: 'top_queries_by_total_count',\n },\n where: '',\n timestampValueExpression: '', // required only to satisfy CTE schema\n },\n },\n ],\n\n select: [\n { valueExpression: 'Statement' },\n {\n valueExpression: 'tupleElement(zipped, 1)',\n alias: 'Total Query Count',\n },\n {\n valueExpression: 'tupleElement(zipped, 2)',\n alias: 'series_time_bucket',\n },\n ],\n from: { databaseName: '', tableName: 'zipped_series' },\n where: '',\n\n displayType: DisplayType.StackedBar,\n numberFormat: {\n ...INTEGER_NUMBER_FORMAT,\n unit: 'queries',\n },\n groupBy: 'Statement, zipped',\n dateRange: searchedTimeRange,\n timestampValueExpression: 'series_time_bucket',\n connection: source.connection,\n source: source.id,\n } satisfies BuilderChartConfigWithDateRange;\n }, [appliedConfig, expressions, searchedTimeRange, source]);\n\n const displaySwitcher = (\n ,\n value: 'list',\n },\n {\n label: 'Show as Table',\n icon: ,\n value: 'table',\n },\n ]}\n />\n );\n\n return (\n \n \n \n {source && totalTimePerQueryConfig && (\n \n )}\n \n \n \n \n {source && totalThroughputPerQueryConfig && (\n \n )}\n \n \n \n \n {source &&\n expressions &&\n (chartType === 'list' ? (\n \n ) : (\n \n ))}\n \n \n \n );\n}\n\n// Errors Tab\nfunction ErrorsTab({\n searchedTimeRange,\n appliedConfig,\n}: {\n searchedTimeRange: [Date, Date];\n appliedConfig: AppliedConfig;\n}) {\n const { data: source } = useSource({\n id: appliedConfig.source,\n kinds: [SourceKind.Trace],\n });\n const { expressions } = useServiceDashboardExpressions({ source });\n\n return (\n \n \n \n {source && expressions && (\n \n )}\n \n \n \n );\n}\n\n// TODO: This is a hack to set the default time range\nconst defaultTimeRange = parseTimeQuery('Past 1h', false) as [Date, Date];\n\nconst appliedConfigMap = {\n source: parseAsString,\n where: parseAsString,\n service: parseAsString,\n whereLanguage: parseAsStringEnum<'sql' | 'lucene'>(['sql', 'lucene']),\n};\n\nfunction ServicesDashboardPage() {\n const [tab, setTab] = useQueryState(\n 'tab',\n parseAsStringEnum(['http', 'database', 'errors']).withDefault(\n 'http',\n ),\n );\n\n const { data: sources } = useSources();\n\n const [appliedConfigParams, setAppliedConfigParams] =\n useQueryStates(appliedConfigMap);\n\n // Only use the source from the URL params if it is a trace source\n const appliedConfigWithoutFilters = useMemo(() => {\n if (!sources?.length) return appliedConfigParams;\n\n const traceSources = sources?.filter(s => s.kind === SourceKind.Trace);\n const paramsSourceIdIsTraceSource = traceSources?.find(\n s => s.id === appliedConfigParams.source,\n );\n\n const effectiveSourceId = paramsSourceIdIsTraceSource\n ? appliedConfigParams.source\n : traceSources?.[0]?.id || '';\n\n return {\n ...appliedConfigParams,\n source: effectiveSourceId,\n };\n }, [appliedConfigParams, sources]);\n\n // Services dashboard is SQL-first (WHERE filters are applied to metric/SQL queries).\n // Default to 'sql' here; Search and Dashboard pages default to 'lucene'.\n const effectiveWhereLanguage =\n appliedConfigWithoutFilters?.whereLanguage ?? getStoredLanguage() ?? 'sql';\n\n const { control, setValue, handleSubmit } = useForm({\n defaultValues: {\n where: '',\n whereLanguage: effectiveWhereLanguage as 'sql' | 'lucene',\n service: appliedConfigWithoutFilters?.service || '',\n source: appliedConfigWithoutFilters?.source ?? '',\n },\n });\n\n const service = useWatch({ control, name: 'service' });\n const previousService = usePrevious(service);\n\n const sourceId = useWatch({ control, name: 'source' });\n const previousSourceId = usePrevious(sourceId);\n\n const { data: source } = useSource({\n id: sourceId,\n });\n\n const [showFiltersModal, setShowFiltersModal] = useState(false);\n const {\n filters,\n filterValues,\n setFilterValue,\n filterQueries: additionalFilters,\n handleSaveFilter,\n handleRemoveFilter,\n isFetching: isFetchingFilters,\n isMutationPending: isFiltersMutationPending,\n } = usePresetDashboardFilters({\n presetDashboard: PresetDashboard.Services,\n sourceId: sourceId || '',\n enabled: !IS_LOCAL_MODE,\n });\n\n const appliedConfig = useMemo(\n () => ({\n ...appliedConfigWithoutFilters,\n additionalFilters,\n }),\n [appliedConfigWithoutFilters, additionalFilters],\n );\n\n // Update the `source` query parameter if the appliedConfig source changes\n useEffect(() => {\n if (\n appliedConfigWithoutFilters.source &&\n appliedConfigWithoutFilters.source !== appliedConfigParams.source\n ) {\n setAppliedConfigParams({ source: appliedConfigWithoutFilters.source });\n }\n }, [\n appliedConfigWithoutFilters.source,\n appliedConfigParams.source,\n setAppliedConfigParams,\n ]);\n\n const DEFAULT_INTERVAL = 'Past 1h';\n const [displayedTimeInputValue, setDisplayedTimeInputValue] =\n useState(DEFAULT_INTERVAL);\n\n const { searchedTimeRange, onSearch, onTimeRangeSelect } = useNewTimeQuery({\n initialDisplayValue: DEFAULT_INTERVAL,\n initialTimeRange: defaultTimeRange,\n setDisplayedTimeInputValue,\n });\n\n // For future use if Live button is added\n const [isLive, _setIsLive] = useState(false);\n\n const { manualRefreshCooloff, refresh } = useDashboardRefresh({\n searchedTimeRange,\n onTimeRangeSelect,\n isLive,\n });\n\n const onSubmit = useCallback(\n (submitTime: boolean = true) => {\n if (submitTime) onSearch(displayedTimeInputValue);\n handleSubmit(values => {\n setAppliedConfigParams(values);\n })();\n },\n [handleSubmit, setAppliedConfigParams, onSearch, displayedTimeInputValue],\n );\n\n // Auto-submit when source changes\n // Note: do not include appliedConfig.source in the deps,\n // to avoid infinite render loops when navigating away from the page\n useEffect(() => {\n if (sourceId && sourceId != previousSourceId) {\n onSubmit(false);\n }\n }, [sourceId, onSubmit, previousSourceId]);\n\n // Auto-submit when service changes\n // Note: do not include appliedConfig.service in the deps,\n // to avoid infinite render loops when navigating away from the page\n useEffect(() => {\n if (service != previousService) {\n onSubmit(false);\n }\n }, [service, onSubmit, previousService]);\n\n return (\n \n \n \n \n {\n e.preventDefault();\n onSubmit();\n return false;\n }}\n >\n \n \n \n \n \n \n {!IS_LOCAL_MODE && (\n \n setShowFiltersModal(true)}\n size=\"lg\"\n >\n \n \n \n )}\n \n \n \n \n \n }\n style={{ flexShrink: 0 }}\n >\n Run\n \n \n \n \n \n {source?.kind !== 'trace' ? (\n \n Please select a trace source\n \n ) : (\n \n \n HTTP Service\n Database\n Errors\n \n \n \n \n \n \n \n \n \n \n \n )}\n setShowFiltersModal(false)}\n filters={filters}\n onSaveFilter={handleSaveFilter}\n onRemoveFilter={handleRemoveFilter}\n source={source}\n isLoading={isFetchingFilters || isFiltersMutationPending}\n />\n \n );\n}\n\nconst ServicesDashboardPageDynamic = dynamic(\n async () => ServicesDashboardPage,\n {\n ssr: false,\n },\n);\n\n// @ts-expect-error Next.js layout typing\nServicesDashboardPageDynamic.getLayout = withAppNav;\n\nexport default ServicesDashboardPageDynamic;\n" }, { "path": "packages/app/src/SessionEventList.tsx", "content": "import * as React from 'react';\nimport cx from 'classnames';\nimport { ChartConfigWithOptDateRange } from '@hyperdx/common-utils/dist/types';\nimport { ScrollArea, Skeleton, Stack } from '@mantine/core';\nimport { useThrottledValue } from '@mantine/hooks';\nimport {\n IconArrowsLeftRight,\n IconMapPin,\n IconMessage,\n IconPlayerPlay,\n IconPointer,\n IconTerminal,\n} from '@tabler/icons-react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\n\nimport useRowWhere, { RowWhereResult } from '@/hooks/useRowWhere';\n\nimport { useQueriedChartConfig } from './hooks/useChartConfig';\nimport { SessionRow, sessionRowSchema } from './utils/sessions';\nimport { useFormatTime } from './useFormatTime';\nimport { formatmmss, getShortUrl } from './utils';\n\nimport styles from '../styles/SessionSubpanelV2.module.scss';\n\ntype SessionEvent = {\n id: string;\n row: SessionRow; // original row object\n isError: boolean;\n isSuccess: boolean;\n eventSource: 'navigation' | 'chat' | 'network' | 'custom' | 'log';\n title: string;\n description: string;\n timestamp: Date;\n formattedTimestamp: string;\n duration: number;\n};\n\nconst EVENT_ROW_SOURCE_ICONS: Record = {\n navigation: ,\n chat: ,\n network: ,\n custom: ,\n};\n\nconst EventRow = React.forwardRef(\n (\n {\n dataIndex,\n event,\n isHighlighted,\n onClick,\n onTimeClick,\n }: {\n dataIndex: number;\n event: SessionEvent;\n isHighlighted: boolean;\n onClick: VoidFunction;\n onTimeClick: VoidFunction;\n },\n ref: React.Ref,\n ) => {\n return (\n \n
\n {EVENT_ROW_SOURCE_ICONS[event.eventSource] || (\n \n )}\n
\n
\n
\n {event.title}{' '}\n {event.duration > 0 && {event.duration}ms}\n
\n
\n {event.description}\n
\n
\n
\n \n {event.formattedTimestamp}\n
\n \n );\n },\n);\n\nexport const SessionEventList = ({\n queriedConfig,\n aliasMap,\n onClick,\n onTimeClick,\n focus,\n minTs,\n showRelativeTime,\n eventsFollowPlayerPosition,\n}: {\n queriedConfig: ChartConfigWithOptDateRange;\n aliasMap: Record;\n // highlightedResultId: string | undefined;\n focus: { ts: number; setBy: string } | undefined;\n minTs: number;\n showRelativeTime: boolean;\n onClick: (rowWhere: RowWhereResult) => void;\n onTimeClick: (ts: number) => void;\n eventsFollowPlayerPosition: boolean;\n}) => {\n const { data, isLoading } = useQueriedChartConfig(queriedConfig, {\n placeholderData: (prev: any) => prev,\n queryKey: ['SessionEventList', queriedConfig],\n });\n const formatTime = useFormatTime();\n\n const events: SessionRow[] = React.useMemo(\n () =>\n data?.data\n ?.map(row => sessionRowSchema.safeParse(row))\n .filter(parsed => parsed.success)\n .map(parsed => parsed.data) ?? [],\n [data?.data],\n );\n\n const getRowWhere = useRowWhere({ meta: data?.meta, aliasMap });\n\n const rows = React.useMemo(() => {\n return (\n events.map(event => {\n const { timestamp, durationInMs } = event;\n\n // TODO: we should just use timestamp and durationInMs instead of startOffset and endOffset\n const startOffset = new Date(timestamp).getTime();\n const endOffset = new Date(startOffset).getTime() + durationInMs;\n\n const url = event['http.url'] ?? '';\n const statusCode = Number(event['http.status_code'] ?? '');\n const method = event['http.method'] ?? '';\n const shortUrl = getShortUrl(url);\n\n const isNetworkRequest =\n method != '' && method != null && url != null && url != '';\n\n const errorMessage = event['error.message'];\n\n const body = event['body'] ?? '';\n const component = event['component'];\n const spanName = event['span_name'];\n const locationHref = event['location.href'] ?? '';\n const otelLibraryName = event['otel.library.name'];\n const shortLocationHref = getShortUrl(locationHref);\n\n const isCustomEvent = otelLibraryName === 'custom-action';\n const isNavigation =\n spanName === 'routeChange' || spanName === 'documentLoad';\n\n const isError =\n event.severity_text?.toLowerCase() === 'error' ||\n component === 'error' ||\n statusCode > 499;\n\n const isSuccess = !isError && statusCode < 400 && statusCode > 99;\n\n return {\n id: event.id,\n row: event,\n isError,\n isSuccess,\n eventSource: isNavigation\n ? 'navigation'\n : isNetworkRequest\n ? 'network'\n : isCustomEvent\n ? 'custom'\n : spanName === 'intercom.onShow'\n ? 'chat'\n : 'log',\n title: isNavigation\n ? `Navigated`\n : spanName === 'console.error'\n ? 'console.error'\n : spanName === 'console.log'\n ? 'console.log'\n : spanName === 'console.warn'\n ? 'console.warn'\n : url.length > 0\n ? `${statusCode} ${method}`\n : spanName === 'intercom.onShow'\n ? 'Intercom Chat Opened'\n : isCustomEvent\n ? spanName\n : component === 'console'\n ? spanName\n : 'console.error',\n description: isNavigation\n ? shortLocationHref\n : errorMessage != null && errorMessage.length > 0\n ? errorMessage\n : component === 'console'\n ? (body ?? '')\n : url.length > 0\n ? shortUrl\n : '',\n timestamp: new Date(startOffset),\n formattedTimestamp: showRelativeTime\n ? formatmmss(startOffset - minTs)\n : formatTime(startOffset, {\n format: 'time',\n }),\n duration: endOffset - startOffset,\n } satisfies SessionEvent;\n }) ?? []\n );\n }, [events, showRelativeTime, minTs, formatTime]);\n\n const parentRef = React.useRef(null);\n\n // The virtualizer\n const rowVirtualizer = useVirtualizer({\n count: rows.length,\n getScrollElement: () => parentRef.current,\n estimateSize: () => 36,\n });\n\n // Sync scroll position to the DOM Player time\n const currentEventIndex = useThrottledValue(\n rows.findIndex(row => row.timestamp.getTime() >= (focus?.ts ?? 0)),\n 500,\n );\n\n React.useEffect(() => {\n if (\n rowVirtualizer &&\n currentEventIndex >= 0 &&\n eventsFollowPlayerPosition\n ) {\n rowVirtualizer.scrollToIndex(currentEventIndex, {\n align: 'center',\n });\n }\n }, [currentEventIndex, eventsFollowPlayerPosition, rowVirtualizer]);\n\n if (isLoading) {\n return (\n \n \n \n \n \n );\n }\n\n return (\n \n
\n {/* The large inner element to hold all of the items */}\n \n {/* Only the visible items in the virtualizer, manually positioned to be in view */}\n {rowVirtualizer.getVirtualItems().map(virtualItem => {\n const row = rows[virtualItem.index];\n\n return (\n \n onClick(getRowWhere(row.row))}\n onTimeClick={() => onTimeClick(row.timestamp.getTime())}\n />\n
\n );\n })}\n \n \n \n );\n};\n" }, { "path": "packages/app/src/SessionSidePanel.tsx", "content": "import { useMemo, useState } from 'react';\nimport CopyToClipboard from 'react-copy-to-clipboard';\nimport { useHotkeys } from 'react-hotkeys-hook';\nimport {\n DateRange,\n SearchCondition,\n SearchConditionLanguage,\n TSessionSource,\n TTraceSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { ActionIcon, Button, Drawer } from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\nimport { IconLink, IconX } from '@tabler/icons-react';\n\nimport { Session } from './sessions';\nimport SessionSubpanel from './SessionSubpanel';\nimport { formatDistanceToNowStrictShort } from './utils';\nimport { ZIndexContext } from './zIndex';\n\nexport default function SessionSidePanel({\n traceSource,\n sessionSource,\n sessionId,\n session,\n dateRange,\n where,\n whereLanguage,\n onLanguageChange,\n onClose,\n onPropertyAddClick,\n generateSearchUrl,\n generateChartUrl,\n zIndex = 100,\n}: {\n traceSource: TTraceSource;\n sessionSource: TSessionSource;\n sessionId: string;\n session: Session;\n dateRange: DateRange['dateRange'];\n where?: SearchCondition;\n whereLanguage?: SearchConditionLanguage;\n onLanguageChange?: (lang: 'sql' | 'lucene') => void;\n onClose: () => void;\n onPropertyAddClick?: (name: string, value: string) => void;\n generateSearchUrl: (query?: string, timeRange?: [Date, Date]) => string;\n generateChartUrl: (config: {\n aggFn: string;\n field: string;\n groupBy: string[];\n }) => string;\n zIndex?: number;\n}) {\n // Keep track of sub-drawers so we can disable closing this root drawer\n const [subDrawerOpen, setSubDrawerOpen] = useState(false);\n\n useHotkeys(\n ['esc'],\n () => {\n onClose();\n },\n {\n enabled: subDrawerOpen === false,\n },\n );\n\n const timeAgo = useMemo(() => {\n const maxTime =\n // eslint-disable-next-line no-restricted-syntax\n session != null ? new Date(session?.maxTimestamp) : new Date();\n return formatDistanceToNowStrictShort(maxTime);\n }, [session]);\n\n return (\n {\n if (!subDrawerOpen) {\n onClose();\n }\n }}\n position=\"right\"\n size=\"82vw\"\n withCloseButton={false}\n zIndex={zIndex}\n styles={{\n body: {\n padding: 0,\n height: '100vh',\n },\n }}\n className=\"border-start\"\n >\n \n
\n
\n
\n
\n {session?.userEmail || `Anonymous Session ${sessionId}`}\n
\n Last active {timeAgo} ago\n ·\n {Number.parseInt(session?.errorCount ?? '0') > 0 ? (\n <>\n \n {session?.errorCount} Errors\n \n ·\n \n ) : null}\n {session?.sessionCount} Events\n
\n
\n
\n {\n notifications.show({\n color: 'green',\n message: 'Copied link to clipboard',\n });\n }}\n >\n }\n style={{ fontSize: '12px' }}\n >\n Share Session\n \n \n \n \n \n
\n
\n
\n {sessionId != null ? (\n \n ) : null}\n
\n \n \n );\n}\n" }, { "path": "packages/app/src/SessionSubpanel.tsx", "content": "import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport cx from 'classnames';\nimport throttle from 'lodash/throttle';\nimport { parseAsInteger, useQueryState } from 'nuqs';\nimport ReactDOM from 'react-dom';\nimport { useForm } from 'react-hook-form';\nimport { tcFromSource } from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n ChartConfigWithOptDateRange,\n DateRange,\n SearchCondition,\n SearchConditionLanguage,\n TSessionSource,\n TTraceSource,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n ActionIcon,\n Button,\n Divider,\n Group,\n Portal,\n SegmentedControl,\n Tooltip,\n} from '@mantine/core';\nimport {\n IconArrowBackUp,\n IconArrowForwardUp,\n IconArrowsMinimize,\n IconPlayerPause,\n IconPlayerPlay,\n IconToggleLeft,\n IconToggleRight,\n} from '@tabler/icons-react';\n\nimport DBRowSidePanel from '@/components/DBRowSidePanel';\nimport { RowWhereResult, WithClause } from '@/hooks/useRowWhere';\n\nimport SearchWhereInput from './components/SearchInput/SearchWhereInput';\nimport useFieldExpressionGenerator from './hooks/useFieldExpressionGenerator';\nimport DOMPlayer from './DOMPlayer';\nimport Playbar from './Playbar';\nimport { SessionEventList } from './SessionEventList';\nimport { FormatTime } from './useFormatTime';\nimport { formatmmss, useLocalStorage, usePrevious } from './utils';\n\nimport styles from '../styles/SessionSubpanelV2.module.scss';\n\nconst MemoPlaybar = memo(Playbar);\n\nfunction useSessionChartConfigs({\n traceSource,\n rumSessionId,\n where,\n whereLanguage,\n start,\n end,\n tab,\n}: {\n traceSource: TTraceSource;\n rumSessionId: string;\n where: string;\n whereLanguage?: SearchConditionLanguage;\n start: Date;\n end: Date;\n tab: string;\n}) {\n const { getFieldExpression: getTraceSourceFieldExpression } =\n useFieldExpressionGenerator(traceSource);\n\n // Should produce rows that match the `sessionRowSchema` in packages/app/src/utils/sessions.ts\n const select = useMemo(() => {\n if (!getTraceSourceFieldExpression) return [];\n return [\n {\n valueExpression: `${getTraceSourceFieldExpression(traceSource.eventAttributesExpression ?? 'SpanAttributes', 'message')}`,\n alias: 'body',\n },\n {\n valueExpression: `${getTraceSourceFieldExpression(traceSource.eventAttributesExpression ?? 'SpanAttributes', 'component')}`,\n alias: 'component',\n },\n {\n valueExpression: `toFloat64OrZero(toString(${traceSource.durationExpression})) * pow(10, 3) / pow(10, toInt8OrZero(toString(${traceSource.durationPrecision})))`,\n alias: 'durationInMs',\n },\n {\n valueExpression: `${getTraceSourceFieldExpression(traceSource.eventAttributesExpression ?? 'SpanAttributes', 'error.message')}`,\n alias: 'error.message',\n },\n {\n valueExpression: `${getTraceSourceFieldExpression(traceSource.eventAttributesExpression ?? 'SpanAttributes', 'http.method')}`,\n alias: 'http.method',\n },\n {\n valueExpression: `${getTraceSourceFieldExpression(traceSource.eventAttributesExpression ?? 'SpanAttributes', 'http.status_code')}`,\n alias: 'http.status_code',\n },\n {\n valueExpression: `${getTraceSourceFieldExpression(traceSource.eventAttributesExpression ?? 'SpanAttributes', 'http.url')}`,\n alias: 'http.url',\n },\n {\n // Using toString here because Javascript does not have the precision to accurately represent this\n valueExpression: `toString(cityHash64(${traceSource.traceIdExpression}, ${traceSource.parentSpanIdExpression}, ${traceSource.spanIdExpression}))`,\n alias: 'id',\n },\n {\n valueExpression: `${getTraceSourceFieldExpression(traceSource.eventAttributesExpression ?? 'SpanAttributes', 'location.href')}`,\n alias: 'location.href',\n },\n {\n valueExpression: 'ScopeName', // FIXME: add mapping\n alias: 'otel.library.name',\n },\n {\n valueExpression: `${traceSource.parentSpanIdExpression}`,\n alias: 'parent_span_id',\n },\n {\n valueExpression: `${traceSource.statusCodeExpression}`,\n alias: 'severity_text',\n },\n {\n valueExpression: `${traceSource.spanIdExpression}`,\n alias: 'span_id',\n },\n {\n valueExpression: `${traceSource.spanNameExpression}`,\n alias: 'span_name',\n },\n {\n valueExpression: `${traceSource.timestampValueExpression}`,\n alias: 'timestamp',\n },\n {\n valueExpression: `${traceSource.traceIdExpression}`,\n alias: 'trace_id',\n },\n {\n valueExpression: `CAST('span', 'String')`,\n alias: 'type',\n },\n ];\n }, [traceSource, getTraceSourceFieldExpression]);\n\n // Events shown in the highlighted tab\n const highlightedEventsFilter = useMemo(\n () => ({\n type: 'lucene' as const,\n condition: `${traceSource.resourceAttributesExpression}.rum.sessionId:\"${rumSessionId}\"\n AND (\n ${traceSource.eventAttributesExpression}.http.status_code:>299 \n OR ${traceSource.eventAttributesExpression}.component:\"error\" \n OR ${traceSource.spanNameExpression}:\"routeChange\" \n OR ${traceSource.spanNameExpression}:\"documentLoad\" \n OR ${traceSource.spanNameExpression}:\"intercom.onShow\" \n OR ScopeName:\"custom-action\" \n )`,\n }),\n [traceSource, rumSessionId],\n );\n\n const allEventsFilter = useMemo(() => {\n if (!getTraceSourceFieldExpression) return undefined;\n return {\n type: 'lucene' as const,\n condition: `${traceSource.resourceAttributesExpression}.rum.sessionId:\"${rumSessionId}\"\n AND (\n ${traceSource.eventAttributesExpression}.http.status_code:* \n OR ${traceSource.eventAttributesExpression}.component:\"console\" \n OR ${traceSource.eventAttributesExpression}.component:\"error\" \n OR ${traceSource.spanNameExpression}:\"routeChange\" \n OR ${traceSource.spanNameExpression}:\"documentLoad\" \n OR ${traceSource.spanNameExpression}:\"intercom.onShow\" \n OR ScopeName:\"custom-action\" \n )`,\n };\n }, [traceSource, rumSessionId, getTraceSourceFieldExpression]);\n\n const eventsConfig = useMemo(() => {\n if (!getTraceSourceFieldExpression || !select || !allEventsFilter)\n return undefined;\n return {\n select: select,\n from: traceSource.from,\n dateRange: [start, end],\n whereLanguage,\n where,\n timestampValueExpression: traceSource.timestampValueExpression,\n implicitColumnExpression: traceSource.implicitColumnExpression,\n connection: traceSource.connection,\n orderBy: `${traceSource.timestampValueExpression} ASC`,\n limit: {\n limit: 4000,\n offset: 0,\n },\n filters: [\n tab === 'highlighted' ? highlightedEventsFilter : allEventsFilter,\n ],\n };\n }, [\n select,\n traceSource,\n start,\n end,\n where,\n whereLanguage,\n tab,\n highlightedEventsFilter,\n allEventsFilter,\n getTraceSourceFieldExpression,\n ]);\n\n const aliasMap = useMemo(() => {\n if (!getTraceSourceFieldExpression) return undefined;\n // valueExpression: alias\n return select.reduce(\n (acc, { valueExpression, alias }) => {\n acc[alias] = valueExpression;\n return acc;\n },\n {} as Record,\n );\n }, [select, getTraceSourceFieldExpression]);\n\n return {\n eventsConfig,\n aliasMap,\n };\n}\n\nexport default function SessionSubpanel({\n traceSource,\n sessionSource,\n session,\n onPropertyAddClick,\n generateChartUrl,\n generateSearchUrl,\n setDrawerOpen,\n rumSessionId,\n start,\n end,\n initialTs,\n where,\n whereLanguage = 'lucene',\n onLanguageChange,\n}: {\n traceSource: TTraceSource;\n sessionSource: TSessionSource;\n session: { serviceName: string };\n generateSearchUrl?: (query?: string, timeRange?: [Date, Date]) => string;\n generateChartUrl?: (config: {\n aggFn: string;\n field: string;\n groupBy: string[];\n }) => string;\n\n onPropertyAddClick?: (name: string, value: string) => void;\n setDrawerOpen: (open: boolean) => void;\n rumSessionId: string;\n start: Date;\n end: Date;\n initialTs?: number;\n where?: SearchCondition;\n whereLanguage?: SearchConditionLanguage;\n onLanguageChange?: (lang: 'sql' | 'lucene') => void;\n}) {\n const [rowId, setRowId] = useState(undefined);\n const [aliasWith, setAliasWith] = useState([]);\n\n const [tsQuery, setTsQuery] = useQueryState(\n 'ts',\n parseAsInteger.withOptions({ history: 'replace' }),\n );\n const prevTsQuery = usePrevious(tsQuery);\n\n const [focus, _setFocus] = useState<\n { ts: number; setBy: string } | undefined\n >(\n initialTs != null\n ? {\n ts: initialTs,\n setBy: 'parent',\n }\n : undefined,\n );\n\n useEffect(() => {\n if (prevTsQuery == null && tsQuery != null) {\n _setFocus({ ts: tsQuery, setBy: 'url' });\n }\n }, [prevTsQuery, tsQuery]);\n\n const debouncedSetTsQuery = useRef(\n throttle(async (ts: number) => {\n setTsQuery(ts);\n }, 1000),\n ).current;\n\n useEffect(() => {\n return () => {\n setTsQuery(null);\n };\n }, [setTsQuery]);\n\n const setFocus = useCallback(\n (focus: { ts: number; setBy: string }) => {\n if (focus.setBy === 'player') {\n debouncedSetTsQuery(focus.ts);\n } else {\n setTsQuery(focus.ts);\n }\n _setFocus(focus);\n },\n [_setFocus, setTsQuery, debouncedSetTsQuery],\n );\n const [playerState, setPlayerState] = useState<'paused' | 'playing'>(\n 'paused',\n );\n\n // Event Filter Input =========================\n const [_inputQuery, setInputQuery] = useState(undefined);\n const [_searchedQuery, setSearchedQuery] = useQueryState('session_q', {\n history: 'push',\n });\n\n // Hacky way to set the input query when we search\n useEffect(() => {\n if (_searchedQuery != null && _inputQuery == null) {\n setInputQuery(_searchedQuery);\n }\n }, [_searchedQuery, _inputQuery]);\n\n // Allows us to determine if the user has changed the search query\n const searchedQuery = _searchedQuery ?? '';\n\n // Clear search query when we close the panel\n useEffect(() => {\n return () => {\n setSearchedQuery(null, { history: 'replace' });\n };\n }, [setSearchedQuery]);\n\n // Focused Tab ===============================\n const [tab, setTab] = useState('highlighted');\n\n // Playbar ====================================\n const [showRelativeTime, setShowRelativeTime] = useLocalStorage(\n 'hdx-session-subpanel-show-relative-time',\n false,\n );\n const [playerSpeed, setPlayerSpeed] = useLocalStorage(\n 'hdx-session-subpanel-player-speed',\n 1,\n );\n const [skipInactive, setSkipInactive] = useLocalStorage(\n 'hdx-session-subpanel-skip-inactive',\n true,\n );\n const [eventsFollowPlayerPosition, setEventsFollowPlayerPosition] =\n useLocalStorage('hdx-session-subpanel-events-follow-player-position', true);\n\n // XXX: This is a hack for the hack, we offset start/end by 4 hours\n // to ensure we capture all rrweb events on query. However, we\n // need to un-offset the time for the playback slider to show sane values.\n // these values get updated by the DOM player when events are loaded\n const [playerStartTs, setPlayerStartTs] = useState(\n start.getTime() + 4 * 60 * 60 * 1000,\n );\n const [playerEndTs, setPlayerEndTs] = useState(\n end.getTime() - 4 * 60 * 60 * 1000,\n );\n const playbackRange = useMemo(() => {\n return [\n new Date(playerStartTs),\n new Date(playerEndTs),\n ] as DateRange['dateRange'];\n }, [playerStartTs, playerEndTs]);\n\n const { getFieldExpression: getSessionSourceFieldExpression } =\n useFieldExpressionGenerator(sessionSource);\n\n const { eventsConfig, aliasMap } = useSessionChartConfigs({\n traceSource,\n rumSessionId,\n where: searchedQuery,\n whereLanguage,\n start,\n end,\n tab,\n });\n\n const [playerFullWidth, setPlayerFullWidth] = useState(false);\n\n const handleSetPlayerSpeed = useCallback(() => {\n if (playerSpeed == 1) {\n setPlayerSpeed(2);\n } else if (playerSpeed == 2) {\n setPlayerSpeed(4);\n } else if (playerSpeed == 4) {\n setPlayerSpeed(8);\n } else if (playerSpeed == 8) {\n setPlayerSpeed(1);\n }\n }, [playerSpeed, setPlayerSpeed]);\n\n const minTs = playbackRange[0].getTime();\n const maxTs = playbackRange[1].getTime();\n\n const togglePlayerState = useCallback(() => {\n setPlayerState(state => (state === 'playing' ? 'paused' : 'playing'));\n }, [setPlayerState]);\n\n const skipBackward = useCallback(() => {\n setFocus({\n ts: Math.max((focus?.ts ?? minTs) - 15000, minTs),\n setBy: 'skip-backward',\n });\n }, [setFocus, focus?.ts, minTs]);\n\n const skipForward = useCallback(() => {\n setFocus({\n ts: Math.min((focus?.ts ?? minTs) + 15000, maxTs),\n setBy: 'skip-forward',\n });\n }, [setFocus, focus?.ts, minTs, maxTs]);\n\n const { control, handleSubmit } = useForm({\n values: {\n where: searchedQuery,\n whereLanguage,\n },\n });\n const handleWhereSubmit = useCallback(\n (values: { where: string }) => {\n setSearchedQuery(values.where);\n },\n [setSearchedQuery],\n );\n const onSessionEventClick = useCallback(\n (rowWhere: RowWhereResult) => {\n setDrawerOpen(true);\n setRowId(rowWhere.where);\n setAliasWith(rowWhere.aliasWith);\n },\n [setDrawerOpen, setRowId, setAliasWith],\n );\n const onSessionEventTimeClick = useCallback(\n (ts: number) => {\n setFocus({ ts, setBy: 'timeline' });\n },\n [setFocus],\n );\n const setPlayerTime = useCallback(\n (ts: number) => {\n if (focus?.setBy !== 'player' || focus?.ts !== ts) {\n setFocus({ ts, setBy: 'player' });\n }\n },\n [focus, setFocus],\n );\n\n return (\n
\n {rowId != null && traceSource && (\n \n {\n setDrawerOpen(false);\n setRowId(undefined);\n }}\n />\n \n )}\n
\n
\n \n \n \n \n setTab(value)}\n />\n \n \n setEventsFollowPlayerPosition(!eventsFollowPlayerPosition)\n }\n >\n \n \n \n \n
\n\n {eventsConfig && aliasMap && (\n \n )}\n
\n\n
\n {getSessionSourceFieldExpression && (\n \n )}\n\n
\n {eventsConfig && (\n \n )}\n
\n
\n
\n \n setShowRelativeTime(!showRelativeTime)}\n size=\"compact-xs\"\n >\n {showRelativeTime ? (\n <>\n {formatmmss((focus?.ts ?? 0) - minTs)}\n \n {' / '}\n {formatmmss(maxTs - minTs)}\n \n \n ) : (\n \n )}\n \n \n
\n \n \n \n \n \n \n \n \n {playerState === 'paused' ? (\n \n ) : (\n \n )}\n \n \n \n = maxTs}\n >\n \n \n \n \n \n \n ) : (\n \n )\n }\n onClick={() => setSkipInactive(!skipInactive)}\n >\n Skip Idle\n \n \n {playerSpeed}x\n }\n onClick={handleSetPlayerSpeed}\n >\n Speed\n \n \n \n
\n
\n
\n );\n}\n" }, { "path": "packages/app/src/SessionsPage.tsx", "content": "import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport Head from 'next/head';\nimport { sub } from 'date-fns';\nimport { parseAsString, parseAsStringEnum, useQueryStates } from 'nuqs';\nimport { useForm, useWatch } from 'react-hook-form';\nimport { NumberParam } from 'serialize-query-params';\nimport { StringParam, useQueryParams, withDefault } from 'use-query-params';\nimport { tcFromSource } from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n SearchCondition,\n SearchConditionLanguage,\n SourceKind,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n Alert,\n Anchor,\n Box,\n Button,\n Card,\n Code,\n Divider,\n Flex,\n Group,\n Stack,\n Stepper,\n Text,\n ThemeIcon,\n Title,\n} from '@mantine/core';\nimport {\n IconDeviceLaptop,\n IconInfoCircleFilled,\n IconPlayerPlay,\n IconRefresh,\n} from '@tabler/icons-react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\n\nimport { SourceSelectControlled } from '@/components/SourceSelect';\nimport { TimePicker } from '@/components/TimePicker';\nimport { parseTimeQuery, useNewTimeQuery } from '@/timeQuery';\n\nimport SearchWhereInput, {\n getStoredLanguage,\n} from './components/SearchInput/SearchWhereInput';\nimport { useBrandDisplayName } from './theme/ThemeProvider';\nimport { withAppNav } from './layout';\nimport { Session, useSessions } from './sessions';\nimport SessionSidePanel from './SessionSidePanel';\nimport { useSource, useSources } from './source';\nimport { FormatTime } from './useFormatTime';\nimport { formatDistanceToNowStrictShort } from './utils';\n\nimport styles from '../styles/SessionsPage.module.scss';\n\nfunction SessionCard({\n email,\n maxTime,\n minTime,\n numErrors,\n numEvents,\n onClick,\n sessionId,\n teamId,\n teamName,\n userName,\n}: {\n email: string;\n maxTime: Date;\n minTime: Date;\n numErrors: number;\n numEvents: number;\n onClick: () => void;\n sessionId: string;\n teamId: string;\n teamName: string;\n userName: string;\n}) {\n const timeAgo = formatDistanceToNowStrictShort(maxTime);\n const durationStr = new Date(maxTime.getTime() - minTime.getTime())\n .toISOString()\n .slice(11, 19);\n\n return (\n \n
\n {email || `Anonymous Session ${sessionId}`}\n
\n
\n
{numEvents} Events
\n {numErrors > 0 && (\n
{numErrors} Errors
\n )}\n
Duration {durationStr}
\n
\n
\n
Last active {timeAgo} ago
\n
\n Started on \n
\n
\n \n );\n}\n\nfunction SessionCardList({\n sessions,\n isSessionLoading,\n onClick,\n}: {\n sessions: Session[];\n isSessionLoading?: boolean;\n onClick: (session: Session) => void;\n}) {\n const brandName = useBrandDisplayName();\n const parentRef = useRef(null);\n\n // The virtualizer\n const rowVirtualizer = useVirtualizer({\n count: sessions.length,\n getScrollElement: () => parentRef.current,\n estimateSize: () => 86,\n paddingEnd: 16,\n });\n\n return (\n <>\n {isSessionLoading === true && (\n \n \n Searching sessions...\n \n )}\n {!isSessionLoading && sessions.length === 0 && (\n
\n No results found.\n
\n Try checking the query explainer in the search bar if there are any\n search syntax issues.\n
\n
\n Add new data sources by setting up a {brandName} integration.\n
\n \n Install {brandName} Browser Integration\n \n
\n )}\n \n {/* The large inner element to hold all of the items */}\n \n {/* Only the visible items in the virtualizer, manually positioned to be in view */}\n {rowVirtualizer.getVirtualItems().map(virtualItem => {\n const row = sessions[virtualItem.index];\n\n const {\n errorCount,\n maxTimestamp,\n minTimestamp,\n sessionCount,\n sessionId,\n teamId,\n teamName,\n userEmail,\n userName,\n } = row;\n return (\n \n
\n {\n onClick(row);\n }}\n />\n
\n \n );\n })}\n \n \n \n );\n}\n\n// TODO: This is a hack to set the default time range\nconst defaultTimeRange = parseTimeQuery('Past 1h', false) as [Date, Date];\nconst appliedConfigMap = {\n sessionSource: parseAsString,\n where: parseAsString.withDefault(''),\n whereLanguage: parseAsStringEnum<'sql' | 'lucene'>(['sql', 'lucene']),\n};\nexport default function SessionsPage() {\n const brandName = useBrandDisplayName();\n const [appliedConfig, setAppliedConfig] = useQueryStates(appliedConfigMap);\n\n const { control, setValue, handleSubmit } = useForm({\n values: {\n where: appliedConfig.where,\n whereLanguage:\n appliedConfig.whereLanguage ?? getStoredLanguage() ?? 'lucene',\n source: appliedConfig.sessionSource,\n },\n });\n\n const where = useWatch({ control, name: 'where' });\n const whereLanguage = useWatch({ control, name: 'whereLanguage' });\n const sourceId = useWatch({ control, name: 'source' });\n const { data: sessionSource, isPending: isSessionSourceLoading } = useSource({\n id: sourceId,\n kinds: [SourceKind.Session],\n });\n\n const { data: traceTrace } = useSource({\n id: sessionSource?.traceSourceId,\n kinds: [SourceKind.Trace],\n });\n\n // Get all sources and select the first session type source by default\n const { data: sources } = useSources();\n\n useEffect(() => {\n if (sourceId && !appliedConfig.sessionSource) {\n setAppliedConfig({ sessionSource: sourceId });\n }\n }, [appliedConfig.sessionSource, setAppliedConfig, sourceId]);\n\n // Auto-select the first session source when the page loads\n useEffect(() => {\n if (sources && sources.length > 0 && !appliedConfig.sessionSource) {\n // Find the first session source\n const sessionSource = sources.find(\n source => source.kind === SourceKind.Session,\n );\n if (sessionSource) {\n setValue('source', sessionSource.id);\n // This will trigger the other useEffect above to update appliedConfig\n }\n }\n }, [sources, appliedConfig.sessionSource, setValue]);\n\n const DEFAULT_INTERVAL = 'Past 1h';\n const [displayedTimeInputValue, setDisplayedTimeInputValue] =\n useState(DEFAULT_INTERVAL);\n\n const { searchedTimeRange, onSearch } = useNewTimeQuery({\n initialDisplayValue: DEFAULT_INTERVAL,\n initialTimeRange: defaultTimeRange,\n setDisplayedTimeInputValue,\n });\n\n const onSubmit = useCallback(() => {\n onSearch(displayedTimeInputValue);\n handleSubmit(values => {\n const { source, ...rest } = values;\n setAppliedConfig({ sessionSource: source, ...rest });\n })();\n }, [handleSubmit, setAppliedConfig, onSearch, displayedTimeInputValue]);\n\n // Auto submit when service or source changes\n useEffect(() => {\n if (sourceId !== appliedConfig.sessionSource) {\n onSubmit();\n }\n }, [sourceId, appliedConfig.sessionSource, onSubmit]);\n\n // FIXME: fix the url\n const generateSearchUrl = useCallback(\n (newQuery?: string, newTimeRange?: [Date, Date]) => {\n const qparams = new URLSearchParams({\n q: '',\n });\n return `/search?${qparams.toString()}`;\n },\n [],\n );\n\n // FIXME: fix the url\n const generateChartUrl = useCallback(\n ({ aggFn, field, where, groupBy }: any) => {\n return `/chart?series=${encodeURIComponent(\n JSON.stringify({\n type: 'time',\n aggFn,\n field,\n where,\n groupBy,\n }),\n )}`;\n },\n [],\n );\n\n const [selectedSessionQuery, setSelectedSessionQuery] = useQueryParams(\n {\n sid: withDefault(StringParam, undefined),\n sfrom: withDefault(NumberParam, undefined),\n sto: withDefault(NumberParam, undefined),\n },\n {\n updateType: 'pushIn',\n enableBatching: true,\n },\n );\n\n const selectedSession = useMemo(() => {\n if (selectedSessionQuery.sid == null) {\n return undefined;\n }\n return {\n id: selectedSessionQuery.sid,\n dateRange: [\n new Date(selectedSessionQuery.sfrom ?? 0),\n new Date(selectedSessionQuery.sto ?? 0),\n ] as [Date, Date],\n };\n }, [selectedSessionQuery]);\n const setSelectedSession = useCallback(\n (session: Session | undefined) => {\n if (session == null) {\n setSelectedSessionQuery({\n sid: undefined,\n sfrom: undefined,\n sto: undefined,\n });\n } else {\n setSelectedSessionQuery({\n sid: session.sessionId,\n // WARNING: adding 4 hours offset to fetch the whole rrweb session\n sfrom: sub(new Date(session.minTimestamp), { hours: 4 }).getTime(),\n sto: sub(new Date(session.maxTimestamp), { hours: -4 }).getTime(),\n });\n }\n },\n [setSelectedSessionQuery],\n );\n\n const { data: tableData, isLoading: isSessionsLoading } = useSessions({\n dateRange: searchedTimeRange,\n sessionSource,\n traceSource: traceTrace,\n // TODO: if selectedSession is not null, we should filter by that session id\n where: appliedConfig.where as SearchCondition,\n whereLanguage: appliedConfig.whereLanguage as SearchConditionLanguage,\n });\n\n const sessions = tableData?.data ?? [];\n const targetSession = sessions.find(s => s.sessionId === selectedSession?.id);\n\n return (\n
\n \n Client Sessions - {brandName}\n \n {selectedSession != null &&\n traceTrace != null &&\n sessionSource != null &&\n targetSession && (\n {\n setSelectedSession(undefined);\n }}\n generateSearchUrl={generateSearchUrl}\n generateChartUrl={({ aggFn, field, groupBy }) =>\n generateChartUrl({\n aggFn,\n field,\n groupBy,\n where: `rum_session_id:\"${selectedSession.id}\"`,\n })\n }\n whereLanguage={whereLanguage || undefined}\n where={where || undefined}\n onLanguageChange={lang =>\n setAppliedConfig(prev => ({ ...prev, whereLanguage: lang }))\n }\n />\n )}\n \n {\n e.preventDefault();\n onSubmit();\n return false;\n }}\n >\n \n \n \n \n {\n onSearch(range);\n }}\n />\n }\n style={{ flexShrink: 0 }}\n >\n Run\n \n \n \n \n\n {isSessionsLoading || isSessionSourceLoading ? (\n \n \n {isSessionSourceLoading ? 'Loading...' : 'Searching sessions...'}\n \n ) : (\n <>\n {!sessions.length ? (\n \n ) : (\n
\n {\n setSelectedSession(session);\n }}\n sessions={sessions}\n isSessionLoading={isSessionsLoading}\n />\n
\n )}\n \n )}\n \n
\n );\n}\n\nSessionsPage.getLayout = withAppNav;\n\nfunction SessionSetupInstructions() {\n const brandName = useBrandDisplayName();\n return (\n <>\n \n \n \n \n \n \n \n Set up session replays\n \n \n Follow these steps to start recording and viewing session replays\n with the {brandName} Otel Collector.\n \n \n \n \n \n Create a new source with Session type\n \n }\n description={\n <>\n Go to Team Settings, click Add Source under\n Sources section, and select Session as the source\n type.\n \n }\n />\n \n Choose the hyperdx_sessions table\n \n }\n description={\n <>\n Select the hyperdx_sessions table from the\n dropdown, and select the corresponding trace source.\n \n }\n />\n \n Install the{' '}\n \n {brandName} Browser Integration\n {' '}\n to start recording sessions.\n \n }\n />\n \n \n \n \n );\n}\n" }, { "path": "packages/app/src/Spotlights.tsx", "content": "import * as React from 'react';\nimport { useRouter } from 'next/router';\nimport { Spotlight, SpotlightActionData } from '@mantine/spotlight';\nimport {\n IconActivityHeartbeat,\n IconBell,\n IconChartLine,\n IconDeviceLaptop,\n IconGridDots,\n IconHelpCircle,\n IconLayout,\n IconLogs,\n IconSearch,\n IconSettings,\n} from '@tabler/icons-react';\n\nimport { useBrandDisplayName, useLogomark } from './theme/ThemeProvider';\nimport api from './api';\nimport { useSavedSearches } from './savedSearch';\n\nimport '@mantine/spotlight/styles.css';\n\nexport const useSpotlightActions = () => {\n const router = useRouter();\n const brandName = useBrandDisplayName();\n const logomark = useLogomark({ size: 16 });\n\n const { data: logViewsData } = useSavedSearches();\n const { data: dashboardsData } = api.useDashboards();\n\n const actions = React.useMemo(() => {\n const logViews = logViewsData ?? [];\n const dashboards = dashboardsData ?? [];\n\n const logViewActions: SpotlightActionData[] = [];\n\n // Saved searches\n logViews.forEach(logView => {\n logViewActions.push({\n id: logView.id,\n group: 'Saved searches',\n leftSection: ,\n label: logView.name,\n keywords: ['search', 'log', 'saved'],\n onClick: () => {\n router.push(`/search/${logView.id}`);\n },\n });\n });\n\n // Dashboards\n dashboards.forEach(dashboard => {\n logViewActions.push({\n id: dashboard.id,\n group: 'Dashboards',\n leftSection: ,\n label: dashboard.name,\n keywords: ['dashboard'],\n onClick: () => {\n router.push(`/dashboards/${dashboard.id}`);\n },\n });\n });\n\n logViewActions.push(\n {\n id: 'search',\n group: 'Menu',\n leftSection: ,\n label: 'Search',\n description: 'Start a new search',\n keywords: ['log', 'events', 'logs'],\n onClick: () => {\n router.push('/search');\n },\n },\n {\n id: 'chart-explorer',\n group: 'Menu',\n leftSection: ,\n label: 'Chart Explorer',\n description: 'Explore your data',\n keywords: ['graph', 'metrics'],\n onClick: () => {\n router.push('/chart');\n },\n },\n {\n id: 'new-dashboard',\n group: 'Menu',\n leftSection: ,\n label: 'New Dashboard',\n description: 'Create a new dashboard',\n keywords: ['graph'],\n onClick: () => {\n router.push('/dashboards');\n },\n },\n {\n id: 'sessions',\n group: 'Menu',\n leftSection: ,\n label: 'Client Sessions',\n description: 'View client sessions',\n keywords: ['browser', 'web'],\n onClick: () => {\n router.push('/sessions');\n },\n },\n {\n id: 'alerts',\n group: 'Menu',\n leftSection: ,\n label: 'Alerts',\n description: 'View and manage alerts',\n onClick: () => {\n router.push('/alerts');\n },\n },\n {\n id: 'service-health',\n group: 'Menu',\n label: 'Service Health',\n leftSection: ,\n description: 'HTTP, Database and Infrastructure metrics',\n onClick: () => {\n router.push('/services');\n },\n },\n {\n id: 'team-settings',\n group: 'Menu',\n leftSection: ,\n label: 'Team Settings',\n\n onClick: () => {\n router.push('/team');\n },\n },\n {\n id: 'documentation',\n group: 'Menu',\n leftSection: ,\n label: 'Documentation',\n keywords: ['help', 'docs'],\n onClick: () => {\n router.push(\n 'https://clickhouse.com/docs/use-cases/observability/clickstack',\n );\n },\n },\n {\n id: 'cloud',\n group: 'Menu',\n leftSection: logomark,\n label: `${brandName} Cloud`,\n description: `Ready to use ${brandName} Cloud? Get started for free.`,\n keywords: ['account', 'profile'],\n onClick: () => {\n router.push(\n 'https://clickhouse.com/docs/use-cases/observability/clickstack/getting-started#deploy-with-clickhouse-cloud',\n );\n },\n },\n );\n\n return logViewActions;\n }, [brandName, logomark, logViewsData, dashboardsData, router]);\n\n return { actions };\n};\n\nexport const HDXSpotlightProvider = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const { actions } = useSpotlightActions();\n\n return (\n
\n {children}\n ,\n placeholder: 'Search',\n }}\n nothingFound=\"Nothing found\"\n zIndex={200001} // above the autocomplete\n tagsToIgnore={[]}\n highlightQuery\n actions={actions}\n limit={7}\n scrollable\n />\n
\n );\n};\n" }, { "path": "packages/app/src/TabBar.tsx", "content": "import cx from 'classnames';\n\nimport TabItem from './TabItem';\n\nexport default function TabBar({\n items,\n activeItem,\n className,\n onClick,\n 'data-testid': dataTestId,\n}: {\n items: Array<{ value: T; text: React.ReactNode }>;\n activeItem: T;\n className?: string | undefined;\n onClick?: (item: T) => any;\n 'data-testid'?: string;\n}) {\n return (\n
\n {items.map(item => {\n return (\n onClick?.(item.value)}\n >\n {item.text}\n \n );\n })}\n {/* Fill the rest of the space */}\n  \n
\n );\n}\n" }, { "path": "packages/app/src/TabBarWithContent.tsx", "content": "import { useState } from 'react';\n\nimport TabBar from './TabBar';\n\nexport default function TabBarWithContent({\n items,\n}: {\n items: {\n value: string;\n text: React.ReactNode;\n children: React.ReactNode;\n }[];\n}) {\n const [activeItem, setActiveItem] = useState(\n items[0].value,\n );\n return (\n
\n setActiveItem(value)}\n />\n {items.map(item => {\n return (\n \n {item.children}\n
\n );\n })}\n \n );\n}\n" }, { "path": "packages/app/src/TabItem.tsx", "content": "import cx from 'classnames';\n\nexport default function TabItem({\n children,\n onClick,\n active,\n className,\n style,\n ...props\n}: any) {\n return (\n \n {children}\n
\n
\n \n \n );\n}\n" }, { "path": "packages/app/src/TeamPage.tsx", "content": "import { ReactNode, useCallback, useEffect, useState } from 'react';\nimport Head from 'next/head';\nimport { useRouter } from 'next/router';\nimport { SubmitHandler, useForm } from 'react-hook-form';\nimport {\n Box,\n Button,\n Center,\n Container,\n Group,\n Loader,\n Stack,\n Tabs,\n TextInput,\n} from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\nimport { IconPencil } from '@tabler/icons-react';\n\nimport { PageHeader } from './components/PageHeader';\nimport ApiKeysSection from './components/TeamSettings/ApiKeysSection';\nimport ConnectionsSection from './components/TeamSettings/ConnectionsSection';\nimport IntegrationsSection from './components/TeamSettings/IntegrationsSection';\nimport SecurityPoliciesSection from './components/TeamSettings/SecurityPoliciesSection';\nimport SourcesSection from './components/TeamSettings/SourcesSection';\nimport TeamMembersSection from './components/TeamSettings/TeamMembersSection';\nimport TeamQueryConfigSection from './components/TeamSettings/TeamQueryConfigSection';\nimport { useBrandDisplayName } from './theme/ThemeProvider';\nimport api from './api';\nimport { withAppNav } from './layout';\n\ntype TeamTab = {\n value: string;\n label: string;\n sections: {\n id: string;\n content: ReactNode;\n }[];\n};\n\nfunction TeamTabContent({ sections }: { sections: TeamTab['sections'] }) {\n return (\n \n {sections.map(section => (\n \n {section.content}\n \n ))}\n \n );\n}\n\nexport default function TeamPage() {\n const brandName = useBrandDisplayName();\n const router = useRouter();\n const { data: team, refetch: refetchTeam, isLoading } = api.useTeam();\n const setTeamName = api.useSetTeamName();\n const allowedAuthMethods = team?.allowedAuthMethods ?? [];\n const hasAllowedAuthMethods = allowedAuthMethods.length > 0;\n\n const hasAdminAccess = true;\n const [isEditingTeamName, setIsEditingTeamName] = useState(false);\n const form = useForm<{ name: string }>({\n defaultValues: { name: team?.name },\n });\n\n const onSubmitTeamName: SubmitHandler<{ name: string }> = useCallback(\n async values => {\n setTeamName.mutate(\n { name: values.name },\n {\n onError: () => {\n notifications.show({\n color: 'red',\n message: 'Failed to update team name',\n });\n },\n onSuccess: () => {\n notifications.show({\n color: 'green',\n message: 'Updated team name',\n });\n refetchTeam();\n setIsEditingTeamName(false);\n },\n },\n );\n },\n [refetchTeam, setTeamName],\n );\n\n const tabs: TeamTab[] = [\n {\n value: 'data',\n label: 'Data',\n sections: [\n {\n id: 'team-data-sources',\n content: ,\n },\n {\n id: 'team-data-connections',\n content: ,\n },\n ],\n },\n {\n value: 'team',\n label: 'Members',\n sections: [\n {\n id: 'team-members',\n content: ,\n },\n ],\n },\n ...(hasAllowedAuthMethods\n ? [\n {\n value: 'access',\n label: 'Access',\n sections: [\n {\n id: 'team-access-security-policies',\n content: (\n \n ),\n },\n ],\n },\n ]\n : []),\n {\n value: 'integrations',\n label: 'Integrations',\n sections: [\n {\n id: 'team-integrations-webhooks',\n content: ,\n },\n {\n id: 'team-integrations-api-keys',\n content: ,\n },\n ],\n },\n {\n value: 'advanced',\n label: 'Query Settings',\n sections: [\n {\n id: 'team-advanced-query-settings',\n content: ,\n },\n ],\n },\n ];\n\n const queryTab =\n typeof router.query.tab === 'string' ? router.query.tab : null;\n const activeTab = tabs.some(tab => tab.value === queryTab)\n ? queryTab\n : tabs[0]?.value;\n\n useEffect(() => {\n if (!router.isReady || !activeTab || queryTab === activeTab) {\n return;\n }\n\n void router.replace(\n {\n pathname: router.pathname,\n query: {\n ...router.query,\n tab: activeTab,\n },\n },\n undefined,\n {\n shallow: true,\n scroll: false,\n },\n );\n }, [activeTab, queryTab, router]);\n\n const handleTabChange = useCallback(\n (value: string | null) => {\n if (!value || value === activeTab) {\n return;\n }\n\n document.getElementById('app-content-scroll-container')?.scrollTo({\n top: 0,\n });\n\n void router.replace(\n {\n pathname: router.pathname,\n query: {\n ...router.query,\n tab: value,\n },\n },\n undefined,\n {\n shallow: true,\n scroll: false,\n },\n );\n },\n [activeTab, router],\n );\n\n return (\n
\n \n My Team - {brandName}\n \n \n
\n {isEditingTeamName ? (\n
\n \n {\n if (e.key === 'Escape') {\n setIsEditingTeamName(false);\n }\n }}\n />\n \n Save\n \n setIsEditingTeamName(false)}\n >\n Cancel\n \n \n
\n ) : (\n \n \n {team?.name || 'My team'}\n \n {hasAdminAccess && (\n {\n form.reset({ name: team?.name });\n setIsEditingTeamName(true);\n }}\n >\n \n \n )}\n \n )}\n
\n \n
\n \n {isLoading && (\n
\n \n
\n )}\n {!isLoading && team != null && (\n \n \n {tabs.map(tab => (\n \n {tab.label}\n \n ))}\n \n {tabs.map(tab => (\n \n \n \n ))}\n \n )}\n \n
\n
\n );\n}\n\nTeamPage.getLayout = withAppNav;\n" }, { "path": "packages/app/src/ThemeWrapper.tsx", "content": "import React from 'react';\nimport { MantineProvider, MantineThemeOverride } from '@mantine/core';\nimport { Notifications } from '@mantine/notifications';\n\nimport { useAppTheme } from './theme/ThemeProvider';\n\nexport const ThemeWrapper = ({\n fontFamily,\n colorScheme = 'dark',\n children,\n}: {\n fontFamily?: string;\n colorScheme?: 'dark' | 'light';\n children: React.ReactNode;\n}) => {\n const { theme: appTheme } = useAppTheme();\n\n const mantineTheme = React.useMemo(() => {\n // Start with the current theme's Mantine theme\n const baseTheme = appTheme.mantineTheme;\n\n // Override font family if provided\n if (fontFamily) {\n return {\n ...baseTheme,\n fontFamily,\n headings: {\n ...baseTheme.headings,\n fontFamily,\n },\n };\n }\n\n return baseTheme;\n }, [appTheme.mantineTheme, fontFamily]);\n\n return (\n \n \n {children}\n \n );\n};\n" }, { "path": "packages/app/src/UserPreferencesModal.tsx", "content": "import * as React from 'react';\nimport {\n Autocomplete,\n Badge,\n Divider,\n Group,\n Modal,\n Select,\n Stack,\n Switch,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport { IconFlask } from '@tabler/icons-react';\n\nimport { OPTIONS_FONTS } from './config/fonts';\nimport { useAppTheme } from './theme/ThemeProvider';\nimport { isValidThemeName, themes } from './theme';\nimport { UserPreferences, useUserPreferences } from './useUserPreferences';\n\nconst OPTIONS_COLOR_MODE = [\n { label: 'System', value: 'system' },\n { label: 'Light', value: 'light' },\n { label: 'Dark', value: 'dark' },\n];\n\n// Brand theme options (generated from theme registry)\nconst OPTIONS_BRAND_THEMES = Object.values(themes).map(t => ({\n label: t.displayName,\n value: t.name,\n}));\n\nconst SettingContainer = ({\n label,\n description,\n children,\n}: {\n label: React.ReactNode;\n description?: React.ReactNode;\n children: React.ReactNode;\n}) => {\n return (\n \n
\n {label}\n {description && (\n \n {description}\n \n )}\n
\n
{children}
\n \n );\n};\n\nexport const UserPreferencesModal = ({\n opened,\n onClose,\n}: {\n opened: boolean;\n onClose: () => void;\n}) => {\n const { userPreferences, setUserPreference } = useUserPreferences();\n const { themeName, setTheme, isDev } = useAppTheme();\n\n return (\n \n Preferences\n \n Customize your experience\n \n \n }\n size=\"lg\"\n padding=\"lg\"\n keepMounted={false}\n opened={opened}\n onClose={onClose}\n >\n \n \n \n \n value &&\n setUserPreference({\n timeFormat: value as UserPreferences['timeFormat'],\n })\n }\n data={['12h', '24h']}\n allowDeselect={false}\n />\n \n \n \n setUserPreference({\n isUTC: e.currentTarget.checked,\n })\n }\n />\n \n\n \n Appearance\n \n Experimental\n \n \n }\n labelPosition=\"left\"\n mt=\"sm\"\n />\n \n \n value &&\n setUserPreference({\n colorMode: value as UserPreferences['colorMode'],\n })\n }\n data={OPTIONS_COLOR_MODE}\n allowDeselect={false}\n />\n \n\n {/*\n Brand Theme Selector - DEV MODE ONLY\n \n This is intentionally NOT available in production. Brand theme (HyperDX vs ClickStack)\n is deployment-configured via NEXT_PUBLIC_THEME environment variable.\n Each deployment is branded for a specific product; users don't choose this.\n \n This dev-only UI exists for testing theme implementations during development.\n */}\n {isDev && (\n \n Brand Theme\n \n }\n >\n Dev Only\n \n \n \n }\n description=\"Switch between HyperDX and ClickStack branding\"\n >\n {\n if (value && isValidThemeName(value)) {\n setTheme(value);\n }\n }}\n data={OPTIONS_BRAND_THEMES}\n allowDeselect={false}\n />\n \n )}\n\n {/* Font selection is only available for HyperDX theme */}\n {/* ClickStack theme always uses Inter font and doesn't show this setting */}\n {themeName !== 'clickstack' && (\n \n options}\n onChange={value =>\n setUserPreference({\n font: value as UserPreferences['font'],\n })\n }\n data={OPTIONS_FONTS}\n />\n \n )}\n \n \n );\n};\n" }, { "path": "packages/app/src/__mocks__/ky-universal.ts", "content": "// Mock for ky-universal ESM module\nconst ky = jest.fn(() => ({\n get: jest.fn(() => Promise.resolve({})),\n post: jest.fn(() => Promise.resolve({})),\n put: jest.fn(() => Promise.resolve({})),\n patch: jest.fn(() => Promise.resolve({})),\n delete: jest.fn(() => Promise.resolve({})),\n head: jest.fn(() => Promise.resolve({})),\n}));\n\n// Mock the create and extend methods to return the ky mock itself\n// @ts-expect-error this exists\nky.create = jest.fn(() => ky);\n// @ts-expect-error this exists\nky.extend = jest.fn(() => ky);\n\nmodule.exports = ky;\n" }, { "path": "packages/app/src/__mocks__/react-json-tree.tsx", "content": "// Mock for react-json-tree ESM module. We could improve this by mocking the actual module if needed.\nconst JSONTree =
JSONTree
;\n\nmodule.exports = JSONTree;\n" }, { "path": "packages/app/src/__tests__/ChartUtils.test.ts", "content": "import {\n BuilderChartConfigWithDateRange,\n SourceKind,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\n\nimport {\n convertToNumberChartConfig,\n convertToTableChartConfig,\n convertToTimeChartConfig,\n formatResponseForPieChart,\n formatResponseForTimeChart,\n} from '@/ChartUtils';\nimport { COLORS, getChartColorError } from '@/utils';\n\ndescribe('ChartUtils', () => {\n describe('formatResponseForTimeChart', () => {\n it('should throw an error if there is no timestamp column', () => {\n const res = {\n data: [\n {\n 'AVG(toFloat64OrDefault(toString(Duration)))': 167783540.53459233,\n },\n {\n 'AVG(toFloat64OrDefault(toString(Duration)))': 182291463.92714182,\n },\n ],\n meta: [\n {\n name: 'AVG(toFloat64OrDefault(toString(Duration)))',\n type: 'Float64',\n },\n ],\n };\n\n expect(() =>\n formatResponseForTimeChart({\n currentPeriodResponse: res,\n dateRange: [new Date(), new Date()],\n granularity: '1 minute',\n generateEmptyBuckets: false,\n }),\n ).toThrow(\n 'No timestamp column found in result column metadata. Make sure a Date/DateTime column exists in the result set.\\n\\nResult column metadata: [{\"name\":\"AVG(toFloat64OrDefault(toString(Duration)))\",\"type\":\"Float64\"}]',\n );\n });\n\n it('should return empty results for an empty response', () => {\n const res = {\n data: [],\n meta: [\n {\n name: 'AVG(toFloat64OrDefault(toString(Duration)))',\n type: 'Float64',\n },\n {\n name: '__hdx_time_bucket',\n type: 'DateTime',\n },\n ],\n };\n\n const actual = formatResponseForTimeChart({\n currentPeriodResponse: res,\n dateRange: [new Date(), new Date()],\n granularity: '1 minute',\n generateEmptyBuckets: false,\n });\n\n expect(actual.graphResults).toEqual([]);\n\n expect(actual.timestampColumn).toEqual({\n name: '__hdx_time_bucket',\n type: 'DateTime',\n });\n expect(actual.lineData).toEqual([]);\n });\n\n it('should format a response with a single value column and no group by', () => {\n const res = {\n data: [\n {\n 'AVG(toFloat64OrDefault(toString(Duration)))': 167783540.53459233,\n __hdx_time_bucket: '2025-11-26T11:12:00Z',\n },\n {\n 'AVG(toFloat64OrDefault(toString(Duration)))': 182291463.92714182,\n __hdx_time_bucket: '2025-11-26T11:13:00Z',\n },\n ],\n meta: [\n {\n name: 'AVG(toFloat64OrDefault(toString(Duration)))',\n type: 'Float64',\n },\n {\n name: '__hdx_time_bucket',\n type: 'DateTime',\n },\n ],\n };\n\n const actual = formatResponseForTimeChart({\n currentPeriodResponse: res,\n dateRange: [new Date(), new Date()],\n granularity: '1 minute',\n generateEmptyBuckets: false,\n });\n\n expect(actual.graphResults).toEqual([\n {\n __hdx_time_bucket: 1764155520,\n 'AVG(toFloat64OrDefault(toString(Duration)))': 167783540.53459233,\n },\n {\n __hdx_time_bucket: 1764155580,\n 'AVG(toFloat64OrDefault(toString(Duration)))': 182291463.92714182,\n },\n ]);\n\n expect(actual.timestampColumn).toEqual({\n name: '__hdx_time_bucket',\n type: 'DateTime',\n });\n expect(actual.lineData).toEqual([\n {\n color: COLORS[0],\n dataKey: 'AVG(toFloat64OrDefault(toString(Duration)))',\n currentPeriodKey: 'AVG(toFloat64OrDefault(toString(Duration)))',\n previousPeriodKey:\n 'AVG(toFloat64OrDefault(toString(Duration))) (previous)',\n displayName: 'AVG(toFloat64OrDefault(toString(Duration)))',\n isDashed: false,\n },\n ]);\n });\n\n it('should format a response with multiple value columns and a group by', () => {\n const res = {\n data: [\n {\n 'AVG(toFloat64OrDefault(toString(Duration)))': 43828228.21181263,\n max: 563518061,\n ServiceName: 'checkout',\n __hdx_time_bucket: '2025-11-26T12:23:00Z',\n },\n {\n 'AVG(toFloat64OrDefault(toString(Duration)))': 6759697.6283185845,\n max: 42092944,\n ServiceName: 'shipping',\n __hdx_time_bucket: '2025-11-26T12:23:00Z',\n },\n {\n 'AVG(toFloat64OrDefault(toString(Duration)))': 36209980.6533264,\n max: 795111023,\n ServiceName: 'checkout',\n __hdx_time_bucket: '2025-11-26T12:24:00Z',\n },\n {\n 'AVG(toFloat64OrDefault(toString(Duration)))': 6479038.598323171,\n max: 63136666,\n ServiceName: 'shipping',\n __hdx_time_bucket: '2025-11-26T12:24:00Z',\n },\n ],\n meta: [\n {\n name: 'AVG(toFloat64OrDefault(toString(Duration)))',\n type: 'Float64',\n },\n {\n name: 'max',\n type: 'Float64',\n },\n {\n name: 'ServiceName',\n type: 'LowCardinality(String)',\n },\n {\n name: '__hdx_time_bucket',\n type: 'DateTime',\n },\n ],\n };\n\n const actual = formatResponseForTimeChart({\n currentPeriodResponse: res,\n dateRange: [new Date(), new Date()],\n granularity: '1 minute',\n generateEmptyBuckets: false,\n });\n\n expect(actual.graphResults).toEqual([\n {\n __hdx_time_bucket: 1764159780,\n 'AVG(toFloat64OrDefault(toString(Duration))) · checkout': 43828228.21181263,\n 'AVG(toFloat64OrDefault(toString(Duration))) · shipping': 6759697.6283185845,\n 'max · checkout': 563518061,\n 'max · shipping': 42092944,\n },\n {\n __hdx_time_bucket: 1764159840,\n 'AVG(toFloat64OrDefault(toString(Duration))) · checkout': 36209980.6533264,\n 'AVG(toFloat64OrDefault(toString(Duration))) · shipping': 6479038.598323171,\n 'max · checkout': 795111023,\n 'max · shipping': 63136666,\n },\n ]);\n\n expect(actual.timestampColumn).toEqual({\n name: '__hdx_time_bucket',\n type: 'DateTime',\n });\n expect(actual.lineData).toEqual([\n {\n color: COLORS[0],\n dataKey: 'AVG(toFloat64OrDefault(toString(Duration))) · checkout',\n currentPeriodKey:\n 'AVG(toFloat64OrDefault(toString(Duration))) · checkout',\n previousPeriodKey:\n 'AVG(toFloat64OrDefault(toString(Duration))) · checkout (previous)',\n displayName: 'AVG(toFloat64OrDefault(toString(Duration))) · checkout',\n isDashed: false,\n },\n {\n color: COLORS[1],\n dataKey: 'max · checkout',\n currentPeriodKey: 'max · checkout',\n previousPeriodKey: 'max · checkout (previous)',\n displayName: 'max · checkout',\n isDashed: false,\n },\n {\n color: COLORS[2],\n dataKey: 'AVG(toFloat64OrDefault(toString(Duration))) · shipping',\n currentPeriodKey:\n 'AVG(toFloat64OrDefault(toString(Duration))) · shipping',\n previousPeriodKey:\n 'AVG(toFloat64OrDefault(toString(Duration))) · shipping (previous)',\n displayName: 'AVG(toFloat64OrDefault(toString(Duration))) · shipping',\n isDashed: false,\n },\n {\n color: COLORS[3],\n dataKey: 'max · shipping',\n currentPeriodKey: 'max · shipping',\n previousPeriodKey: 'max · shipping (previous)',\n displayName: 'max · shipping',\n isDashed: false,\n },\n ]);\n });\n\n it('should assign colors to log levels', () => {\n const res = {\n data: [\n {\n 'count()': '1',\n SeverityText: 'info',\n __hdx_time_bucket: '2025-11-26T12:23:00Z',\n },\n {\n 'count()': '3',\n SeverityText: 'debug',\n __hdx_time_bucket: '2025-11-26T12:23:00Z',\n },\n {\n 'count()': '1',\n SeverityText: 'error',\n __hdx_time_bucket: '2025-11-26T12:24:00Z',\n },\n ],\n meta: [\n {\n name: 'count()',\n type: 'UInt64',\n },\n {\n name: 'SeverityText',\n type: 'LowCardinality(String)',\n },\n {\n name: '__hdx_time_bucket',\n type: 'DateTime',\n },\n ],\n };\n\n const source = {\n kind: SourceKind.Log,\n severityTextExpression: 'SeverityText',\n } as TSource;\n\n const actual = formatResponseForTimeChart({\n currentPeriodResponse: res,\n dateRange: [new Date(), new Date()],\n granularity: '1 minute',\n generateEmptyBuckets: false,\n source,\n });\n\n expect(actual.lineData).toEqual([\n {\n color: COLORS[0],\n dataKey: 'info',\n currentPeriodKey: 'info',\n previousPeriodKey: 'info (previous)',\n displayName: 'info',\n isDashed: false,\n },\n {\n color: COLORS[0],\n dataKey: 'debug',\n currentPeriodKey: 'debug',\n previousPeriodKey: 'debug (previous)',\n displayName: 'debug',\n isDashed: false,\n },\n {\n color: getChartColorError(),\n dataKey: 'error',\n currentPeriodKey: 'error',\n previousPeriodKey: 'error (previous)',\n displayName: 'error',\n isDashed: false,\n },\n ]);\n });\n\n it('should zero-fill missing time buckets when generateEmptyBuckets is undefined', () => {\n const res = {\n data: [\n {\n 'AVG(toFloat64OrDefault(toString(Duration)))': 43828228.21181263,\n max: 563518061,\n ServiceName: 'checkout',\n __hdx_time_bucket: '2025-11-26T12:23:00Z',\n },\n {\n 'AVG(toFloat64OrDefault(toString(Duration)))': 6759697.6283185845,\n max: 42092944,\n ServiceName: 'shipping',\n __hdx_time_bucket: '2025-11-26T12:23:00Z',\n },\n {\n 'AVG(toFloat64OrDefault(toString(Duration)))': 6479038.598323171,\n max: 63136666,\n ServiceName: 'shipping',\n __hdx_time_bucket: '2025-11-26T12:25:00Z',\n },\n ],\n meta: [\n {\n name: 'AVG(toFloat64OrDefault(toString(Duration)))',\n type: 'Float64',\n },\n {\n name: 'max',\n type: 'Float64',\n },\n {\n name: 'ServiceName',\n type: 'LowCardinality(String)',\n },\n {\n name: '__hdx_time_bucket',\n type: 'DateTime',\n },\n ],\n };\n\n const actual = formatResponseForTimeChart({\n currentPeriodResponse: res,\n dateRange: [new Date(1764159780000), new Date(1764159900000)],\n granularity: '1 minute',\n });\n\n expect(actual.graphResults).toEqual([\n {\n __hdx_time_bucket: 1764159780,\n 'AVG(toFloat64OrDefault(toString(Duration))) · checkout': 43828228.21181263,\n 'AVG(toFloat64OrDefault(toString(Duration))) · shipping': 6759697.6283185845,\n 'max · checkout': 563518061,\n 'max · shipping': 42092944,\n },\n // Generated bucket with zeros\n {\n __hdx_time_bucket: 1764159840,\n 'AVG(toFloat64OrDefault(toString(Duration))) · checkout': 0,\n 'AVG(toFloat64OrDefault(toString(Duration))) · shipping': 0,\n 'max · checkout': 0,\n 'max · shipping': 0,\n },\n {\n __hdx_time_bucket: 1764159900,\n 'AVG(toFloat64OrDefault(toString(Duration))) · shipping': 6479038.598323171,\n 'max · shipping': 63136666,\n },\n ]);\n\n expect(actual.timestampColumn).toEqual({\n name: '__hdx_time_bucket',\n type: 'DateTime',\n });\n expect(actual.lineData).toEqual([\n {\n color: COLORS[0],\n dataKey: 'AVG(toFloat64OrDefault(toString(Duration))) · checkout',\n currentPeriodKey:\n 'AVG(toFloat64OrDefault(toString(Duration))) · checkout',\n previousPeriodKey:\n 'AVG(toFloat64OrDefault(toString(Duration))) · checkout (previous)',\n displayName: 'AVG(toFloat64OrDefault(toString(Duration))) · checkout',\n isDashed: false,\n },\n {\n color: COLORS[1],\n dataKey: 'max · checkout',\n currentPeriodKey: 'max · checkout',\n previousPeriodKey: 'max · checkout (previous)',\n displayName: 'max · checkout',\n isDashed: false,\n },\n {\n color: COLORS[2],\n dataKey: 'AVG(toFloat64OrDefault(toString(Duration))) · shipping',\n currentPeriodKey:\n 'AVG(toFloat64OrDefault(toString(Duration))) · shipping',\n previousPeriodKey:\n 'AVG(toFloat64OrDefault(toString(Duration))) · shipping (previous)',\n displayName: 'AVG(toFloat64OrDefault(toString(Duration))) · shipping',\n isDashed: false,\n },\n {\n color: COLORS[3],\n dataKey: 'max · shipping',\n currentPeriodKey: 'max · shipping',\n previousPeriodKey: 'max · shipping (previous)',\n displayName: 'max · shipping',\n isDashed: false,\n },\n ]);\n });\n\n it('should fill missing time buckets with zero when generateEmptyBuckets is true', () => {\n const res = {\n data: [\n {\n 'count()': 10,\n __hdx_time_bucket: '2025-11-26T12:23:00Z',\n },\n {\n 'count()': 20,\n __hdx_time_bucket: '2025-11-26T12:25:00Z',\n },\n ],\n meta: [\n {\n name: 'count()',\n type: 'UInt64',\n },\n {\n name: '__hdx_time_bucket',\n type: 'DateTime',\n },\n ],\n };\n\n const actual = formatResponseForTimeChart({\n currentPeriodResponse: res,\n dateRange: [new Date(1764159780000), new Date(1764159900000)],\n granularity: '1 minute',\n generateEmptyBuckets: true,\n });\n\n expect(actual.graphResults).toEqual([\n {\n __hdx_time_bucket: 1764159780,\n 'count()': 10,\n },\n {\n __hdx_time_bucket: 1764159840,\n 'count()': 0,\n },\n {\n __hdx_time_bucket: 1764159900,\n 'count()': 20,\n },\n ]);\n });\n\n it('should not fill missing time buckets when generateEmptyBuckets is false', () => {\n const res = {\n data: [\n {\n 'count()': 10,\n __hdx_time_bucket: '2025-11-26T12:23:00Z',\n },\n {\n 'count()': 20,\n __hdx_time_bucket: '2025-11-26T12:25:00Z',\n },\n ],\n meta: [\n {\n name: 'count()',\n type: 'UInt64',\n },\n {\n name: '__hdx_time_bucket',\n type: 'DateTime',\n },\n ],\n };\n\n const actual = formatResponseForTimeChart({\n currentPeriodResponse: res,\n dateRange: [new Date(1764159780000), new Date(1764159900000)],\n granularity: '1 minute',\n generateEmptyBuckets: false,\n });\n\n // Should only have the two data points, no filled buckets\n expect(actual.graphResults).toEqual([\n {\n __hdx_time_bucket: 1764159780,\n 'count()': 10,\n },\n {\n __hdx_time_bucket: 1764159900,\n 'count()': 20,\n },\n ]);\n });\n\n it('should use only the first timestamp column when multiple are present', () => {\n const res = {\n data: [\n {\n 'count()': 10,\n first_timestamp: '2025-11-26T11:12:00Z',\n other_timestamp: '2025-11-26T11:13:00Z',\n },\n ],\n meta: [\n {\n name: 'count()',\n type: 'UInt64',\n },\n {\n name: 'first_timestamp',\n type: 'DateTime',\n },\n {\n name: 'other_timestamp',\n type: 'DateTime',\n },\n ],\n };\n\n const actual = formatResponseForTimeChart({\n currentPeriodResponse: res,\n dateRange: [new Date(), new Date()],\n granularity: '1 minute',\n generateEmptyBuckets: false,\n });\n\n expect(actual.timestampColumn).toEqual({\n name: 'first_timestamp',\n type: 'DateTime',\n });\n expect(actual.graphResults).toEqual([\n {\n first_timestamp: 1764155520,\n 'count()': 10,\n },\n ]);\n });\n\n it('should treat Map, String, and Array type columns as group columns', () => {\n const res = {\n data: [\n {\n 'count()': 5,\n string_col: 'foo',\n map_col: { key: 'val' },\n array_col: [1, 2, 3],\n __hdx_time_bucket: '2025-11-26T11:12:00Z',\n },\n ],\n meta: [\n {\n name: 'count()',\n type: 'UInt64',\n },\n {\n name: 'string_col',\n type: 'String',\n },\n {\n name: 'map_col',\n type: 'Map(String, String)',\n },\n {\n name: 'array_col',\n type: 'Array(UInt64)',\n },\n {\n name: '__hdx_time_bucket',\n type: 'DateTime',\n },\n ],\n };\n\n const actual = formatResponseForTimeChart({\n currentPeriodResponse: res,\n dateRange: [new Date(), new Date()],\n granularity: '1 minute',\n generateEmptyBuckets: false,\n });\n\n // All three non-numeric, non-timestamp columns form the group key.\n // With a single value column, the value column name is omitted from the key.\n // Map and Array values are serialized as JSON strings.\n expect(actual.graphResults).toEqual([\n {\n __hdx_time_bucket: 1764155520,\n 'foo · {\"key\":\"val\"} · [1,2,3]': 5,\n },\n ]);\n expect(actual.lineData).toEqual([\n {\n color: COLORS[0],\n dataKey: 'foo · {\"key\":\"val\"} · [1,2,3]',\n currentPeriodKey: 'foo · {\"key\":\"val\"} · [1,2,3]',\n previousPeriodKey: 'foo · {\"key\":\"val\"} · [1,2,3] (previous)',\n displayName: 'foo · {\"key\":\"val\"} · [1,2,3]',\n isDashed: false,\n },\n ]);\n });\n\n it('should plot previous period data when provided, shifted to align with current period', () => {\n const currentPeriodResponse = {\n data: [\n {\n 'AVG(toFloat64OrDefault(toString(Duration)))': 167783540.53459233,\n __hdx_time_bucket: '2025-11-26T11:12:00Z',\n },\n {\n 'AVG(toFloat64OrDefault(toString(Duration)))': 182291463.92714182,\n __hdx_time_bucket: '2025-11-26T11:13:00Z',\n },\n ],\n meta: [\n {\n name: 'AVG(toFloat64OrDefault(toString(Duration)))',\n type: 'Float64',\n },\n {\n name: '__hdx_time_bucket',\n type: 'DateTime',\n },\n ],\n };\n\n const previousPeriodResponse = {\n data: [\n {\n 'AVG(toFloat64OrDefault(toString(Duration)))': 123.45,\n __hdx_time_bucket: '2025-11-26T11:10:00Z',\n },\n {\n 'AVG(toFloat64OrDefault(toString(Duration)))': 678.9,\n __hdx_time_bucket: '2025-11-26T11:11:00Z',\n },\n ],\n meta: [\n {\n name: 'AVG(toFloat64OrDefault(toString(Duration)))',\n type: 'Float64',\n },\n {\n name: '__hdx_time_bucket',\n type: 'DateTime',\n },\n ],\n };\n\n const actual = formatResponseForTimeChart({\n currentPeriodResponse,\n previousPeriodResponse,\n dateRange: [\n new Date('2025-11-26T11:12:00Z'),\n new Date('2025-11-26T11:14:00Z'),\n ],\n granularity: '1 minute',\n generateEmptyBuckets: false,\n previousPeriodOffsetSeconds: 120,\n });\n\n expect(actual.graphResults).toEqual([\n {\n __hdx_time_bucket: 1764155520,\n 'AVG(toFloat64OrDefault(toString(Duration)))': 167783540.53459233,\n 'AVG(toFloat64OrDefault(toString(Duration))) (previous)': 123.45,\n },\n {\n __hdx_time_bucket: 1764155580,\n 'AVG(toFloat64OrDefault(toString(Duration)))': 182291463.92714182,\n 'AVG(toFloat64OrDefault(toString(Duration))) (previous)': 678.9,\n },\n ]);\n\n expect(actual.timestampColumn).toEqual({\n name: '__hdx_time_bucket',\n type: 'DateTime',\n });\n expect(actual.lineData).toEqual([\n {\n color: COLORS[0],\n currentPeriodKey: 'AVG(toFloat64OrDefault(toString(Duration)))',\n previousPeriodKey:\n 'AVG(toFloat64OrDefault(toString(Duration))) (previous)',\n dataKey: 'AVG(toFloat64OrDefault(toString(Duration)))',\n displayName: 'AVG(toFloat64OrDefault(toString(Duration)))',\n isDashed: false,\n },\n {\n color: COLORS[0],\n currentPeriodKey: 'AVG(toFloat64OrDefault(toString(Duration)))',\n previousPeriodKey:\n 'AVG(toFloat64OrDefault(toString(Duration))) (previous)',\n dataKey: 'AVG(toFloat64OrDefault(toString(Duration))) (previous)',\n displayName: 'AVG(toFloat64OrDefault(toString(Duration))) (previous)',\n isDashed: true,\n },\n ]);\n });\n });\n\n describe('convertToTimeChartConfig', () => {\n it('should set granularity when granularity is auto', () => {\n const config = {\n granularity: 'auto',\n dateRange: [\n new Date('2025-11-26T00:00:00Z'),\n new Date('2025-11-27T00:00:00Z'),\n ],\n } as BuilderChartConfigWithDateRange;\n\n const granularityFromFunction =\n convertToTimeChartConfig(config).granularity;\n\n expect(granularityFromFunction).toBe('30 minute');\n });\n\n it('should set granularity when granularity is undefined', () => {\n const config = {\n dateRange: [\n new Date('2025-11-26T00:00:00Z'),\n new Date('2025-11-27T00:00:00Z'),\n ],\n } as BuilderChartConfigWithDateRange;\n\n const granularityFromFunction =\n convertToTimeChartConfig(config).granularity;\n\n expect(granularityFromFunction).toBe('30 minute');\n });\n\n it('should retain the specified granularity when not auto', () => {\n const config = {\n granularity: '5 minute',\n dateRange: [\n new Date('2025-11-26T00:00:00Z'),\n new Date('2025-11-27T00:00:00Z'),\n ],\n } as BuilderChartConfigWithDateRange;\n\n const granularityFromFunction =\n convertToTimeChartConfig(config).granularity;\n\n expect(granularityFromFunction).toBe('5 minute');\n });\n });\n\n describe('convertToNumberChartConfig', () => {\n it('should remove granularity and groupBy from the config', () => {\n const config = {\n granularity: '5 minute',\n groupBy: 'ServiceName',\n dateRange: [\n new Date('2025-11-26T00:00:00Z'),\n new Date('2025-11-27T00:00:00Z'),\n ],\n } as BuilderChartConfigWithDateRange;\n\n const convertedConfig = convertToNumberChartConfig(config);\n\n expect(convertedConfig.granularity).toBeUndefined();\n expect(convertedConfig.groupBy).toBeUndefined();\n });\n });\n\n describe('convertToTableChartConfig', () => {\n it('should remove granularity from the config', () => {\n const config = {\n granularity: '5 minute',\n dateRange: [\n new Date('2025-11-26T00:00:00Z'),\n new Date('2025-11-27T00:00:00Z'),\n ],\n } as BuilderChartConfigWithDateRange;\n\n const convertedConfig = convertToTableChartConfig(config);\n\n expect(convertedConfig.granularity).toBeUndefined();\n });\n\n it('should apply a default sort if none is provided', () => {\n const config = {\n groupBy: 'ServiceName',\n dateRange: [\n new Date('2025-11-26T00:00:00Z'),\n new Date('2025-11-27T00:00:00Z'),\n ],\n } as BuilderChartConfigWithDateRange;\n\n const convertedConfig = convertToTableChartConfig(config);\n\n expect(convertedConfig.orderBy).toEqual('ServiceName');\n });\n\n it('should apply a default limit if none is provided', () => {\n const config = {\n groupBy: 'ServiceName',\n dateRange: [\n new Date('2025-11-26T00:00:00Z'),\n new Date('2025-11-27T00:00:00Z'),\n ],\n } as BuilderChartConfigWithDateRange;\n\n const convertedConfig = convertToTableChartConfig(config);\n\n expect(convertedConfig.limit).toEqual({ limit: 200 });\n });\n });\n\n describe('formatResponseForPieChart', () => {\n const getColor = (index: number, label: string) =>\n `color-${index}-${label}`;\n\n it('returns empty array when data.data is empty', () => {\n const result = formatResponseForPieChart(\n {\n data: [],\n meta: [{ name: 'count()', type: 'UInt64' }],\n },\n getColor,\n );\n expect(result).toEqual([]);\n });\n\n it('throws when meta is missing', () => {\n expect(() =>\n formatResponseForPieChart(\n { data: [{ 'count()': 10 }] } as any,\n getColor,\n ),\n ).toThrow('No meta data found in response');\n });\n\n it('throws when there are no numeric value columns', () => {\n expect(() =>\n formatResponseForPieChart(\n {\n data: [{ ServiceName: 'checkout' }],\n meta: [{ name: 'ServiceName', type: 'LowCardinality(String)' }],\n },\n getColor,\n ),\n ).toThrow(\n 'No value columns found in result column metadata. Make sure a numeric column exists in the result set.\\n\\nResult column metadata: [{\"name\":\"ServiceName\",\"type\":\"LowCardinality(String)\"}]',\n );\n });\n\n it('uses the value column name as label when there are no group-by columns', () => {\n const result = formatResponseForPieChart(\n {\n data: [{ 'count()': 10 }],\n meta: [{ name: 'count()', type: 'UInt64' }],\n },\n getColor,\n );\n expect(result).toEqual([\n { label: 'count()', value: 10, color: 'color-0-count()' },\n ]);\n });\n\n it('joins group-by column values with \" - \" as the label', () => {\n const result = formatResponseForPieChart(\n {\n data: [\n { 'count()': 10, ServiceName: 'checkout', env: 'prod' },\n { 'count()': 5, ServiceName: 'shipping', env: 'prod' },\n ],\n meta: [\n { name: 'count()', type: 'UInt64' },\n { name: 'ServiceName', type: 'LowCardinality(String)' },\n { name: 'env', type: 'LowCardinality(String)' },\n ],\n },\n getColor,\n );\n expect(result).toEqual([\n {\n label: 'checkout - prod',\n value: 10,\n color: 'color-0-checkout - prod',\n },\n {\n label: 'shipping - prod',\n value: 5,\n color: 'color-1-shipping - prod',\n },\n ]);\n });\n\n it('parses string numeric values', () => {\n const result = formatResponseForPieChart(\n {\n data: [{ 'count()': '42' }],\n meta: [{ name: 'count()', type: 'UInt64' }],\n },\n getColor,\n );\n expect(result).toEqual([\n { label: 'count()', value: 42, color: 'color-0-count()' },\n ]);\n });\n\n it('filters out NaN values', () => {\n const result = formatResponseForPieChart(\n {\n data: [{ 'count()': 'not-a-number' }, { 'count()': 5 }],\n meta: [{ name: 'count()', type: 'UInt64' }],\n },\n getColor,\n );\n expect(result).toEqual([\n { label: 'count()', value: 5, color: 'color-0-count()' },\n ]);\n });\n\n it('sorts entries in descending order by value', () => {\n const result = formatResponseForPieChart(\n {\n data: [\n { 'count()': 3, ServiceName: 'c' },\n { 'count()': 10, ServiceName: 'a' },\n { 'count()': 1, ServiceName: 'b' },\n ],\n meta: [\n { name: 'count()', type: 'UInt64' },\n { name: 'ServiceName', type: 'LowCardinality(String)' },\n ],\n },\n getColor,\n );\n expect(result.map(e => e.value)).toEqual([10, 3, 1]);\n });\n\n it('assigns colors by sorted index', () => {\n const result = formatResponseForPieChart(\n {\n data: [\n { 'count()': 1, ServiceName: 'b' },\n { 'count()': 10, ServiceName: 'a' },\n ],\n meta: [\n { name: 'count()', type: 'UInt64' },\n { name: 'ServiceName', type: 'LowCardinality(String)' },\n ],\n },\n getColor,\n );\n // 'a' (value 10) sorts first and gets index 0; 'b' (value 1) gets index 1\n expect(result[0]).toMatchObject({ label: 'a', color: 'color-0-a' });\n expect(result[1]).toMatchObject({ label: 'b', color: 'color-1-b' });\n });\n\n it('uses only the first numeric column as the value column', () => {\n const result = formatResponseForPieChart(\n {\n data: [{ count: 5, duration: 999, ServiceName: 'svc' }],\n meta: [\n { name: 'count', type: 'UInt64' },\n { name: 'duration', type: 'Float64' },\n { name: 'ServiceName', type: 'LowCardinality(String)' },\n ],\n },\n getColor,\n );\n expect(result).toEqual([\n { label: 'svc', value: 5, color: 'color-0-svc' },\n ]);\n });\n });\n});\n" }, { "path": "packages/app/src/__tests__/DBSearchPage.test.tsx", "content": "import { SourceKind } from '@hyperdx/common-utils/dist/types';\nimport { renderHook } from '@testing-library/react';\n\nimport * as sourceModule from '@/source';\n\nimport { useDefaultOrderBy } from '../DBSearchPage';\nimport * as metadataModule from '../hooks/useMetadata';\n\n// Mock the dependencies\njest.mock('@/layout', () => ({\n withAppNav: (component: any) => component,\n}));\n\ndescribe('useDefaultOrderBy', () => {\n beforeEach(() => {\n jest.clearAllMocks();\n });\n\n describe('optimizeOrderBy function', () => {\n describe('should handle', () => {\n const testCases = [\n {\n sortingKey: undefined,\n expected: 'Timestamp DESC',\n },\n {\n sortingKey: '',\n expected: 'Timestamp DESC',\n },\n {\n // Traces Table\n sortingKey: 'ServiceName, SpanName, toDateTime(Timestamp)',\n expected: 'Timestamp DESC',\n },\n {\n // Optimized Traces Table\n sortingKey:\n 'toStartOfHour(Timestamp), ServiceName, SpanName, toDateTime(Timestamp)',\n expected: '(toStartOfHour(Timestamp), toDateTime(Timestamp)) DESC',\n },\n {\n // Unsupported for now as it's not a great sort key, want to just\n // use default behavior for this\n sortingKey: 'toDateTime(Timestamp), ServiceName, SpanName, Timestamp',\n expected: 'Timestamp DESC',\n },\n {\n // Unsupported prefix sort key\n sortingKey: 'toDateTime(Timestamp), ServiceName, SpanName',\n expected: 'Timestamp DESC',\n },\n {\n // Inverted sort key order, we should not try to optimize this\n sortingKey:\n 'ServiceName, toDateTime(Timestamp), SeverityText, toStartOfHour(Timestamp)',\n expected: 'Timestamp DESC',\n },\n {\n sortingKey: 'toStartOfHour(Timestamp), other_column, Timestamp',\n expected: '(toStartOfHour(Timestamp), Timestamp) DESC',\n },\n {\n sortingKey: 'Timestamp, other_column',\n expected: 'Timestamp DESC',\n },\n {\n sortingKey: 'user_id, toStartOfHour(Timestamp), status, Timestamp',\n expected: '(toStartOfHour(Timestamp), Timestamp) DESC',\n },\n {\n sortingKey:\n 'toStartOfMinute(Timestamp), user_id, status, toUnixTimestamp(Timestamp)',\n expected:\n '(toStartOfMinute(Timestamp), toUnixTimestamp(Timestamp)) DESC',\n },\n {\n // test variation of toUnixTimestamp\n sortingKey:\n 'toStartOfMinute(Timestamp), user_id, status, toUnixTimestamp64Nano(Timestamp)',\n expected:\n '(toStartOfMinute(Timestamp), toUnixTimestamp64Nano(Timestamp)) DESC',\n },\n {\n sortingKey:\n 'toUnixTimestamp(toStartOfMinute(Timestamp)), user_id, status, Timestamp',\n expected:\n '(toUnixTimestamp(toStartOfMinute(Timestamp)), Timestamp) DESC',\n },\n {\n sortingKey: 'toStartOfMinute(Timestamp), user_id, status, Timestamp',\n timestampValueExpression: 'Timestamp, toStartOfMinute(Timestamp)',\n expected: '(toStartOfMinute(Timestamp), Timestamp) DESC',\n },\n {\n sortingKey: 'Timestamp',\n displayedTimestampValueExpression: 'Timestamp64',\n expected: '(Timestamp, Timestamp64) DESC',\n },\n {\n sortingKey: 'Timestamp',\n displayedTimestampValueExpression: 'Timestamp64 ',\n expected: '(Timestamp, Timestamp64) DESC',\n },\n {\n sortingKey: 'Timestamp',\n displayedTimestampValueExpression: 'Timestamp',\n expected: 'Timestamp DESC',\n },\n {\n sortingKey: 'Timestamp',\n displayedTimestampValueExpression: '',\n expected: 'Timestamp DESC',\n },\n {\n sortingKey: 'Timestamp, ServiceName, Timestamp64',\n displayedTimestampValueExpression: 'Timestamp64',\n expected: '(Timestamp, Timestamp64) DESC',\n },\n {\n sortingKey:\n 'toStartOfMinute(Timestamp), Timestamp, ServiceName, Timestamp64',\n displayedTimestampValueExpression: 'Timestamp64',\n expected: '(toStartOfMinute(Timestamp), Timestamp, Timestamp64) DESC',\n },\n {\n sortingKey:\n 'toStartOfMinute(Timestamp), Timestamp64, ServiceName, Timestamp',\n displayedTimestampValueExpression: 'Timestamp64',\n expected: '(toStartOfMinute(Timestamp), Timestamp64, Timestamp) DESC',\n },\n {\n sortingKey: 'SomeOtherTimeColumn',\n displayedTimestampValueExpression: 'Timestamp64',\n expected: '(Timestamp, Timestamp64) DESC',\n },\n {\n sortingKey: '',\n displayedTimestampValueExpression: 'Timestamp64',\n expected: '(Timestamp, Timestamp64) DESC',\n },\n {\n sortingKey: 'ServiceName, TimestampTime, Timestamp',\n timestampValueExpression: 'TimestampTime, Timestamp',\n displayedTimestampValueExpression: 'Timestamp',\n expected: '(TimestampTime, Timestamp) DESC',\n },\n {\n sortingKey: 'ServiceName, TimestampTime, Timestamp',\n timestampValueExpression: 'Timestamp, TimestampTime',\n displayedTimestampValueExpression: 'Timestamp',\n expected: 'Timestamp DESC',\n },\n {\n sortingKey: '',\n timestampValueExpression: 'Timestamp, TimestampTime',\n displayedTimestampValueExpression: '',\n expected: 'Timestamp DESC',\n },\n ];\n for (const testCase of testCases) {\n it(`${testCase.sortingKey}`, () => {\n const mockSource = {\n kind: SourceKind.Log,\n timestampValueExpression:\n testCase.timestampValueExpression || 'Timestamp',\n displayedTimestampValueExpression:\n testCase.displayedTimestampValueExpression,\n };\n\n const mockTableMetadata = {\n sorting_key: testCase.sortingKey,\n };\n\n jest.spyOn(sourceModule, 'useSource').mockReturnValue({\n data: mockSource,\n isLoading: false,\n error: null,\n } as any);\n\n jest.spyOn(metadataModule, 'useTableMetadata').mockReturnValue({\n data: mockTableMetadata,\n isLoading: false,\n error: null,\n } as any);\n\n const { result } = renderHook(() => useDefaultOrderBy('source-id'));\n\n expect(result.current).toBe(testCase.expected);\n });\n }\n });\n\n it('should handle null source ungracefully', () => {\n jest.spyOn(sourceModule, 'useSource').mockReturnValue({\n data: null,\n isLoading: false,\n error: null,\n } as any);\n\n jest.spyOn(metadataModule, 'useTableMetadata').mockReturnValue({\n data: null,\n isLoading: false,\n error: null,\n } as any);\n\n const { result } = renderHook(() => useDefaultOrderBy(null));\n\n expect(result.current).toBe(undefined);\n });\n\n it('should handle undefined sourceID ungracefully', () => {\n jest.spyOn(sourceModule, 'useSource').mockReturnValue({\n data: null,\n isLoading: false,\n error: null,\n } as any);\n\n jest.spyOn(metadataModule, 'useTableMetadata').mockReturnValue({\n data: null,\n isLoading: false,\n error: null,\n } as any);\n\n const { result } = renderHook(() => useDefaultOrderBy(undefined));\n\n expect(result.current).toBe(undefined);\n });\n\n it('should return orderByExpression when set on the source', () => {\n const mockSource = {\n kind: SourceKind.Log,\n timestampValueExpression: 'Timestamp',\n orderByExpression: 'Timestamp ASC',\n };\n\n const mockTableMetadata = {\n sorting_key: 'toStartOfMinute(Timestamp), Timestamp',\n };\n\n jest.spyOn(sourceModule, 'useSource').mockReturnValue({\n data: mockSource,\n isLoading: false,\n error: null,\n } as any);\n\n jest.spyOn(metadataModule, 'useTableMetadata').mockReturnValue({\n data: mockTableMetadata,\n isLoading: false,\n error: null,\n } as any);\n\n const { result } = renderHook(() => useDefaultOrderBy('source-id'));\n\n expect(result.current).toBe('Timestamp ASC');\n });\n\n it('should fall back to optimized order when orderByExpression is empty', () => {\n const mockSource = {\n kind: SourceKind.Log,\n timestampValueExpression: 'Timestamp',\n orderByExpression: '',\n };\n\n const mockTableMetadata = {\n sorting_key: 'toStartOfHour(Timestamp), Timestamp',\n };\n\n jest.spyOn(sourceModule, 'useSource').mockReturnValue({\n data: mockSource,\n isLoading: false,\n error: null,\n } as any);\n\n jest.spyOn(metadataModule, 'useTableMetadata').mockReturnValue({\n data: mockTableMetadata,\n isLoading: false,\n error: null,\n } as any);\n\n const { result } = renderHook(() => useDefaultOrderBy('source-id'));\n\n expect(result.current).toBe('(toStartOfHour(Timestamp), Timestamp) DESC');\n });\n\n it('should fall back to optimized order when orderByExpression is undefined', () => {\n const mockSource = {\n kind: SourceKind.Log,\n timestampValueExpression: 'Timestamp',\n };\n\n const mockTableMetadata = {\n sorting_key: 'toStartOfHour(Timestamp), Timestamp',\n };\n\n jest.spyOn(sourceModule, 'useSource').mockReturnValue({\n data: mockSource,\n isLoading: false,\n error: null,\n } as any);\n\n jest.spyOn(metadataModule, 'useTableMetadata').mockReturnValue({\n data: mockTableMetadata,\n isLoading: false,\n error: null,\n } as any);\n\n const { result } = renderHook(() => useDefaultOrderBy('source-id'));\n\n expect(result.current).toBe('(toStartOfHour(Timestamp), Timestamp) DESC');\n });\n\n it('should handle complex Timestamp expressions', () => {\n const mockSource = {\n kind: SourceKind.Log,\n timestampValueExpression: 'toDateTime(timestamp_ms / 1000)',\n };\n\n const mockTableMetadata = {\n sorting_key:\n 'toStartOfHour(toDateTime(timestamp_ms / 1000)), toDateTime(timestamp_ms / 1000)',\n };\n\n jest.spyOn(sourceModule, 'useSource').mockReturnValue({\n data: mockSource,\n isLoading: false,\n error: null,\n } as any);\n\n jest.spyOn(metadataModule, 'useTableMetadata').mockReturnValue({\n data: mockTableMetadata,\n isLoading: false,\n error: null,\n } as any);\n\n const { result } = renderHook(() => useDefaultOrderBy('source-id'));\n\n expect(result.current).toBe(\n '(toStartOfHour(toDateTime(timestamp_ms / 1000)), toDateTime(timestamp_ms / 1000)) DESC',\n );\n });\n\n it('should memoize result correctly when dependencies change', () => {\n const mockSource1 = {\n timestampValueExpression: 'timestamp1',\n };\n\n const mockSource2 = {\n timestampValueExpression: 'timestamp2',\n };\n\n const useSourceSpy = jest\n .spyOn(sourceModule, 'useSource')\n .mockReturnValue({\n data: mockSource1,\n isLoading: false,\n error: null,\n } as any);\n\n jest.spyOn(metadataModule, 'useTableMetadata').mockReturnValue({\n data: undefined,\n isLoading: false,\n error: null,\n } as any);\n\n const { result, rerender } = renderHook(() =>\n useDefaultOrderBy('source-id'),\n );\n\n expect(result.current).toBe('timestamp1 DESC');\n\n // Update the mock to return different data\n useSourceSpy.mockReturnValue({\n data: mockSource2,\n isLoading: false,\n error: null,\n } as any);\n\n rerender();\n\n expect(result.current).toBe('timestamp2 DESC');\n });\n });\n});\n" }, { "path": "packages/app/src/__tests__/DBSearchPageQueryKey.test.tsx", "content": "import React from 'react';\nimport objectHash from 'object-hash';\nimport {\n ChartConfigWithDateRange,\n DisplayType,\n} from '@hyperdx/common-utils/dist/types';\n\nimport { DBTimeChart } from '@/components/DBTimeChart';\nimport SearchTotalCountChart from '@/components/SearchTotalCountChart';\n\n// Mock the API and hooks\njest.mock('@/api', () => ({\n __esModule: true,\n default: {\n useMe: () => ({\n data: { team: { parallelizeWhenPossible: false } },\n isLoading: false,\n }),\n },\n}));\n\njest.mock('@/hooks/useMVOptimizationExplanation', () => ({\n useMVOptimizationExplanation: jest.fn().mockReturnValue({\n data: undefined,\n isLoading: false,\n isPlaceholderData: false,\n }),\n}));\n\njest.mock('@/hooks/useChartConfig', () => ({\n useQueriedChartConfig: jest.fn(() => ({\n data: { data: [], isComplete: true },\n isLoading: false,\n isError: false,\n isPlaceholderData: false,\n isSuccess: true,\n })),\n}));\n\njest.mock('@/source', () => ({\n useSource: () => ({ data: null, isLoading: false }),\n}));\n\njest.mock('@/ChartUtils', () => ({\n useTimeChartSettings: () => ({\n displayType: DisplayType.StackedBar,\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')],\n granularity: '30 minutes',\n fillNulls: true,\n }),\n formatResponseForTimeChart: () => ({\n graphResults: [],\n timestampColumn: undefined,\n lineData: [],\n groupColumns: [],\n valueColumns: [],\n isSingleValueColumn: true,\n }),\n getPreviousDateRange: (dateRange: [Date, Date]) => [\n new Date('2023-12-31'),\n new Date('2024-01-01'),\n ],\n getAlignedDateRange: (dateRange: [Date, Date]) => dateRange,\n convertToTimeChartConfig:\n jest.requireActual('@/ChartUtils').convertToTimeChartConfig,\n}));\n\ndescribe('DBSearchPage QueryKey Consistency', () => {\n let mockUseQueriedChartConfig: jest.Mock;\n\n beforeEach(async () => {\n mockUseQueriedChartConfig = (await import('@/hooks/useChartConfig'))\n .useQueriedChartConfig as any;\n mockUseQueriedChartConfig.mockClear();\n });\n\n it('should use matching queryKeys between SearchTotalCountChart and DBTimeChart', () => {\n const config: ChartConfigWithDateRange = {\n select: 'count()',\n from: { databaseName: 'test', tableName: 'logs' },\n where: '',\n timestampValueExpression: 'timestamp',\n connection: 'test-connection',\n displayType: DisplayType.StackedBar,\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')],\n };\n\n const queryKeyPrefix = 'search';\n\n // Render SearchTotalCountChart\n renderWithMantine(\n ,\n );\n\n // Render DBTimeChart\n renderWithMantine(\n ,\n );\n\n // Get all calls to useQueriedChartConfig\n const calls = mockUseQueriedChartConfig.mock.calls;\n\n // Should have at least 2 calls (one for each component)\n expect(calls.length).toBeGreaterThanOrEqual(2);\n\n // Extract queryKey from each call\n const searchTotalCountQueryKey = calls[0][1]?.queryKey;\n const dbTimeChartQueryKey = calls[1][1]?.queryKey;\n\n // Both should exist\n expect(searchTotalCountQueryKey).toBeDefined();\n expect(dbTimeChartQueryKey).toBeDefined();\n\n // The key structure should be identical for both components\n // This ensures React Query can properly dedupe the queries\n expect(searchTotalCountQueryKey).toEqual(dbTimeChartQueryKey);\n\n // Additional object hash check for deep equality verification\n const searchQueryKeyHash = objectHash(searchTotalCountQueryKey);\n const chartQueryKeyHash = objectHash(dbTimeChartQueryKey);\n expect(searchQueryKeyHash).toBe(chartQueryKeyHash);\n });\n\n it('should use consistent queryKeys when disableQueryChunking is set', () => {\n const config: ChartConfigWithDateRange = {\n select: 'count()',\n from: { databaseName: 'test', tableName: 'logs' },\n where: '',\n timestampValueExpression: 'timestamp',\n connection: 'test-connection',\n displayType: DisplayType.StackedBar,\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')],\n };\n\n const queryKeyPrefix = 'search';\n\n // Render both components with disableQueryChunking\n renderWithMantine(\n ,\n );\n\n renderWithMantine(\n ,\n );\n\n const calls = mockUseQueriedChartConfig.mock.calls;\n const searchQueryKey = calls[0][1]?.queryKey;\n const chartQueryKey = calls[1][1]?.queryKey;\n\n // Verify the options include disableQueryChunking\n expect(searchQueryKey[3]).toHaveProperty('disableQueryChunking', true);\n expect(chartQueryKey[3]).toHaveProperty('disableQueryChunking', true);\n\n // Keys should still match\n expect(searchQueryKey).toEqual(chartQueryKey);\n\n // Additional object hash check for deep equality verification\n const searchQueryKeyHash = objectHash(searchQueryKey);\n const chartQueryKeyHash = objectHash(chartQueryKey);\n expect(searchQueryKeyHash).toBe(chartQueryKeyHash);\n });\n});\n" }, { "path": "packages/app/src/__tests__/KubernetesDashboardPage.test.ts", "content": "import { SourceKind, TSource } from '@hyperdx/common-utils/dist/types';\n\nimport { resolveSourceIds } from '@/KubernetesDashboardPage';\n\ndescribe('resolveSourceIds', () => {\n const mockLogSource: TSource = {\n id: 'log-1',\n name: 'Log Source 1',\n kind: SourceKind.Log,\n connection: 'connection-1',\n metricSourceId: 'metric-1',\n } as TSource;\n\n const mockMetricSource: TSource = {\n id: 'metric-1',\n name: 'Metric Source 1',\n kind: SourceKind.Metric,\n connection: 'connection-1',\n logSourceId: 'log-1',\n } as TSource;\n\n const mockMetricSourceNotCorrelated: TSource = {\n id: 'metric-1-not-correlated',\n name: 'Metric Source Not Correlated',\n kind: SourceKind.Metric,\n connection: 'connection-1',\n } as TSource;\n\n const mockLogSourceNotCorrelated: TSource = {\n id: 'log-1-not-correlated',\n name: 'Log Source Not Correlated',\n kind: SourceKind.Log,\n connection: 'connection-1',\n } as TSource;\n\n const mockLogSource2: TSource = {\n id: 'log-2',\n name: 'Log Source 2',\n kind: SourceKind.Log,\n connection: 'connection-2',\n } as TSource;\n\n const mockMetricSource2: TSource = {\n id: 'metric-2',\n name: 'Metric Source 2',\n kind: SourceKind.Metric,\n connection: 'connection-2',\n } as TSource;\n\n describe('when both source IDs are provided', () => {\n it('should return both source IDs as-is', () => {\n const result = resolveSourceIds('log-1', 'metric-1', [\n mockLogSource,\n mockMetricSource,\n ]);\n expect(result).toEqual({\n logSourceId: 'log-1',\n metricSourceId: 'metric-1',\n });\n });\n\n it('should return both source IDs even if sources array is undefined', () => {\n const result = resolveSourceIds('log-1', 'metric-1', undefined);\n expect(result).toEqual({\n logSourceId: 'log-1',\n metricSourceId: 'metric-1',\n });\n });\n\n it('should return both source IDs even if they are not in the sources array', () => {\n const result = resolveSourceIds('log-999', 'metric-999', [\n mockLogSource,\n mockMetricSource,\n ]);\n expect(result).toEqual({\n logSourceId: 'log-999',\n metricSourceId: 'metric-999',\n });\n });\n });\n\n describe('when only log source ID is provided', () => {\n it('should return the correlated metric source when one is available', () => {\n const sources = [\n mockLogSourceNotCorrelated,\n mockLogSource,\n mockMetricSourceNotCorrelated,\n mockMetricSource,\n mockMetricSource2,\n mockLogSource2,\n ];\n const result = resolveSourceIds('log-1', null, sources);\n expect(result).toEqual({\n logSourceId: 'log-1',\n metricSourceId: 'metric-1',\n });\n });\n\n it('should find metric source from the same connection if there is no correlated metric source', () => {\n const sources = [\n mockLogSource,\n mockMetricSource,\n mockMetricSource2,\n mockLogSource2,\n ];\n const result = resolveSourceIds('log-2', null, sources);\n expect(result).toEqual({\n logSourceId: 'log-2',\n metricSourceId: 'metric-2',\n });\n });\n\n it('should return undefined for metric source if no matching connection', () => {\n const sources = [mockLogSource, mockMetricSource2];\n const result = resolveSourceIds('log-1', null, sources);\n expect(result).toEqual({\n logSourceId: 'log-1',\n metricSourceId: undefined,\n });\n });\n\n it('should return undefined for metric source if log source not found', () => {\n const sources = [mockLogSource, mockMetricSource];\n const result = resolveSourceIds('log-999', null, sources);\n expect(result).toEqual({\n logSourceId: 'log-999',\n metricSourceId: undefined,\n });\n });\n\n it('should return log source ID and undefined if sources array is undefined', () => {\n const result = resolveSourceIds('log-1', null, undefined);\n expect(result).toEqual({\n logSourceId: 'log-1',\n metricSourceId: undefined,\n });\n });\n\n it('should handle undefined metric source ID', () => {\n const sources = [mockLogSource, mockMetricSource];\n const result = resolveSourceIds('log-1', undefined, sources);\n expect(result).toEqual({\n logSourceId: 'log-1',\n metricSourceId: 'metric-1',\n });\n });\n });\n\n describe('when only metric source ID is provided', () => {\n it('should return the correlated metric source when one is available', () => {\n const sources = [\n mockLogSourceNotCorrelated,\n mockLogSource,\n mockMetricSourceNotCorrelated,\n mockMetricSource,\n mockMetricSource2,\n mockLogSource2,\n ];\n const result = resolveSourceIds('log-1', null, sources);\n expect(result).toEqual({\n logSourceId: 'log-1',\n metricSourceId: 'metric-1',\n });\n });\n\n it('should find log source from the same connection when there is no correlated log source', () => {\n const sources = [\n mockLogSourceNotCorrelated,\n mockMetricSource,\n mockLogSource2,\n mockMetricSource2,\n ];\n const result = resolveSourceIds(null, 'metric-1', sources);\n expect(result).toEqual({\n logSourceId: 'log-1-not-correlated',\n metricSourceId: 'metric-1',\n });\n });\n\n it('should return undefined for log source if no matching connection', () => {\n const sources = [mockLogSource2, mockMetricSource];\n const result = resolveSourceIds(null, 'metric-1', sources);\n expect(result).toEqual({\n logSourceId: undefined,\n metricSourceId: 'metric-1',\n });\n });\n\n it('should return undefined for log source if metric source not found', () => {\n const sources = [mockLogSource, mockMetricSource];\n const result = resolveSourceIds(null, 'metric-999', sources);\n expect(result).toEqual({\n logSourceId: undefined,\n metricSourceId: 'metric-999',\n });\n });\n\n it('should return undefined and metric source ID if sources array is undefined', () => {\n const result = resolveSourceIds(null, 'metric-1', undefined);\n expect(result).toEqual({\n logSourceId: undefined,\n metricSourceId: 'metric-1',\n });\n });\n\n it('should handle undefined log source ID', () => {\n const sources = [mockLogSource, mockMetricSource];\n const result = resolveSourceIds(undefined, 'metric-1', sources);\n expect(result).toEqual({\n logSourceId: 'log-1',\n metricSourceId: 'metric-1',\n });\n });\n });\n\n describe('when neither source ID is provided', () => {\n it('should return two correlated sources, if available', () => {\n const sources = [\n mockLogSourceNotCorrelated,\n mockLogSource,\n mockMetricSourceNotCorrelated,\n mockMetricSource,\n mockMetricSource2,\n mockLogSource2,\n ];\n const result = resolveSourceIds(null, null, sources);\n expect(result).toEqual({\n logSourceId: 'log-1',\n metricSourceId: 'metric-1',\n });\n });\n\n it('should find log and metric sources from the same connection, if there are no correlated sources', () => {\n const sources = [\n mockLogSourceNotCorrelated,\n mockMetricSourceNotCorrelated,\n mockLogSource2,\n mockMetricSource2,\n ];\n const result = resolveSourceIds(null, null, sources);\n expect(result).toEqual({\n logSourceId: 'log-1-not-correlated',\n metricSourceId: 'metric-1-not-correlated',\n });\n });\n\n it('should return sources from the connection with both source kinds', () => {\n const sources = [mockLogSource2, mockLogSource, mockMetricSource];\n const result = resolveSourceIds(null, null, sources);\n expect(result).toEqual({\n logSourceId: 'log-1',\n metricSourceId: 'metric-1',\n });\n });\n\n it('should handle connection with only one source kind', () => {\n const sources = [mockLogSource, mockMetricSource2];\n const result = resolveSourceIds(null, null, sources);\n expect(result).toEqual({\n logSourceId: undefined,\n metricSourceId: undefined,\n });\n });\n\n it('should return [null, null] if sources array is undefined', () => {\n const result = resolveSourceIds(null, null, undefined);\n expect(result).toEqual({\n logSourceId: undefined,\n metricSourceId: undefined,\n });\n });\n\n it('should return [undefined, undefined] if sources array is empty', () => {\n const result = resolveSourceIds(null, null, []);\n expect(result).toEqual({\n logSourceId: undefined,\n metricSourceId: undefined,\n });\n });\n\n it('should return [undefined, undefined] if no connection has both kinds', () => {\n const sources = [mockLogSource];\n const result = resolveSourceIds(null, null, sources);\n expect(result).toEqual({\n logSourceId: undefined,\n metricSourceId: undefined,\n });\n });\n });\n\n describe('edge cases', () => {\n it('should handle multiple sources on the same connection', () => {\n const logSource3: TSource = {\n id: 'log-3',\n name: 'Log Source 3',\n kind: SourceKind.Log,\n connection: 'connection-1',\n } as TSource;\n const metricSource3: TSource = {\n id: 'metric-3',\n name: 'Metric Source 3',\n kind: SourceKind.Metric,\n connection: 'connection-1',\n } as TSource;\n const sources = [\n mockLogSource,\n logSource3,\n mockMetricSource,\n metricSource3,\n ];\n\n // When log source is specified, should find first metric on same connection\n const result1 = resolveSourceIds('log-1', null, sources);\n expect(result1).toEqual({\n logSourceId: 'log-1',\n metricSourceId: 'metric-1',\n });\n\n // When metric source is specified, should find first log on same connection\n const result2 = resolveSourceIds(null, 'metric-3', sources);\n expect(result2).toEqual({\n logSourceId: 'log-1',\n metricSourceId: 'metric-3',\n });\n });\n });\n});\n" }, { "path": "packages/app/src/__tests__/ServicesDashboardPage.test.ts", "content": "import { buildInFilterCondition } from '../ServicesDashboardPage';\n\ndescribe('buildInFilterCondition', () => {\n it.each([\n {\n columnExpression: 'ServiceName',\n value: 'checkout-service',\n expected: \"ServiceName IN ('checkout-service')\",\n },\n {\n columnExpression: \"SpanAttributes['service.name']\",\n value: \"O'Reilly API\",\n expected: \"SpanAttributes['service.name'] IN ('O\\\\'Reilly API')\",\n },\n {\n columnExpression: \"ResourceAttributes['service.namespace']\",\n value: 'payments \"v2\"',\n expected:\n \"ResourceAttributes['service.namespace'] IN ('payments \\\\\\\"v2\\\\\\\"')\",\n },\n ])(\n 'escapes value and keeps column expression for $columnExpression',\n ({ columnExpression, value, expected }) => {\n expect(buildInFilterCondition(columnExpression, value)).toBe(expected);\n },\n );\n});\n" }, { "path": "packages/app/src/__tests__/Spotlights.test.tsx", "content": "import { renderHook } from '@testing-library/react';\n\nimport api from '../api';\nimport { useSavedSearches } from '../savedSearch';\nimport { useSpotlightActions } from '../Spotlights';\n\njest.mock('next/router', () => ({\n useRouter() {\n return {\n route: '/',\n pathname: '',\n query: '',\n asPath: '',\n push: jest.fn(),\n events: {\n on: jest.fn(),\n off: jest.fn(),\n },\n beforePopState: jest.fn(() => null),\n prefetch: jest.fn(() => null),\n };\n },\n}));\njest.mock('../savedSearch');\njest.mock('../api');\n\nconst mockUseSavedSearches = useSavedSearches as jest.Mock;\nconst mockUseDashboards = api.useDashboards as jest.Mock;\n\ndescribe('useSpotlightActions', () => {\n const mockSavedSearches = {\n data: [\n {\n _id: '67ced5f5d02ab8b11d7f1638',\n team: '67c25ae0e3b6d5e2f2443787',\n name: 'save template1',\n select: '',\n where: '200',\n whereLanguage: 'lucene',\n orderBy: '',\n source: '67c25aeee3b6d5e2f24437b3',\n tags: [],\n createdAt: '2025-03-10T12:07:17.062Z',\n updatedAt: '2025-03-10T12:07:17.062Z',\n __v: 0,\n id: '67ced5f5d02ab8b11d7f1638',\n },\n ],\n };\n const mockSavedDashboard = {\n data: [\n {\n _id: '67cfc5f7d02ab8b11d7f87c1',\n name: 'save dashboard1',\n tiles: [\n {\n id: 'c9mnw',\n x: 0,\n y: 0,\n w: 8,\n h: 10,\n config: {\n name: 'saved line',\n select: [\n {\n aggFn: 'count',\n aggCondition: '200',\n aggConditionLanguage: 'lucene',\n valueExpression: '',\n },\n ],\n where: '',\n whereLanguage: 'lucene',\n displayType: 'line',\n granularity: 'auto',\n source: '67c25aeee3b6d5e2f24437b3',\n },\n },\n ],\n team: '67c25ae0e3b6d5e2f2443787',\n tags: [],\n createdAt: '2025-03-11T05:11:19.141Z',\n updatedAt: '2025-03-11T05:12:02.967Z',\n __v: 0,\n id: '67cfc5f7d02ab8b11d7f87c1',\n },\n ],\n };\n\n // Reset mocks before each test\n beforeEach(() => {\n jest.clearAllMocks();\n mockUseSavedSearches.mockReturnValue(mockSavedSearches);\n mockUseDashboards.mockReturnValue(mockSavedDashboard);\n });\n it('saved searches and dashboards should be loaded', () => {\n const { result } = renderHook(() => useSpotlightActions());\n expect(result.current.actions[0].id).toEqual(mockSavedSearches.data[0]._id);\n expect(result.current.actions[0].label).toEqual(\n mockSavedSearches.data[0].name,\n );\n expect(result.current.actions[1].id).toEqual(\n mockSavedDashboard.data[0]._id,\n );\n expect(result.current.actions[1].label).toEqual(\n mockSavedDashboard.data[0].name,\n );\n });\n});\n" }, { "path": "packages/app/src/__tests__/dashboard.test.ts", "content": "jest.mock('../api', () => ({ hdxServer: jest.fn() }));\njest.mock('../config', () => ({ IS_LOCAL_MODE: true }));\njest.mock('@mantine/notifications', () => ({\n notifications: { show: jest.fn() },\n}));\njest.mock('nuqs', () => ({\n parseAsJson: jest.fn(),\n useQueryState: jest.fn(),\n}));\njest.mock('@tanstack/react-query', () => ({\n useQuery: jest.fn(),\n useMutation: jest.fn(),\n useQueryClient: jest.fn(),\n}));\njest.mock('@/utils', () => ({ hashCode: jest.fn(() => 0) }));\n\nimport { fetchLocalDashboards, getLocalDashboardTags } from '../dashboard';\n\nconst STORAGE_KEY = 'hdx-local-dashboards';\n\nbeforeEach(() => {\n localStorage.clear();\n});\n\ndescribe('fetchLocalDashboards', () => {\n it('returns empty array when no dashboards exist', () => {\n expect(fetchLocalDashboards()).toEqual([]);\n });\n\n it('returns all stored dashboards', () => {\n const dashboards = [\n { id: 'a', name: 'Dashboard A', tiles: [], tags: [] },\n { id: 'b', name: 'Dashboard B', tiles: [], tags: [] },\n ];\n localStorage.setItem(STORAGE_KEY, JSON.stringify(dashboards));\n expect(fetchLocalDashboards()).toHaveLength(2);\n });\n});\n\ndescribe('getLocalDashboardTags', () => {\n it('returns empty array when no dashboards exist', () => {\n expect(getLocalDashboardTags()).toEqual([]);\n });\n\n it('returns empty array when dashboards have no tags', () => {\n const dashboards = [\n { id: 'a', name: 'A', tiles: [], tags: [] },\n { id: 'b', name: 'B', tiles: [], tags: [] },\n ];\n localStorage.setItem(STORAGE_KEY, JSON.stringify(dashboards));\n expect(getLocalDashboardTags()).toEqual([]);\n });\n\n it('collects tags from all dashboards', () => {\n const dashboards = [\n { id: 'a', name: 'A', tiles: [], tags: ['production'] },\n { id: 'b', name: 'B', tiles: [], tags: ['staging'] },\n ];\n localStorage.setItem(STORAGE_KEY, JSON.stringify(dashboards));\n expect(getLocalDashboardTags()).toEqual(\n expect.arrayContaining(['production', 'staging']),\n );\n expect(getLocalDashboardTags()).toHaveLength(2);\n });\n\n it('deduplicates tags that appear on multiple dashboards', () => {\n const dashboards = [\n { id: 'a', name: 'A', tiles: [], tags: ['production', 'infra'] },\n { id: 'b', name: 'B', tiles: [], tags: ['production', 'billing'] },\n ];\n localStorage.setItem(STORAGE_KEY, JSON.stringify(dashboards));\n const tags = getLocalDashboardTags();\n expect(tags).toHaveLength(3);\n expect(tags).toEqual(\n expect.arrayContaining(['production', 'infra', 'billing']),\n );\n });\n\n it('handles dashboards with undefined tags', () => {\n const dashboards = [\n { id: 'a', name: 'A', tiles: [] },\n { id: 'b', name: 'B', tiles: [], tags: ['ops'] },\n ];\n localStorage.setItem(STORAGE_KEY, JSON.stringify(dashboards));\n expect(getLocalDashboardTags()).toEqual(['ops']);\n });\n});\n" }, { "path": "packages/app/src/__tests__/dashboardSections.test.tsx", "content": "import {\n DashboardContainerSchema,\n DashboardSchema,\n TileSchema,\n} from '@hyperdx/common-utils/dist/types';\n\ndescribe('DashboardContainer schema', () => {\n it('validates a valid section', () => {\n const result = DashboardContainerSchema.safeParse({\n id: 'section-1',\n type: 'section',\n title: 'Infrastructure',\n collapsed: false,\n });\n expect(result.success).toBe(true);\n });\n\n it('validates a collapsed section', () => {\n const result = DashboardContainerSchema.safeParse({\n id: 'section-2',\n type: 'section',\n title: 'Database Metrics',\n collapsed: true,\n });\n expect(result.success).toBe(true);\n });\n\n it('rejects a section missing required fields', () => {\n const result = DashboardContainerSchema.safeParse({\n id: 'section-3',\n // missing title and collapsed\n });\n expect(result.success).toBe(false);\n });\n\n it('rejects a section with empty id or title', () => {\n expect(\n DashboardContainerSchema.safeParse({\n id: '',\n type: 'section',\n title: 'Valid',\n collapsed: false,\n }).success,\n ).toBe(false);\n expect(\n DashboardContainerSchema.safeParse({\n id: 'valid',\n type: 'section',\n title: '',\n collapsed: false,\n }).success,\n ).toBe(false);\n });\n});\n\ndescribe('Tile schema with containerId', () => {\n const baseTile = {\n id: 'tile-1',\n x: 0,\n y: 0,\n w: 8,\n h: 10,\n config: {\n source: 'source-1',\n select: [\n {\n aggFn: 'count',\n aggCondition: '',\n valueExpression: '',\n },\n ],\n where: '',\n from: { databaseName: 'default', tableName: 'logs' },\n },\n };\n\n it('validates a tile without containerId (backward compatible)', () => {\n const result = TileSchema.safeParse(baseTile);\n expect(result.success).toBe(true);\n if (result.success) {\n expect(result.data.containerId).toBeUndefined();\n }\n });\n\n it('validates a tile with containerId', () => {\n const result = TileSchema.safeParse({\n ...baseTile,\n containerId: 'section-1',\n });\n expect(result.success).toBe(true);\n if (result.success) {\n expect(result.data.containerId).toBe('section-1');\n }\n });\n});\n\ndescribe('Dashboard schema with sections', () => {\n const baseDashboard = {\n id: 'dash-1',\n name: 'My Dashboard',\n tiles: [],\n tags: ['production'],\n };\n\n it('validates a dashboard without sections (backward compatible)', () => {\n const result = DashboardSchema.safeParse(baseDashboard);\n expect(result.success).toBe(true);\n if (result.success) {\n expect(result.data.containers).toBeUndefined();\n }\n });\n\n it('validates a dashboard with empty sections array', () => {\n const result = DashboardSchema.safeParse({\n ...baseDashboard,\n containers: [],\n });\n expect(result.success).toBe(true);\n if (result.success) {\n expect(result.data.containers).toEqual([]);\n }\n });\n\n it('rejects duplicate section IDs', () => {\n const result = DashboardSchema.safeParse({\n ...baseDashboard,\n containers: [\n { id: 's1', type: 'section', title: 'Section A', collapsed: false },\n { id: 's1', type: 'section', title: 'Section B', collapsed: true },\n ],\n });\n expect(result.success).toBe(false);\n });\n\n it('validates a dashboard with sections', () => {\n const result = DashboardSchema.safeParse({\n ...baseDashboard,\n containers: [\n {\n id: 's1',\n type: 'section',\n title: 'Infrastructure',\n collapsed: false,\n },\n { id: 's2', type: 'section', title: 'Application', collapsed: true },\n ],\n });\n expect(result.success).toBe(true);\n if (result.success) {\n expect(result.data.containers).toHaveLength(2);\n expect(result.data.containers![0].collapsed).toBe(false);\n expect(result.data.containers![1].collapsed).toBe(true);\n }\n });\n\n it('validates a full dashboard with sections and tiles referencing them', () => {\n const tile = {\n id: 'tile-1',\n x: 0,\n y: 0,\n w: 8,\n h: 10,\n containerId: 's1',\n config: {\n source: 'source-1',\n select: [\n {\n aggFn: 'count',\n aggCondition: '',\n valueExpression: '',\n },\n ],\n where: '',\n from: { databaseName: 'default', tableName: 'logs' },\n },\n };\n\n const result = DashboardSchema.safeParse({\n ...baseDashboard,\n tiles: [tile],\n containers: [\n {\n id: 's1',\n type: 'section',\n title: 'Infrastructure',\n collapsed: false,\n },\n ],\n });\n expect(result.success).toBe(true);\n if (result.success) {\n expect(result.data.tiles[0].containerId).toBe('s1');\n expect(result.data.containers![0].title).toBe('Infrastructure');\n }\n });\n});\n\ndescribe('section tile grouping logic', () => {\n // Test the grouping logic used in DBDashboardPage\n type SimpleTile = { id: string; containerId?: string };\n type SimpleSection = { id: string; title: string; collapsed: boolean };\n\n function groupTilesBySection(tiles: SimpleTile[], sections: SimpleSection[]) {\n const bySectionId = new Map();\n for (const section of sections) {\n bySectionId.set(\n section.id,\n tiles.filter(t => t.containerId === section.id),\n );\n }\n // Orphaned tiles (containerId not matching any section) fall back to ungrouped\n const ungrouped = tiles.filter(\n t => !t.containerId || !bySectionId.has(t.containerId),\n );\n return { ungrouped, bySectionId };\n }\n\n it('groups all tiles as ungrouped when no sections exist', () => {\n const tiles: SimpleTile[] = [{ id: 'a' }, { id: 'b' }, { id: 'c' }];\n const { ungrouped, bySectionId } = groupTilesBySection(tiles, []);\n expect(ungrouped).toHaveLength(3);\n expect(bySectionId.size).toBe(0);\n });\n\n it('groups tiles by section correctly', () => {\n const tiles: SimpleTile[] = [\n { id: 'a', containerId: 's1' },\n { id: 'b', containerId: 's2' },\n { id: 'c', containerId: 's1' },\n { id: 'd' }, // ungrouped\n ];\n const sections: SimpleSection[] = [\n { id: 's1', title: 'Section 1', collapsed: false },\n { id: 's2', title: 'Section 2', collapsed: true },\n ];\n const { ungrouped, bySectionId } = groupTilesBySection(tiles, sections);\n expect(ungrouped).toHaveLength(1);\n expect(ungrouped[0].id).toBe('d');\n expect(bySectionId.get('s1')).toHaveLength(2);\n expect(bySectionId.get('s2')).toHaveLength(1);\n });\n\n it('handles sections with no tiles', () => {\n const tiles: SimpleTile[] = [{ id: 'a', containerId: 's1' }];\n const sections: SimpleSection[] = [\n { id: 's1', title: 'Has tiles', collapsed: false },\n { id: 's2', title: 'Empty', collapsed: false },\n ];\n const { bySectionId } = groupTilesBySection(tiles, sections);\n expect(bySectionId.get('s1')).toHaveLength(1);\n expect(bySectionId.get('s2')).toHaveLength(0);\n });\n\n it('filters visible tiles correctly for lazy loading', () => {\n const tiles: SimpleTile[] = [\n { id: 'a', containerId: 's1' },\n { id: 'b', containerId: 's2' },\n { id: 'c' },\n ];\n const sections: SimpleSection[] = [\n { id: 's1', title: 'Expanded', collapsed: false },\n { id: 's2', title: 'Collapsed', collapsed: true },\n ];\n\n const collapsedIds = new Set(\n sections.filter(s => s.collapsed).map(s => s.id),\n );\n const visibleTiles = tiles.filter(\n t => !t.containerId || !collapsedIds.has(t.containerId),\n );\n\n expect(visibleTiles).toHaveLength(2);\n expect(visibleTiles.map(t => t.id)).toEqual(['a', 'c']);\n // Tile 'b' is in collapsed section s2 and should not be rendered\n });\n\n it('treats tiles with non-existent containerId as ungrouped', () => {\n const tiles: SimpleTile[] = [\n { id: 'a', containerId: 's1' },\n { id: 'b', containerId: 'deleted-section' },\n { id: 'c' },\n ];\n const sections: SimpleSection[] = [\n { id: 's1', title: 'Existing', collapsed: false },\n ];\n const { ungrouped, bySectionId } = groupTilesBySection(tiles, sections);\n // Tile 'b' references a non-existent section, should be ungrouped\n expect(ungrouped).toHaveLength(2);\n expect(ungrouped.map(t => t.id)).toEqual(['b', 'c']);\n expect(bySectionId.get('s1')).toHaveLength(1);\n });\n});\n\ndescribe('section authoring operations', () => {\n type SimpleTile = { id: string; containerId?: string };\n type SimpleSection = { id: string; title: string; collapsed: boolean };\n type SimpleDashboard = {\n tiles: SimpleTile[];\n containers?: SimpleSection[];\n };\n\n function addSection(dashboard: SimpleDashboard, section: SimpleSection) {\n const containers = [...(dashboard.containers ?? []), section];\n return { ...dashboard, containers };\n }\n\n function renameSection(\n dashboard: SimpleDashboard,\n containerId: string,\n newTitle: string,\n ) {\n const trimmed = newTitle.trim();\n if (!trimmed) return dashboard;\n return {\n ...dashboard,\n containers: dashboard.containers?.map(s =>\n s.id === containerId ? { ...s, title: trimmed } : s,\n ),\n };\n }\n\n function deleteSection(dashboard: SimpleDashboard, containerId: string) {\n return {\n ...dashboard,\n containers: dashboard.containers?.filter(s => s.id !== containerId),\n tiles: dashboard.tiles.map(t =>\n t.containerId === containerId ? { ...t, containerId: undefined } : t,\n ),\n };\n }\n\n function toggleSectionCollapsed(\n dashboard: SimpleDashboard,\n containerId: string,\n ) {\n return {\n ...dashboard,\n containers: dashboard.containers?.map(s =>\n s.id === containerId ? { ...s, collapsed: !s.collapsed } : s,\n ),\n };\n }\n\n function moveTileToSection(\n dashboard: SimpleDashboard,\n tileId: string,\n containerId: string | undefined,\n ) {\n return {\n ...dashboard,\n tiles: dashboard.tiles.map(t =>\n t.id === tileId ? { ...t, containerId } : t,\n ),\n };\n }\n\n describe('add section', () => {\n it('adds a section to a dashboard without sections', () => {\n const dashboard: SimpleDashboard = { tiles: [] };\n const result = addSection(dashboard, {\n id: 's1',\n title: 'New Section',\n collapsed: false,\n });\n expect(result.containers).toHaveLength(1);\n expect(result.containers![0]).toEqual({\n id: 's1',\n title: 'New Section',\n collapsed: false,\n });\n });\n\n it('appends to existing sections', () => {\n const dashboard: SimpleDashboard = {\n tiles: [],\n containers: [{ id: 's1', title: 'First', collapsed: false }],\n };\n const result = addSection(dashboard, {\n id: 's2',\n title: 'Second',\n collapsed: false,\n });\n expect(result.containers).toHaveLength(2);\n expect(result.containers![1].id).toBe('s2');\n });\n });\n\n describe('rename section', () => {\n it('renames a section', () => {\n const dashboard: SimpleDashboard = {\n tiles: [],\n containers: [{ id: 's1', title: 'Old Name', collapsed: false }],\n };\n const result = renameSection(dashboard, 's1', 'New Name');\n expect(result.containers![0].title).toBe('New Name');\n });\n\n it('trims whitespace from new title', () => {\n const dashboard: SimpleDashboard = {\n tiles: [],\n containers: [{ id: 's1', title: 'Old', collapsed: false }],\n };\n const result = renameSection(dashboard, 's1', ' Trimmed ');\n expect(result.containers![0].title).toBe('Trimmed');\n });\n\n it('rejects empty title', () => {\n const dashboard: SimpleDashboard = {\n tiles: [],\n containers: [{ id: 's1', title: 'Keep Me', collapsed: false }],\n };\n const result = renameSection(dashboard, 's1', ' ');\n expect(result.containers![0].title).toBe('Keep Me');\n });\n\n it('does not affect other sections', () => {\n const dashboard: SimpleDashboard = {\n tiles: [],\n containers: [\n { id: 's1', title: 'One', collapsed: false },\n { id: 's2', title: 'Two', collapsed: true },\n ],\n };\n const result = renameSection(dashboard, 's1', 'Updated');\n expect(result.containers![0].title).toBe('Updated');\n expect(result.containers![1].title).toBe('Two');\n });\n });\n\n describe('delete section', () => {\n it('removes the section', () => {\n const dashboard: SimpleDashboard = {\n tiles: [],\n containers: [\n { id: 's1', title: 'Keep', collapsed: false },\n { id: 's2', title: 'Delete Me', collapsed: false },\n ],\n };\n const result = deleteSection(dashboard, 's2');\n expect(result.containers).toHaveLength(1);\n expect(result.containers![0].id).toBe('s1');\n });\n\n it('ungroups child tiles when section is deleted', () => {\n const dashboard: SimpleDashboard = {\n tiles: [\n { id: 'a', containerId: 's1' },\n { id: 'b', containerId: 's1' },\n { id: 'c', containerId: 's2' },\n { id: 'd' },\n ],\n containers: [\n { id: 's1', title: 'Delete Me', collapsed: false },\n { id: 's2', title: 'Keep', collapsed: false },\n ],\n };\n const result = deleteSection(dashboard, 's1');\n expect(result.containers).toHaveLength(1);\n expect(result.tiles.find(t => t.id === 'a')?.containerId).toBeUndefined();\n expect(result.tiles.find(t => t.id === 'b')?.containerId).toBeUndefined();\n expect(result.tiles.find(t => t.id === 'c')?.containerId).toBe('s2');\n expect(result.tiles.find(t => t.id === 'd')?.containerId).toBeUndefined();\n });\n\n it('handles deleting the last section', () => {\n const dashboard: SimpleDashboard = {\n tiles: [{ id: 'a', containerId: 's1' }],\n containers: [{ id: 's1', title: 'Only One', collapsed: false }],\n };\n const result = deleteSection(dashboard, 's1');\n expect(result.containers).toHaveLength(0);\n expect(result.tiles[0].containerId).toBeUndefined();\n });\n });\n\n describe('toggle default collapsed', () => {\n it('toggles collapsed from false to true', () => {\n const dashboard: SimpleDashboard = {\n tiles: [],\n containers: [{ id: 's1', title: 'Test', collapsed: false }],\n };\n const result = toggleSectionCollapsed(dashboard, 's1');\n expect(result.containers![0].collapsed).toBe(true);\n });\n\n it('toggles collapsed from true to false', () => {\n const dashboard: SimpleDashboard = {\n tiles: [],\n containers: [{ id: 's1', title: 'Test', collapsed: true }],\n };\n const result = toggleSectionCollapsed(dashboard, 's1');\n expect(result.containers![0].collapsed).toBe(false);\n });\n });\n\n describe('move tile to section', () => {\n it('assigns a tile to a section', () => {\n const dashboard: SimpleDashboard = {\n tiles: [{ id: 'a' }, { id: 'b' }],\n containers: [{ id: 's1', title: 'Target', collapsed: false }],\n };\n const result = moveTileToSection(dashboard, 'a', 's1');\n expect(result.tiles.find(t => t.id === 'a')?.containerId).toBe('s1');\n expect(result.tiles.find(t => t.id === 'b')?.containerId).toBeUndefined();\n });\n\n it('moves a tile between sections', () => {\n const dashboard: SimpleDashboard = {\n tiles: [{ id: 'a', containerId: 's1' }],\n containers: [\n { id: 's1', title: 'From', collapsed: false },\n { id: 's2', title: 'To', collapsed: false },\n ],\n };\n const result = moveTileToSection(dashboard, 'a', 's2');\n expect(result.tiles[0].containerId).toBe('s2');\n });\n\n it('ungroups a tile from a section', () => {\n const dashboard: SimpleDashboard = {\n tiles: [{ id: 'a', containerId: 's1' }],\n containers: [{ id: 's1', title: 'Source', collapsed: false }],\n };\n const result = moveTileToSection(dashboard, 'a', undefined);\n expect(result.tiles[0].containerId).toBeUndefined();\n });\n });\n});\n" }, { "path": "packages/app/src/__tests__/localStore.test.ts", "content": "import { SavedSearch, TSource } from '@hyperdx/common-utils/dist/types';\n\n// Mock config so we can control HDX_LOCAL_DEFAULT_SOURCES in tests\njest.mock('../config', () => ({\n HDX_LOCAL_DEFAULT_SOURCES: null,\n}));\n\n// Mock parseJSON so tests aren't coupled to its implementation.\n// Returns null for empty/falsy input, matching the real parseJSON behaviour.\njest.mock('../utils', () => ({\n parseJSON: jest.fn((s: string) => {\n if (!s) return null;\n return JSON.parse(s);\n }),\n}));\n\nimport {\n createEntityStore,\n localSavedSearches,\n localSources,\n} from '../localStore';\n\ntype Item = { id: string; name: string };\n\nconst TEST_KEY = 'test-entity-store';\n\nfunction makeStore() {\n return createEntityStore(TEST_KEY);\n}\n\nbeforeEach(() => {\n localStorage.clear();\n jest.clearAllMocks();\n});\n\n// ---------------------------------------------------------------------------\n// createEntityStore — core CRUD\n// ---------------------------------------------------------------------------\n\ndescribe('createEntityStore', () => {\n describe('getAll', () => {\n it('returns empty array when store is empty', () => {\n const store = makeStore();\n expect(store.getAll()).toEqual([]);\n });\n\n it('returns stored items', () => {\n const store = makeStore();\n store.create({ name: 'alpha' });\n store.create({ name: 'beta' });\n expect(store.getAll()).toHaveLength(2);\n expect(store.getAll().map(i => i.name)).toEqual(['alpha', 'beta']);\n });\n\n it('calls getDefaultItems when the key is absent', () => {\n const defaults: Item[] = [{ id: 'default-1', name: 'default' }];\n const getDefaultItems = jest.fn(() => defaults);\n const store = createEntityStore(TEST_KEY, getDefaultItems);\n\n const result = store.getAll();\n\n expect(getDefaultItems).toHaveBeenCalledTimes(1);\n expect(result).toEqual(defaults);\n });\n\n it('does not call getDefaultItems once data exists in storage', () => {\n const getDefaultItems = jest.fn(() => [\n { id: 'default-1', name: 'default' },\n ]);\n const store = createEntityStore(TEST_KEY, getDefaultItems);\n\n // First write: key absent, so getDefaultItems is used to seed transact\n store.create({ name: 'persisted' });\n getDefaultItems.mockClear();\n\n // Subsequent reads/writes should not consult defaults\n store.getAll();\n expect(getDefaultItems).not.toHaveBeenCalled();\n });\n });\n\n describe('create', () => {\n it('persists a new item and returns it with a generated id', () => {\n const store = makeStore();\n const created = store.create({ name: 'new item' });\n\n expect(created.name).toBe('new item');\n expect(created.id).toBeDefined();\n expect(store.getAll()).toHaveLength(1);\n expect(store.getAll()[0]).toEqual(created);\n });\n\n it('generates hex ids matching /[0-9a-f]+/', () => {\n const store = makeStore();\n const { id } = store.create({ name: 'x' });\n expect(id).toMatch(/^[0-9a-f]+$/);\n });\n\n it('each create appends without replacing existing items', () => {\n const store = makeStore();\n store.create({ name: 'first' });\n store.create({ name: 'second' });\n store.create({ name: 'third' });\n\n expect(store.getAll()).toHaveLength(3);\n });\n });\n\n describe('update', () => {\n it('updates the matching item and returns the updated value', () => {\n const store = makeStore();\n const { id } = store.create({ name: 'original' });\n\n const updated = store.update(id, { name: 'updated' });\n\n expect(updated).toEqual({ id, name: 'updated' });\n expect(store.getAll()[0]).toEqual({ id, name: 'updated' });\n });\n\n it('preserves other items when updating', () => {\n const store = makeStore();\n const a = store.create({ name: 'a' });\n const b = store.create({ name: 'b' });\n\n store.update(a.id, { name: 'a-updated' });\n\n const all = store.getAll();\n expect(all).toHaveLength(2);\n expect(all.find(i => i.id === b.id)?.name).toBe('b');\n });\n\n it('preserves the original id even if updates include an id field', () => {\n const store = makeStore();\n const { id } = store.create({ name: 'x' });\n\n const updated = store.update(id, {\n name: 'y',\n id: 'injected-id',\n } as Partial>);\n\n expect(updated.id).toBe(id);\n });\n\n it('throws when id is not found', () => {\n const store = makeStore();\n expect(() => store.update('nonexistent', { name: 'x' })).toThrow(\n /not found/,\n );\n });\n });\n\n describe('delete', () => {\n it('removes the item with the given id', () => {\n const store = makeStore();\n const { id } = store.create({ name: 'to-delete' });\n store.create({ name: 'keep' });\n\n store.delete(id);\n\n const all = store.getAll();\n expect(all).toHaveLength(1);\n expect(all[0].name).toBe('keep');\n });\n\n it('is a no-op for a non-existent id', () => {\n const store = makeStore();\n store.create({ name: 'a' });\n\n expect(() => store.delete('nonexistent')).not.toThrow();\n expect(store.getAll()).toHaveLength(1);\n });\n });\n\n describe('set', () => {\n it('replaces the entire collection', () => {\n const store = makeStore();\n store.create({ name: 'old' });\n\n const replacement: Item[] = [\n { id: 'x1', name: 'new-a' },\n { id: 'x2', name: 'new-b' },\n ];\n store.set(replacement);\n\n expect(store.getAll()).toEqual(replacement);\n });\n\n it('set with empty array clears the store', () => {\n const store = makeStore();\n store.create({ name: 'a' });\n store.set([]);\n expect(store.getAll()).toEqual([]);\n });\n });\n\n describe('isolation', () => {\n it('two stores with different keys do not share data', () => {\n const storeA = createEntityStore('key-a');\n const storeB = createEntityStore('key-b');\n\n storeA.create({ name: 'a-item' });\n\n expect(storeB.getAll()).toEqual([]);\n });\n });\n\n describe('mutations against env-var defaults (key absent from localStorage)', () => {\n const defaults: Item[] = [{ id: 'default-id', name: 'default-item' }];\n\n function makeStoreWithDefaults() {\n return createEntityStore(TEST_KEY, () => defaults);\n }\n\n it('update finds an item that exists only in defaults', () => {\n const store = makeStoreWithDefaults();\n // Nothing in localStorage yet — getAll() returns defaults\n expect(store.getAll()).toEqual(defaults);\n\n const updated = store.update('default-id', { name: 'updated-name' });\n\n expect(updated).toEqual({ id: 'default-id', name: 'updated-name' });\n // After the write the value is now in localStorage\n expect(store.getAll()).toEqual([\n { id: 'default-id', name: 'updated-name' },\n ]);\n });\n\n it('delete removes an item that exists only in defaults', () => {\n const store = makeStoreWithDefaults();\n\n store.delete('default-id');\n\n expect(store.getAll()).toEqual([]);\n });\n\n it('create preserves defaults when adding a new item', () => {\n const store = makeStoreWithDefaults();\n\n const created = store.create({ name: 'brand-new' });\n\n const all = store.getAll();\n expect(all).toHaveLength(2);\n expect(all.find(i => i.id === 'default-id')).toBeDefined();\n expect(all.find(i => i.id === created.id)).toBeDefined();\n });\n });\n});\n\n// ---------------------------------------------------------------------------\n// localSources — env-var default fallback\n// ---------------------------------------------------------------------------\n\ndescribe('localSources', () => {\n const mockedUtils = jest.requireMock('../utils') as { parseJSON: jest.Mock };\n const mockedConfig = jest.requireMock('../config') as {\n HDX_LOCAL_DEFAULT_SOURCES: string | null;\n };\n\n it('returns empty array when storage is empty and no env-var default', () => {\n mockedConfig.HDX_LOCAL_DEFAULT_SOURCES = null;\n expect(localSources.getAll()).toEqual([]);\n });\n\n it('returns env-var defaults when storage is empty', () => {\n const defaults = [{ id: 'src-1', name: 'Demo Logs' }];\n mockedConfig.HDX_LOCAL_DEFAULT_SOURCES = JSON.stringify(defaults);\n mockedUtils.parseJSON.mockReturnValueOnce(defaults);\n\n expect(localSources.getAll()).toEqual(defaults);\n });\n\n it('persists defaults + new item on first write and stops consulting env-var after', () => {\n const envDefaults = [{ id: 'env-src', name: 'Env Source' }];\n mockedConfig.HDX_LOCAL_DEFAULT_SOURCES = JSON.stringify(envDefaults);\n\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n const stored = localSources.create({ name: 'My Source' } as Omit<\n TSource,\n 'id'\n >);\n mockedUtils.parseJSON.mockClear();\n\n const all = localSources.getAll();\n expect(all).toHaveLength(2);\n expect(all.find(s => s.id === 'env-src')).toBeDefined();\n expect(all.find(s => s.id === stored.id)).toBeDefined();\n\n // Subsequent reads do not consult env-var defaults\n expect(mockedUtils.parseJSON).not.toHaveBeenCalled();\n });\n});\n\n// ---------------------------------------------------------------------------\n// localSavedSearches — basic sanity (delegates to createEntityStore)\n// ---------------------------------------------------------------------------\n\ndescribe('localSavedSearches', () => {\n it('starts empty', () => {\n expect(localSavedSearches.getAll()).toEqual([]);\n });\n\n it('creates, updates, and deletes a saved search', () => {\n const created = localSavedSearches.create({\n name: 'My Search',\n select: 'Timestamp, Body',\n where: '',\n whereLanguage: 'lucene',\n source: 'src-1',\n tags: [],\n filters: [],\n orderBy: '',\n } as Omit);\n\n expect(created.id).toMatch(/^[0-9a-f]+$/);\n expect(localSavedSearches.getAll()).toHaveLength(1);\n\n localSavedSearches.update(created.id, { name: 'Renamed' });\n expect(localSavedSearches.getAll()[0].name).toBe('Renamed');\n\n localSavedSearches.delete(created.id);\n expect(localSavedSearches.getAll()).toHaveLength(0);\n });\n});\n" }, { "path": "packages/app/src/__tests__/otelSemanticConventions.test.ts", "content": "import { getMetricNameSql } from '../otelSemanticConventions';\n\ndescribe('otelSemanticConventions', () => {\n describe('getMetricNameSql', () => {\n it('should return SQL for k8s.pod.cpu.utilization migration', () => {\n const result = getMetricNameSql('k8s.pod.cpu.utilization');\n expect(result).toBe(\n \"MetricName IN ('k8s.pod.cpu.utilization', 'k8s.pod.cpu.usage')\",\n );\n });\n\n it('should return SQL for k8s.node.cpu.utilization migration', () => {\n const result = getMetricNameSql('k8s.node.cpu.utilization');\n expect(result).toBe(\n \"MetricName IN ('k8s.node.cpu.utilization', 'k8s.node.cpu.usage')\",\n );\n });\n\n it('should return SQL for container.cpu.utilization migration', () => {\n const result = getMetricNameSql('container.cpu.utilization');\n expect(result).toBe(\n \"MetricName IN ('container.cpu.utilization', 'container.cpu.usage')\",\n );\n });\n\n it('should return undefined for non-migrated metrics', () => {\n const result = getMetricNameSql('some.other.metric');\n expect(result).toBeUndefined();\n });\n\n it('should return undefined for empty string', () => {\n const result = getMetricNameSql('');\n expect(result).toBeUndefined();\n });\n\n it('should return undefined for new metric names', () => {\n // If someone queries using the new name directly, we shouldn't transform it\n const result = getMetricNameSql('k8s.pod.cpu.usage');\n expect(result).toBeUndefined();\n });\n });\n});\n" }, { "path": "packages/app/src/__tests__/searchFilters.test.ts", "content": "import { enableMapSet } from 'immer';\nimport { act, renderHook } from '@testing-library/react';\n\nimport {\n areFiltersEqual,\n filtersToQuery,\n parseQuery,\n useSearchPageFilterState,\n} from '../searchFilters';\n\nenableMapSet();\n\ndescribe('searchFilters', () => {\n describe('filtersToQuery', () => {\n it('should return empty string when no filters', () => {\n const filters = {};\n expect(filtersToQuery(filters)).toEqual([]);\n });\n\n it('should return query for one filter', () => {\n const filters = {\n a: { included: new Set(['b']), excluded: new Set() },\n };\n expect(filtersToQuery(filters)).toEqual([\n { type: 'sql', condition: \"a IN ('b')\" },\n ]);\n });\n\n it('should return query for multiple filters', () => {\n const filters = {\n a: { included: new Set(['b']), excluded: new Set() },\n c: {\n included: new Set(['d', 'x']),\n excluded: new Set(),\n },\n };\n expect(filtersToQuery(filters)).toEqual([\n { type: 'sql', condition: \"a IN ('b')\" },\n { type: 'sql', condition: \"c IN ('d', 'x')\" },\n ]);\n });\n\n it('should handle excluded values', () => {\n const filters = {\n a: {\n included: new Set(['b']),\n excluded: new Set(['c']),\n },\n };\n expect(filtersToQuery(filters)).toEqual([\n { type: 'sql', condition: \"a IN ('b')\" },\n { type: 'sql', condition: \"a NOT IN ('c')\" },\n ]);\n });\n\n it('should wrap keys with toString() when specified', () => {\n const filters = {\n 'json.key': {\n included: new Set(['value']),\n excluded: new Set(['other value']),\n },\n };\n expect(filtersToQuery(filters, { stringifyKeys: true })).toEqual([\n { type: 'sql', condition: \"toString(json.key) IN ('value')\" },\n { type: 'sql', condition: \"toString(json.key) NOT IN ('other value')\" },\n ]);\n });\n\n it('should should handle boolean filter values', () => {\n const filters = {\n isRootSpan: {\n included: new Set([true]),\n excluded: new Set([]),\n },\n another_column: {\n included: new Set([]),\n excluded: new Set([true, false]),\n },\n };\n expect(filtersToQuery(filters)).toEqual([\n { type: 'sql', condition: 'isRootSpan IN (true)' },\n { type: 'sql', condition: 'another_column NOT IN (true, false)' },\n ]);\n });\n });\n\n describe('parseQuery', () => {\n it('empty query', () => {\n const result = parseQuery([]);\n expect(result.filters).toEqual({});\n });\n\n it('parses one filter', () => {\n const result = parseQuery([\n { type: 'sql', condition: `service IN ('z')` },\n ]);\n expect(result.filters).toEqual({\n service: { included: new Set(['z']), excluded: new Set() },\n });\n });\n\n it('parses 1 group, multiple values', () => {\n const result = parseQuery([\n { type: 'sql', condition: `service IN ('z', 'y', 'x')` },\n ]);\n expect(result.filters).toEqual({\n service: { included: new Set(['z', 'y', 'x']), excluded: new Set() },\n });\n });\n\n it('parses 3 groups, multiple values', () => {\n const result = parseQuery([\n { type: 'sql', condition: `service IN ('z', 'y', 'x')` },\n { type: 'sql', condition: `level IN ('info', 'error')` },\n { type: 'sql', condition: `type IN ('event')` },\n ]);\n expect(result.filters).toEqual({\n service: { included: new Set(['z', 'y', 'x']), excluded: new Set() },\n level: { included: new Set(['info', 'error']), excluded: new Set() },\n type: { included: new Set(['event']), excluded: new Set() },\n });\n });\n\n it('parses excluded values', () => {\n const result = parseQuery([\n { type: 'sql', condition: `service IN ('z')` },\n { type: 'sql', condition: `service NOT IN ('y')` },\n ]);\n expect(result.filters).toEqual({\n service: { included: new Set(['z']), excluded: new Set(['y']) },\n });\n });\n\n it('skips non-supported filters', () => {\n const result = parseQuery([{ type: 'lucene', condition: `app:*` }]);\n expect(result.filters).toEqual({});\n });\n\n it('extracts IN clauses from complex conditions with AND operator', () => {\n const result = parseQuery([\n {\n type: 'sql',\n condition: `SpanName = 'flagd.evaluation.v1.Service/EventStream' AND SpanKind IN ('Server', 'SPAN_KIND_SERVER')`,\n },\n ]);\n expect(result.filters).toEqual({\n SpanKind: {\n included: new Set(['Server', 'SPAN_KIND_SERVER']),\n excluded: new Set(),\n },\n });\n });\n\n it('skips conditions with OR operator (not supported)', () => {\n const result = parseQuery([\n {\n type: 'sql',\n condition: `level IN ('error') OR severity IN ('high')`,\n },\n ]);\n // OR is not supported, so it just tries to parse as-is and should fail cleanly\n expect(result.filters).toEqual({});\n });\n\n it('skips conditions with only equality operators', () => {\n const result = parseQuery([\n {\n type: 'sql',\n condition: `status_code = 200`,\n },\n ]);\n expect(result.filters).toEqual({});\n });\n\n it('skips conditions with only comparison operators', () => {\n const result = parseQuery([\n {\n type: 'sql',\n condition: `duration > 1000`,\n },\n ]);\n expect(result.filters).toEqual({});\n });\n\n it('parses simple IN conditions alongside extracting from complex conditions', () => {\n const result = parseQuery([\n { type: 'sql', condition: `service IN ('app', 'api')` },\n {\n type: 'sql',\n condition: `SpanName = 'test' AND SpanKind IN ('Server')`,\n },\n { type: 'sql', condition: `level IN ('error')` },\n ]);\n expect(result.filters).toEqual({\n service: { included: new Set(['app', 'api']), excluded: new Set() },\n SpanKind: { included: new Set(['Server']), excluded: new Set() },\n level: { included: new Set(['error']), excluded: new Set() },\n });\n });\n\n it('handles multiple IN clauses with AND', () => {\n const result = parseQuery([\n {\n type: 'sql',\n condition: `service IN ('app') AND level IN ('error', 'warn')`,\n },\n ]);\n expect(result.filters).toEqual({\n service: { included: new Set(['app']), excluded: new Set() },\n level: { included: new Set(['error', 'warn']), excluded: new Set() },\n });\n });\n\n it('extracts NOT IN clauses from complex conditions', () => {\n const result = parseQuery([\n {\n type: 'sql',\n condition: `status = 'active' AND level NOT IN ('debug')`,\n },\n ]);\n expect(result.filters).toEqual({\n level: { included: new Set(), excluded: new Set(['debug']) },\n });\n });\n\n it('handles string values with special characters in AND conditions', () => {\n const result = parseQuery([\n {\n type: 'sql',\n condition: `SpanName = 'flagd.evaluation.v1.Service/EventStream' AND SpanKind IN ('Server', 'SPAN_KIND_SERVER')`,\n },\n ]);\n expect(result.filters).toEqual({\n SpanKind: {\n included: new Set(['Server', 'SPAN_KIND_SERVER']),\n excluded: new Set(),\n },\n });\n });\n\n it('handles JSON values with commas and special characters', () => {\n const result = parseQuery([\n {\n type: 'sql',\n condition: `Body IN ('{\"orderId\": \"123\", \"total\": 100}')`,\n },\n ]);\n expect(result.filters).toEqual({\n Body: {\n included: new Set(['{\"orderId\": \"123\", \"total\": 100}']),\n excluded: new Set(),\n },\n });\n });\n\n it('handles complex multi-line JSON values', () => {\n const result = parseQuery([\n {\n type: 'sql',\n condition: `Body IN ('Order details: { \"orderId\": \"7b54ad99\", \"items\": [{\"id\": 1}, {\"id\": 2}] }')`,\n },\n ]);\n expect(result.filters).toEqual({\n Body: {\n included: new Set([\n 'Order details: { \"orderId\": \"7b54ad99\", \"items\": [{\"id\": 1}, {\"id\": 2}] }',\n ]),\n excluded: new Set(),\n },\n });\n });\n\n it('handles multiple simple values alongside single complex JSON value', () => {\n const result = parseQuery([\n {\n type: 'sql',\n condition: `status IN ('active', 'pending')`,\n },\n {\n type: 'sql',\n condition: `data IN ('{\"key\": \"value\", \"nested\": {\"a\": 1}}')`,\n },\n ]);\n expect(result.filters).toEqual({\n status: {\n included: new Set(['active', 'pending']),\n excluded: new Set(),\n },\n data: {\n included: new Set(['{\"key\": \"value\", \"nested\": {\"a\": 1}}']),\n excluded: new Set(),\n },\n });\n });\n\n it('handles boolean filter values', () => {\n const result = parseQuery([\n {\n type: 'sql',\n condition: `isRootSpan IN (true)`,\n },\n {\n type: 'sql',\n condition: `another_boolean NOT IN (TRUE, FALSE)`,\n },\n ]);\n expect(result.filters).toEqual({\n isRootSpan: {\n included: new Set([true]),\n excluded: new Set(),\n },\n another_boolean: {\n included: new Set(),\n excluded: new Set([true, false]),\n },\n });\n });\n });\n\n describe('areFiltersEqual', () => {\n it('should return true for equal filters', () => {\n const a = {\n a: { included: new Set(['b']), excluded: new Set() },\n };\n const b = {\n a: { included: new Set(['b']), excluded: new Set() },\n };\n expect(areFiltersEqual(a, b)).toBe(true);\n });\n\n it('should return false for different filters', () => {\n const a = {\n a: { included: new Set(['b']), excluded: new Set() },\n };\n const b = {\n a: { included: new Set(['c']), excluded: new Set() },\n };\n expect(areFiltersEqual(a, b)).toBe(false);\n });\n\n it('should return true for equal filters in different order', () => {\n const a = {\n service: {\n included: new Set(['a', 'b']),\n excluded: new Set(),\n },\n level: {\n included: new Set(['info', 'error']),\n excluded: new Set(),\n },\n type: { included: new Set(), excluded: new Set() },\n };\n const b = {\n level: {\n included: new Set(['error', 'info']),\n excluded: new Set(),\n },\n service: {\n included: new Set(['b', 'a']),\n excluded: new Set(),\n },\n type: { included: new Set(), excluded: new Set() },\n };\n expect(areFiltersEqual(a, b)).toBe(true);\n });\n\n it('should handle boolean filters', () => {\n const a = {\n isRootSpan: {\n included: new Set([true]),\n excluded: new Set(),\n },\n another_column: {\n included: new Set(),\n excluded: new Set([true, false]),\n },\n };\n const b = {\n isRootSpan: {\n included: new Set([true]),\n excluded: new Set(),\n },\n another_column: {\n included: new Set(),\n excluded: new Set([false, true]),\n },\n };\n expect(areFiltersEqual(a, b)).toBe(true);\n });\n });\n\n describe('useSearchPageFilterState', () => {\n const onFilterChange = jest.fn();\n\n it('adding filter to empty query', () => {\n const { result } = renderHook(() =>\n useSearchPageFilterState({\n searchQuery: [],\n onFilterChange,\n }),\n );\n\n act(() => {\n result.current.setFilterValue('service', 'app');\n result.current.setFilterValue('level', 'error');\n });\n\n expect(onFilterChange).toHaveBeenLastCalledWith([\n {\n type: 'sql',\n condition: \"service IN ('app')\",\n },\n {\n type: 'sql',\n condition: \"level IN ('error')\",\n },\n ]);\n });\n\n it('updating filter query', () => {\n const { result } = renderHook(() =>\n useSearchPageFilterState({\n searchQuery: [\n { type: 'sql', condition: `service IN ('hdx-oss-dev-app')` },\n { type: 'sql', condition: `hyperdx_event_type IN ('span')` },\n { type: 'sql', condition: `level IN ('info', 'ok')` },\n ],\n onFilterChange,\n }),\n );\n\n act(() => {\n result.current.setFilterValue('service', 'hdx-oss-dev-app'); // deselect\n result.current.setFilterValue('another_facet', 'some_value');\n });\n\n expect(onFilterChange).toHaveBeenLastCalledWith([\n { type: 'sql', condition: `hyperdx_event_type IN ('span')` },\n { type: 'sql', condition: `level IN ('info', 'ok')` },\n { type: 'sql', condition: `another_facet IN ('some_value')` },\n ]);\n });\n\n it('clearing filter', () => {\n const { result } = renderHook(() =>\n useSearchPageFilterState({\n searchQuery: [\n { type: 'sql', condition: `service IN ('hdx-oss-dev-app')` },\n { type: 'sql', condition: `hyperdx_event_type IN ('span')` },\n { type: 'sql', condition: `level IN ('info', 'ok')` },\n ],\n onFilterChange,\n }),\n );\n\n act(() => {\n result.current.clearFilter('level');\n });\n\n expect(onFilterChange).toHaveBeenLastCalledWith([\n { type: 'sql', condition: `service IN ('hdx-oss-dev-app')` },\n { type: 'sql', condition: `hyperdx_event_type IN ('span')` },\n ]);\n });\n\n it('correctly hydrates filter state from query', () => {\n const { result } = renderHook(() =>\n useSearchPageFilterState({\n searchQuery: [\n { type: 'sql', condition: `service IN ('hdx-oss-dev-app')` },\n { type: 'sql', condition: `hyperdx_event_type IN ('span')` },\n { type: 'sql', condition: `level IN ('info', 'ok')` },\n ],\n onFilterChange,\n }),\n );\n\n expect(result.current.filters).toEqual({\n service: {\n included: new Set(['hdx-oss-dev-app']),\n excluded: new Set(),\n },\n hyperdx_event_type: {\n included: new Set(['span']),\n excluded: new Set(),\n },\n level: { included: new Set(['info', 'ok']), excluded: new Set() },\n });\n });\n\n it('should clear excluded values when using only action', () => {\n const { result } = renderHook(() =>\n useSearchPageFilterState({\n searchQuery: [\n { type: 'sql', condition: `service IN ('app')` },\n { type: 'sql', condition: `level NOT IN ('error')` },\n ],\n onFilterChange,\n }),\n );\n\n act(() => {\n result.current.setFilterValue('level', 'info', 'only');\n });\n\n expect(onFilterChange).toHaveBeenCalledWith([\n { type: 'sql', condition: `service IN ('app')` },\n { type: 'sql', condition: `level IN ('info')` }, // Should only have the included value, no excluded values\n ]);\n });\n });\n});\n" }, { "path": "packages/app/src/__tests__/serviceDashboard.test.ts", "content": "import type { ColumnMeta } from '@hyperdx/common-utils/dist/clickhouse';\nimport type { TTraceSource } from '@hyperdx/common-utils/dist/types';\nimport { SourceKind } from '@hyperdx/common-utils/dist/types';\nimport { renderHook } from '@testing-library/react';\n\nimport * as metadataModule from '../hooks/useMetadata';\nimport {\n getExpressions,\n makeCoalescedFieldsAccessQuery,\n useServiceDashboardExpressions,\n} from '../serviceDashboard';\n\nfunction removeAllWhitespace(str: string) {\n return str.replace(/\\s|\\t|\\n/g, '');\n}\n\ndescribe('Service Dashboard', () => {\n const mockSource: TTraceSource = {\n id: 'test-source',\n name: 'Test Source',\n kind: SourceKind.Trace,\n from: {\n databaseName: 'test_db',\n tableName: 'otel_traces_json',\n },\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n defaultTableSelectExpression: 'Timestamp',\n durationExpression: 'Duration',\n durationPrecision: 9,\n traceIdExpression: 'TraceId',\n spanIdExpression: 'SpanId',\n parentSpanIdExpression: 'ParentSpanId',\n serviceNameExpression: 'ServiceName',\n spanNameExpression: 'SpanName',\n spanKindExpression: 'SpanKind',\n statusCodeExpression: 'StatusCode',\n };\n\n describe('getExpressions', () => {\n it('should use map syntax for non-JSON columns by default', () => {\n const expressions = getExpressions(mockSource, [], []);\n\n expect(expressions.k8sResourceName).toBe(\n \"SpanAttributes['k8s.resource.name']\",\n );\n expect(expressions.k8sPodName).toBe(\"SpanAttributes['k8s.pod.name']\");\n expect(expressions.serverAddress).toBe(\n \"SpanAttributes['server.address']\",\n );\n expect(expressions.httpHost).toBe(\"SpanAttributes['http.host']\");\n expect(expressions.dbStatement).toBe(\n \"coalesce(nullif(SpanAttributes['db.query.text'], ''), nullif(SpanAttributes['db.statement'], ''))\",\n );\n });\n\n it('should use backtick syntax when SpanAttributes is a JSON column', () => {\n const expressions = getExpressions(mockSource, [], ['SpanAttributes']);\n\n expect(expressions.k8sResourceName).toBe(\n 'SpanAttributes.`k8s.resource.name`',\n );\n expect(expressions.k8sPodName).toBe('SpanAttributes.`k8s.pod.name`');\n expect(expressions.serverAddress).toBe('SpanAttributes.`server.address`');\n expect(expressions.httpHost).toBe('SpanAttributes.`http.host`');\n const resultWithWhitespaceStripped = removeAllWhitespace(\n expressions.dbStatement,\n );\n expect(resultWithWhitespaceStripped).toEqual(\n `coalesce(if(toString(SpanAttributes.\\`db.query.text\\`)!='',toString(SpanAttributes.\\`db.query.text\\`),if(toString(SpanAttributes.\\`db.statement\\`)!='',toString(SpanAttributes.\\`db.statement\\`),'')))`,\n );\n });\n\n it('should work with empty jsonColumns array', () => {\n const expressions = getExpressions(mockSource, [], []);\n\n // Should default to map syntax\n expect(expressions.k8sResourceName).toBe(\n \"SpanAttributes['k8s.resource.name']\",\n );\n });\n });\n\n describe('makeCoalescedFieldsAccessQuery', () => {\n it('should throw an error if an empty list of fields is passed', () => {\n expect(() => {\n makeCoalescedFieldsAccessQuery([], false);\n }).toThrow(\n 'Empty fields array passed while trying to build a coalesced field access query',\n );\n });\n\n it('should throw an error if more than 100 fields are passed', () => {\n expect(() => {\n makeCoalescedFieldsAccessQuery(Array(101).fill('field'), false);\n }).toThrow(\n 'Too many fields (101) passed while trying to build a coalesced field access query. Maximum allowed is 100',\n );\n });\n\n it('should handle single field for non-JSON columns', () => {\n const result = makeCoalescedFieldsAccessQuery(['field1'], false);\n expect(result).toBe(\"nullif(field1, '')\");\n });\n\n it('should handle single field for JSON columns', () => {\n const result = makeCoalescedFieldsAccessQuery(['field1'], true);\n expect(result).toBe(\"if(toString(field1) != '', toString(field1), '')\");\n });\n\n it('should handle multiple fields for non-JSON columns', () => {\n const result = makeCoalescedFieldsAccessQuery(\n ['field1', 'field2'],\n false,\n );\n expect(result).toBe(\"coalesce(nullif(field1, ''), nullif(field2, ''))\");\n });\n\n it('should handle multiple fields for JSON columns', () => {\n const result = makeCoalescedFieldsAccessQuery(['field1', 'field2'], true);\n const resultWithWhitespaceStripped = removeAllWhitespace(result);\n expect(resultWithWhitespaceStripped).toEqual(\n `coalesce(if(toString(field1)!='',toString(field1),if(toString(field2)!='',toString(field2),'')))`,\n );\n });\n\n it('should handle three fields for JSON columns', () => {\n const result = makeCoalescedFieldsAccessQuery(\n ['field1', 'field2', 'field3'],\n true,\n );\n const resultWithWhitespaceStripped = removeAllWhitespace(result);\n expect(resultWithWhitespaceStripped).toEqual(\n `coalesce(if(toString(field1)!='',toString(field1),if(toString(field2)!='',toString(field2),if(toString(field3)!='',toString(field3),''))))`,\n );\n });\n\n it('should handle three fields for non-JSON columns', () => {\n const result = makeCoalescedFieldsAccessQuery(\n ['field1', 'field2', 'field3'],\n false,\n );\n expect(result).toBe(\n \"coalesce(nullif(field1, ''), nullif(field2, ''), nullif(field3, ''))\",\n );\n });\n });\n\n describe('useServiceDashboardExpressions', () => {\n const mockColumns: ColumnMeta[] = [\n { name: 'Duration', type: 'UInt64' },\n { name: 'TraceId', type: 'String' },\n { name: 'ServiceName', type: 'String' },\n { name: 'SpanName', type: 'String' },\n { name: 'SpanKind', type: 'String' },\n { name: 'StatusCode', type: 'String' },\n { name: 'SpanAttributes', type: 'Map(String, String)' },\n ] as ColumnMeta[];\n\n const mockJsonColumns: string[] = [];\n\n beforeEach(() => {\n jest.clearAllMocks();\n });\n\n it('should return loading state when source is undefined', () => {\n jest.spyOn(metadataModule, 'useJsonColumns').mockReturnValue({\n data: undefined,\n isLoading: false,\n } as any);\n jest.spyOn(metadataModule, 'useColumns').mockReturnValue({\n data: undefined,\n isLoading: false,\n } as any);\n\n const { result } = renderHook(() =>\n useServiceDashboardExpressions({ source: undefined }),\n );\n\n expect(result.current.isLoading).toBe(true);\n expect(result.current.expressions).toBeUndefined();\n });\n\n it('should return loading state when columns are loading', () => {\n jest.spyOn(metadataModule, 'useJsonColumns').mockReturnValue({\n data: undefined,\n isLoading: true,\n } as any);\n jest.spyOn(metadataModule, 'useColumns').mockReturnValue({\n data: undefined,\n isLoading: true,\n } as any);\n\n const { result } = renderHook(() =>\n useServiceDashboardExpressions({ source: mockSource }),\n );\n\n expect(result.current.isLoading).toBe(true);\n expect(result.current.expressions).toBeUndefined();\n });\n\n it('should return loading state when jsonColumns are loading', () => {\n jest.spyOn(metadataModule, 'useJsonColumns').mockReturnValue({\n data: undefined,\n isLoading: true,\n } as any);\n jest.spyOn(metadataModule, 'useColumns').mockReturnValue({\n data: mockColumns,\n isLoading: false,\n } as any);\n\n const { result } = renderHook(() =>\n useServiceDashboardExpressions({ source: mockSource }),\n );\n\n expect(result.current.isLoading).toBe(true);\n expect(result.current.expressions).toBeUndefined();\n });\n\n it('should return expressions when data is loaded with non-JSON columns', () => {\n jest.spyOn(metadataModule, 'useJsonColumns').mockReturnValue({\n data: mockJsonColumns,\n isLoading: false,\n } as any);\n jest.spyOn(metadataModule, 'useColumns').mockReturnValue({\n data: mockColumns,\n isLoading: false,\n } as any);\n\n const { result } = renderHook(() =>\n useServiceDashboardExpressions({ source: mockSource }),\n );\n\n expect(result.current.isLoading).toBe(false);\n expect(result.current.expressions).toBeDefined();\n expect(result.current.expressions?.duration).toBe('Duration');\n expect(result.current.expressions?.service).toBe('ServiceName');\n expect(result.current.expressions?.spanName).toBe('SpanName');\n expect(result.current.expressions?.traceId).toBe('TraceId');\n expect(result.current.expressions?.k8sResourceName).toBe(\n \"SpanAttributes['k8s.resource.name']\",\n );\n });\n\n it('should return expressions when data is loaded with JSON columns', () => {\n jest.spyOn(metadataModule, 'useJsonColumns').mockReturnValue({\n data: ['SpanAttributes'],\n isLoading: false,\n } as any);\n jest.spyOn(metadataModule, 'useColumns').mockReturnValue({\n data: mockColumns,\n isLoading: false,\n } as any);\n\n const { result } = renderHook(() =>\n useServiceDashboardExpressions({ source: mockSource }),\n );\n\n expect(result.current.isLoading).toBe(false);\n expect(result.current.expressions).toBeDefined();\n expect(result.current.expressions?.k8sResourceName).toBe(\n 'SpanAttributes.`k8s.resource.name`',\n );\n });\n\n it('should use materialized endpoint column when available', () => {\n const columnsWithEndpoint: ColumnMeta[] = [\n ...mockColumns,\n { name: 'endpoint', type: 'String' },\n ] as ColumnMeta[];\n\n jest.spyOn(metadataModule, 'useJsonColumns').mockReturnValue({\n data: mockJsonColumns,\n isLoading: false,\n } as any);\n jest.spyOn(metadataModule, 'useColumns').mockReturnValue({\n data: columnsWithEndpoint,\n isLoading: false,\n } as any);\n\n const { result } = renderHook(() =>\n useServiceDashboardExpressions({ source: mockSource }),\n );\n\n expect(result.current.isLoading).toBe(false);\n expect(result.current.expressions?.endpoint).toBe('endpoint');\n });\n\n it('should fallback to spanName when materialized endpoint column is not available', () => {\n jest.spyOn(metadataModule, 'useJsonColumns').mockReturnValue({\n data: mockJsonColumns,\n isLoading: false,\n } as any);\n jest.spyOn(metadataModule, 'useColumns').mockReturnValue({\n data: mockColumns,\n isLoading: false,\n } as any);\n\n const { result } = renderHook(() =>\n useServiceDashboardExpressions({ source: mockSource }),\n );\n\n expect(result.current.isLoading).toBe(false);\n expect(result.current.expressions?.endpoint).toBe('SpanName');\n });\n\n it('should include filter expressions', () => {\n jest.spyOn(metadataModule, 'useJsonColumns').mockReturnValue({\n data: mockJsonColumns,\n isLoading: false,\n } as any);\n jest.spyOn(metadataModule, 'useColumns').mockReturnValue({\n data: mockColumns,\n isLoading: false,\n } as any);\n\n const { result } = renderHook(() =>\n useServiceDashboardExpressions({ source: mockSource }),\n );\n\n expect(result.current.isLoading).toBe(false);\n expect(result.current.expressions?.isError).toBe(\n \"lower(StatusCode) = 'error'\",\n );\n expect(result.current.expressions?.isSpanKindServer).toContain(\n 'SpanKind IN',\n );\n expect(result.current.expressions?.isEndpointNonEmpty).toContain(\n 'NOT empty(',\n );\n });\n\n it('should include auxiliary expressions', () => {\n jest.spyOn(metadataModule, 'useJsonColumns').mockReturnValue({\n data: mockJsonColumns,\n isLoading: false,\n } as any);\n jest.spyOn(metadataModule, 'useColumns').mockReturnValue({\n data: mockColumns,\n isLoading: false,\n } as any);\n\n const { result } = renderHook(() =>\n useServiceDashboardExpressions({ source: mockSource }),\n );\n\n expect(result.current.isLoading).toBe(false);\n expect(result.current.expressions?.durationInMillis).toBe('Duration/1e6');\n expect(result.current.expressions?.durationDivisorForMillis).toBe('1e6');\n });\n });\n});\n" }, { "path": "packages/app/src/__tests__/source.test.ts", "content": "import { SourceKind, TTraceSource } from '@hyperdx/common-utils/dist/types';\n\nimport { getEventBody } from '../source';\n\ndescribe('getEventBody', () => {\n // Added to prevent regression back to HDX-3361\n it('returns spanNameExpression for trace kind source when both bodyExpression and spanNameExpression are present', () => {\n const source = {\n kind: SourceKind.Trace,\n from: {\n databaseName: 'default',\n tableName: 'otel_traces',\n },\n timestampValueExpression: 'Timestamp',\n connection: 'test-connection',\n name: 'Traces',\n id: 'test-source-id',\n spanNameExpression: 'SpanName',\n durationExpression: 'Duration',\n durationPrecision: 9,\n traceIdExpression: 'TraceId',\n spanIdExpression: 'SpanId',\n parentSpanIdExpression: 'ParentSpanId',\n spanKindExpression: 'SpanKind',\n } as TTraceSource;\n\n const result = getEventBody(source);\n\n expect(result).toBe('SpanName');\n });\n});\n" }, { "path": "packages/app/src/__tests__/timeQuery.test.tsx", "content": "import * as React from 'react';\nimport { useImperativeHandle } from 'react';\nimport { useRouter } from 'next/router';\nimport { NextAdapter } from 'next-query-params';\nimport { QueryParamProvider } from 'use-query-params';\nimport { LocationMock } from '@jedmao/location';\nimport { render } from '@testing-library/react';\n\nimport { TestRouter } from '@/fixtures';\n\nimport {\n getLiveTailTimeRange,\n useNewTimeQuery,\n type UseTimeQueryInputType,\n type UseTimeQueryReturnType,\n} from '../timeQuery';\nimport { useUserPreferences } from '../useUserPreferences';\n\n// Setting a fixed time of 10/03/23 at 12pm EDT\nconst INITIAL_DATE_STRING =\n 'Tue Oct 03 2023 12:00:00 GMT-0400 (Eastern Daylight Time)';\n\njest.mock('next/router', () => ({\n useRouter: jest.fn(),\n}));\n\nfunction TestWrapper({\n children,\n isUTC,\n}: {\n children: React.ReactNode;\n isUTC?: boolean;\n}) {\n const { setUserPreference } = useUserPreferences();\n\n React.useEffect(() => {\n setUserPreference({ isUTC });\n }, [setUserPreference, isUTC]);\n return (\n {children}\n );\n}\n\nconst TestComponent = React.forwardRef(function Component(\n timeQueryInput: UseTimeQueryInputType,\n ref: React.Ref,\n) {\n const timeQueryVal = useNewTimeQuery(timeQueryInput);\n\n useImperativeHandle(ref, () => timeQueryVal);\n\n return null;\n});\n\nconst { location: savedLocation } = window;\n\n// TODO: Issues with testing nuqs :(\n// https://github.com/47ng/nuqs/issues/259\ndescribe.skip('useTimeQuery tests', () => {\n let testRouter: TestRouter;\n let locationMock: LocationMock;\n\n beforeAll(() => {\n // @ts-ignore - This complains because we can only delete optional operands\n delete window.location;\n });\n\n beforeEach(() => {\n jest.resetAllMocks();\n locationMock = new LocationMock('https://www.hyperdx.io/');\n testRouter = new TestRouter(locationMock);\n // @ts-ignore - this is a mock\n window.location = locationMock;\n\n (useRouter as jest.Mock).mockReturnValue(testRouter);\n\n jest.useFakeTimers().setSystemTime(new Date(INITIAL_DATE_STRING));\n });\n\n afterAll(() => {\n // @ts-ignore - this is a mock\n window.location = savedLocation;\n });\n\n it('initializes successfully to a non-UTC time', async () => {\n const timeQueryRef = React.createRef();\n\n render(\n \n \n ,\n );\n\n // The live tail time range is 15 mins\n expect(timeQueryRef.current?.displayedTimeInputValue).toMatchInlineSnapshot(\n `\"Oct 3 11:45:00 - Oct 3 12:00:00\"`,\n );\n });\n\n it('initializes successfully to a UTC time', async () => {\n const timeQueryRef = React.createRef();\n\n render(\n \n \n ,\n );\n\n // The live tail time range is 15 mins\n expect(timeQueryRef.current?.displayedTimeInputValue).toMatchInlineSnapshot(\n `\"Oct 3 15:45:00 - Oct 3 16:00:00\"`,\n );\n });\n\n it('can be overridden by `tq` url param', async () => {\n const timeQueryRef = React.createRef();\n testRouter.replace('/search?tq=Last+4H');\n\n const { rerender } = render(\n \n \n ,\n );\n jest.runAllTimers();\n\n rerender(\n \n \n ,\n );\n jest.runAllTimers();\n\n // Once the hook runs, it will unset the `tq` param and replace it with\n // a `from` and `to`\n expect(locationMock.searchParams.get('tq')).toBeNull();\n // `From` should be 10/03/23 at 8:00am EDT\n expect(locationMock.searchParams.get('from')).toBe('1696334400000');\n // `To` should be 10/03/23 at 12:00pm EDT\n expect(locationMock.searchParams.get('to')).toBe('1696348800000');\n expect(timeQueryRef.current?.displayedTimeInputValue).toMatchInlineSnapshot(\n `\"Oct 3 08:00:00 - Oct 3 12:00:00\"`,\n );\n });\n\n it('browser navigation of from/to qparmas updates the searched time range', async () => {\n const timeQueryRef = React.createRef();\n testRouter.setIsReady(false);\n testRouter.replace('/search');\n\n const result = render(\n \n \n ,\n );\n jest.runAllTimers();\n\n testRouter.setIsReady(true);\n\n result.rerender(\n \n \n ,\n );\n\n expect(timeQueryRef.current?.displayedTimeInputValue).toMatchInlineSnapshot(\n `\"Past 1h\"`,\n );\n expect(timeQueryRef.current?.searchedTimeRange).toMatchInlineSnapshot(`\n Array [\n 2023-10-03T15:45:00.000Z,\n 2023-10-03T16:00:00.000Z,\n ]\n `);\n\n // 10/03/23 from 04:00am EDT to 08:00am EDT\n testRouter.replace('/search?from=1696320000000&to=1696334400000');\n\n result.rerender(\n \n \n ,\n );\n\n result.rerender(\n \n \n ,\n );\n\n expect(timeQueryRef.current?.displayedTimeInputValue).toMatchInlineSnapshot(\n `\"Oct 3 04:00:00 - Oct 3 08:00:00\"`,\n );\n expect(timeQueryRef.current?.searchedTimeRange).toMatchInlineSnapshot(`\n Array [\n 2023-10-03T08:00:00.000Z,\n 2023-10-03T12:00:00.000Z,\n ]\n `);\n });\n\n it('overrides initial value with async updated `from` and `to` params', async () => {\n const timeQueryRef = React.createRef();\n // 10/03/23 from 04:00am EDT to 08:00am EDT\n testRouter.setIsReady(false);\n testRouter.replace('/search');\n\n const result = render(\n \n \n ,\n );\n jest.runAllTimers();\n\n testRouter.replace('/search?from=1696320000000&to=1696334400000');\n testRouter.setIsReady(true);\n\n result.rerender(\n \n \n ,\n );\n\n expect(timeQueryRef.current?.displayedTimeInputValue).toMatchInlineSnapshot(\n `\"Oct 3 04:00:00 - Oct 3 08:00:00\"`,\n );\n expect(timeQueryRef.current?.searchedTimeRange).toMatchInlineSnapshot(`\n Array [\n 2023-10-03T08:00:00.000Z,\n 2023-10-03T12:00:00.000Z,\n ]\n `);\n });\n\n it('accepts `from` and `to` url params', async () => {\n const timeQueryRef = React.createRef();\n // 10/03/23 from 04:00am EDT to 08:00am EDT\n testRouter.replace('/search?from=1696320000000&to=1696334400000');\n\n render(\n \n \n ,\n );\n jest.runAllTimers();\n\n expect(timeQueryRef.current?.displayedTimeInputValue).toMatchInlineSnapshot(\n `\"Oct 3 04:00:00 - Oct 3 08:00:00\"`,\n );\n });\n\n it('handles bad input in `from` and `to` url params', async () => {\n const timeQueryRef = React.createRef();\n testRouter.replace('/search?from=abc&to=def');\n\n render(\n \n \n ,\n );\n jest.runAllTimers();\n\n // Should initialize to the initial time range 11:45am - 12:00pm\n expect(timeQueryRef.current?.displayedTimeInputValue).toMatchInlineSnapshot(\n `\"Oct 3 11:45:00 - Oct 3 12:00:00\"`,\n );\n });\n\n it('prefers `tq` param over `from` and `to` params', async () => {\n const timeQueryRef = React.createRef();\n // 10/03/23 from 04:00am EDT to 08:00am EDT, tq says last 1 hour\n testRouter.replace(\n '/search?from=1696320000000&to=1696334400000&tq=Past+1h',\n );\n\n const result = render(\n \n \n ,\n );\n jest.runAllTimers();\n\n result.rerender(\n \n \n ,\n );\n jest.runAllTimers();\n\n // The time range should be the last 1 hour even though the `from` and `to`\n // params are passed in.\n expect(timeQueryRef.current?.displayedTimeInputValue).toMatchInlineSnapshot(\n `\"Oct 3 11:00:00 - Oct 3 12:00:00\"`,\n );\n });\n\n it('enables custom display value', async () => {\n const timeQueryRef = React.createRef();\n testRouter.replace('/search');\n const initialDisplayValue = 'Live Tail';\n\n render(\n \n \n ,\n );\n jest.runAllTimers();\n\n expect(timeQueryRef.current?.displayedTimeInputValue).toBe(\n initialDisplayValue,\n );\n });\n});\n" }, { "path": "packages/app/src/__tests__/useUserPreferences.test.tsx", "content": "/**\n * Unit tests for useUserPreferences migration function\n *\n * Tests cover:\n * - Legacy format migration (theme → colorMode)\n * - Partial/corrupted localStorage data handling\n * - Migration idempotency (safe to run multiple times)\n */\n\nimport type { UserPreferences } from '../useUserPreferences';\nimport { migrateUserPreferences } from '../useUserPreferences';\n\nconst STORAGE_KEY = 'hdx-user-preferences';\n\ndescribe('migrateUserPreferences', () => {\n // Store original localStorage\n const originalLocalStorage = window.localStorage;\n let localStorageMock: jest.Mocked;\n\n beforeEach(() => {\n // Create localStorage mock\n localStorageMock = {\n getItem: jest.fn().mockReturnValue(null),\n setItem: jest.fn(),\n removeItem: jest.fn(),\n clear: jest.fn(),\n key: jest.fn(),\n length: 0,\n };\n\n Object.defineProperty(window, 'localStorage', {\n value: localStorageMock,\n writable: true,\n configurable: true,\n });\n });\n\n afterEach(() => {\n jest.clearAllMocks();\n });\n\n afterAll(() => {\n // Restore original localStorage\n Object.defineProperty(window, 'localStorage', {\n value: originalLocalStorage,\n writable: true,\n configurable: true,\n });\n });\n\n describe('Legacy format migration (theme → colorMode)', () => {\n it('should migrate theme=\"dark\" to colorMode=\"dark\"', () => {\n const legacyData = JSON.stringify({\n isUTC: false,\n timeFormat: '12h',\n theme: 'dark',\n font: 'IBM Plex Mono',\n });\n\n const result = migrateUserPreferences(legacyData);\n\n expect(result).toEqual({\n isUTC: false,\n timeFormat: '12h',\n colorMode: 'dark',\n font: 'IBM Plex Mono',\n });\n // Verify theme property was removed during migration\n expect('theme' in (result || {})).toBe(false);\n expect(localStorageMock.setItem).toHaveBeenCalledWith(\n STORAGE_KEY,\n JSON.stringify(result),\n );\n });\n\n it('should migrate theme=\"light\" to colorMode=\"light\"', () => {\n const legacyData = JSON.stringify({\n isUTC: true,\n timeFormat: '24h',\n theme: 'light',\n font: 'Inter',\n });\n\n const result = migrateUserPreferences(legacyData);\n\n expect(result).toEqual({\n isUTC: true,\n timeFormat: '24h',\n colorMode: 'light',\n font: 'Inter',\n });\n // Verify theme property was removed during migration\n expect('theme' in (result || {})).toBe(false);\n });\n\n it('should use default colorMode when theme property is missing', () => {\n // JSON.stringify omits undefined properties, so we simulate legacy data\n // without theme property - this should not match legacy format\n const legacyDataWithoutTheme = JSON.stringify({\n isUTC: false,\n timeFormat: '12h',\n font: 'IBM Plex Mono',\n // theme property missing\n });\n\n // Should return null since it doesn't match legacy format\n const result = migrateUserPreferences(legacyDataWithoutTheme);\n expect(result).toBeNull();\n });\n\n it('should return null when theme is explicitly null (invalid value)', () => {\n // Simulate legacy data where theme was explicitly set to null\n // null is not a valid theme value, so it won't match legacy format\n const legacyData = JSON.stringify({\n isUTC: false,\n timeFormat: '12h',\n theme: null,\n font: 'IBM Plex Mono',\n });\n\n // null theme doesn't match legacy format (type guard requires string or undefined)\n // and it's not a valid UserPreferences (no colorMode)\n // So it should return null to use defaults\n const result = migrateUserPreferences(legacyData);\n expect(result).toBeNull();\n });\n\n it('should preserve all other user preferences during migration', () => {\n const legacyData = JSON.stringify({\n isUTC: true,\n timeFormat: '24h',\n theme: 'light',\n font: 'Roboto Mono',\n expandSidebarHeader: true,\n });\n\n const result = migrateUserPreferences(legacyData);\n\n expect(result).toEqual({\n isUTC: true,\n timeFormat: '24h',\n colorMode: 'light',\n font: 'Roboto Mono',\n expandSidebarHeader: true,\n });\n });\n\n it('should merge with default preferences for missing fields', () => {\n const legacyData = JSON.stringify({\n theme: 'dark',\n // Missing other fields\n });\n\n const result = migrateUserPreferences(legacyData);\n\n expect(result).toEqual({\n isUTC: false, // From DEFAULT_PREFERENCES\n timeFormat: '12h', // From DEFAULT_PREFERENCES\n colorMode: 'dark', // Migrated from theme\n font: 'IBM Plex Mono', // From DEFAULT_PREFERENCES\n });\n });\n });\n\n describe('Partial/corrupted localStorage data', () => {\n it('should return null for null input', () => {\n const result = migrateUserPreferences(null);\n expect(result).toBeNull();\n expect(localStorageMock.setItem).not.toHaveBeenCalled();\n });\n\n it('should return null for invalid JSON', () => {\n const invalidJson = '{ invalid json }';\n const result = migrateUserPreferences(invalidJson);\n expect(result).toBeNull();\n expect(localStorageMock.setItem).not.toHaveBeenCalled();\n });\n\n it('should return null for empty string', () => {\n const result = migrateUserPreferences('');\n expect(result).toBeNull();\n });\n\n it('should return null for non-object JSON', () => {\n const result = migrateUserPreferences('\"string\"');\n expect(result).toBeNull();\n });\n\n it('should return null for array JSON', () => {\n const result = migrateUserPreferences('[]');\n expect(result).toBeNull();\n });\n\n it('should return null for object without theme or colorMode', () => {\n const invalidData = JSON.stringify({\n isUTC: false,\n timeFormat: '12h',\n // No theme or colorMode\n });\n\n const result = migrateUserPreferences(invalidData);\n expect(result).toBeNull();\n });\n\n it('should return null for object with invalid colorMode value', () => {\n const invalidData = JSON.stringify({\n colorMode: 'invalid-value',\n isUTC: false,\n });\n\n const result = migrateUserPreferences(invalidData);\n expect(result).toBeNull();\n });\n\n it('should handle partial legacy data gracefully', () => {\n const partialData = JSON.stringify({\n theme: 'light',\n // Missing other required fields\n });\n\n const result = migrateUserPreferences(partialData);\n\n expect(result).toEqual({\n isUTC: false, // From DEFAULT_PREFERENCES\n timeFormat: '12h', // From DEFAULT_PREFERENCES\n colorMode: 'light', // Migrated from theme\n font: 'IBM Plex Mono', // From DEFAULT_PREFERENCES\n });\n });\n\n it('should handle extra unknown properties in legacy data', () => {\n const legacyData = JSON.stringify({\n theme: 'dark',\n isUTC: false,\n timeFormat: '12h',\n font: 'IBM Plex Mono',\n unknownProperty: 'should be preserved',\n anotherUnknown: 123,\n });\n\n const result = migrateUserPreferences(legacyData);\n\n expect(result).toEqual({\n isUTC: false,\n timeFormat: '12h',\n colorMode: 'dark',\n font: 'IBM Plex Mono',\n unknownProperty: 'should be preserved',\n anotherUnknown: 123,\n });\n });\n });\n\n describe('Migration idempotency', () => {\n it('should return already migrated data unchanged', () => {\n const migratedData: UserPreferences = {\n isUTC: false,\n timeFormat: '12h',\n colorMode: 'dark',\n font: 'IBM Plex Mono',\n };\n\n const result = migrateUserPreferences(JSON.stringify(migratedData));\n\n expect(result).toEqual(migratedData);\n // Should not call setItem since data is already migrated\n expect(localStorageMock.setItem).not.toHaveBeenCalled();\n });\n\n it('should accept colorMode \"system\" as valid', () => {\n const dataWithSystem: UserPreferences = {\n isUTC: false,\n timeFormat: '12h',\n colorMode: 'system',\n font: 'IBM Plex Mono',\n };\n\n const result = migrateUserPreferences(JSON.stringify(dataWithSystem));\n\n expect(result).toEqual(dataWithSystem);\n expect(localStorageMock.setItem).not.toHaveBeenCalled();\n });\n\n it('should handle data with both theme and colorMode (edge case)', () => {\n // If somehow both exist, prefer colorMode (already migrated)\n const mixedData = JSON.stringify({\n theme: 'light',\n colorMode: 'dark',\n isUTC: false,\n timeFormat: '12h',\n font: 'IBM Plex Mono',\n });\n\n const result = migrateUserPreferences(mixedData);\n\n // Should use colorMode (already migrated, ignore theme)\n expect(result?.colorMode).toBe('dark');\n expect(localStorageMock.setItem).not.toHaveBeenCalled();\n });\n\n it('should be safe to call multiple times on same legacy data', () => {\n const legacyData = JSON.stringify({\n theme: 'light',\n isUTC: true,\n timeFormat: '24h',\n font: 'Inter',\n });\n\n // First migration\n const firstResult = migrateUserPreferences(legacyData);\n expect(firstResult?.colorMode).toBe('light');\n // Verify theme property was removed during migration\n expect('theme' in (firstResult || {})).toBe(false);\n\n // Simulate that localStorage now has migrated data\n localStorageMock.getItem.mockReturnValue(JSON.stringify(firstResult));\n\n // Second migration (should be idempotent)\n const secondResult = migrateUserPreferences(JSON.stringify(firstResult));\n expect(secondResult).toEqual(firstResult);\n // Should not call setItem again since already migrated\n expect(localStorageMock.setItem).toHaveBeenCalledTimes(1);\n });\n });\n\n describe('localStorage error handling', () => {\n it('should handle localStorage.setItem errors gracefully', () => {\n localStorageMock.setItem.mockImplementation(() => {\n throw new Error('localStorage quota exceeded');\n });\n\n const legacyData = JSON.stringify({\n theme: 'dark',\n isUTC: false,\n timeFormat: '12h',\n font: 'IBM Plex Mono',\n });\n\n // Should not throw, should return migrated data even if save fails\n const result = migrateUserPreferences(legacyData);\n expect(result).toEqual({\n isUTC: false,\n timeFormat: '12h',\n colorMode: 'dark',\n font: 'IBM Plex Mono',\n });\n });\n });\n\n describe('SSR safety', () => {\n it('should return migrated data even if localStorage is unavailable', () => {\n // Simulate localStorage being unavailable (private browsing, etc.)\n // The function should still return migrated data even if it can't save\n localStorageMock.setItem.mockImplementation(() => {\n throw new Error('localStorage unavailable');\n });\n\n const legacyData = JSON.stringify({\n theme: 'dark',\n isUTC: false,\n timeFormat: '12h',\n font: 'IBM Plex Mono',\n });\n\n // Should not throw - should return migrated data\n const result = migrateUserPreferences(legacyData);\n expect(result).toEqual({\n isUTC: false,\n timeFormat: '12h',\n colorMode: 'dark',\n font: 'IBM Plex Mono',\n });\n });\n });\n});\n" }, { "path": "packages/app/src/__tests__/utils.test.ts", "content": "import { TSource } from '@hyperdx/common-utils/dist/types';\nimport { SortingState } from '@tanstack/react-table';\nimport { act, renderHook } from '@testing-library/react';\n\nimport { MetricsDataType, NumberFormat } from '../types';\nimport * as utils from '../utils';\nimport {\n formatAttributeClause,\n formatNumber,\n getAllMetricTables,\n getMetricTableName,\n mapKeyBy,\n orderByStringToSortingState,\n sortingStateToOrderByString,\n stripTrailingSlash,\n useQueryHistory,\n} from '../utils';\n\ndescribe('formatAttributeClause', () => {\n it('should format SQL attribute clause correctly', () => {\n expect(\n formatAttributeClause('ResourceAttributes', 'service', 'nginx', true),\n ).toBe(\"ResourceAttributes['service']='nginx'\");\n\n expect(formatAttributeClause('metadata', 'environment', 'prod', true)).toBe(\n \"metadata['environment']='prod'\",\n );\n\n expect(formatAttributeClause('data', 'user-id', 'abc-123', true)).toBe(\n \"data['user-id']='abc-123'\",\n );\n });\n\n it('should format lucene attribute clause correctly', () => {\n expect(formatAttributeClause('attrs', 'service', 'nginx', false)).toBe(\n 'attrs.service:\"nginx\"',\n );\n\n expect(\n formatAttributeClause('metadata', 'environment', 'prod', false),\n ).toBe('metadata.environment:\"prod\"');\n\n expect(formatAttributeClause('data', 'user-id', 'abc-123', false)).toBe(\n 'data.user-id:\"abc-123\"',\n );\n });\n});\n\ndescribe('getMetricTableName', () => {\n // Base source object with required properties\n const createBaseSource = () => ({\n from: {\n tableName: '',\n databaseName: 'test_db',\n },\n id: 'test-id',\n name: 'test-source',\n timestampValueExpression: 'timestamp',\n connection: 'test-connection',\n kind: 'metric' as const,\n });\n\n // Source with metric tables\n const createSourceWithMetrics = () => ({\n ...createBaseSource(),\n metricTables: {\n gauge: 'gauge_table',\n counter: 'counter_table',\n },\n });\n\n it('returns the default table name when metricType is null', () => {\n const source = createSourceWithMetrics() as unknown as TSource;\n\n expect(getMetricTableName(source)).toBe('');\n expect(getMetricTableName(source, undefined)).toBe('');\n });\n\n it('returns the specific metric table when metricType is provided', () => {\n const source = createSourceWithMetrics() as unknown as TSource;\n\n expect(getMetricTableName(source, 'gauge' as MetricsDataType)).toBe(\n 'gauge_table',\n );\n expect(getMetricTableName(source, 'counter' as MetricsDataType)).toBe(\n 'counter_table',\n );\n });\n\n it('handles case insensitivity for metric types', () => {\n const source = createSourceWithMetrics() as unknown as TSource;\n\n expect(getMetricTableName(source, 'GAUGE' as MetricsDataType)).toBe(\n 'gauge_table',\n );\n expect(getMetricTableName(source, 'Counter' as MetricsDataType)).toBe(\n 'counter_table',\n );\n });\n\n it('returns undefined when the requested metric type does not exist', () => {\n const source = {\n ...createBaseSource(),\n metricTables: {\n gauge: 'gauge_table',\n },\n } as unknown as TSource;\n\n expect(\n getMetricTableName(source, 'histogram' as MetricsDataType),\n ).toBeUndefined();\n });\n\n it('handles sources without metricTables property', () => {\n const source = createBaseSource() as unknown as TSource;\n\n expect(getMetricTableName(source)).toBe('');\n expect(\n getMetricTableName(source, 'gauge' as MetricsDataType),\n ).toBeUndefined();\n });\n});\n\ndescribe('getAllMetricTables', () => {\n const createMetricSource = (metricTables: Record): TSource =>\n ({\n kind: 'metric' as const,\n from: { databaseName: 'test_db', tableName: '' },\n connection: 'test-conn',\n id: 'test-id',\n name: 'test',\n timestampValueExpression: 'timestamp',\n metricTables,\n }) as unknown as TSource;\n\n it('returns empty array for non-metric source', () => {\n const source = {\n kind: 'log' as const,\n from: { databaseName: 'test_db', tableName: 'logs' },\n connection: 'test-conn',\n id: 'test-id',\n name: 'test',\n timestampValueExpression: 'timestamp',\n } as unknown as TSource;\n\n expect(getAllMetricTables(source)).toEqual([]);\n });\n\n it('returns empty array when metricTables is undefined', () => {\n const source = {\n kind: 'metric' as const,\n from: { databaseName: 'test_db', tableName: '' },\n connection: 'test-conn',\n id: 'test-id',\n name: 'test',\n timestampValueExpression: 'timestamp',\n } as unknown as TSource;\n\n expect(getAllMetricTables(source)).toEqual([]);\n });\n\n it('returns TableConnection for each populated metric table', () => {\n const source = createMetricSource({\n Gauge: 'gauge_table',\n Sum: 'sum_table',\n });\n\n const result = getAllMetricTables(source);\n expect(result).toEqual(\n expect.arrayContaining([\n {\n tableName: 'gauge_table',\n databaseName: 'test_db',\n connectionId: 'test-conn',\n },\n {\n tableName: 'sum_table',\n databaseName: 'test_db',\n connectionId: 'test-conn',\n },\n ]),\n );\n expect(result).toHaveLength(2);\n });\n\n it('filters out metric types with no table name', () => {\n const source = createMetricSource({\n Gauge: 'gauge_table',\n Histogram: '',\n });\n\n const result = getAllMetricTables(source);\n expect(result).toEqual([\n {\n tableName: 'gauge_table',\n databaseName: 'test_db',\n connectionId: 'test-conn',\n },\n ]);\n });\n\n it('returns all four metric types when all are populated', () => {\n const source = createMetricSource({\n Gauge: 'gauge_t',\n Histogram: 'histogram_t',\n Sum: 'sum_t',\n Summary: 'summary_t',\n });\n\n const result = getAllMetricTables(source);\n expect(result).toHaveLength(4);\n expect(result.map(t => t.tableName).sort()).toEqual([\n 'gauge_t',\n 'histogram_t',\n 'sum_t',\n 'summary_t',\n ]);\n // All should share the same database and connection\n for (const tc of result) {\n expect(tc.databaseName).toBe('test_db');\n expect(tc.connectionId).toBe('test-conn');\n }\n });\n\n it('returns empty array when all metric table values are falsy', () => {\n const source = createMetricSource({\n Gauge: '',\n Histogram: '',\n });\n\n expect(getAllMetricTables(source)).toEqual([]);\n });\n});\n\ndescribe('formatNumber', () => {\n it('handles undefined/null values', () => {\n expect(formatNumber(undefined)).toBe('N/A');\n expect(formatNumber(null as any)).toBe('N/A');\n });\n\n it('returns string representation when no format options provided', () => {\n expect(formatNumber(1234)).toBe('1234');\n expect(formatNumber(0)).toBe('0');\n expect(formatNumber(-1234)).toBe('-1234');\n });\n\n describe('number format', () => {\n it('formats with mantissa', () => {\n const format: NumberFormat = {\n output: 'number',\n mantissa: 2,\n };\n expect(formatNumber(1234.5678, format)).toBe('1234.57');\n });\n\n it('formats with thousand separator', () => {\n const format: NumberFormat = {\n output: 'number',\n thousandSeparated: true,\n };\n expect(formatNumber(1234567, format)).toBe('1,234,567');\n });\n\n it('does not apply factor multiplication', () => {\n const format: NumberFormat = {\n output: 'number',\n factor: 0.001, // Convert to milliseconds\n };\n expect(formatNumber(1000, format)).toBe('1000');\n });\n });\n\n describe('currency format', () => {\n it('formats with default currency symbol', () => {\n const format: NumberFormat = {\n output: 'currency',\n thousandSeparated: true,\n };\n expect(formatNumber(1234.56, format)).toBe('$1,235');\n });\n\n it('formats with custom currency symbol', () => {\n const format: NumberFormat = {\n output: 'currency',\n currencySymbol: '€',\n };\n expect(formatNumber(1234.56, format)).toBe('€1235');\n });\n });\n\n describe('percentage format', () => {\n it('formats as percentage', () => {\n const format: NumberFormat = {\n output: 'percent',\n };\n expect(formatNumber(0.1234, format)).toBe('12%');\n });\n\n it('formats percentage with mantissa', () => {\n const format: NumberFormat = {\n output: 'percent',\n mantissa: 2,\n };\n expect(formatNumber(0.1234, format)).toBe('12.34%');\n });\n });\n\n describe('byte format', () => {\n it('formats bytes with binary base', () => {\n const format: NumberFormat = {\n output: 'byte',\n decimalBytes: false,\n };\n expect(formatNumber(1024, format)).toBe('1 KB');\n });\n\n it('formats bytes with decimal base', () => {\n const format: NumberFormat = {\n output: 'byte',\n decimalBytes: true,\n };\n expect(formatNumber(1000, format)).toBe('1 KB');\n });\n });\n\n describe('time format', () => {\n it('formats seconds input', () => {\n const format: NumberFormat = {\n output: 'time',\n factor: 1, // seconds\n };\n expect(formatNumber(3661, format)).toBe('1:01:01');\n });\n\n it('formats milliseconds input', () => {\n const format: NumberFormat = {\n output: 'time',\n factor: 0.001, // milliseconds\n };\n expect(formatNumber(61000, format)).toBe('0:01:01');\n });\n\n it('formats microseconds input', () => {\n const format: NumberFormat = {\n output: 'time',\n factor: 0.000001, // microseconds\n };\n expect(formatNumber(1000000, format)).toBe('0:00:01');\n });\n\n it('formats nanoseconds input', () => {\n const format: NumberFormat = {\n output: 'time',\n factor: 0.000000001, // nanoseconds\n };\n expect(formatNumber(1000000001, format)).toBe('0:00:01');\n });\n });\n\n describe('unit handling', () => {\n it('appends unit to formatted number', () => {\n const format: NumberFormat = {\n output: 'number',\n unit: 'ms',\n };\n expect(formatNumber(1234, format)).toBe('1234 ms');\n });\n });\n\n describe('average format', () => {\n it('formats large numbers with abbreviations when average is true', () => {\n const format: NumberFormat = {\n output: 'number',\n average: true,\n };\n expect(formatNumber(1234567, format)).toBe('1m');\n });\n });\n\n describe('NaN handling', () => {\n it('returns \"N/A\" for NaN without options', () => {\n expect(formatNumber(NaN)).toBe('N/A');\n expect(formatNumber(NaN, { output: 'number', mantissa: 2 })).toBe('N/A');\n });\n\n it('returns a string unchanged if a number cannot be parsed from it', () => {\n // @ts-expect-error not passing a number\n expect(formatNumber('not a number')).toBe('not a number');\n\n expect(\n // @ts-expect-error not passing a number\n formatNumber('not a number', { output: 'number', mantissa: 2 }),\n ).toBe('not a number');\n });\n });\n});\n\ndescribe('useLocalStorage', () => {\n // Create a mock for localStorage\n let localStorageMock: jest.Mocked;\n\n beforeEach(() => {\n // Clear all mocks between tests\n jest.clearAllMocks();\n\n // Create localStorage mock\n localStorageMock = {\n getItem: jest.fn().mockImplementation((_: string) => null),\n setItem: jest.fn(),\n removeItem: jest.fn(),\n clear: jest.fn(),\n key: jest.fn(),\n length: 0,\n };\n\n // Replace window.localStorage with our mock\n Object.defineProperty(window, 'localStorage', {\n value: localStorageMock,\n writable: true,\n });\n });\n\n afterAll(() => {\n // Restore original implementations\n jest.restoreAllMocks();\n });\n\n test('should initialize with initial value when localStorage is empty', () => {\n // Mock localStorage.getItem to return null (empty)\n localStorageMock.getItem.mockReturnValueOnce(null);\n\n const initialValue = { test: 'value' };\n const { result } = renderHook(() =>\n utils.useLocalStorage('testKey', initialValue),\n );\n\n // Check if initialized with initial value\n expect(result.current[0]).toEqual(initialValue);\n\n // Verify localStorage was checked\n expect(localStorageMock.getItem).toHaveBeenCalledWith('testKey');\n });\n\n test('should retrieve existing value from localStorage', () => {\n // Mock localStorage to return existing value\n const existingValue = { test: 'existing' };\n localStorageMock.getItem.mockReturnValueOnce(JSON.stringify(existingValue));\n\n const { result } = renderHook(() =>\n utils.useLocalStorage('testKey', { test: 'default' }),\n );\n\n // Should use the value from localStorage, not the initial value\n expect(result.current[0]).toEqual(existingValue);\n expect(localStorageMock.getItem).toHaveBeenCalledWith('testKey');\n });\n\n test('should update localStorage when setValue is called', () => {\n localStorageMock.getItem.mockReturnValueOnce(null);\n\n const { result } = renderHook(() =>\n utils.useLocalStorage('testKey', 'initial'),\n );\n\n // Update value\n const newValue = 'updated';\n act(() => {\n result.current[1](newValue);\n });\n\n // Check if state updated\n expect(result.current[0]).toBe(newValue);\n\n // Check if localStorage was updated\n expect(localStorageMock.setItem).toHaveBeenCalledWith(\n 'testKey',\n JSON.stringify(newValue),\n );\n });\n\n test('should handle functional updates', () => {\n localStorageMock.getItem.mockReturnValueOnce(JSON.stringify(0));\n\n const { result } = renderHook(() =>\n utils.useLocalStorage('testKey', 0),\n );\n\n // Update using function\n act(() => {\n result.current[1](prev => prev + 1);\n });\n\n // Check if state updated correctly\n expect(result.current[0]).toBe(1);\n\n // Check if localStorage was updated\n expect(localStorageMock.setItem).toHaveBeenCalledWith(\n 'testKey',\n JSON.stringify(1),\n );\n });\n\n test('should handle storage event from another window', () => {\n // Initial setup\n localStorageMock.getItem.mockReturnValueOnce(JSON.stringify('initial'));\n\n const { result } = renderHook(() =>\n utils.useLocalStorage('testKey', 'initial'),\n );\n\n // Update mock to return new value when checked after event\n localStorageMock.getItem.mockReturnValue(JSON.stringify('external update'));\n\n // Dispatch storage event\n act(() => {\n window.dispatchEvent(\n new StorageEvent('storage', {\n key: 'testKey',\n newValue: JSON.stringify('external update'),\n }),\n );\n });\n\n // State should be updated\n expect(result.current[0]).toBe('external update');\n });\n\n test('should handle customStorage event from same window but different hook instance', () => {\n // First hook instance\n localStorageMock.getItem.mockReturnValueOnce(JSON.stringify('initial1'));\n const { result: result1 } = renderHook(() =>\n utils.useLocalStorage('sharedKey', 'initial1'),\n );\n\n // Second hook instance\n localStorageMock.getItem.mockReturnValueOnce(JSON.stringify('initial1'));\n const { result: result2 } = renderHook(() =>\n utils.useLocalStorage('sharedKey', 'initial2'),\n );\n\n // Clear mock calls count\n localStorageMock.getItem.mockClear();\n\n // When the second hook checks localStorage after custom event\n localStorageMock.getItem.mockReturnValue(\n JSON.stringify('updated by hook 1'),\n );\n\n // Update value in the first instance\n act(() => {\n result1.current[1]('updated by hook 1');\n });\n\n // Manually trigger custom event (since it's happening within the same test)\n act(() => {\n const event = new CustomEvent(\n 'customStorage',\n {\n detail: {\n key: 'sharedKey',\n instanceId: 'some-id', // Different from the instance updating\n },\n },\n );\n window.dispatchEvent(event);\n });\n\n // The second instance should have updated values\n expect(result2.current[0]).toBe('updated by hook 1');\n });\n\n test('should not update if storage event is for a different key', () => {\n // Initial setup\n localStorageMock.getItem.mockReturnValueOnce(JSON.stringify('initial'));\n const { result } = renderHook(() =>\n utils.useLocalStorage('testKey', 'initial'),\n );\n\n // Clear the mock calls counter\n localStorageMock.getItem.mockClear();\n\n // Simulate storage event for a different key\n act(() => {\n window.dispatchEvent(\n new StorageEvent('storage', {\n key: 'differentKey',\n newValue: JSON.stringify('different value'),\n }),\n );\n });\n\n // State should remain unchanged\n expect(result.current[0]).toBe('initial');\n // localStorage should not be accessed since key doesn't match\n expect(localStorageMock.getItem).not.toHaveBeenCalled();\n });\n});\n\ndescribe('stripTrailingSlash', () => {\n it('should throw an error for nullish values', () => {\n expect(() => stripTrailingSlash(null)).toThrow(\n 'URL must be a non-empty string',\n );\n expect(() => stripTrailingSlash(undefined)).toThrow(\n 'URL must be a non-empty string',\n );\n });\n\n it('should throw an error for non-string values', () => {\n expect(() => stripTrailingSlash(123 as any)).toThrow(\n 'URL must be a non-empty string',\n );\n expect(() => stripTrailingSlash({} as any)).toThrow(\n 'URL must be a non-empty string',\n );\n });\n\n it('should remove trailing slash from URLs', () => {\n expect(stripTrailingSlash('http://example.com/')).toBe(\n 'http://example.com',\n );\n expect(stripTrailingSlash('http://example.com/api/')).toBe(\n 'http://example.com/api',\n );\n });\n\n it('should not modify URLs without trailing slash', () => {\n expect(stripTrailingSlash('http://example.com')).toBe('http://example.com');\n expect(stripTrailingSlash('http://example.com/api')).toBe(\n 'http://example.com/api',\n );\n });\n\n it('should handle URLs with multiple trailing slashes', () => {\n expect(stripTrailingSlash('http://example.com///')).toBe(\n 'http://example.com//',\n );\n });\n});\n\ndescribe('useQueryHistory', () => {\n const mockGetItem = jest.fn();\n const mockSetItem = jest.fn();\n const mockRemoveItem = jest.fn();\n const originalLocalStorage = window.localStorage;\n\n beforeEach(() => {\n mockGetItem.mockClear();\n mockSetItem.mockClear();\n mockRemoveItem.mockClear();\n mockGetItem.mockReturnValue('[\"service = test3\",\"service = test1\"]');\n Object.defineProperty(window, 'localStorage', {\n value: {\n getItem: (...args: string[]) => mockGetItem(...args),\n setItem: (...args: string[]) => mockSetItem(...args),\n removeItem: (...args: string[]) => mockRemoveItem(...args),\n },\n });\n });\n\n afterEach(() => {\n jest.restoreAllMocks();\n Object.defineProperty(window, 'localStorage', {\n value: originalLocalStorage,\n configurable: true,\n });\n });\n\n it('adds new query', () => {\n const { result } = renderHook(() => useQueryHistory('searchSQL'));\n const setQueryHistory = result.current[1];\n act(() => {\n setQueryHistory('service = test2');\n });\n\n expect(mockSetItem).toHaveBeenCalledWith(\n 'QuerySearchHistory.searchSQL',\n '[\"service = test2\",\"service = test3\",\"service = test1\"]',\n );\n });\n\n it('does not add duplicate query, but change the order to front', () => {\n const { result } = renderHook(() => useQueryHistory('searchSQL'));\n const setQueryHistory = result.current[1];\n act(() => {\n setQueryHistory('service = test1');\n });\n\n expect(mockSetItem).toHaveBeenCalledWith(\n 'QuerySearchHistory.searchSQL',\n '[\"service = test1\",\"service = test3\"]',\n );\n });\n\n it('does not add empty query', () => {\n const { result } = renderHook(() => useQueryHistory('searchSQL'));\n const setQueryHistory = result.current[1];\n act(() => {\n setQueryHistory(' '); // empty after trim\n });\n expect(mockSetItem).not.toHaveBeenCalled();\n });\n});\n\ndescribe('sortingStateToOrderByString', () => {\n it('returns undefined for null input', () => {\n expect(sortingStateToOrderByString(null)).toBeUndefined();\n });\n\n it('returns undefined for empty array', () => {\n const sortingState: SortingState = [];\n expect(sortingStateToOrderByString(sortingState)).toBeUndefined();\n });\n\n it('converts sorting state with desc: false to ASC order', () => {\n const sortingState: SortingState = [{ id: 'timestamp', desc: false }];\n expect(sortingStateToOrderByString(sortingState)).toBe('timestamp ASC');\n });\n\n it('converts sorting state with desc: true to DESC order', () => {\n const sortingState: SortingState = [{ id: 'timestamp', desc: true }];\n expect(sortingStateToOrderByString(sortingState)).toBe('timestamp DESC');\n });\n\n it('handles column names with special characters', () => {\n const sortingState: SortingState = [{ id: 'user_count', desc: false }];\n expect(sortingStateToOrderByString(sortingState)).toBe('user_count ASC');\n });\n});\n\ndescribe('orderByStringToSortingState', () => {\n it('returns undefined for undefined input', () => {\n expect(orderByStringToSortingState(undefined)).toBeUndefined();\n });\n\n it('returns undefined for empty string', () => {\n expect(orderByStringToSortingState('')).toBeUndefined();\n });\n\n it('converts \"column ASC\" to sorting state with desc: false', () => {\n const result = orderByStringToSortingState('timestamp ASC');\n expect(result).toEqual([{ id: 'timestamp', desc: false }]);\n });\n\n it('converts \"column DESC\" to sorting state with desc: true', () => {\n const result = orderByStringToSortingState('timestamp DESC');\n expect(result).toEqual([{ id: 'timestamp', desc: true }]);\n });\n\n it('handles case insensitive direction keywords', () => {\n expect(orderByStringToSortingState('col asc')).toEqual([\n { id: 'col', desc: false },\n ]);\n expect(orderByStringToSortingState('col Asc')).toEqual([\n { id: 'col', desc: false },\n ]);\n expect(orderByStringToSortingState('col desc')).toEqual([\n { id: 'col', desc: true },\n ]);\n expect(orderByStringToSortingState('col Desc')).toEqual([\n { id: 'col', desc: true },\n ]);\n expect(orderByStringToSortingState('col DESC')).toEqual([\n { id: 'col', desc: true },\n ]);\n });\n\n it('returns undefined for invalid format without direction', () => {\n expect(orderByStringToSortingState('timestamp')).toBeUndefined();\n });\n\n it('returns undefined for invalid format with wrong number of parts', () => {\n expect(orderByStringToSortingState('col name ASC')).toBeUndefined();\n });\n\n it('returns undefined for invalid direction keyword', () => {\n expect(orderByStringToSortingState('col INVALID')).toBeUndefined();\n });\n\n it('handles column names with underscores', () => {\n const result = orderByStringToSortingState('user_count DESC');\n expect(result).toEqual([{ id: 'user_count', desc: true }]);\n });\n\n it('handles column names with numbers', () => {\n const result = orderByStringToSortingState('col123 ASC');\n expect(result).toEqual([{ id: 'col123', desc: false }]);\n });\n\n it('round-trips correctly with sortingStateToOrderByString', () => {\n const originalSort: SortingState = [{ id: 'service_name', desc: true }];\n const orderByString = sortingStateToOrderByString(originalSort);\n const roundTripSort = orderByStringToSortingState(orderByString);\n expect(roundTripSort).toEqual(originalSort);\n });\n});\n\ndescribe('mapKeyBy', () => {\n it('returns a map', () => {\n const result = mapKeyBy([{ id: 'a' }, { id: 'b' }], 'id');\n expect(result).toBeInstanceOf(Map);\n });\n\n it('adds each item to the map, keyed by the provided `key` param', () => {\n const data = [{ id: 'a' }, { id: 'b' }];\n const result = mapKeyBy(data, 'id');\n expect(result.size).toBe(2);\n expect(result.get('a')).toBe(data.at(0));\n expect(result.get('b')).toBe(data.at(1));\n });\n\n it('overwrites items with the same key', () => {\n const data = [{ id: 'a' }, { id: 'a' }];\n const result = mapKeyBy(data, 'id');\n expect(result.size).toBe(1);\n expect(result.get('a')).toBe(data.at(1));\n });\n});\n" }, { "path": "packages/app/src/api.ts", "content": "import Router from 'next/router';\nimport type { HTTPError, Options, ResponsePromise } from 'ky';\nimport ky from 'ky-universal';\nimport type {\n Alert,\n AlertsApiResponse,\n InstallationApiResponse,\n MeApiResponse,\n PresetDashboard,\n PresetDashboardFilter,\n RotateApiKeyApiResponse,\n TeamApiResponse,\n TeamInvitationsApiResponse,\n TeamMembersApiResponse,\n TeamTagsApiResponse,\n UpdateClickHouseSettingsApiResponse,\n WebhookCreateApiResponse,\n WebhooksApiResponse,\n WebhookTestApiResponse,\n WebhookUpdateApiResponse,\n} from '@hyperdx/common-utils/dist/types';\nimport type { UseQueryOptions } from '@tanstack/react-query';\nimport { useMutation, useQuery } from '@tanstack/react-query';\n\nimport { IS_LOCAL_MODE } from './config';\nimport {\n Dashboard,\n fetchLocalDashboards,\n getLocalDashboardTags,\n} from './dashboard';\ntype ServicesResponse = {\n data: Record<\n string,\n Array<{\n 'deployment.environment'?: string;\n 'k8s.namespace.name'?: string;\n 'k8s.pod.name'?: string;\n 'k8s.pod.uid'?: string;\n }>\n >;\n};\n\nexport function loginHook(request: Request, options: any, response: Response) {\n // marketing pages\n const WHITELIST_PATHS = [\n '/',\n '/forgot',\n '/join-team',\n '/login',\n '/register',\n '/reset-password',\n ];\n if (!WHITELIST_PATHS.includes(Router.pathname) && response.status === 401) {\n try {\n window.sessionStorage.setItem('hdx-login-redirect-url', Router.asPath);\n } catch (e: any) {\n console.error(e);\n }\n Router.push('/login');\n }\n}\n\nexport const server = ky.create({\n prefixUrl: '/api',\n credentials: 'include',\n hooks: {\n afterResponse: [loginHook],\n },\n timeout: false,\n});\n\nexport const hdxServer = (\n url: string,\n options?: Options | undefined,\n): ResponsePromise => {\n return server(url, {\n ...options,\n });\n};\n\nconst api = {\n useCreateAlert() {\n return useMutation<{ data: Alert }, Error, Alert>({\n mutationFn: async alert =>\n server('alerts', {\n method: 'POST',\n json: alert,\n }).json(),\n });\n },\n useUpdateAlert() {\n return useMutation<{ data: Alert }, Error, { id: string } & Alert>({\n mutationFn: async alert =>\n server(`alerts/${alert.id}`, {\n method: 'PUT',\n json: alert,\n }).json(),\n });\n },\n useDeleteAlert() {\n return useMutation({\n mutationFn: async (alertId: string) => {\n await server(`alerts/${alertId}`, {\n method: 'DELETE',\n });\n },\n });\n },\n useSilenceAlert() {\n return useMutation({\n mutationFn: async ({ alertId, mutedUntil }) => {\n await server(`alerts/${alertId}/silenced`, {\n method: 'POST',\n json: { mutedUntil },\n });\n },\n });\n },\n useUnsilenceAlert() {\n return useMutation({\n mutationFn: async (alertId: string) => {\n await server(`alerts/${alertId}/silenced`, {\n method: 'DELETE',\n });\n },\n });\n },\n useDashboards(options?: UseQueryOptions) {\n return useQuery({\n queryKey: [`dashboards`],\n queryFn: IS_LOCAL_MODE\n ? async () => fetchLocalDashboards()\n : () => hdxServer(`dashboards`, { method: 'GET' }).json(),\n ...options,\n });\n },\n useCreateDashboard() {\n return useMutation({\n mutationFn: async ({\n name,\n charts,\n query,\n tags,\n }: {\n name: string;\n charts: Dashboard['tiles'];\n query: string;\n tags: string[];\n }) =>\n hdxServer(`dashboards`, {\n method: 'POST',\n json: { name, charts, query, tags },\n }).json(),\n });\n },\n useUpdateDashboard() {\n return useMutation({\n mutationFn: async ({\n id,\n name,\n charts,\n query,\n tags,\n }: {\n id: string;\n name: string;\n charts: Dashboard['tiles'];\n query: string;\n tags: string[];\n }) =>\n hdxServer(`dashboards/${id}`, {\n method: 'PUT',\n json: { name, charts, query, tags },\n }).json(),\n });\n },\n useDeleteDashboard() {\n return useMutation({\n mutationFn: async ({ id }: { id: string }) => {\n await hdxServer(`dashboards/${id}`, {\n method: 'DELETE',\n });\n },\n });\n },\n usePresetDashboardFilters(\n presetDashboard: PresetDashboard,\n sourceId: string,\n enabled: boolean = true,\n ) {\n return useQuery({\n queryKey: [`dashboards`, `preset`, presetDashboard, `filters`, sourceId],\n queryFn: () =>\n hdxServer(`dashboards/preset/${presetDashboard}/filters/`, {\n method: 'GET',\n searchParams: { sourceId },\n }).json(),\n enabled: !!sourceId && enabled,\n });\n },\n useCreatePresetDashboardFilter() {\n return useMutation({\n mutationFn: async (filter: PresetDashboardFilter) =>\n hdxServer(`dashboards/preset/${filter.presetDashboard}/filter`, {\n method: 'POST',\n json: { filter },\n }).json(),\n });\n },\n useUpdatePresetDashboardFilter() {\n return useMutation({\n mutationFn: async (filter: PresetDashboardFilter) =>\n hdxServer(`dashboards/preset/${filter.presetDashboard}/filter`, {\n method: 'PUT',\n json: { filter },\n }).json(),\n });\n },\n useDeletePresetDashboardFilter() {\n return useMutation<\n PresetDashboardFilter,\n Error,\n { id: string; presetDashboard: PresetDashboard }\n >({\n mutationFn: async ({\n id,\n presetDashboard,\n }: {\n id: string;\n presetDashboard: PresetDashboard;\n }) =>\n hdxServer(`dashboards/preset/${presetDashboard}/filter/${id}`, {\n method: 'DELETE',\n }).json(),\n });\n },\n useAlerts() {\n return useQuery({\n queryKey: [`alerts`],\n queryFn: () => hdxServer(`alerts`).json(),\n });\n },\n useServices() {\n return useQuery({\n queryKey: [`services`],\n queryFn: () =>\n hdxServer(`chart/services`, {\n method: 'GET',\n }).json(),\n });\n },\n useRotateTeamApiKey() {\n return useMutation({\n mutationFn: async () =>\n hdxServer(`team/apiKey`, {\n method: 'PATCH',\n }).json(),\n });\n },\n useDeleteTeamMember() {\n return useMutation<\n { message: string },\n Error | HTTPError,\n { userId: string }\n >({\n mutationFn: async ({ userId }: { userId: string }) =>\n hdxServer(`team/member/${userId}`, {\n method: 'DELETE',\n }).json<{ message: string }>(),\n });\n },\n useTeamInvitations() {\n return useQuery({\n queryKey: [`team/invitations`],\n queryFn: () =>\n hdxServer(`team/invitations`).json(),\n });\n },\n useSaveTeamInvitation() {\n return useMutation<\n { url: string },\n Error | HTTPError,\n { name?: string; email: string }\n >({\n mutationFn: async ({ name, email }: { name?: string; email: string }) =>\n hdxServer(`team/invitation`, {\n method: 'POST',\n json: {\n name,\n email,\n },\n }).json<{ url: string }>(),\n });\n },\n useDeleteTeamInvitation() {\n return useMutation({\n mutationFn: async ({ id }: { id: string }) =>\n hdxServer(`team/invitation/${id}`, {\n method: 'DELETE',\n }).json<{ message: string }>(),\n });\n },\n useInstallation() {\n return useQuery({\n queryKey: [`installation`],\n queryFn: () => {\n if (IS_LOCAL_MODE) {\n return;\n }\n return hdxServer(`installation`).json();\n },\n });\n },\n useMe() {\n return useQuery({\n queryKey: [`me`],\n queryFn: () => {\n if (IS_LOCAL_MODE) {\n return null;\n }\n return hdxServer(`me`).json();\n },\n });\n },\n useTeam() {\n return useQuery({\n queryKey: [`team`],\n queryFn: () => {\n if (IS_LOCAL_MODE) {\n return null;\n }\n return hdxServer(`team`).json();\n },\n retry: 1,\n });\n },\n useTeamMembers() {\n return useQuery({\n queryKey: [`team/members`],\n queryFn: () => hdxServer(`team/members`).json(),\n });\n },\n useSetTeamName() {\n return useMutation<{ name: string }, HTTPError, { name: string }>({\n mutationFn: async ({ name }) =>\n hdxServer(`team/name`, {\n method: 'PATCH',\n json: { name },\n }).json<{ name: string }>(),\n });\n },\n useUpdateClickhouseSettings() {\n return useMutation<\n UpdateClickHouseSettingsApiResponse,\n HTTPError,\n {\n searchRowLimit?: number;\n fieldMetadataDisabled?: boolean;\n metadataMaxRowsToRead?: number;\n }\n >({\n mutationFn: async settings =>\n hdxServer(`team/clickhouse-settings`, {\n method: 'PATCH',\n json: settings,\n }).json(),\n });\n },\n useTags() {\n return useQuery({\n queryKey: [`team/tags`],\n queryFn: IS_LOCAL_MODE\n ? async () => ({ data: getLocalDashboardTags() })\n : () => hdxServer(`team/tags`).json(),\n });\n },\n useSaveWebhook() {\n return useMutation<\n WebhookCreateApiResponse,\n Error | HTTPError,\n {\n service: string;\n url: string;\n name: string;\n description: string;\n queryParams?: Record;\n headers?: Record;\n body?: string;\n }\n >({\n mutationFn: async ({\n service,\n url,\n name,\n description,\n queryParams,\n headers,\n body,\n }) =>\n hdxServer(`webhooks`, {\n method: 'POST',\n json: {\n name,\n service,\n url,\n description,\n queryParams: queryParams || {},\n headers: headers || {},\n body,\n },\n }).json(),\n });\n },\n useUpdateWebhook() {\n return useMutation<\n WebhookUpdateApiResponse,\n Error | HTTPError,\n {\n id: string;\n service: string;\n url: string;\n name: string;\n description: string;\n queryParams?: Record;\n headers?: Record;\n body?: string;\n }\n >({\n mutationFn: async ({\n id,\n service,\n url,\n name,\n description,\n queryParams,\n headers,\n body,\n }) =>\n hdxServer(`webhooks/${id}`, {\n method: 'PUT',\n json: {\n name,\n service,\n url,\n description,\n queryParams: queryParams || {},\n headers: headers || {},\n body,\n },\n }).json(),\n });\n },\n useWebhooks(services: string[]) {\n return useQuery({\n queryKey: [...services],\n queryFn: () =>\n hdxServer('webhooks', {\n method: 'GET',\n searchParams: [...services.map(service => ['service', service])],\n }).json(),\n });\n },\n useDeleteWebhook() {\n return useMutation<\n Record,\n Error | HTTPError,\n { id: string }\n >({\n mutationFn: async ({ id }: { id: string }) =>\n hdxServer(`webhooks/${id}`, {\n method: 'DELETE',\n }).json(),\n });\n },\n useTestWebhook() {\n return useMutation<\n WebhookTestApiResponse,\n Error | HTTPError,\n {\n service: string;\n url: string;\n queryParams?: Record;\n headers?: Record;\n body?: string;\n }\n >({\n mutationFn: async ({ service, url, queryParams, headers, body }) =>\n hdxServer(`webhooks/test`, {\n method: 'POST',\n json: {\n service,\n url,\n queryParams: queryParams || {},\n headers: headers || {},\n body,\n },\n }).json(),\n });\n },\n useRegisterPassword() {\n return useMutation<\n { status: string },\n Error,\n { email: string; password: string; confirmPassword: string }\n >({\n mutationFn: async ({ email, password, confirmPassword }) =>\n hdxServer(`register/password`, {\n method: 'POST',\n json: {\n email,\n password,\n confirmPassword,\n },\n }).json<{ status: string }>(),\n });\n },\n useTestConnection() {\n return useMutation<\n { success: boolean; error?: string },\n Error,\n { host: string; username: string; password: string }\n >({\n mutationFn: async ({ host, username, password }) =>\n hdxServer(`clickhouse-proxy/test`, {\n method: 'POST',\n json: {\n host,\n username,\n password,\n },\n }).json<{ success: boolean; error?: string }>(),\n });\n },\n};\nexport default api;\n" }, { "path": "packages/app/src/clickhouse.ts", "content": "// ================================\n// NOTE:\n// This file should only hold functions that relate to the clickhouse client\n// not specific querying/functionality logic\n// please move app-specific functions elsewhere in the app\n// ================================\n\nimport {\n chSql,\n ClickhouseClientOptions,\n ColumnMeta,\n ResponseJSON,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport { ClickhouseClient } from '@hyperdx/common-utils/dist/clickhouse/browser';\nimport { useQuery, UseQueryOptions } from '@tanstack/react-query';\n\nimport { IS_LOCAL_MODE } from '@/config';\nimport { getLocalConnections } from '@/connection';\n\nimport api from './api';\nimport { DEFAULT_QUERY_TIMEOUT } from './defaults';\n\nconst PROXY_CLICKHOUSE_HOST = '/api/clickhouse-proxy';\n\nexport const getClickhouseClient = (\n options: ClickhouseClientOptions = {},\n): ClickhouseClient => {\n if (IS_LOCAL_MODE) {\n const localConnections = getLocalConnections();\n if (localConnections.length === 0) {\n console.warn('No local connection found');\n return new ClickhouseClient({\n host: '',\n ...options,\n });\n }\n return new ClickhouseClient({\n host: localConnections[0].host,\n username: localConnections[0].username,\n password: localConnections[0].password,\n ...options,\n });\n }\n return new ClickhouseClient({\n host: PROXY_CLICKHOUSE_HOST,\n ...options,\n });\n};\n\nexport const useClickhouseClient = (\n options: ClickhouseClientOptions = {},\n): ClickhouseClient => {\n const { data: me } = api.useMe();\n const teamQueryTimeout = me?.team?.queryTimeout;\n if (teamQueryTimeout !== undefined) {\n options.queryTimeout = teamQueryTimeout;\n } else {\n options.queryTimeout = DEFAULT_QUERY_TIMEOUT;\n }\n\n return getClickhouseClient(options);\n};\n\nexport function useDatabasesDirect(\n { connectionId }: { connectionId: string },\n options?: Omit, 'queryKey'>,\n) {\n const clickhouseClient = getClickhouseClient();\n return useQuery, Error>({\n queryKey: [`direct_datasources/databases`, connectionId],\n queryFn: async () => {\n const json = await clickhouseClient\n .query({\n query: 'SHOW DATABASES',\n connectionId,\n })\n .then(res => res.json());\n\n return json;\n },\n staleTime: 1000 * 60 * 5, // Cache every 5 min\n ...options,\n });\n}\n\nexport function useTablesDirect(\n { database, connectionId }: { database: string; connectionId: string },\n options?: Omit, 'queryKey'>,\n) {\n const clickhouseClient = getClickhouseClient();\n return useQuery, Error>({\n queryKey: [`direct_datasources/databases/${database}/tables`, connectionId],\n queryFn: async () => {\n const paramSql = chSql`SHOW TABLES FROM ${{ Identifier: database }}`;\n const json = await clickhouseClient\n .query({\n query: paramSql.sql,\n query_params: paramSql.params,\n connectionId,\n })\n .then(res => res.json());\n\n return json;\n },\n staleTime: 1000 * 60 * 5, // Cache every 5 min\n ...options,\n });\n}\n" }, { "path": "packages/app/src/components/AggFnSelect.tsx", "content": "import { useCallback, useMemo } from 'react';\nimport { useController, UseControllerProps } from 'react-hook-form';\nimport { Select } from '@mantine/core';\n\nimport { AGG_FNS } from '@/ChartUtils';\n\ntype AggFnValues = (typeof AGG_FNS)[number]['value'];\n\ntype OnChangeValue =\n | { aggFn?: AggFnValues }\n | { aggFn: 'quantile'; level: number };\nexport default function AggFnSelect({\n value,\n defaultValue,\n onChange,\n}: {\n value: string;\n defaultValue: string;\n onChange: (value: OnChangeValue) => void;\n}) {\n const _onChange = useCallback(\n (value: string | null) => {\n if (value == null) {\n onChange({});\n } else if (['p50', 'p90', 'p95', 'p99'].includes(value)) {\n onChange({\n aggFn: 'quantile',\n level: Number.parseFloat(value.replace('p', '0.')),\n });\n } else {\n // @ts-ignore\n onChange({ aggFn: value });\n }\n },\n [onChange],\n );\n\n return (\n \n );\n}\n\nexport function AggFnSelectControlled({\n aggFnName,\n quantileLevelName,\n defaultValue,\n ...props\n}: {\n defaultValue: string;\n aggFnName: string;\n quantileLevelName: string;\n} & Omit, 'name'>) {\n const {\n field: { onChange: onAggFnChange, value: aggFnValue },\n } = useController({\n ...props,\n name: aggFnName,\n });\n\n const {\n field: { onChange: onQuantileLevelChange, value: quantileLevelValue },\n } = useController({\n ...props,\n name: quantileLevelName,\n });\n\n const onChange = useCallback(\n (value: OnChangeValue) => {\n if (value.aggFn === 'quantile') {\n onQuantileLevelChange(value.level);\n onAggFnChange(value.aggFn);\n } else {\n onAggFnChange(value.aggFn);\n }\n },\n [onAggFnChange, onQuantileLevelChange],\n );\n\n const value = useMemo(() => {\n if (aggFnValue === 'quantile') {\n return `p${Math.round(quantileLevelValue * 100)}`;\n }\n return aggFnValue;\n }, [aggFnValue, quantileLevelValue]);\n\n return (\n \n );\n}\n" }, { "path": "packages/app/src/components/AlertPreviewChart.tsx", "content": "import React from 'react';\nimport { aliasMapToWithClauses } from '@hyperdx/common-utils/dist/core/utils';\nimport {\n AlertInterval,\n Filter,\n isLogSource,\n isTraceSource,\n SearchCondition,\n SearchConditionLanguage,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { Paper } from '@mantine/core';\n\nimport { DBTimeChart } from '@/components/DBTimeChart';\nimport { useAliasMapFromChartConfig } from '@/hooks/useChartConfig';\nimport { intervalToDateRange, intervalToGranularity } from '@/utils/alerts';\n\nimport { getAlertReferenceLines } from './Alerts';\n\nexport type AlertPreviewChartProps = {\n source: TSource;\n where?: SearchCondition | null;\n whereLanguage?: SearchConditionLanguage | null;\n filters?: Filter[] | null;\n interval: AlertInterval;\n groupBy?: string;\n thresholdType: 'above' | 'below';\n threshold: number;\n select?: string | null;\n};\n\nexport const AlertPreviewChart = ({\n source,\n where,\n whereLanguage,\n filters,\n interval,\n groupBy,\n threshold,\n thresholdType,\n select,\n}: AlertPreviewChartProps) => {\n const resolvedSelect =\n (select && select.trim().length > 0\n ? select\n : isLogSource(source) || isTraceSource(source)\n ? source.defaultTableSelectExpression\n : undefined) ?? '';\n\n const { data: aliasMap } = useAliasMapFromChartConfig({\n select: resolvedSelect,\n where: where || '',\n connection: source.connection,\n from: source.from,\n whereLanguage: whereLanguage || undefined,\n });\n const aliasWith = aliasMapToWithClauses(aliasMap);\n\n return (\n \n \n \n );\n};\n" }, { "path": "packages/app/src/components/AlertScheduleFields.tsx", "content": "import { useEffect, useState } from 'react';\nimport {\n Control,\n Controller,\n FieldPath,\n FieldValues,\n PathValue,\n UseFormSetValue,\n useWatch,\n} from 'react-hook-form';\nimport { NumberInput } from 'react-hook-form-mantine';\nimport {\n Box,\n Collapse,\n Group,\n Text,\n Tooltip,\n UnstyledButton,\n} from '@mantine/core';\nimport { DateTimePicker } from '@mantine/dates';\nimport {\n IconChevronDown,\n IconChevronRight,\n IconInfoCircle,\n} from '@tabler/icons-react';\n\nimport { parseScheduleStartAtValue } from '@/utils/alerts';\n\nconst DATE_TIME_INPUT_FORMAT = 'YYYY-MM-DD HH:mm:ss';\n\ntype AlertScheduleFieldsProps = {\n control: Control;\n setValue: UseFormSetValue;\n scheduleOffsetName: FieldPath;\n scheduleStartAtName: FieldPath;\n scheduleOffsetMinutes: number | null | undefined;\n maxScheduleOffsetMinutes: number;\n offsetWindowLabel: string;\n};\n\nexport function AlertScheduleFields({\n control,\n setValue,\n scheduleOffsetName,\n scheduleStartAtName,\n scheduleOffsetMinutes,\n maxScheduleOffsetMinutes,\n offsetWindowLabel,\n}: AlertScheduleFieldsProps) {\n const showScheduleOffsetInput = maxScheduleOffsetMinutes > 0;\n const scheduleStartAtValue = useWatch({\n control,\n name: scheduleStartAtName,\n }) as string | null | undefined;\n const hasScheduleStartAtAnchor = scheduleStartAtValue != null;\n const hasAdvancedScheduleValues =\n (scheduleOffsetMinutes ?? 0) > 0 || hasScheduleStartAtAnchor;\n const [opened, setOpened] = useState(hasAdvancedScheduleValues);\n\n useEffect(() => {\n const normalizedOffset = scheduleOffsetMinutes ?? 0;\n if (!showScheduleOffsetInput && normalizedOffset !== 0) {\n setValue(scheduleOffsetName, 0 as PathValue>, {\n shouldValidate: true,\n });\n return;\n }\n if (hasScheduleStartAtAnchor && normalizedOffset > 0) {\n setValue(scheduleOffsetName, 0 as PathValue>, {\n shouldValidate: true,\n });\n }\n }, [\n hasScheduleStartAtAnchor,\n scheduleOffsetMinutes,\n scheduleOffsetName,\n setValue,\n showScheduleOffsetInput,\n ]);\n\n return (\n <>\n setOpened(current => !current)}\n mt=\"xs\"\n data-testid=\"alert-advanced-settings-toggle\"\n >\n \n {opened ? (\n \n ) : (\n \n )}\n \n Advanced Settings\n \n \n \n \n \n \n Optional schedule controls for aligning alert windows.\n \n {showScheduleOffsetInput && (\n <>\n \n \n \n Start offset (min)\n \n \n \n \n \n \n \n \n \n {offsetWindowLabel}\n \n \n {hasScheduleStartAtAnchor && (\n \n Start offset is ignored while an anchor start time is set.\n \n )}\n \n )}\n \n \n \n Anchor start time\n \n \n \n \n \n \n \n (\n \n field.onChange(value?.toISOString() ?? null)\n }\n error={error?.message}\n />\n )}\n />\n \n Displayed in local time, stored as UTC\n \n \n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/Alerts.tsx", "content": "import { useMemo } from 'react';\nimport { Control, useController } from 'react-hook-form';\nimport { Select, SelectProps } from 'react-hook-form-mantine';\nimport { Label, ReferenceArea, ReferenceLine } from 'recharts';\nimport {\n type AlertChannelType,\n WebhookService,\n} from '@hyperdx/common-utils/dist/types';\nimport { Button, ComboboxData, Group, Modal } from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\n\nimport api from '@/api';\n\nimport { WebhookForm } from '../components/TeamSettings/WebhookForm';\n\ntype Webhook = {\n _id: string;\n name: string;\n};\n\nconst WebhookChannelForm = (\n props: Partial>,\n) => {\n const { data: webhooks, refetch: refetchWebhooks } = api.useWebhooks([\n WebhookService.Slack,\n WebhookService.Generic,\n WebhookService.IncidentIO,\n ]);\n const [opened, { open, close }] = useDisclosure(false);\n\n const hasWebhooks = Array.isArray(webhooks?.data) && webhooks.data.length > 0;\n\n const options = useMemo(() => {\n const webhookOptions =\n webhooks?.data.map((sw: Webhook) => ({\n value: sw._id,\n label: sw.name,\n })) || [];\n\n return [\n {\n value: '',\n label: 'Select a Webhook',\n disabled: true,\n },\n ...webhookOptions,\n ];\n }, [webhooks]);\n\n const { field } = useController({\n control: props.control,\n name: props.name!,\n });\n\n const handleWebhookCreated = async (webhookId?: string) => {\n await refetchWebhooks();\n if (webhookId) {\n field.onChange(webhookId);\n field.onBlur();\n }\n close();\n };\n\n return (\n
\n \n \n \n Add New Incoming Webhook\n \n \n\n \n \n \n
\n );\n};\n\nexport const AlertChannelForm = ({\n control,\n type,\n namePrefix = '',\n}: {\n control: Control; // TODO: properly type this\n type: AlertChannelType;\n namePrefix?: string;\n}) => {\n if (type === 'webhook') {\n return (\n \n );\n }\n\n return null;\n};\n\nexport const getAlertReferenceLines = ({\n thresholdType,\n threshold,\n // TODO: zScore\n}: {\n thresholdType: 'above' | 'below';\n threshold: number;\n}) => {\n if (threshold != null && thresholdType === 'below') {\n return (\n \n );\n }\n if (threshold != null && thresholdType === 'above') {\n return (\n \n );\n }\n if (threshold != null) {\n return (\n \n }\n stroke=\"red\"\n strokeDasharray=\"3 3\"\n />\n );\n }\n return null;\n};\n" }, { "path": "packages/app/src/components/AppNav/AppNav.components.tsx", "content": "import React from 'react';\nimport Link from 'next/link';\nimport cx from 'classnames';\nimport {\n Avatar,\n Badge,\n Button,\n Group,\n Menu,\n Paper,\n Text,\n Tooltip,\n UnstyledButton,\n} from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport {\n IconBook,\n IconBrandDiscord,\n IconBulb,\n IconChevronDown,\n IconChevronRight,\n IconChevronUp,\n IconHelp,\n IconLogout,\n IconSettings,\n IconUserCog,\n} from '@tabler/icons-react';\n\nimport { IS_LOCAL_MODE } from '@/config';\n\nimport styles from './AppNav.module.scss';\n\nexport const AppNavContext = React.createContext<{\n isCollapsed: boolean;\n pathname: string;\n}>({\n isCollapsed: false,\n pathname: '/',\n});\n\nexport const AppNavCloudBanner = () => {\n return (\n
\n Ready to deploy on ClickHouse Cloud?\n
\n \n Get Started for Free\n \n
\n
\n );\n};\n\ntype AppNavUserMenuProps = {\n userName?: string;\n teamName?: string;\n logoutUrl?: string | null;\n onClickUserPreferences?: () => void;\n};\n\nconst getUserInitials = (userName: string) => {\n const nameParts = userName.trim().split(/\\s+/).filter(Boolean);\n\n if (nameParts.length === 0) {\n return 'U';\n }\n\n return nameParts.map(name => name.charAt(0).toUpperCase()).join('');\n};\n\nexport const AppNavUserMenu = ({\n userName = 'User',\n teamName,\n logoutUrl,\n onClickUserPreferences,\n}: AppNavUserMenuProps) => {\n const { isCollapsed } = React.useContext(AppNavContext);\n const resolvedUserName = userName.trim() || 'User';\n\n const initials = getUserInitials(resolvedUserName);\n\n const displayName = IS_LOCAL_MODE ? 'Local mode' : resolvedUserName;\n\n return (\n \n \n \n \n \n {initials}\n \n {!isCollapsed && (\n <>\n \n {displayName}\n
\n {teamName}\n \n }\n openDelay={250}\n >\n
\n \n {displayName}\n \n \n {teamName}\n \n
\n \n \n \n )}\n \n \n \n \n {IS_LOCAL_MODE ? (\n Local mode\n ) : (\n }\n >\n Team Settings\n \n )}\n }\n onClick={onClickUserPreferences}\n >\n User Preferences\n \n {logoutUrl && (\n <>\n \n }\n component={Link}\n href={logoutUrl}\n >\n Logout\n \n \n )}\n \n \n );\n};\n\nexport const AppNavHelpMenu = ({ version }: { version?: string }) => {\n const { isCollapsed } = React.useContext(AppNavContext);\n\n return (\n <>\n \n \n \n \n \n \n \n \n \n \n \n Help{' '}\n {version && (\n \n v{version}\n \n )}\n \n\n }\n >\n Documentation\n \n }\n component=\"a\"\n href=\"https://hyperdx.io/discord\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Discord Community\n \n }\n href=\"https://clickhouse.com/docs/use-cases/observability/clickstack/getting-started\"\n component=\"a\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Setup Instructions\n \n \n \n \n \n );\n};\n\nexport const AppNavLink = ({\n className,\n label,\n icon,\n href,\n isExpanded,\n onToggle,\n isBeta,\n}: {\n className?: string;\n label: React.ReactNode;\n icon: React.ReactNode;\n href: string;\n isExpanded?: boolean;\n onToggle?: () => void;\n isBeta?: boolean;\n}) => {\n const { pathname, isCollapsed } = React.useContext(AppNavContext);\n\n const testId = `nav-link-${href.replace(/^\\//, '').replace(/\\//g, '-') || 'home'}`;\n\n const handleToggleClick = (e: React.MouseEvent) => {\n // Clicking chevron only toggles submenu, doesn't navigate\n // This separates navigation (clicking link) from expand/collapse (clicking chevron)\n e.preventDefault();\n e.stopPropagation();\n onToggle?.();\n };\n\n // Check if current path matches this nav item\n // Use exact match or startsWith to avoid partial matches (e.g., /search matching /search-settings)\n const isActive = pathname === href || pathname?.startsWith(href + '/');\n\n return (\n \n \n {icon}\n {!isCollapsed && {label}}\n \n {!isCollapsed && isBeta && (\n \n Beta\n \n )}\n {!isCollapsed && onToggle && (\n \n {isExpanded ? (\n \n ) : (\n \n )}\n \n )}\n \n );\n};\n" }, { "path": "packages/app/src/components/AppNav/AppNav.module.scss", "content": "$spacing-xs: 4px;\n$spacing-sm: 8px;\n$spacing-md: 12px;\n$spacing-lg: 16px;\n$nav-item-height: 34px;\n$nav-item-height-collapsed: 28px;\n$header-height: 58px;\n$help-button-size: 28px;\n$search-input-height: 28px;\n$radius-sm: 4px;\n$radius-md: 8px;\n$radius-lg: 10px;\n$font-size-xs: 10px;\n$font-size-sm: 11px;\n$font-size-md: 13px;\n$font-size-lg: 14px;\n$transition-fast: 0.1s ease;\n$transition-normal: 0.15s ease;\n$transition-slow: 0.2s ease;\n\n/* Mixins */\n@mixin text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n@mixin flex-center {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin interactive-press {\n &:active {\n transform: translate(0, 1px);\n }\n}\n\n/* Layout */\n\n.navGhost {\n transition: width 0.2s ease;\n will-change: width;\n}\n\n.nav {\n height: 100vh;\n max-height: 100vh;\n display: flex;\n flex-flow: column nowrap;\n justify-content: space-between;\n border-right: 1px solid var(--color-border);\n background: var(--color-bg-sidenav);\n overflow: hidden;\n transition: width 0.2s ease;\n flex-shrink: 0;\n\n &Fixed {\n position: fixed;\n }\n\n &Collapsed {\n .navLinks {\n padding-inline: 0;\n align-items: center;\n }\n\n .navItem {\n padding-inline: $spacing-sm;\n justify-content: center;\n height: $nav-item-height-collapsed;\n margin-block: $spacing-xs;\n }\n\n .navItemIcon {\n margin-right: 0;\n }\n }\n}\n\n.header {\n padding-inline: $spacing-lg;\n padding-block: $spacing-md;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n\n &Expanded {\n height: $header-height;\n }\n\n &Collapsed {\n flex-flow: column nowrap;\n justify-content: flex-start;\n align-items: center;\n padding-inline: 0;\n padding-block: $spacing-md;\n min-height: $header-height;\n gap: $spacing-sm;\n width: 100%;\n }\n}\n\n.logoLink {\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-text);\n}\n\n.logoIconWrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.collapseButton {\n margin-right: -$spacing-xs;\n margin-left: -$spacing-xs;\n\n &Collapsed {\n transform: rotate(180deg);\n margin-top: 0;\n margin-right: 0;\n margin-left: 0;\n }\n}\n\n.scrollContainer {\n max-height: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.footer {\n flex-shrink: 0;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n bottom: 100%;\n left: 0;\n right: 0;\n height: 40px;\n background: linear-gradient(\n to top,\n var(--color-bg-sidenav) 0%,\n transparent 100%\n );\n pointer-events: none;\n }\n}\n\n/* Navigation Links */\n\n.navLinks {\n display: flex;\n flex-direction: column;\n gap: 2px;\n padding-inline: $spacing-lg;\n margin-top: $spacing-sm;\n}\n\n.navItem {\n display: flex;\n justify-content: space-between;\n align-items: center;\n text-decoration: none;\n color: var(--color-text-sidenav-link);\n font-size: $font-size-lg;\n\n @include text-truncate;\n\n user-select: none;\n gap: 10px;\n padding-inline: $spacing-lg;\n height: $nav-item-height;\n border-radius: $radius-sm;\n\n &:hover {\n color: var(--color-text-sidenav-link-active);\n background: var(--color-bg-sidenav-link-active);\n }\n\n &:focus-visible {\n outline: none;\n background: var(--color-bg-sidenav-link-active);\n }\n\n &Active {\n color: var(--color-text-sidenav-link-active);\n background: var(--color-bg-sidenav-link-active);\n\n &:hover {\n background: var(--color-bg-sidenav-link-active);\n }\n }\n}\n\n.navItemContent {\n display: flex;\n align-items: center;\n}\n\n.navItemIcon {\n margin-right: $spacing-md;\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n transition: color $transition-slow;\n}\n\n.navItemBadge {\n margin-left: auto;\n}\n\n.navItemToggle {\n @include flex-center;\n\n padding: $spacing-xs;\n margin-right: -$spacing-xs;\n background: none;\n border: none;\n cursor: pointer;\n border-radius: $radius-sm;\n color: var(--color-text-muted);\n transition:\n background-color $transition-normal,\n color $transition-normal,\n transform $transition-fast;\n\n &:hover {\n background: var(--color-bg-sidenav-link-active-hover);\n color: var(--color-text-sidenav-link-active);\n transform: scale(1.1);\n }\n\n &:active {\n transform: scale(0.95);\n }\n}\n\n/* Sub-menu (Collapsible sections) */\n\n.subMenu {\n overflow-x: hidden;\n max-width: 100%;\n padding: $spacing-xs $spacing-xs;\n padding-bottom: 0;\n}\n\n.subMenuItem {\n display: block;\n color: var(--color-text-sidenav-link);\n text-decoration: none;\n font-size: $font-size-md;\n padding-left: $spacing-lg;\n padding-block: 2px;\n transition: color $transition-slow;\n\n @include text-truncate;\n\n border-radius: $radius-sm;\n margin-bottom: 2px;\n\n &:hover {\n color: var(--color-text-sidenav-link-active);\n }\n\n &:focus-visible {\n outline: none;\n background: var(--color-bg-sidenav-link-active);\n }\n\n i {\n vertical-align: top;\n }\n\n &Active {\n color: var(--color-text-sidenav-link-active);\n background: var(--color-bg-sidenav-link-active);\n }\n}\n\n/* Groups (Saved Searches, Dashboards) */\n\n.groupLabel {\n color: var(--color-text-muted);\n text-transform: uppercase;\n font-size: $font-size-sm;\n letter-spacing: 1px;\n margin-bottom: 2px;\n margin-top: 6px;\n padding-left: $spacing-lg;\n width: 100%;\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n\n &:hover {\n color: var(--color-text-sidenav-link);\n }\n}\n\n.groupDragOver {\n opacity: 0.7;\n background: #ffffff1a;\n border-radius: $radius-lg;\n}\n\n/* Search Input */\n\n.searchInput {\n input {\n min-height: $search-input-height;\n height: $search-input-height;\n line-height: $search-input-height;\n }\n}\n\n.shortcutHint {\n white-space: nowrap;\n letter-spacing: -1px;\n color: var(--color-text-muted);\n background: var(--color-bg-surface);\n border-radius: $radius-sm;\n padding: 0 $spacing-xs;\n font-size: $font-size-xs;\n margin-right: $spacing-lg;\n\n &Ctrl {\n letter-spacing: -2px;\n }\n}\n\n/* Empty States */\n\n.emptyMessage {\n color: var(--color-text-muted);\n font-size: $font-size-md - 1px;\n margin: $spacing-sm $spacing-lg;\n\n @include text-truncate;\n}\n\n/* User Menu */\n\n.userMenu {\n cursor: pointer;\n margin: $spacing-sm;\n padding: $spacing-xs $spacing-sm;\n border-radius: $radius-md;\n transition:\n background-color $transition-slow,\n transform $transition-fast;\n max-width: 100%;\n overflow: hidden;\n\n &:hover {\n background: var(--color-bg-sidenav-link-active);\n }\n\n @include interactive-press;\n\n &Collapsed {\n padding: 2px;\n margin: $spacing-sm auto 0.875rem;\n background: transparent;\n border: none !important;\n width: fit-content;\n\n &:hover {\n background: var(--color-bg-sidenav-link-active);\n }\n\n @include interactive-press;\n }\n}\n\n.userMenuInfo {\n flex: 1;\n overflow: hidden;\n}\n\n.userMenuName {\n max-width: 100%;\n\n @include text-truncate;\n}\n\n.userMenuTeam {\n font-size: $font-size-sm;\n max-width: 100%;\n max-height: $spacing-lg;\n\n @include text-truncate;\n}\n\n/* Help Button */\n\n.helpButton {\n @include flex-center;\n\n cursor: pointer;\n margin: 0 $spacing-sm $spacing-sm;\n width: $help-button-size;\n height: $help-button-size;\n border-radius: 50%;\n border: 1px solid var(--color-border);\n transition:\n background-color $transition-slow,\n transform $transition-fast,\n border-color $transition-slow;\n\n &:hover {\n background: var(--color-bg-sidenav-link-active);\n border-color: var(--color-border);\n }\n\n @include interactive-press;\n\n &Collapsed {\n margin: 0 auto $spacing-sm;\n border: none;\n background: transparent;\n\n &:hover {\n background: var(--color-bg-sidenav-link-active);\n }\n\n @include interactive-press;\n }\n}\n\n/* Onboarding Section */\n\n.onboardingSection {\n padding-left: $spacing-sm;\n padding-right: $spacing-md;\n margin-bottom: $spacing-sm;\n margin-top: $spacing-lg;\n padding-bottom: $spacing-sm;\n}\n\n/* Scrollbar Customization */\n\n.scrollbar {\n .thumb {\n background-color: var(--color-border);\n }\n}\n" }, { "path": "packages/app/src/components/AppNav/AppNav.stories.tsx", "content": "import type { Meta } from '@storybook/nextjs';\nimport type { StoryObj } from '@storybook/nextjs';\n\nimport AppNav from './AppNav';\nimport { AppNavUserMenu } from './AppNav.components';\n\nconst meta: Meta = {\n component: AppNav,\n parameters: {\n layout: 'fullscreen',\n },\n};\n\nexport const Default = () => ;\n\nexport const AppNavUserMenuCmp: StoryObj = {\n args: {\n isCollapsed: false,\n logoutUrl: 'http://localhost/logout',\n },\n\n render: props => (\n \n ),\n\n parameters: {\n layout: 'centered',\n },\n\n argTypes: {\n isCollapsed: {\n control: { type: 'boolean' },\n },\n logoutUrl: {\n control: { type: 'text' },\n },\n },\n};\n\nexport default meta;\n" }, { "path": "packages/app/src/components/AppNav/AppNav.tsx", "content": "import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport Link from 'next/link';\nimport Router, { useRouter } from 'next/router';\nimport cx from 'classnames';\nimport Fuse from 'fuse.js';\nimport {\n NumberParam,\n StringParam,\n useQueryParam,\n useQueryParams,\n withDefault,\n} from 'use-query-params';\nimport HyperDX from '@hyperdx/browser';\nimport { AlertState } from '@hyperdx/common-utils/dist/types';\nimport {\n ActionIcon,\n Badge,\n Button,\n CloseButton,\n Collapse,\n Group,\n Input,\n Loader,\n ScrollArea,\n Text,\n} from '@mantine/core';\nimport { useDisclosure, useLocalStorage } from '@mantine/hooks';\nimport {\n IconBell,\n IconBellFilled,\n IconChartDots,\n IconChevronDown,\n IconChevronRight,\n IconCommand,\n IconDeviceLaptop,\n IconLayoutGrid,\n IconLayoutSidebarLeftCollapse,\n IconSearch,\n IconSettings,\n IconSitemap,\n IconTable,\n} from '@tabler/icons-react';\n\nimport api from '@/api';\nimport { IS_K8S_DASHBOARD_ENABLED, IS_LOCAL_MODE } from '@/config';\nimport {\n useCreateDashboard,\n useDashboards,\n useUpdateDashboard,\n} from '@/dashboard';\nimport InstallInstructionModal from '@/InstallInstructionsModal';\nimport OnboardingChecklist from '@/OnboardingChecklist';\nimport { useSavedSearches, useUpdateSavedSearch } from '@/savedSearch';\nimport { useLogomark, useWordmark } from '@/theme/ThemeProvider';\nimport type { SavedSearch, ServerDashboard } from '@/types';\nimport { UserPreferencesModal } from '@/UserPreferencesModal';\nimport { useUserPreferences } from '@/useUserPreferences';\nimport { useWindowSize } from '@/utils';\n\nimport packageJson from '../../../package.json';\n\nimport {\n AppNavCloudBanner,\n AppNavContext,\n AppNavHelpMenu,\n AppNavLink,\n AppNavUserMenu,\n} from './AppNav.components';\n\nimport styles from './AppNav.module.scss';\n\n// Expose the same value Next injected at build time; fall back to package.json for dev tooling\nconst APP_VERSION =\n process.env.NEXT_PUBLIC_APP_VERSION ?? packageJson.version ?? 'dev';\n\nconst UNTAGGED_SEARCHES_GROUP_NAME = 'Saved Searches';\nconst UNTAGGED_DASHBOARDS_GROUP_NAME = 'Saved Dashboards';\n\n// Navigation link configuration\ntype NavLinkConfig = {\n id: string;\n label: string;\n href: string;\n icon: React.ReactNode;\n isBeta?: boolean;\n cloudOnly?: boolean; // Only show when not in local mode\n};\n\nconst NAV_LINKS: NavLinkConfig[] = [\n {\n id: 'chart',\n label: 'Chart Explorer',\n href: '/chart',\n icon: ,\n },\n {\n id: 'alerts',\n label: 'Alerts',\n href: '/alerts',\n icon: ,\n cloudOnly: true,\n },\n {\n id: 'sessions',\n label: 'Client Sessions',\n href: '/sessions',\n icon: ,\n },\n {\n id: 'service-map',\n label: 'Service Map',\n href: '/service-map',\n icon: ,\n isBeta: true,\n },\n];\n\nfunction NewDashboardButton() {\n const createDashboard = useCreateDashboard();\n\n return (\n \n createDashboard.mutate(\n {\n name: 'My Dashboard',\n tiles: [],\n tags: [],\n },\n {\n onSuccess: data => {\n Router.push(`/dashboards/${data.id}`);\n },\n },\n )\n }\n >\n + Create Dashboard\n \n );\n}\n\nfunction SearchInput({\n placeholder,\n value,\n onChange,\n onEnterDown,\n}: {\n placeholder: string;\n value: string;\n onChange: (arg0: string) => void;\n onEnterDown?: () => void;\n}) {\n const kbdShortcut = useMemo(() => {\n return (\n
\n {window.navigator.platform?.toUpperCase().includes('MAC') ? (\n \n ) : (\n Ctrl\n )}\n  K\n
\n );\n }, []);\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'Enter') {\n onEnterDown?.();\n }\n },\n [onEnterDown],\n );\n\n return (\n ) =>\n onChange(e.currentTarget.value)\n }\n leftSection={}\n onKeyDown={handleKeyDown}\n rightSection={\n value ? (\n onChange('')}\n />\n ) : (\n kbdShortcut\n )\n }\n mt={8}\n mb=\"sm\"\n size=\"xs\"\n variant=\"filled\"\n radius=\"xl\"\n className={styles.searchInput}\n />\n );\n}\n\ninterface AppNavLinkItem {\n id: string;\n name: string;\n tags?: string[];\n}\n\ntype AppNavLinkGroup = {\n name: string;\n items: T[];\n};\n\nconst AppNavGroupLabel = ({\n name,\n collapsed,\n onClick,\n}: {\n name: string;\n collapsed: boolean;\n onClick: () => void;\n}) => {\n return (\n
\n {collapsed ? (\n \n ) : (\n \n )}\n
{name}
\n
\n );\n};\n\nconst AppNavLinkGroups = ({\n name,\n groups,\n renderLink,\n onDragEnd,\n forceExpandGroups = false,\n}: {\n name: string;\n groups: AppNavLinkGroup[];\n renderLink: (item: T) => React.ReactNode;\n onDragEnd?: (target: HTMLElement | null, newGroup: string | null) => void;\n forceExpandGroups?: boolean;\n}) => {\n const [collapsedGroups, setCollapsedGroups] = useLocalStorage<\n Record\n >({\n key: `collapsedGroups-${name}`,\n defaultValue: {},\n });\n\n const handleToggleGroup = useCallback(\n (groupName: string) => {\n setCollapsedGroups({\n ...collapsedGroups,\n [groupName]: !collapsedGroups[groupName],\n });\n },\n [collapsedGroups, setCollapsedGroups],\n );\n\n const [draggingOver, setDraggingOver] = useState(null);\n\n return (\n <>\n {groups.map(group => (\n {\n e.preventDefault();\n e.dataTransfer.dropEffect = 'move';\n setDraggingOver(group.name);\n }}\n onDragEnd={e => {\n e.preventDefault();\n onDragEnd?.(e.target as HTMLElement, draggingOver);\n setDraggingOver(null);\n }}\n >\n handleToggleGroup(group.name)}\n name={group.name}\n collapsed={collapsedGroups[group.name]}\n />\n \n {group.items.map(item => renderLink(item))}\n \n \n ))}\n \n );\n};\n\nfunction useSearchableList({\n items,\n untaggedGroupName = 'Other',\n}: {\n items: T[];\n untaggedGroupName?: string;\n}) {\n const fuse = useMemo(\n () =>\n new Fuse(items, {\n keys: ['name'],\n threshold: 0.2,\n ignoreLocation: true,\n }),\n [items],\n );\n\n const [q, setQ] = useState('');\n\n const filteredList = useMemo(() => {\n if (q === '') {\n return items;\n }\n return fuse.search(q).map(result => result.item);\n }, [fuse, items, q]);\n\n const groupedFilteredList = useMemo[]>(() => {\n // group by tags\n const groupedItems: Record = {};\n const untaggedItems: T[] = [];\n filteredList.forEach(item => {\n if (item.tags?.length) {\n item.tags.forEach(tag => {\n groupedItems[tag] = groupedItems[tag] ?? [];\n groupedItems[tag].push(item);\n });\n } else {\n untaggedItems.push(item);\n }\n });\n if (untaggedItems.length) {\n groupedItems[untaggedGroupName] = untaggedItems;\n }\n return Object.entries(groupedItems)\n .map(([name, items]) => ({\n name,\n items,\n }))\n .sort((a, b) => {\n if (a.name === untaggedGroupName) {\n return 1;\n }\n if (b.name === untaggedGroupName) {\n return -1;\n }\n return a.name.localeCompare(b.name);\n });\n }, [filteredList, untaggedGroupName]);\n\n return {\n filteredList,\n groupedFilteredList,\n q,\n setQ,\n };\n}\n\nexport default function AppNav({ fixed = false }: { fixed?: boolean }) {\n const wordmark = useWordmark();\n const logomark = useLogomark({ size: 22 });\n\n useEffect(() => {\n let redirectUrl;\n try {\n redirectUrl = window.sessionStorage.getItem('hdx-login-redirect-url');\n } catch (e: any) {\n console.error(e);\n }\n // conditional redirect\n if (redirectUrl) {\n // with router.push the page may be added to history\n // the browser on history back will go back to this page and then forward again to the redirected page\n // you can prevent this behaviour using location.replace\n window.sessionStorage.removeItem('hdx-login-redirect-url');\n Router.push(redirectUrl);\n }\n }, []);\n\n const {\n data: logViewsData,\n isLoading: isLogViewsLoading,\n refetch: refetchLogViews,\n } = useSavedSearches();\n const logViews = useMemo(() => logViewsData ?? [], [logViewsData]);\n\n const updateDashboard = useUpdateDashboard();\n const updateLogView = useUpdateSavedSearch();\n\n const {\n data: dashboardsData,\n isLoading: isDashboardsLoading,\n refetch: refetchDashboards,\n } = useDashboards();\n const dashboards = useMemo(() => dashboardsData ?? [], [dashboardsData]);\n\n const router = useRouter();\n const { pathname, query } = router;\n\n const [timeRangeQuery] = useQueryParams({\n from: withDefault(NumberParam, -1),\n to: withDefault(NumberParam, -1),\n });\n const [inputTimeQuery] = useQueryParam('tq', withDefault(StringParam, ''), {\n updateType: 'pushIn',\n enableBatching: true,\n });\n\n const { data: meData } = api.useMe();\n\n const [isSearchExpanded, setIsSearchExpanded] = useLocalStorage({\n key: 'isSearchExpanded',\n defaultValue: true,\n });\n const [isDashboardsExpanded, setIsDashboardExpanded] =\n useLocalStorage({\n key: 'isDashboardsExpanded',\n defaultValue: true,\n });\n const { width } = useWindowSize();\n\n const [isPreferCollapsed, setIsPreferCollapsed] = useLocalStorage({\n key: 'isNavCollapsed',\n defaultValue: false,\n });\n\n const isSmallScreen = (width ?? 1000) < 900;\n const isCollapsed = isSmallScreen || isPreferCollapsed;\n\n const navWidth = isCollapsed ? 50 : 250;\n\n useEffect(() => {\n HyperDX.addAction('user navigated', {\n route: pathname,\n query: JSON.stringify(query),\n });\n }, [pathname, query]);\n\n useEffect(() => {\n if (meData != null) {\n HyperDX.enableAdvancedNetworkCapture();\n HyperDX.setGlobalAttributes({\n userEmail: meData.email,\n userName: meData.name,\n teamName: meData.team.name,\n });\n }\n }, [meData]);\n\n const {\n q: searchesListQ,\n setQ: setSearchesListQ,\n filteredList: filteredSearchesList,\n groupedFilteredList: groupedFilteredSearchesList,\n } = useSearchableList({\n items: logViews,\n untaggedGroupName: UNTAGGED_SEARCHES_GROUP_NAME,\n });\n\n const {\n q: dashboardsListQ,\n setQ: setDashboardsListQ,\n filteredList: filteredDashboardsList,\n groupedFilteredList: groupedFilteredDashboardsList,\n } = useSearchableList({\n items: dashboards,\n untaggedGroupName: UNTAGGED_DASHBOARDS_GROUP_NAME,\n });\n\n const [isDashboardsPresetsCollapsed, setDashboardsPresetsCollapsed] =\n useLocalStorage({\n key: 'isDashboardsPresetsCollapsed',\n defaultValue: false,\n });\n\n const savedSearchesResultsRef = useRef(null);\n const dashboardsResultsRef = useRef(null);\n\n const renderLogViewLink = useCallback(\n (savedSearch: SavedSearch) => (\n \n \n
{savedSearch.name}
\n {Array.isArray(savedSearch.alerts) &&\n savedSearch.alerts.length > 0 ? (\n savedSearch.alerts.some(a => a.state === AlertState.ALERT) ? (\n \n ) : (\n \n )\n ) : null}\n \n \n ),\n [\n inputTimeQuery,\n query.savedSearchId,\n timeRangeQuery.from,\n timeRangeQuery.to,\n ],\n );\n\n const handleLogViewDragEnd = useCallback(\n (target: HTMLElement | null, name: string | null) => {\n if (!target?.dataset.savedsearchid || name == null) {\n return;\n }\n const logView = logViews.find(\n lv => lv.id === target.dataset.savedsearchid,\n );\n if (logView?.tags?.includes(name)) {\n return;\n }\n updateLogView.mutate(\n {\n id: target.dataset.savedsearchid,\n tags: name === UNTAGGED_SEARCHES_GROUP_NAME ? [] : [name],\n },\n {\n onSuccess: () => {\n refetchLogViews();\n },\n },\n );\n },\n [logViews, refetchLogViews, updateLogView],\n );\n\n const renderDashboardLink = useCallback(\n (dashboard: ServerDashboard) => (\n \n {dashboard.name}\n \n ),\n [query.dashboardId],\n );\n\n const handleDashboardDragEnd = useCallback(\n (target: HTMLElement | null, name: string | null) => {\n if (!target?.dataset.dashboardid || name == null) {\n return;\n }\n const dashboard = dashboards.find(\n d => d.id === target.dataset.dashboardid,\n );\n if (dashboard?.tags?.includes(name)) {\n return;\n }\n updateDashboard.mutate(\n {\n id: target.dataset.dashboardid,\n tags: name === UNTAGGED_DASHBOARDS_GROUP_NAME ? [] : [name],\n },\n {\n onSuccess: () => {\n refetchDashboards();\n },\n },\n );\n },\n [dashboards, refetchDashboards, updateDashboard],\n );\n\n const [\n UserPreferencesOpen,\n { close: closeUserPreferences, open: openUserPreferences },\n ] = useDisclosure(false);\n\n const {\n userPreferences: { isUTC },\n } = useUserPreferences();\n\n const [\n showInstallInstructions,\n { open: openInstallInstructions, close: closeInstallInstructions },\n ] = useDisclosure(false);\n\n return (\n \n {fixed && (\n \n )}\n \n \n
\n \n \n {isCollapsed ? (\n
{logomark}
\n ) : (\n \n {wordmark}\n {isUTC && (\n \n UTC\n \n )}\n \n )}\n \n setIsPreferCollapsed((v: boolean) => !v)}\n >\n \n \n
\n \n \n
\n {/* Search */}\n }\n href=\"/search\"\n isExpanded={isSearchExpanded}\n onToggle={() => setIsSearchExpanded(!isSearchExpanded)}\n />\n\n {!isCollapsed && (\n \n
\n {isLogViewsLoading ? (\n \n ) : (\n <>\n {\n (\n savedSearchesResultsRef?.current\n ?.firstChild as HTMLAnchorElement\n )?.focus?.();\n }}\n />\n\n {logViews.length === 0 && (\n
\n No saved searches\n
\n )}\n
\n \n
\n\n {searchesListQ && filteredSearchesList.length === 0 ? (\n
\n No results matching {searchesListQ}\n
\n ) : null}\n \n )}\n
\n \n )}\n {/* Simple nav links from config */}\n {NAV_LINKS.filter(link => !link.cloudOnly || !IS_LOCAL_MODE).map(\n link => (\n \n ),\n )}\n\n {/* Dashboards */}\n }\n isExpanded={isDashboardsExpanded}\n onToggle={() => setIsDashboardExpanded(!isDashboardsExpanded)}\n />\n\n {!isCollapsed && (\n \n
\n \n\n {isDashboardsLoading && dashboardsData == null ? (\n \n ) : (\n <>\n {\n (\n dashboardsResultsRef?.current\n ?.firstChild as HTMLAnchorElement\n )?.focus?.();\n }}\n />\n\n \n\n {dashboards.length === 0 && (\n
\n No saved dashboards\n
\n )}\n\n {dashboardsListQ &&\n filteredDashboardsList.length === 0 ? (\n
\n No results matching {dashboardsListQ}\n
\n ) : null}\n \n )}\n\n \n setDashboardsPresetsCollapsed(\n !isDashboardsPresetsCollapsed,\n )\n }\n />\n \n \n ClickHouse\n \n \n Services\n \n {IS_K8S_DASHBOARD_ENABLED && (\n \n Kubernetes\n \n )}\n \n
\n \n )}\n\n {/* Team Settings (Cloud only) */}\n {!IS_LOCAL_MODE && (\n }\n />\n )}\n
\n\n {!isCollapsed && (\n \n \n \n \n )}\n \n\n
\n \n {IS_LOCAL_MODE && !isCollapsed && (\n \n \n Join us & build the future of high scale observability →\n \n \n )}\n \n {meData && meData.usageStatsEnabled && (\n \n )}\n
\n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/AppNav/index.ts", "content": "export { default } from './AppNav';\nexport {\n AppNavCloudBanner,\n AppNavContext,\n AppNavHelpMenu,\n AppNavLink,\n AppNavUserMenu,\n} from './AppNav.components';\n" }, { "path": "packages/app/src/components/ChartBox.tsx", "content": "import { Box, BoxComponentProps } from '@mantine/core';\n\nexport function ChartBox({\n children,\n style,\n 'data-testid': dataTestId,\n}: {\n children: React.ReactNode;\n style?: BoxComponentProps['style'];\n 'data-testid'?: string;\n}) {\n return (\n \n {children}\n \n );\n}\n" }, { "path": "packages/app/src/components/ChartDisplaySettingsDrawer.tsx", "content": "import { useCallback } from 'react';\nimport { useForm, useWatch } from 'react-hook-form';\nimport {\n ChartConfigWithDateRange,\n DisplayType,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n Box,\n Button,\n Checkbox,\n Divider,\n Drawer,\n Group,\n Stack,\n} from '@mantine/core';\n\nimport { shouldFillNullsWithZero } from '@/ChartUtils';\nimport { FormatTime } from '@/useFormatTime';\n\nimport { DEFAULT_NUMBER_FORMAT, NumberFormatForm } from './NumberFormat';\n\nexport type ChartConfigDisplaySettings = Pick<\n ChartConfigWithDateRange,\n | 'numberFormat'\n | 'alignDateRangeToGranularity'\n | 'fillNulls'\n | 'compareToPreviousPeriod'\n>;\n\ninterface ChartDisplaySettingsDrawerProps {\n opened: boolean;\n settings: ChartConfigDisplaySettings;\n displayType: DisplayType;\n previousDateRange?: [Date, Date];\n onChange: (settings: ChartConfigDisplaySettings) => void;\n onClose: () => void;\n}\n\nfunction applyDefaultSettings({\n numberFormat,\n alignDateRangeToGranularity,\n compareToPreviousPeriod,\n fillNulls,\n}: ChartConfigDisplaySettings): ChartConfigDisplaySettings {\n return {\n numberFormat: numberFormat ?? DEFAULT_NUMBER_FORMAT,\n alignDateRangeToGranularity:\n alignDateRangeToGranularity == null ? true : alignDateRangeToGranularity,\n fillNulls: fillNulls ?? 0,\n compareToPreviousPeriod: compareToPreviousPeriod ?? false,\n };\n}\n\nexport default function ChartDisplaySettingsDrawer({\n settings,\n opened,\n displayType,\n onChange,\n onClose,\n previousDateRange,\n}: ChartDisplaySettingsDrawerProps) {\n const { control, handleSubmit, register, reset, setValue } =\n useForm({\n defaultValues: applyDefaultSettings(settings),\n });\n\n const fillNulls = useWatch({ control, name: 'fillNulls' });\n const isFillNullsEnabled = shouldFillNullsWithZero(fillNulls);\n\n const handleClose = useCallback(() => {\n reset(applyDefaultSettings(settings)); // Reset to default values, without saving\n onClose();\n }, [onClose, reset, settings]);\n\n const applyChanges = useCallback(() => {\n handleSubmit(onChange)();\n onClose();\n }, [onChange, handleSubmit, onClose]);\n\n const resetToDefaults = useCallback(() => {\n reset(applyDefaultSettings({}));\n }, [reset]);\n\n const isTimeChart =\n displayType === DisplayType.Line || displayType === DisplayType.StackedBar;\n\n return (\n \n \n {isTimeChart && (\n <>\n \n \n {\n setValue('fillNulls', e.currentTarget.checked ? 0 : false);\n }}\n />\n \n \n (\n \n {' - '}\n )\n \n )\n }\n {...register('compareToPreviousPeriod')}\n />\n \n \n )}\n\n \n \n \n \n \n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/ChartEditor/RawSqlChartEditor.tsx", "content": "import { useEffect, useMemo } from 'react';\nimport { Control, UseFormSetValue, useWatch } from 'react-hook-form';\nimport {\n TableConnection,\n tcFromSource,\n} from '@hyperdx/common-utils/dist/core/metadata';\nimport { MACRO_SUGGESTIONS } from '@hyperdx/common-utils/dist/macros';\nimport { QUERY_PARAMS_BY_DISPLAY_TYPE } from '@hyperdx/common-utils/dist/rawSqlParams';\nimport {\n DisplayType,\n isLogSource,\n isMetricSource,\n isTraceSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { Box, Button, Group, Stack, Text, Tooltip } from '@mantine/core';\nimport { IconHelpCircle } from '@tabler/icons-react';\n\nimport { SQLEditorControlled } from '@/components/SQLEditor/SQLEditor';\nimport { type SQLCompletion } from '@/components/SQLEditor/utils';\nimport useResizable from '@/hooks/useResizable';\nimport { useSources } from '@/source';\nimport { getAllMetricTables, usePrevious } from '@/utils';\n\nimport { ConnectionSelectControlled } from '../ConnectionSelect';\nimport { SourceSelectControlled } from '../SourceSelect';\n\nimport { SQL_PLACEHOLDERS } from './constants';\nimport { RawSqlChartInstructions } from './RawSqlChartInstructions';\nimport { ChartEditorFormState } from './types';\n\nimport resizeStyles from '@/../styles/ResizablePanel.module.scss';\n\nexport default function RawSqlChartEditor({\n control,\n setValue,\n onOpenDisplaySettings,\n isDashboardForm,\n}: {\n control: Control;\n setValue: UseFormSetValue;\n onOpenDisplaySettings: () => void;\n isDashboardForm: boolean;\n}) {\n const { size, startResize } = useResizable(20, 'bottom');\n\n const { data: sources } = useSources();\n\n const displayType = useWatch({ control, name: 'displayType' });\n const connection = useWatch({ control, name: 'connection' });\n const source = useWatch({ control, name: 'source' });\n\n const prevSource = usePrevious(source);\n const prevConnection = usePrevious(connection);\n\n useEffect(() => {\n if (!sources) return;\n\n // When the source changes, sync the connection to match.\n if (source !== prevSource) {\n const sourceConnection = sources.find(s => s.id === source)?.connection;\n if (sourceConnection && sourceConnection !== connection) {\n setValue('connection', sourceConnection);\n }\n } else if (!connection) {\n // Set a default connection\n const defaultConnection = sources[0]?.connection;\n if (defaultConnection) {\n setValue('connection', defaultConnection);\n }\n } else if (connection !== prevConnection && prevConnection !== undefined) {\n // When the connection changes, clear the source\n setValue('source', '');\n }\n }, [connection, prevConnection, prevSource, setValue, source, sources]);\n\n const placeholderSQl = SQL_PLACEHOLDERS[displayType ?? DisplayType.Table];\n\n const additionalCompletions: SQLCompletion[] = useMemo(() => {\n const effectiveDisplayType = displayType ?? DisplayType.Table;\n const params = QUERY_PARAMS_BY_DISPLAY_TYPE[effectiveDisplayType];\n\n const paramCompletions: SQLCompletion[] = params.map(({ name, type }) => ({\n label: `{${name}:${type}}`,\n apply: `{${name}:${type}`, // Omit the closing } because the editor will have added it when the user types {\n detail: 'param',\n type: 'variable',\n }));\n\n const macroCompletions: SQLCompletion[] = MACRO_SUGGESTIONS.map(\n ({ name, argCount }) => ({\n label: `$__${name}`,\n apply: argCount > 0 ? `$__${name}(` : `$__${name}`,\n detail: 'macro',\n type: 'function',\n }),\n );\n\n return [...paramCompletions, ...macroCompletions];\n }, [displayType]);\n\n const tableConnections: TableConnection[] = useMemo(() => {\n if (!sources) return [];\n return sources\n .filter(s => s.connection === connection)\n .flatMap(source => {\n const tables: TableConnection[] = getAllMetricTables(source);\n\n if (!isMetricSource(source)) {\n tables.push(tcFromSource(source));\n }\n\n if (\n (isLogSource(source) || isTraceSource(source)) &&\n source.materializedViews\n ) {\n tables.push(\n ...source.materializedViews.map(mv => ({\n databaseName: mv.databaseName,\n tableName: mv.tableName,\n connectionId: source.connection,\n })),\n );\n }\n\n return tables;\n });\n }, [sources, connection]);\n\n return (\n \n \n \n Connection\n \n \n \n \n Source\n \n {isDashboardForm && (\n \n \n \n )}\n \n \n \n \n \n \n
\n \n \n \n Display Settings\n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/ChartEditor/RawSqlChartInstructions.tsx", "content": "import { atom, useAtom } from 'jotai';\nimport {\n QUERY_PARAM_EXAMPLES,\n QUERY_PARAMS_BY_DISPLAY_TYPE,\n} from '@hyperdx/common-utils/dist/rawSqlParams';\nimport { DisplayType } from '@hyperdx/common-utils/dist/types';\nimport {\n ActionIcon,\n Anchor,\n Code,\n Collapse,\n Group,\n List,\n Paper,\n Stack,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport { useClipboard } from '@mantine/hooks';\nimport {\n IconCheck,\n IconChevronDown,\n IconChevronRight,\n IconCopy,\n} from '@tabler/icons-react';\n\nimport { DISPLAY_TYPE_INSTRUCTIONS } from './constants';\n\nconst helpOpenedAtom = atom(true);\n\nfunction ParamSnippet({\n value,\n description,\n}: {\n value: string;\n description: string;\n}) {\n const clipboard = useClipboard({ timeout: 1500 });\n\n return (\n \n {value}\n \n clipboard.copy(value)}\n >\n {clipboard.copied ? : }\n \n \n \n — {description}\n \n \n );\n}\n\nexport function RawSqlChartInstructions({\n displayType,\n isDashboardForm,\n}: {\n displayType: DisplayType;\n isDashboardForm: boolean;\n}) {\n const [helpOpened, setHelpOpened] = useAtom(helpOpenedAtom);\n const toggleHelp = () => setHelpOpened(v => !v);\n const availableParams = QUERY_PARAMS_BY_DISPLAY_TYPE[displayType];\n const exampleClipboard = useClipboard({ timeout: 1500 });\n\n return (\n \n \n \n {helpOpened ? (\n \n ) : (\n \n )}\n \n SQL Chart Instructions\n \n \n \n \n {DISPLAY_TYPE_INSTRUCTIONS[displayType]}\n\n \n The following parameters and macros can be used in this chart:\n \n \n {availableParams.map(({ name, type, description }) => (\n \n \n \n ))}\n \n \n \n \n \n Macros from the{' '}\n \n ClickHouse Datasource Grafana Plugin\n \n \n \n \n\n \n Example:\n \n
\n \n \n exampleClipboard.copy(QUERY_PARAM_EXAMPLES[displayType])\n }\n style={{\n position: 'absolute',\n top: 4,\n right: 4,\n zIndex: 1,\n }}\n >\n {exampleClipboard.copied ? (\n \n ) : (\n \n )}\n \n \n \n {QUERY_PARAM_EXAMPLES[displayType]}\n \n
\n \n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/ChartEditor/__tests__/utils.test.ts", "content": "import type {\n BuilderChartConfig,\n BuilderSavedChartConfig,\n RawSqlSavedChartConfig,\n TMetricSource,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n DisplayType,\n MetricsDataType,\n SourceKind,\n} from '@hyperdx/common-utils/dist/types';\n\nimport type { ChartEditorFormState } from '../types';\nimport {\n convertFormStateToChartConfig,\n convertFormStateToSavedChartConfig,\n convertSavedChartConfigToFormState,\n validateChartForm,\n} from '../utils';\n\njest.mock('../../SearchInput', () => ({\n getStoredLanguage: jest.fn().mockReturnValue('lucene'),\n}));\n\nconst dateRange: [Date, Date] = [\n new Date('2024-01-01'),\n new Date('2024-01-02'),\n];\n\nconst logSource: TSource = {\n id: 'source-log',\n name: 'Log Source',\n kind: SourceKind.Log,\n connection: 'conn-1',\n from: { databaseName: 'db', tableName: 'logs' },\n timestampValueExpression: 'Timestamp',\n defaultTableSelectExpression: 'Body, SeverityText',\n implicitColumnExpression: 'Body',\n};\n\nconst metricSource: TMetricSource = {\n id: 'source-metric',\n name: 'Metric Source',\n kind: SourceKind.Metric,\n connection: 'conn-1',\n from: { databaseName: 'db', tableName: '' },\n timestampValueExpression: 'TimeUnix',\n metricTables: { gauge: 'gauge_table' } as TMetricSource['metricTables'],\n resourceAttributesExpression: 'ResourceAttributes',\n};\n\nconst seriesItem = {\n aggFn: 'count' as const,\n valueExpression: '*',\n aggCondition: '',\n aggConditionLanguage: 'lucene' as const,\n};\n\ndescribe('convertFormStateToSavedChartConfig', () => {\n it('returns undefined when no source and configType is not sql', () => {\n const form: ChartEditorFormState = {\n displayType: DisplayType.Line,\n series: [seriesItem],\n };\n expect(convertFormStateToSavedChartConfig(form, undefined)).toBeUndefined();\n });\n\n it('returns RawSqlSavedChartConfig for sql+table config', () => {\n const form: ChartEditorFormState = {\n configType: 'sql',\n displayType: DisplayType.Table,\n sqlTemplate: 'SELECT 1',\n connection: 'conn-1',\n name: 'My Chart',\n series: [],\n };\n const result = convertFormStateToSavedChartConfig(form, undefined);\n expect(result).toEqual({\n configType: 'sql',\n displayType: DisplayType.Table,\n sqlTemplate: 'SELECT 1',\n connection: 'conn-1',\n name: 'My Chart',\n });\n });\n\n it('returns a raw SQL config for Line displayType', () => {\n const form: ChartEditorFormState = {\n configType: 'sql',\n displayType: DisplayType.Line,\n sqlTemplate: 'SELECT 1',\n connection: 'conn-1',\n series: [],\n };\n const result = convertFormStateToSavedChartConfig(form, undefined);\n expect(result).toEqual({\n configType: 'sql',\n displayType: DisplayType.Line,\n sqlTemplate: 'SELECT 1',\n connection: 'conn-1',\n });\n });\n\n it('returns undefined for sql config with an unsupported displayType', () => {\n const form: ChartEditorFormState = {\n configType: 'sql',\n displayType: DisplayType.Markdown,\n sqlTemplate: 'SELECT 1',\n connection: 'conn-1',\n series: [],\n };\n expect(convertFormStateToSavedChartConfig(form, undefined)).toBeUndefined();\n });\n\n it('uses sqlTemplate empty string as default when undefined', () => {\n const form: ChartEditorFormState = {\n configType: 'sql',\n displayType: DisplayType.Table,\n series: [],\n };\n const result = convertFormStateToSavedChartConfig(\n form,\n undefined,\n ) as RawSqlSavedChartConfig;\n expect(result.sqlTemplate).toBe('');\n expect(result.connection).toBe('');\n });\n\n it('maps series to select for builder config', () => {\n const form: ChartEditorFormState = {\n displayType: DisplayType.Line,\n where: 'status = 200',\n series: [seriesItem],\n };\n const result = convertFormStateToSavedChartConfig(\n form,\n logSource,\n ) as BuilderSavedChartConfig;\n expect(result.select).toEqual([seriesItem]);\n expect('series' in result).toBe(false);\n expect(result.source).toBe('source-log');\n });\n\n it('uses form.select string for Search displayType', () => {\n const form: ChartEditorFormState = {\n displayType: DisplayType.Search,\n select: 'Body, SeverityText',\n series: [seriesItem],\n };\n const result = convertFormStateToSavedChartConfig(\n form,\n logSource,\n ) as BuilderSavedChartConfig;\n expect(result.select).toBe('Body, SeverityText');\n expect('series' in result).toBe(false);\n });\n\n it('uses empty string for Search displayType when select is not a string', () => {\n const form: ChartEditorFormState = {\n displayType: DisplayType.Search,\n select: [seriesItem],\n series: [],\n };\n const result = convertFormStateToSavedChartConfig(\n form,\n logSource,\n ) as BuilderSavedChartConfig;\n expect(result.select).toBe('');\n expect('series' in result).toBe(false);\n });\n\n it('strips metricName and metricType from select for non-metric source', () => {\n const form: ChartEditorFormState = {\n displayType: DisplayType.Line,\n series: [\n {\n ...seriesItem,\n metricName: 'cpu.usage',\n metricType: 'gauge' as any,\n },\n ],\n };\n const result = convertFormStateToSavedChartConfig(\n form,\n logSource,\n ) as BuilderSavedChartConfig;\n const select = result.select as (typeof seriesItem)[];\n expect(select[0]).not.toHaveProperty('metricName');\n expect(select[0]).not.toHaveProperty('metricType');\n });\n\n it('preserves form metricTables for metric source', () => {\n const formMetricTables = {\n gauge: 'gauge_table',\n } as BuilderSavedChartConfig['metricTables'];\n const form: ChartEditorFormState = {\n displayType: DisplayType.Line,\n series: [seriesItem],\n metricTables: formMetricTables,\n };\n const result = convertFormStateToSavedChartConfig(\n form,\n metricSource,\n ) as BuilderSavedChartConfig;\n expect(result.metricTables).toEqual(formMetricTables);\n });\n\n it('strips metricTables for non-metric source', () => {\n const form: ChartEditorFormState = {\n displayType: DisplayType.Line,\n series: [seriesItem],\n metricTables: { gauge: 'gauge_table' } as any,\n };\n const result = convertFormStateToSavedChartConfig(\n form,\n logSource,\n ) as BuilderSavedChartConfig;\n expect(result.metricTables).toBeUndefined();\n });\n\n it('preserves having and orderBy only for Table displayType', () => {\n const having = 'count > 5';\n const orderBy = [\n {\n aggFn: 'count',\n valueExpression: '*',\n aggCondition: '',\n ordering: 'DESC' as const,\n },\n ];\n const form: ChartEditorFormState = {\n displayType: DisplayType.Table,\n series: [seriesItem],\n having,\n orderBy,\n };\n const tableResult = convertFormStateToSavedChartConfig(\n form,\n logSource,\n ) as BuilderSavedChartConfig;\n expect(tableResult.having).toBe(having);\n expect(tableResult.orderBy).toEqual(orderBy);\n\n const lineResult = convertFormStateToSavedChartConfig(\n { ...form, displayType: DisplayType.Line },\n logSource,\n ) as BuilderSavedChartConfig;\n expect(lineResult.having).toBeUndefined();\n expect(lineResult.orderBy).toBeUndefined();\n });\n\n it('defaults where to empty string when undefined', () => {\n const form: ChartEditorFormState = {\n displayType: DisplayType.Line,\n series: [seriesItem],\n };\n const result = convertFormStateToSavedChartConfig(\n form,\n logSource,\n ) as BuilderSavedChartConfig;\n expect(result.where).toBe('');\n });\n});\n\ndescribe('convertFormStateToChartConfig', () => {\n it('returns undefined when no source and configType is not sql', () => {\n const form: ChartEditorFormState = {\n displayType: DisplayType.Line,\n series: [seriesItem],\n };\n expect(\n convertFormStateToChartConfig(form, dateRange, undefined),\n ).toBeUndefined();\n });\n\n it('returns RawSqlChartConfig with dateRange for sql config', () => {\n const form: ChartEditorFormState = {\n configType: 'sql',\n displayType: DisplayType.Table,\n sqlTemplate: 'SELECT now()',\n connection: 'conn-1',\n series: [],\n };\n const result = convertFormStateToChartConfig(form, dateRange, undefined);\n expect(result).toMatchObject({\n configType: 'sql',\n sqlTemplate: 'SELECT now()',\n connection: 'conn-1',\n displayType: DisplayType.Table,\n dateRange,\n });\n });\n\n it('returns builder config with source fields merged', () => {\n const form: ChartEditorFormState = {\n displayType: DisplayType.Line,\n where: 'status = 200',\n series: [seriesItem],\n };\n const result = convertFormStateToChartConfig(form, dateRange, logSource);\n expect(result).toMatchObject({\n from: logSource.from,\n timestampValueExpression: logSource.timestampValueExpression,\n connection: logSource.connection,\n implicitColumnExpression: logSource.implicitColumnExpression,\n dateRange,\n where: 'status = 200',\n });\n });\n\n it('falls back to defaultTableSelectExpression when series is empty', () => {\n const form: ChartEditorFormState = {\n displayType: DisplayType.Line,\n series: [],\n };\n const result = convertFormStateToChartConfig(\n form,\n dateRange,\n logSource,\n ) as BuilderChartConfig;\n expect(result?.select).toBe(logSource.defaultTableSelectExpression);\n });\n\n it('uses series as select for non-Search displayType', () => {\n const form: ChartEditorFormState = {\n displayType: DisplayType.Line,\n series: [seriesItem],\n };\n const result = convertFormStateToChartConfig(\n form,\n dateRange,\n logSource,\n ) as BuilderChartConfig;\n expect(result?.select).toEqual([seriesItem]);\n });\n\n it('uses form.select for Search displayType', () => {\n const form: ChartEditorFormState = {\n displayType: DisplayType.Search,\n select: 'Body',\n series: [],\n };\n const result = convertFormStateToChartConfig(\n form,\n dateRange,\n logSource,\n ) as BuilderChartConfig;\n expect(result?.select).toBe('Body');\n });\n});\n\ndescribe('convertSavedChartConfigToFormState', () => {\n it('sets configType to sql for RawSqlSavedChartConfig', () => {\n const config: RawSqlSavedChartConfig = {\n configType: 'sql',\n displayType: DisplayType.Table,\n sqlTemplate: 'SELECT 1',\n connection: 'conn-1',\n };\n const result = convertSavedChartConfigToFormState(config);\n expect(result.configType).toBe('sql');\n expect(result.series).toEqual([]);\n });\n\n it('sets configType to builder for BuilderSavedChartConfig', () => {\n const config: BuilderSavedChartConfig = {\n source: 'source-1',\n displayType: DisplayType.Line,\n select: [seriesItem],\n where: '',\n };\n const result = convertSavedChartConfigToFormState(config);\n expect(result.configType).toBe('builder');\n });\n\n it('maps array select to series with aggConditionLanguage defaulted', () => {\n const selectItem = {\n aggFn: 'count' as const,\n valueExpression: '*',\n aggCondition: '',\n };\n const config: BuilderSavedChartConfig = {\n source: 'source-1',\n select: [selectItem],\n where: '',\n };\n const result = convertSavedChartConfigToFormState(config);\n expect(result.series).toHaveLength(1);\n expect(result.series[0].aggConditionLanguage).toBe('lucene');\n });\n\n it('preserves existing aggConditionLanguage when already set', () => {\n const config: BuilderSavedChartConfig = {\n source: 'source-1',\n select: [{ ...seriesItem, aggConditionLanguage: 'sql' as const }],\n where: '',\n };\n const result = convertSavedChartConfigToFormState(config);\n expect(result.series[0].aggConditionLanguage).toBe('sql');\n });\n\n it('sets series to empty array when select is a string', () => {\n const config: BuilderSavedChartConfig = {\n source: 'source-1',\n select: 'Body, SeverityText',\n where: '',\n };\n const result = convertSavedChartConfigToFormState(config);\n expect(result.series).toEqual([]);\n });\n\n it('preserves other config fields in the form state', () => {\n const config: BuilderSavedChartConfig = {\n source: 'source-1',\n name: 'My Chart',\n displayType: DisplayType.Table,\n select: [seriesItem],\n where: 'status = 200',\n };\n const result = convertSavedChartConfigToFormState(config);\n expect(result.name).toBe('My Chart');\n expect(result.displayType).toBe(DisplayType.Table);\n expect(result.where).toBe('status = 200');\n });\n});\n\ndescribe('validateChartForm', () => {\n const metricSeriesItem = {\n ...seriesItem,\n metricType: MetricsDataType.Gauge,\n metricName: 'cpu.usage',\n };\n\n const makeForm = (\n overrides: Partial,\n ): ChartEditorFormState => ({\n displayType: DisplayType.Line,\n series: [seriesItem],\n ...overrides,\n });\n\n // ── Valid forms (no errors) ──────────────────────────────────────────\n\n it('returns no errors for a valid builder chart with a source', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({ source: 'source-log' }),\n logSource,\n setError,\n );\n expect(errors).toHaveLength(0);\n expect(setError).not.toHaveBeenCalled();\n });\n\n it('returns no errors for a valid raw SQL chart', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n configType: 'sql',\n displayType: DisplayType.Table,\n sqlTemplate: 'SELECT 1',\n connection: 'conn-1',\n }),\n undefined,\n setError,\n );\n expect(errors).toHaveLength(0);\n expect(setError).not.toHaveBeenCalled();\n });\n\n it('returns no errors for a Markdown chart without source', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({ displayType: DisplayType.Markdown }),\n undefined,\n setError,\n );\n expect(errors).toHaveLength(0);\n expect(setError).not.toHaveBeenCalled();\n });\n\n it('returns no errors for a Number chart with exactly one series', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n displayType: DisplayType.Number,\n source: 'source-log',\n series: [seriesItem],\n }),\n logSource,\n setError,\n );\n expect(errors).toHaveLength(0);\n expect(setError).not.toHaveBeenCalled();\n });\n\n it('returns no errors for a Pie chart with exactly one series', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n displayType: DisplayType.Pie,\n source: 'source-log',\n series: [seriesItem],\n }),\n logSource,\n setError,\n );\n expect(errors).toHaveLength(0);\n expect(setError).not.toHaveBeenCalled();\n });\n\n it('returns no errors for a Search chart (skips series validation)', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n displayType: DisplayType.Search,\n source: 'source-log',\n series: [],\n }),\n logSource,\n setError,\n );\n expect(errors).toHaveLength(0);\n expect(setError).not.toHaveBeenCalled();\n });\n\n it('returns no errors for count aggFn without valueExpression', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n source: 'source-log',\n series: [{ ...seriesItem, aggFn: 'count', valueExpression: '' }],\n }),\n logSource,\n setError,\n );\n expect(errors).toHaveLength(0);\n expect(setError).not.toHaveBeenCalled();\n });\n\n it('returns no errors for metric series where all items have metricName', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({ source: 'source-metric', series: [metricSeriesItem] }),\n metricSource,\n setError,\n );\n expect(errors).toHaveLength(0);\n expect(setError).not.toHaveBeenCalled();\n });\n\n // ── Raw SQL validation ───────────────────────────────────────────────\n\n it('errors when raw SQL chart is missing connection', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n configType: 'sql',\n displayType: DisplayType.Table,\n sqlTemplate: 'SELECT 1',\n connection: '',\n }),\n undefined,\n setError,\n );\n expect(errors).toContainEqual(\n expect.objectContaining({ path: 'connection' }),\n );\n expect(setError).toHaveBeenCalledWith('connection', {\n type: 'manual',\n message: 'Connection is required',\n });\n });\n\n it('errors when raw SQL chart is missing sqlTemplate', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n configType: 'sql',\n displayType: DisplayType.Line,\n sqlTemplate: '',\n connection: 'conn-1',\n }),\n undefined,\n setError,\n );\n expect(errors).toContainEqual(\n expect.objectContaining({ path: 'sqlTemplate' }),\n );\n expect(setError).toHaveBeenCalledWith('sqlTemplate', {\n type: 'manual',\n message: 'SQL query is required',\n });\n });\n\n it('does not check connection/sqlTemplate for non-sql configType', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n configType: 'builder',\n displayType: DisplayType.Line,\n source: 'source-log',\n }),\n logSource,\n setError,\n );\n expect(\n errors.filter(e => e.path === 'connection' || e.path === 'sqlTemplate'),\n ).toHaveLength(0);\n });\n\n // ── Source validation ────────────────────────────────────────────────\n\n it('errors when builder chart has no source', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({ source: undefined }),\n logSource,\n setError,\n );\n expect(errors).toContainEqual(\n expect.objectContaining({\n path: 'source',\n message: 'Source is required',\n }),\n );\n });\n\n it('does not require source for Markdown charts', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({ displayType: DisplayType.Markdown, source: undefined }),\n undefined,\n setError,\n );\n expect(errors.filter(e => e.path === 'source')).toHaveLength(0);\n });\n\n it('does not require source for raw SQL charts', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n configType: 'sql',\n displayType: DisplayType.Table,\n sqlTemplate: 'SELECT 1',\n connection: 'conn-1',\n source: undefined,\n }),\n undefined,\n setError,\n );\n expect(errors.filter(e => e.path === 'source')).toHaveLength(0);\n });\n\n // ── Series valueExpression validation ────────────────────────────────\n\n it('errors when a non-count aggFn series is missing valueExpression', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n source: 'source-log',\n series: [{ ...seriesItem, aggFn: 'sum', valueExpression: '' }],\n }),\n logSource,\n setError,\n );\n expect(errors).toContainEqual(\n expect.objectContaining({\n path: 'series.0.valueExpression',\n message: 'Expression is required for series 1',\n }),\n );\n });\n\n it('errors for each series missing valueExpression with non-count aggFn', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n source: 'source-log',\n series: [\n { ...seriesItem, aggFn: 'avg', valueExpression: '' },\n { ...seriesItem, aggFn: 'max', valueExpression: '' },\n ],\n }),\n logSource,\n setError,\n );\n expect(errors).toContainEqual(\n expect.objectContaining({ path: 'series.0.valueExpression' }),\n );\n expect(errors).toContainEqual(\n expect.objectContaining({ path: 'series.1.valueExpression' }),\n );\n });\n\n it('does not error for count aggFn even without valueExpression', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n source: 'source-log',\n series: [{ ...seriesItem, aggFn: 'count', valueExpression: '' }],\n }),\n logSource,\n setError,\n );\n expect(\n errors.filter(e => e.path === 'series.0.valueExpression'),\n ).toHaveLength(0);\n });\n\n it('does not validate valueExpression for Search displayType', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n displayType: DisplayType.Search,\n source: 'source-log',\n series: [{ ...seriesItem, aggFn: 'sum', valueExpression: '' }],\n }),\n logSource,\n setError,\n );\n expect(\n errors.filter(\n e => typeof e.path === 'string' && e.path.includes('valueExpression'),\n ),\n ).toHaveLength(0);\n });\n\n it('does not validate valueExpression for Markdown displayType', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n displayType: DisplayType.Markdown,\n source: 'source-log',\n series: [{ ...seriesItem, aggFn: 'sum', valueExpression: '' }],\n }),\n logSource,\n setError,\n );\n expect(\n errors.filter(\n e => typeof e.path === 'string' && e.path.includes('valueExpression'),\n ),\n ).toHaveLength(0);\n });\n\n // ── Metric name validation ───────────────────────────────────────────\n\n it('errors for each metric series item missing metricName', () => {\n const setError = jest.fn();\n const seriesWithoutName = {\n ...seriesItem,\n metricType: MetricsDataType.Gauge,\n };\n const errors = validateChartForm(\n makeForm({\n source: 'source-metric',\n series: [seriesWithoutName, seriesWithoutName],\n }),\n metricSource,\n setError,\n );\n expect(errors).toContainEqual(\n expect.objectContaining({ path: 'series.0.metricName' }),\n );\n expect(errors).toContainEqual(\n expect.objectContaining({ path: 'series.1.metricName' }),\n );\n });\n\n it('only errors on metric series items that are missing metricName', () => {\n const setError = jest.fn();\n const seriesWithoutName = {\n ...seriesItem,\n metricType: MetricsDataType.Gauge,\n };\n const errors = validateChartForm(\n makeForm({\n source: 'source-metric',\n series: [metricSeriesItem, seriesWithoutName],\n }),\n metricSource,\n setError,\n );\n expect(errors.filter(e => e.path === 'series.0.metricName')).toHaveLength(\n 0,\n );\n expect(errors).toContainEqual(\n expect.objectContaining({ path: 'series.1.metricName' }),\n );\n });\n\n it('skips metric validation for non-metric sources', () => {\n const setError = jest.fn();\n const seriesWithoutName = {\n ...seriesItem,\n metricType: MetricsDataType.Gauge,\n };\n const errors = validateChartForm(\n makeForm({ source: 'source-log', series: [seriesWithoutName] }),\n logSource,\n setError,\n );\n expect(\n errors.filter(\n e => typeof e.path === 'string' && e.path.includes('metricName'),\n ),\n ).toHaveLength(0);\n });\n\n it('skips metric validation when source is undefined', () => {\n const setError = jest.fn();\n const seriesWithoutName = {\n ...seriesItem,\n metricType: MetricsDataType.Gauge,\n };\n const errors = validateChartForm(\n makeForm({ series: [seriesWithoutName] }),\n undefined,\n setError,\n );\n expect(\n errors.filter(\n e => typeof e.path === 'string' && e.path.includes('metricName'),\n ),\n ).toHaveLength(0);\n });\n\n // ── Number / Pie single-series validation ────────────────────────────\n\n it('errors when Number chart has more than one series', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n displayType: DisplayType.Number,\n source: 'source-log',\n series: [seriesItem, seriesItem],\n }),\n logSource,\n setError,\n );\n expect(errors).toContainEqual(\n expect.objectContaining({\n path: 'series',\n message: `Only one series is allowed for ${DisplayType.Number} charts`,\n }),\n );\n });\n\n it('errors when Pie chart has more than one series', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n displayType: DisplayType.Pie,\n source: 'source-log',\n series: [seriesItem, seriesItem],\n }),\n logSource,\n setError,\n );\n expect(errors).toContainEqual(\n expect.objectContaining({\n path: 'series',\n message: `Only one series is allowed for ${DisplayType.Pie} charts`,\n }),\n );\n });\n\n it('does not error for Line chart with multiple series', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n displayType: DisplayType.Line,\n source: 'source-log',\n series: [seriesItem, seriesItem],\n }),\n logSource,\n setError,\n );\n expect(errors.filter(e => e.path === 'series')).toHaveLength(0);\n });\n\n it('does not error for Table chart with multiple series', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n displayType: DisplayType.Table,\n source: 'source-log',\n series: [seriesItem, seriesItem],\n }),\n logSource,\n setError,\n );\n expect(errors.filter(e => e.path === 'series')).toHaveLength(0);\n });\n\n it('does not apply single-series limit for raw SQL Number charts', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n configType: 'sql',\n displayType: DisplayType.Number,\n sqlTemplate: 'SELECT 1',\n connection: 'conn-1',\n series: [seriesItem, seriesItem],\n }),\n undefined,\n setError,\n );\n expect(errors.filter(e => e.path === 'series')).toHaveLength(0);\n });\n\n // ── Multiple validation errors at once ───────────────────────────────\n\n it('accumulates multiple errors across different validation rules', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n displayType: DisplayType.Number,\n source: undefined,\n series: [\n { ...seriesItem, aggFn: 'sum', valueExpression: '' },\n { ...seriesItem, aggFn: 'avg', valueExpression: '' },\n ],\n }),\n logSource,\n setError,\n );\n // Should have: source error + 2 valueExpression errors + series count error\n expect(errors).toContainEqual(expect.objectContaining({ path: 'source' }));\n expect(errors).toContainEqual(\n expect.objectContaining({ path: 'series.0.valueExpression' }),\n );\n expect(errors).toContainEqual(\n expect.objectContaining({ path: 'series.1.valueExpression' }),\n );\n expect(errors).toContainEqual(expect.objectContaining({ path: 'series' }));\n expect(errors).toHaveLength(4);\n });\n\n it('calls setError for every accumulated error', () => {\n const setError = jest.fn();\n const errors = validateChartForm(\n makeForm({\n configType: 'sql',\n displayType: DisplayType.Table,\n connection: '',\n sqlTemplate: '',\n }),\n undefined,\n setError,\n );\n // connection (required type) + sqlTemplate (required type) setError calls,\n // then both are also called again with 'manual' type in the final loop\n expect(errors).toHaveLength(2);\n // Each error in the array triggers setError in the final loop\n expect(setError).toHaveBeenCalledWith(\n 'connection',\n expect.objectContaining({ type: 'manual' }),\n );\n expect(setError).toHaveBeenCalledWith(\n 'sqlTemplate',\n expect.objectContaining({ type: 'manual' }),\n );\n });\n});\n" }, { "path": "packages/app/src/components/ChartEditor/constants.tsx", "content": "import { ReactNode } from 'react';\nimport { DisplayType } from '@hyperdx/common-utils/dist/types';\nimport { Code, List, Text } from '@mantine/core';\n\nconst TIMESERIES_PLACEHOLDER_SQL = `SELECT\n toStartOfInterval(TimestampTime, INTERVAL {intervalSeconds:Int64} SECOND) AS ts,\n SeverityText,\n count() AS count\nFROM\n default.otel_logs\nWHERE TimestampTime >= fromUnixTimestamp64Milli({startDateMilliseconds:Int64})\n AND TimestampTime < fromUnixTimestamp64Milli({endDateMilliseconds:Int64})\nGROUP BY ts, SeverityText\nORDER BY ts ASC;`;\n\nexport const SQL_PLACEHOLDERS: Record = {\n [DisplayType.Line]: TIMESERIES_PLACEHOLDER_SQL,\n [DisplayType.StackedBar]: TIMESERIES_PLACEHOLDER_SQL,\n [DisplayType.Table]: `SELECT\n count()\nFROM\n default.otel_logs\nWHERE TimestampTime >= fromUnixTimestamp64Milli({startDateMilliseconds:Int64})\n AND TimestampTime <= fromUnixTimestamp64Milli({endDateMilliseconds:Int64})\nLIMIT\n 200\n `,\n [DisplayType.Pie]: `SELECT\n ServiceName,\n count()\nFROM\n default.otel_logs\nWHERE TimestampTime >= fromUnixTimestamp64Milli({startDateMilliseconds:Int64})\n AND TimestampTime < fromUnixTimestamp64Milli({endDateMilliseconds:Int64})\nGROUP BY ServiceName;`,\n [DisplayType.Number]: `SELECT\n count()\nFROM\n default.otel_logs\nWHERE TimestampTime >= fromUnixTimestamp64Milli({startDateMilliseconds:Int64})\n AND TimestampTime < fromUnixTimestamp64Milli({endDateMilliseconds:Int64});`,\n [DisplayType.Search]: '',\n [DisplayType.Heatmap]: '',\n [DisplayType.Markdown]: '',\n};\n\nconst TIMESERIES_INSTRUCTIONS = (\n <>\n \n Result columns are plotted as follows:\n \n \n \n \n Timestamp\n \n \n {' '}\n — The first Date or DateTime{' '}\n column.\n \n \n \n \n Series Value\n \n \n {' '}\n — Each numeric column will be plotted as a separate series. These\n columns are generally aggregate function values.\n \n \n \n \n Group Names\n \n \n {' '}\n (optional) — Any string, map, or array type result column will be\n treated as a group column. Result rows with different group column\n values will be plotted as separate series.\n \n \n \n \n);\n\nexport const DISPLAY_TYPE_INSTRUCTIONS: Partial<\n Record\n> = {\n [DisplayType.Line]: TIMESERIES_INSTRUCTIONS,\n [DisplayType.StackedBar]: TIMESERIES_INSTRUCTIONS,\n [DisplayType.Pie]: (\n <>\n \n Result columns are plotted as follows:\n \n \n \n \n Slice Value\n \n \n {' '}\n — The first numeric column determines each slice's size.\n \n \n \n \n Slice Label\n \n \n {' '}\n (optional) — Each unique value of each string, map, and array type\n columns will be used as a slice label.\n \n \n \n \n ),\n [DisplayType.Number]: (\n <>\n \n Result columns are displayed as follows:\n \n \n \n \n Number\n \n \n {' '}\n — The value of the first numeric column in the first result row is\n displayed as the number.\n \n \n \n \n ),\n};\n" }, { "path": "packages/app/src/components/ChartEditor/types.ts", "content": "import {\n BuilderSavedChartConfig,\n RawSqlSavedChartConfig,\n} from '@hyperdx/common-utils/dist/types';\n\nimport { AlertWithCreatedBy } from '@/types';\n\nexport type SavedChartConfigWithSelectArray = Omit<\n BuilderSavedChartConfig,\n 'select'\n> & {\n select: NonNullable>;\n};\n\n/**\n * A type that flattens the SavedChartConfig union so that the form can include\n * properties from both BuilderChartConfig and RawSqlSavedChartConfig without\n * type errors.\n *\n * All fields are optional since the form may be in either builder or raw SQL\n * mode at any given time. `configType?: 'sql'` is the discriminator.\n *\n * Additionally, 'series' is added as a separate field that is always an array,\n * to work around the fact that useFieldArray only works with fields which are *always*\n * arrays. `series` stores the array `select` data for the form.\n **/\nexport type ChartEditorFormState = Partial &\n Partial> & {\n alert?: BuilderSavedChartConfig['alert'] & {\n createdBy?: AlertWithCreatedBy['createdBy'];\n };\n series: SavedChartConfigWithSelectArray['select'];\n configType?: 'sql' | 'builder';\n };\n" }, { "path": "packages/app/src/components/ChartEditor/utils.ts", "content": "import { omit, pick } from 'lodash';\nimport { Path, UseFormSetError } from 'react-hook-form';\nimport {\n isBuilderSavedChartConfig,\n isRawSqlSavedChartConfig,\n} from '@hyperdx/common-utils/dist/guards';\nimport {\n BuilderSavedChartConfig,\n ChartConfigWithDateRange,\n DisplayType,\n isLogSource,\n isMetricSource,\n isTraceSource,\n RawSqlChartConfig,\n RawSqlSavedChartConfig,\n SavedChartConfig,\n SourceKind,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\n\nimport { getStoredLanguage } from '../SearchInput';\n\nimport { ChartEditorFormState } from './types';\n\nfunction normalizeChartConfig<\n C extends Pick<\n BuilderSavedChartConfig,\n 'select' | 'having' | 'orderBy' | 'displayType' | 'metricTables'\n >,\n>(config: C, source: TSource): C {\n const isMetricSource = source.kind === SourceKind.Metric;\n return {\n ...config,\n // Strip out metric-specific fields for non-metric sources\n select:\n !isMetricSource && Array.isArray(config.select)\n ? config.select.map(s => omit(s, ['metricName', 'metricType']))\n : config.select,\n metricTables: isMetricSource ? config.metricTables : undefined,\n // Order By and Having can only be set by the user for table charts\n having:\n config.displayType === DisplayType.Table ? config.having : undefined,\n orderBy:\n config.displayType === DisplayType.Table ? config.orderBy : undefined,\n };\n}\n\nexport const isRawSqlDisplayType = (\n displayType: DisplayType | undefined,\n): displayType is\n | DisplayType.Table\n | DisplayType.Line\n | DisplayType.StackedBar\n | DisplayType.Pie\n | DisplayType.Number =>\n displayType === DisplayType.Table ||\n displayType === DisplayType.Line ||\n displayType === DisplayType.StackedBar ||\n displayType === DisplayType.Pie ||\n displayType === DisplayType.Number;\n\nexport function convertFormStateToSavedChartConfig(\n form: ChartEditorFormState,\n source: TSource | undefined,\n): SavedChartConfig | undefined {\n if (form.configType === 'sql' && isRawSqlDisplayType(form.displayType)) {\n const rawSqlConfig: RawSqlSavedChartConfig = {\n configType: 'sql',\n ...pick(form, [\n 'name',\n 'displayType',\n 'numberFormat',\n 'granularity',\n 'compareToPreviousPeriod',\n 'fillNulls',\n 'alignDateRangeToGranularity',\n ]),\n sqlTemplate: form.sqlTemplate ?? '',\n connection: form.connection ?? '',\n source: form.source || undefined,\n };\n return rawSqlConfig;\n }\n\n if (source) {\n // Merge the series and select fields back together, and prevent the series field from being submitted\n const config: BuilderSavedChartConfig = {\n ...omit(form, ['series', 'configType', 'sqlTemplate']),\n // If the chart type is search, we need to ensure the select is a string\n select:\n form.displayType === DisplayType.Search\n ? typeof form.select === 'string'\n ? form.select\n : ''\n : form.series,\n where: form.where ?? '',\n source: source.id,\n };\n\n return normalizeChartConfig(config, source);\n }\n}\n\nexport function convertFormStateToChartConfig(\n form: ChartEditorFormState,\n dateRange: ChartConfigWithDateRange['dateRange'],\n source: TSource | undefined,\n): ChartConfigWithDateRange | undefined {\n if (form.configType === 'sql' && isRawSqlDisplayType(form.displayType)) {\n const rawSqlConfig: RawSqlChartConfig = {\n configType: 'sql',\n ...pick(form, [\n 'name',\n 'displayType',\n 'numberFormat',\n 'granularity',\n 'compareToPreviousPeriod',\n 'fillNulls',\n 'alignDateRangeToGranularity',\n ]),\n sqlTemplate: form.sqlTemplate ?? '',\n connection: form.connection ?? '',\n source: form.source || undefined,\n };\n\n return { ...rawSqlConfig, dateRange };\n }\n\n if (source) {\n // Merge the series and select fields back together, and prevent the series field from being submitted\n const mergedSelect =\n form.displayType === DisplayType.Search ? form.select : form.series;\n const isSelectEmpty = !mergedSelect || mergedSelect.length === 0;\n\n const newConfig: ChartConfigWithDateRange = {\n ...omit(form, ['series', 'configType', 'sqlTemplate']),\n from: source.from,\n timestampValueExpression: source.timestampValueExpression,\n dateRange,\n connection: source.connection,\n implicitColumnExpression:\n isLogSource(source) || isTraceSource(source)\n ? source.implicitColumnExpression\n : undefined,\n metricTables: isMetricSource(source) ? source.metricTables : undefined,\n where: form.where ?? '',\n select: isSelectEmpty\n ? ((isLogSource(source) || isTraceSource(source)) &&\n source.defaultTableSelectExpression) ||\n ''\n : mergedSelect,\n };\n\n return structuredClone(normalizeChartConfig(newConfig, source));\n }\n}\n\nexport function convertSavedChartConfigToFormState(\n config: SavedChartConfig,\n): ChartEditorFormState {\n return {\n ...config,\n configType: isRawSqlSavedChartConfig(config) ? 'sql' : 'builder',\n series:\n isBuilderSavedChartConfig(config) && Array.isArray(config.select)\n ? config.select.map(s => ({\n ...s,\n aggConditionLanguage:\n s.aggConditionLanguage ?? getStoredLanguage() ?? 'lucene',\n }))\n : [],\n };\n}\n\nexport const validateChartForm = (\n form: ChartEditorFormState,\n source: TSource | undefined,\n setError: UseFormSetError,\n) => {\n const errors: { path: Path; message: string }[] = [];\n\n const isRawSqlChart =\n form.configType === 'sql' && isRawSqlDisplayType(form.displayType);\n\n // Validate connection is selected for raw SQL charts\n if (isRawSqlChart && !form.connection) {\n errors.push({ path: `connection`, message: 'Connection is required' });\n }\n\n // Validate SQL is provided for raw SQL charts\n if (isRawSqlChart && !form.sqlTemplate) {\n errors.push({ path: `sqlTemplate`, message: 'SQL query is required' });\n }\n\n // Validate source is selected for builder charts\n if (\n !isRawSqlChart &&\n form.displayType !== DisplayType.Markdown &&\n !form.source\n ) {\n errors.push({ path: `source`, message: 'Source is required' });\n }\n\n // Validate that valueExpressions are specified for each series\n if (\n !isRawSqlChart &&\n Array.isArray(form.series) &&\n form.displayType !== DisplayType.Markdown &&\n form.displayType !== DisplayType.Search\n ) {\n form.series.forEach((s, index) => {\n if (s.aggFn && s.aggFn !== 'count' && !s.valueExpression) {\n errors.push({\n path: `series.${index}.valueExpression`,\n message: `Expression is required for series ${index + 1}`,\n });\n }\n });\n }\n\n // Validate metric names for metric sources\n if (\n source?.kind === SourceKind.Metric &&\n Array.isArray(form.series) &&\n form.displayType !== DisplayType.Markdown &&\n form.displayType !== DisplayType.Search &&\n !isRawSqlChart\n ) {\n form.series.forEach((s, index) => {\n if (s.metricType && !s.metricName) {\n errors.push({\n path: `series.${index}.metricName`,\n message: `Metric is required`,\n });\n }\n });\n }\n\n // Validate number and pie charts only have one series\n if (\n !isRawSqlChart &&\n Array.isArray(form.series) &&\n (form.displayType === DisplayType.Number ||\n form.displayType === DisplayType.Pie) &&\n form.series.length > 1\n ) {\n errors.push({\n path: `series`,\n message: `Only one series is allowed for ${form.displayType} charts`,\n });\n }\n\n for (const error of errors) {\n console.warn(`Validation error in field ${error.path}: ${error.message}`);\n setError(error.path, {\n type: 'manual',\n message: error.message,\n });\n }\n\n return errors;\n};\n" }, { "path": "packages/app/src/components/ChartSQLPreview.tsx", "content": "import { useState } from 'react';\nimport CopyToClipboard from 'react-copy-to-clipboard';\nimport { sql } from '@codemirror/lang-sql';\nimport { format } from '@hyperdx/common-utils/dist/sqlFormatter';\nimport { ChartConfigWithOptDateRange } from '@hyperdx/common-utils/dist/types';\nimport { Button, Paper, Text } from '@mantine/core';\nimport { IconCheck, IconCopy } from '@tabler/icons-react';\nimport CodeMirror, { EditorView } from '@uiw/react-codemirror';\n\nimport { useRenderedSqlChartConfig } from '@/hooks/useChartConfig';\n\nfunction tryFormat(data?: string) {\n try {\n if (data != null) {\n return format(data);\n }\n return data;\n } catch {\n return data;\n }\n}\n\nfunction CopyButton({\n text = '',\n size = 'md',\n}: {\n text?: string;\n size?: 'xs' | 'md';\n}) {\n const [copied, setCopied] = useState(false);\n\n const iconSize = size === 'xs' ? 14 : 16;\n const buttonSize = size === 'xs' ? 'compact-xs' : 'sm';\n\n return (\n setCopied(true)}>\n \n {copied ? (\n \n ) : (\n \n )}\n {copied ? 'Copied!' : 'Copy'}\n \n \n );\n}\n\nexport function SQLPreview({\n data,\n formatData = true,\n enableCopy = false,\n copyButtonSize = 'md',\n enableLineWrapping = false,\n}: {\n data?: string;\n formatData?: boolean;\n enableCopy?: boolean;\n copyButtonSize?: 'xs' | 'md';\n enableLineWrapping?: boolean;\n}) {\n const displayed = formatData ? tryFormat(data) : data;\n\n return (\n
\n \n {enableCopy && }\n
\n );\n}\n\n// TODO: Support clicking in to view matched events\nexport default function ChartSQLPreview({\n config,\n enableCopy,\n}: {\n config: ChartConfigWithOptDateRange;\n enableCopy?: boolean;\n}) {\n const { data, error, isLoading } = useRenderedSqlChartConfig(config);\n\n return (\n \n {isLoading ? (\n \n Loading query preview...\n \n ) : error ? (\n \n Unable to format query. {error.message}\n \n ) : (\n \n )}\n \n );\n}\n" }, { "path": "packages/app/src/components/ColorSwatchInput.stories.tsx", "content": "import React from 'react';\nimport type { Meta, StoryObj } from '@storybook/nextjs';\n\nimport { ColorSwatchInput } from './ColorSwatchInput';\n\nconst meta = {\n component: ColorSwatchInput,\n} satisfies Meta;\n\nexport default meta;\n\ntype Story = StoryObj;\n\nexport const Default = () => {\n const [color, setColor] = React.useState('#6610f2');\n\n return setColor(value)} />;\n};\n" }, { "path": "packages/app/src/components/ColorSwatchInput.tsx", "content": "import React from 'react';\nimport {\n ActionIcon,\n Button,\n ColorInput,\n ColorSwatch,\n Group,\n Popover,\n SimpleGrid,\n Text,\n} from '@mantine/core';\n\n// Different from auto colors, TBD\nconst COLOR_PRESETS = [\n '#e60049',\n '#0bb4ff',\n '#50e991',\n '#e6d800',\n '#9b19f5',\n '#ffa300',\n '#dc0ab4',\n '#b3d4ff',\n '#00bfa0',\n];\n\nconst Z_INDEX = 9999;\n\nexport const ColorSwatchInput = ({\n value,\n onChange,\n}: {\n value?: string;\n onChange?: (value?: string) => void;\n}) => {\n const [opened, setOpened] = React.useState(false);\n\n const handleChange = (color?: string) => {\n onChange?.(color);\n setOpened(false);\n };\n\n return (\n \n \n setOpened(o => !o)}\n >\n {value ? (\n \n Color\n \n \n ) : (\n Choose color\n )}\n \n \n \n onChange?.(color)}\n placeholder=\"#000000\"\n radius=\"md\"\n variant=\"filled\"\n w=\"130\"\n onBlur={() => setOpened(false)}\n popoverProps={{\n zIndex: Z_INDEX + 1,\n closeOnClickOutside: false,\n }}\n />\n \n {COLOR_PRESETS.map(color => (\n handleChange(color)}\n >\n \n \n ))}\n \n {value && (\n \n )}\n \n \n );\n};\n" }, { "path": "packages/app/src/components/ConfirmDeleteMenu.tsx", "content": "import { Button, Menu } from '@mantine/core';\nimport { IconTrash } from '@tabler/icons-react';\n\nexport default function ConfirmDeleteMenu({\n onDelete,\n}: {\n onDelete: () => void;\n}) {\n return (\n \n \n \n \n \n } onClick={onDelete}>\n Confirm Delete\n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/ConnectionForm.tsx", "content": "import { useCallback, useEffect, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { testLocalConnection } from '@hyperdx/common-utils/dist/clickhouse/browser';\nimport { Connection } from '@hyperdx/common-utils/dist/types';\nimport {\n Anchor,\n Box,\n Button,\n Flex,\n Group,\n Stack,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\nimport { IconHelpCircle, IconSettings } from '@tabler/icons-react';\n\nimport api from '@/api';\nimport {\n InputControlled,\n PasswordInputControlled,\n} from '@/components/InputControlled';\nimport { IS_CLICKHOUSE_BUILD, IS_LOCAL_MODE } from '@/config';\nimport {\n useCreateConnection,\n useDeleteConnection,\n useUpdateConnection,\n} from '@/connection';\nimport { stripTrailingSlash } from '@/utils';\n\nimport ConfirmDeleteMenu from './ConfirmDeleteMenu';\n\nenum TestConnectionState {\n Loading = 'loading',\n Valid = 'valid',\n Invalid = 'invalid',\n}\n\nfunction useTestConnection({\n getValues,\n}: {\n getValues: (name: string) => string;\n}) {\n const testConnection = api.useTestConnection();\n const [testConnectionState, setTestConnectionState] =\n useState(null);\n\n const handleTestConnection = useCallback(async () => {\n const hostValue = getValues('host');\n const username = getValues('username');\n const password = getValues('password');\n const host = stripTrailingSlash(hostValue);\n\n if (testConnectionState) {\n return;\n }\n\n setTestConnectionState(TestConnectionState.Loading);\n\n if (IS_LOCAL_MODE) {\n try {\n const result = await testLocalConnection({ host, username, password });\n if (result) {\n setTestConnectionState(TestConnectionState.Valid);\n } else {\n setTestConnectionState(TestConnectionState.Invalid);\n notifications.show({\n color: 'red',\n message: 'Connection test failed',\n autoClose: 5000,\n });\n }\n } catch (e) {\n console.error(e);\n setTestConnectionState(TestConnectionState.Invalid);\n notifications.show({\n color: 'red',\n message: e.message,\n autoClose: 5000,\n });\n }\n } else {\n try {\n const result = await testConnection.mutateAsync({\n host,\n username,\n password,\n });\n if (result.success) {\n setTestConnectionState(TestConnectionState.Valid);\n } else {\n setTestConnectionState(TestConnectionState.Invalid);\n notifications.show({\n color: 'red',\n message: result.error || 'Connection test failed',\n autoClose: 5000,\n });\n }\n } catch (error: any) {\n const body = await error.response?.json();\n setTestConnectionState(TestConnectionState.Invalid);\n notifications.show({\n color: 'red',\n message: body?.error ?? 'Failed to test connection',\n autoClose: 5000,\n });\n }\n }\n\n setTimeout(() => {\n setTestConnectionState(null);\n }, 2000);\n }, [getValues, testConnection, testConnectionState]);\n\n return {\n testConnectionState,\n handleTestConnection,\n };\n}\n\nexport function ConnectionForm({\n connection,\n isNew,\n onSave,\n onClose,\n showCancelButton = false,\n showDeleteButton = false,\n}: {\n connection: Connection;\n isNew: boolean;\n onSave?: () => void;\n onClose?: () => void;\n showCancelButton?: boolean;\n showDeleteButton?: boolean;\n}) {\n const { control, handleSubmit, resetField, getValues, formState } =\n useForm({\n defaultValues: {\n id: connection.id,\n name: connection.name,\n host: connection.host,\n username: connection.username,\n password: connection.password,\n hyperdxSettingPrefix: connection.hyperdxSettingPrefix,\n },\n });\n\n const createConnection = useCreateConnection();\n const updateConnection = useUpdateConnection();\n const deleteConnection = useDeleteConnection();\n\n const onSubmit = (data: Connection) => {\n // Make sure we don't save a trailing slash in the host\n // Convert empty hyperdxSettingPrefix to null to signal clearing the field\n // (undefined gets stripped from JSON, null is preserved and handled by API)\n const normalizedData = {\n ...data,\n host: stripTrailingSlash(data.host),\n hyperdxSettingPrefix: data.hyperdxSettingPrefix || null,\n };\n\n if (isNew) {\n const { id, ...connection } = normalizedData;\n createConnection.mutate(\n { connection },\n {\n onSuccess: () => {\n notifications.show({\n color: 'green',\n message: 'Connection created successfully',\n });\n onSave?.();\n },\n onError: () => {\n notifications.show({\n color: 'red',\n message:\n 'Error creating connection, please check the host and credentials and try again.',\n autoClose: 5000,\n });\n },\n },\n );\n } else {\n updateConnection.mutate(\n { connection: normalizedData, id: connection.id },\n {\n onSuccess: () => {\n notifications.show({\n color: 'green',\n message: 'Connection updated successfully',\n });\n onSave?.();\n },\n onError: () => {\n notifications.show({\n color: 'red',\n message:\n 'Error updating connection, please check the host and credentials and try again.',\n autoClose: 5000,\n });\n },\n },\n );\n }\n };\n\n const [showUpdatePassword, setShowUpdatePassword] = useState(false);\n const [showAdvancedSettings, setShowAdvancedSettings] = useState(false);\n\n const { testConnectionState, handleTestConnection } = useTestConnection({\n getValues,\n });\n\n return (\n {\n e.preventDefault();\n handleSubmit(d => {\n onSubmit(d);\n })();\n }}\n >\n \n \n \n Connection Name\n \n \n \n \n \n Host\n \n \n \n \n \n Username\n \n \n \n \n \n Password\n \n {!showUpdatePassword && !isNew && (\n {\n setShowUpdatePassword(true);\n }}\n >\n Update Password\n \n )}\n {(showUpdatePassword || isNew) && (\n \n \n {!isNew && (\n {\n setShowUpdatePassword(false);\n resetField('password');\n }}\n >\n Cancel\n \n )}\n \n )}\n \n \n {!showAdvancedSettings && (\n setShowAdvancedSettings(true)}\n size=\"xs\"\n >\n \n \n Advanced Settings\n \n \n )}\n {showAdvancedSettings && (\n setShowAdvancedSettings(false)}\n size=\"xs\"\n variant=\"subtle\"\n >\n Hide Advanced Settings\n \n )}\n \n \n \n Query Log Setting Prefix\n \n \n \n \n \n \n \n \n \n {testConnectionState === TestConnectionState.Valid ? (\n <>Connection successful\n ) : testConnectionState === TestConnectionState.Invalid ? (\n <>Unable to connect\n ) : (\n 'Test Connection'\n )}\n \n \n \n {onClose && showCancelButton && (\n \n )}\n {!isNew && showDeleteButton !== false && (\n \n deleteConnection.mutate(\n { id: connection.id },\n {\n onSuccess: () => {\n onClose?.();\n },\n },\n )\n }\n />\n )}\n \n {isNew ? 'Create' : 'Save'} Connection\n \n \n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/ConnectionSelect.tsx", "content": "import { useMemo } from 'react';\nimport { UseControllerProps } from 'react-hook-form';\nimport { IconServer } from '@tabler/icons-react';\n\nimport SelectControlled from '@/components/SelectControlled';\nimport { useConnections } from '@/connection';\n\nexport function ConnectionSelectControlled({\n size,\n ...props\n}: { size?: string } & UseControllerProps) {\n const { data } = useConnections();\n\n const values = useMemo(\n () =>\n data?.map(d => ({\n value: d.id,\n label: d.name,\n })),\n [data],\n );\n\n return (\n }\n maxDropdownHeight={280}\n size={size}\n />\n );\n}\n" }, { "path": "packages/app/src/components/ContactSupportText.tsx", "content": "import { IS_OSS } from '@/config';\n\nconst GH_LINK = 'https://github.com/hyperdxio/hyperdx/issues';\n\nexport const ContactSupportText = () => {\n if (IS_OSS) {\n return (\n \n Please open an issue on{' '}\n \n GitHub\n \n .\n \n );\n }\n\n return Please contact support.;\n};\n" }, { "path": "packages/app/src/components/ContextSidePanel.tsx", "content": "import { useCallback, useContext, useMemo, useState } from 'react';\nimport { sq } from 'date-fns/locale';\nimport ms from 'ms';\nimport { useQueryState } from 'nuqs';\nimport { useForm, useWatch } from 'react-hook-form';\nimport { tcFromSource } from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n BuilderChartConfigWithDateRange,\n isLogSource,\n isTraceSource,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { Badge, Flex, Group, SegmentedControl } from '@mantine/core';\nimport { useDebouncedValue } from '@mantine/hooks';\n\nimport SearchWhereInput, {\n getStoredLanguage,\n} from '@/components/SearchInput/SearchWhereInput';\nimport { RowWhereResult, WithClause } from '@/hooks/useRowWhere';\nimport { useSource } from '@/source';\nimport { formatAttributeClause } from '@/utils';\nimport { parseAsStringEncoded } from '@/utils/queryParsers';\n\nimport { ROW_DATA_ALIASES } from './DBRowDataPanel';\nimport DBRowSidePanel, { RowSidePanelContext } from './DBRowSidePanel';\nimport {\n BreadcrumbNavigationCallback,\n BreadcrumbPath,\n} from './DBRowSidePanelHeader';\nimport { DBSqlRowTable } from './DBRowTable';\n\nenum ContextBy {\n All = 'all',\n Custom = 'custom',\n Host = 'host',\n Node = 'k8s.node.name',\n Pod = 'k8s.pod.name',\n Service = 'service',\n}\n\ninterface ContextSubpanelProps {\n source: TSource;\n dbSqlRowTableConfig: BuilderChartConfigWithDateRange | undefined;\n rowData: Record;\n rowId: string | undefined;\n breadcrumbPath?: BreadcrumbPath;\n onBreadcrumbClick?: BreadcrumbNavigationCallback;\n}\n\n// Custom hook to manage nested panel state\nexport function useNestedPanelState(isNested?: boolean) {\n // Query state (URL-based) for root level\n const queryState = {\n contextRowId: useQueryState('contextRowId', parseAsStringEncoded),\n // Source IDs are MongoDB ObjectIDs (hex strings) and contain no special\n // characters, so no encoding is needed here.\n contextRowSource: useQueryState('contextRowSource'),\n };\n\n // Local state for nested levels\n const localState = {\n contextRowId: useState(null),\n contextRowSource: useState(null),\n };\n\n // Choose which state to use based on nesting level\n const activeState = isNested ? localState : queryState;\n\n return {\n contextRowId: activeState.contextRowId[0],\n contextRowSource: activeState.contextRowSource[0],\n setContextRowId: activeState.contextRowId[1],\n setContextRowSource: activeState.contextRowSource[1],\n };\n}\n\nexport default function ContextSubpanel({\n source,\n dbSqlRowTableConfig,\n rowData,\n rowId,\n breadcrumbPath = [],\n onBreadcrumbClick,\n}: ContextSubpanelProps) {\n const QUERY_KEY_PREFIX = 'context';\n const origTimestamp = rowData[ROW_DATA_ALIASES.TIMESTAMP];\n const { whereLanguage: originalLanguage = 'lucene' } =\n dbSqlRowTableConfig ?? {};\n const [range, setRange] = useState(ms('30s'));\n const [contextBy, setContextBy] = useState(ContextBy.All);\n const { control } = useForm({\n defaultValues: {\n where: '',\n whereLanguage:\n originalLanguage ??\n getStoredLanguage() ??\n ('lucene' as 'lucene' | 'sql'),\n },\n });\n\n const formWhere = useWatch({ control, name: 'where' });\n const [debouncedWhere] = useDebouncedValue(formWhere, 1000);\n\n // State management for nested panels\n const isNested = breadcrumbPath.length > 0;\n\n const {\n contextRowId,\n contextRowSource,\n setContextRowId,\n setContextRowSource,\n } = useNestedPanelState(isNested);\n\n const { data: contextRowSidePanelSource } = useSource({\n id: contextRowSource || '',\n });\n\n const [contextAliasWith, setContextAliasWith] = useState([]);\n\n const handleContextSidePanelClose = useCallback(() => {\n setContextRowId(null);\n setContextRowSource(null);\n }, [setContextRowId, setContextRowSource]);\n\n const { setChildModalOpen } = useContext(RowSidePanelContext);\n\n const handleRowExpandClick = useCallback(\n (rowWhere: RowWhereResult) => {\n setContextRowId(rowWhere.where);\n setContextAliasWith(rowWhere.aliasWith);\n setContextRowSource(source.id);\n },\n [source.id, setContextRowId, setContextRowSource],\n );\n\n const date = useMemo(() => new Date(origTimestamp), [origTimestamp]);\n\n const newDateRange = useMemo(\n (): [Date, Date] => [\n new Date(date.getTime() - range / 2),\n new Date(date.getTime() + range / 2),\n ],\n [date, range],\n );\n\n /* Functions to help generate WHERE clause based on\n which Context the user chooses (All, Host, Node, etc...).\n Since we support lucene and sql, we need to format the condition \n based on the language\n */\n const {\n 'k8s.node.name': k8sNodeName,\n 'k8s.pod.name': k8sPodName,\n 'host.name': host,\n 'service.name': service,\n } = rowData[ROW_DATA_ALIASES.RESOURCE_ATTRIBUTES] ?? {};\n\n const CONTEXT_MAPPING = useMemo(\n () =>\n ({\n [ContextBy.All]: {\n field: '',\n value: '',\n },\n [ContextBy.Custom]: {\n field: '',\n value: debouncedWhere || '',\n },\n [ContextBy.Service]: {\n field: 'service.name',\n value: service,\n },\n [ContextBy.Host]: {\n field: 'host.name',\n value: host,\n },\n [ContextBy.Pod]: {\n field: 'k8s.pod.name',\n value: k8sPodName,\n },\n [ContextBy.Node]: {\n field: 'k8s.node.name',\n value: k8sNodeName,\n },\n }) as const,\n [k8sNodeName, k8sPodName, host, service, debouncedWhere],\n );\n\n // Main function to generate WHERE clause based on context\n const getWhereClause = useCallback(\n (contextBy: ContextBy): string => {\n const isSql = originalLanguage === 'sql';\n const mapping = CONTEXT_MAPPING[contextBy];\n\n if (contextBy === ContextBy.All) {\n return mapping.value;\n }\n\n if (contextBy === ContextBy.Custom) {\n return mapping.value.trim();\n }\n\n const attributeClause = formatAttributeClause(\n 'ResourceAttributes',\n mapping.field,\n mapping.value,\n isSql,\n );\n return attributeClause;\n },\n [CONTEXT_MAPPING, originalLanguage],\n );\n\n function generateSegmentedControlData() {\n return [\n { label: 'All', value: ContextBy.All },\n ...(service ? [{ label: 'Service', value: ContextBy.Service }] : []),\n ...(host ? [{ label: 'Host', value: ContextBy.Host }] : []),\n ...(k8sPodName ? [{ label: 'Pod', value: ContextBy.Pod }] : []),\n ...(k8sNodeName ? [{ label: 'Node', value: ContextBy.Node }] : []),\n { label: 'Custom', value: ContextBy.Custom },\n ];\n }\n\n const config = useMemo(() => {\n const whereClause = getWhereClause(contextBy);\n // missing query info, build config from source with default value\n if (!dbSqlRowTableConfig)\n return {\n connection: source.connection,\n from: source.from,\n timestampValueExpression: source.timestampValueExpression,\n select:\n ((isLogSource(source) || isTraceSource(source)) &&\n source.defaultTableSelectExpression) ||\n '',\n limit: { limit: 200 },\n orderBy: `${source.timestampValueExpression} DESC`,\n where: whereClause,\n whereLanguage: originalLanguage,\n dateRange: newDateRange,\n };\n\n return {\n ...dbSqlRowTableConfig,\n where: whereClause,\n whereLanguage: originalLanguage,\n dateRange: newDateRange,\n filters: [],\n };\n }, [\n dbSqlRowTableConfig,\n getWhereClause,\n originalLanguage,\n newDateRange,\n contextBy,\n source,\n ]);\n\n return (\n <>\n {config && (\n \n \n setContextBy(v as ContextBy)}\n />\n {contextBy === ContextBy.Custom && (\n \n )}\n setRange(Number(value))}\n />\n \n \n
\n {contextBy !== ContextBy.All && (\n \n {contextBy}:{CONTEXT_MAPPING[contextBy].value}\n \n )}\n \n Time range: ±{ms(range / 2)}\n \n
\n \n
\n \n
\n \n )}\n {contextRowId && contextRowSidePanelSource && (\n \n )}\n \n );\n}\n" }, { "path": "packages/app/src/components/CsvExportButton.tsx", "content": "import React, { useCallback } from 'react';\nimport Papa from 'papaparse';\n\ninterface CsvExportButtonProps {\n data: Record[];\n filename: string | (() => string);\n children: React.ReactNode;\n className?: string;\n title?: string;\n disabled?: boolean;\n onExportStart?: () => void;\n onExportComplete?: () => void;\n onExportError?: (error: Error) => void;\n}\n\nexport const CsvExportButton: React.FC = ({\n data,\n filename,\n children,\n className,\n title,\n disabled = false,\n onExportStart,\n onExportComplete,\n onExportError,\n}) => {\n const handleClick = useCallback(() => {\n try {\n if (data.length === 0) {\n onExportError?.(new Error('No data to export'));\n return;\n }\n\n onExportStart?.();\n\n const csv = Papa.unparse(data, {\n quotes: true,\n quoteChar: '\"',\n escapeChar: '\"',\n delimiter: ',',\n header: true,\n });\n const blob = new Blob([`\\ufeff${csv}`], {\n type: 'text/csv;charset=utf-8;',\n });\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download =\n typeof filename === 'string' ? `${filename}.csv` : `${filename()}.csv`;\n document.body.appendChild(a);\n a.click();\n a.remove();\n URL.revokeObjectURL(url);\n\n onExportComplete?.();\n } catch (error) {\n onExportError?.(\n error instanceof Error ? error : new Error('Export failed'),\n );\n }\n }, [data, filename, onExportStart, onExportComplete, onExportError]);\n\n if (disabled || data.length === 0) {\n return (\n \n {children}\n
\n );\n }\n\n return (\n \n {children}\n \n );\n};\n" }, { "path": "packages/app/src/components/DBDeltaChart.tsx", "content": "import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { ClickHouseQueryError } from '@hyperdx/common-utils/dist/clickhouse';\nimport {\n BuilderChartConfigWithDateRange,\n Filter,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n Box,\n Code,\n Container,\n Divider,\n Flex,\n Pagination,\n Text,\n} from '@mantine/core';\nimport { useElementSize } from '@mantine/hooks';\n\nimport { isAggregateFunction } from '@/ChartUtils';\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { getFirstTimestampValueExpression } from '@/source';\nimport { getChartColorError, getChartColorSuccess } from '@/utils';\n\nimport { SQLPreview } from './ChartSQLPreview';\nimport type { AddFilterFn } from './deltaChartUtils';\nimport {\n ALL_SPANS_COLOR,\n computeComparisonScore,\n flattenedKeyToFilterKey,\n getPropertyStatistics,\n getStableSampleExpression,\n isDenylisted,\n isHighCardinality,\n SAMPLE_SIZE,\n semanticBoost,\n} from './deltaChartUtils';\nimport {\n CHART_GAP,\n CHART_HEIGHT,\n CHART_WIDTH,\n PAGINATION_HEIGHT,\n PropertyComparisonChart,\n} from './PropertyComparisonChart';\n\n// Re-export types so callers importing from DBDeltaChart don't need to change.\nexport type { AddFilterFn } from './deltaChartUtils';\n\nexport default function DBDeltaChart({\n config,\n valueExpr,\n xMin: rawXMin,\n xMax: rawXMax,\n yMin: rawYMin,\n yMax: rawYMax,\n onAddFilter,\n spanIdExpression,\n legendPrefix,\n}: {\n config: BuilderChartConfigWithDateRange;\n valueExpr: string;\n xMin?: number | null;\n xMax?: number | null;\n yMin?: number | null;\n yMax?: number | null;\n onAddFilter?: AddFilterFn;\n spanIdExpression?: string;\n legendPrefix?: React.ReactNode;\n}) {\n // Derive whether a heatmap selection exists from nullable props\n const hasSelection =\n rawXMin != null && rawXMax != null && rawYMin != null && rawYMax != null;\n // Safe numeric defaults so query builders always get valid values\n // (outlier/inlier queries are gated by enabled:hasSelection)\n const xMin = rawXMin ?? 0;\n const xMax = rawXMax ?? 0;\n const yMin = rawYMin ?? 0;\n const yMax = rawYMax ?? 0;\n\n // Determine if the value expression uses aggregate functions\n const isAggregate = isAggregateFunction(valueExpr);\n\n // Build deterministic ORDER BY expression from source's spanIdExpression\n const stableSampleExpr = getStableSampleExpression(spanIdExpression);\n\n // Get the timestamp expression from config\n const timestampExpr = getFirstTimestampValueExpression(\n config.timestampValueExpression,\n );\n\n // Helper to build the shared AggregatedTimestamps CTE (used by both outlier and inlier queries)\n const buildAggregatedTimestampsCTE = () =>\n isAggregate\n ? {\n name: 'AggregatedTimestamps',\n chartConfig: {\n ...config,\n from: config.from,\n select: timestampExpr,\n filters: [\n ...(config.filters ?? []),\n {\n type: 'sql',\n condition: `${timestampExpr} >= ${xMin}`,\n } satisfies Filter,\n {\n type: 'sql',\n condition: `${timestampExpr} <= ${xMax}`,\n } satisfies Filter,\n ...(config.where\n ? [\n {\n type: config.whereLanguage,\n condition: config.where,\n } as Filter,\n ]\n : []),\n ],\n groupBy: timestampExpr,\n having: `(${valueExpr}) >= ${yMin} AND (${valueExpr}) <= ${yMax}`,\n },\n }\n : null;\n\n // Helper to build WITH clauses for a query (outlier or inlier)\n const buildWithClauses = (\n isOutlier: boolean,\n ): NonNullable => {\n const aggregatedTimestampsCTE = buildAggregatedTimestampsCTE();\n\n // Build the SQL condition for filtering\n const buildSqlCondition = () => {\n const timestampExpression = `${timestampExpr} >= ${xMin} AND ${timestampExpr} <= ${xMax}`;\n let query = timestampExpression;\n if (!isAggregate) {\n // For non-aggregates, we filter directly on both timestamp and value\n query += ` AND (${valueExpr}) >= ${yMin} AND (${valueExpr}) <= ${yMax}`;\n }\n return isOutlier ? query : `NOT (${query})`;\n };\n\n const sqlCondition = buildSqlCondition();\n const aggregateTimestampCondition = isOutlier\n ? `${timestampExpr} IN (SELECT ${timestampExpr} FROM AggregatedTimestamps)`\n : `${timestampExpr} NOT IN (SELECT ${timestampExpr} FROM AggregatedTimestamps)`;\n\n return [\n ...(aggregatedTimestampsCTE ? [aggregatedTimestampsCTE] : []),\n {\n name: 'PartIds',\n chartConfig: {\n ...config,\n select: 'tuple(_part, _part_offset)',\n filters: [\n ...(config.filters ?? []),\n {\n type: 'sql',\n condition: sqlCondition,\n } satisfies Filter,\n ...(isAggregate\n ? [\n {\n type: 'sql',\n condition: aggregateTimestampCondition,\n } satisfies Filter,\n ]\n : []),\n ],\n orderBy: [{ ordering: 'DESC', valueExpression: stableSampleExpr }],\n limit: { limit: SAMPLE_SIZE },\n },\n },\n ];\n };\n\n // Helper to build filters for the main query\n const buildFilters = (isOutlier: boolean) => {\n // Build the SQL condition for filtering\n const buildSqlCondition = () => {\n if (isAggregate) {\n // For aggregates, we filter by timestamp range\n return isOutlier\n ? `${timestampExpr} >= ${xMin} AND ${timestampExpr} <= ${xMax}`\n : `NOT (${timestampExpr} >= ${xMin} AND ${timestampExpr} <= ${xMax})`;\n } else {\n // For non-aggregates, we filter directly on both timestamp and value\n return isOutlier\n ? `(${valueExpr}) >= ${yMin} AND (${valueExpr}) <= ${yMax} AND ${timestampExpr} >= ${xMin} AND ${timestampExpr} <= ${xMax}`\n : `NOT ((${valueExpr}) >= ${yMin} AND (${valueExpr}) <= ${yMax} AND ${timestampExpr} >= ${xMin} AND ${timestampExpr} <= ${xMax})`;\n }\n };\n\n const sqlCondition = buildSqlCondition();\n const aggregateTimestampCondition = isOutlier\n ? `${timestampExpr} IN (SELECT ${timestampExpr} FROM AggregatedTimestamps)`\n : `${timestampExpr} NOT IN (SELECT ${timestampExpr} FROM AggregatedTimestamps)`;\n\n return [\n ...(config.filters ?? []),\n {\n type: 'sql',\n condition: sqlCondition,\n } as { type: 'sql'; condition: string },\n ...(isAggregate\n ? [\n {\n type: 'sql',\n condition: aggregateTimestampCondition,\n } as { type: 'sql'; condition: string },\n ]\n : []),\n {\n type: 'sql',\n condition: `indexHint((_part, _part_offset) IN PartIds)`,\n } as { type: 'sql'; condition: string },\n ];\n };\n\n const {\n data: outlierData,\n error: outlierError,\n isLoading: isOutlierLoading,\n } = useQueriedChartConfig(\n {\n ...config,\n with: buildWithClauses(true),\n select: '*',\n filters: buildFilters(true),\n orderBy: [{ ordering: 'DESC', valueExpression: stableSampleExpr }],\n limit: { limit: SAMPLE_SIZE },\n },\n { enabled: hasSelection },\n );\n\n const { data: inlierData, isLoading: isInlierLoading } =\n useQueriedChartConfig(\n {\n ...config,\n with: buildWithClauses(false),\n select: '*',\n filters: buildFilters(false),\n orderBy: [{ ordering: 'DESC', valueExpression: stableSampleExpr }],\n limit: { limit: SAMPLE_SIZE },\n },\n { enabled: hasSelection },\n );\n\n // When no selection exists, fetch all spans without any range filter\n const {\n data: allSpansData,\n error: allSpansError,\n isLoading: isAllSpansLoading,\n } = useQueriedChartConfig(\n {\n ...config,\n select: '*',\n orderBy: [{ ordering: 'DESC', valueExpression: stableSampleExpr }],\n limit: { limit: SAMPLE_SIZE },\n },\n { enabled: !hasSelection },\n );\n\n const isLoading = hasSelection\n ? isOutlierLoading || isInlierLoading\n : isAllSpansLoading;\n\n const error = outlierError ?? allSpansError;\n\n // Column metadata for field classification (from ClickHouse response)\n const columnMeta = useMemo<{ name: string; type: string }[]>(\n () => outlierData?.meta ?? inlierData?.meta ?? allSpansData?.meta ?? [],\n [outlierData?.meta, inlierData?.meta, allSpansData?.meta],\n );\n\n // Wrap onAddFilter to convert flattened dot-notation keys into ClickHouse bracket notation\n const handleAddFilter = useCallback>(\n (property, value, action) => {\n if (!onAddFilter) return;\n onAddFilter(flattenedKeyToFilterKey(property, columnMeta), value, action);\n },\n [onAddFilter, columnMeta],\n );\n\n const {\n visibleProperties,\n hiddenProperties,\n outlierValueOccurences,\n inlierValueOccurences,\n } = useMemo(() => {\n // When no selection: use allSpans as \"outlier\" data and empty for inliers.\n // The sort will rank by frequency (delta = count - 0 = count).\n const actualOutlierData = hasSelection\n ? (outlierData?.data ?? [])\n : (allSpansData?.data ?? []);\n const actualInlierData = hasSelection ? (inlierData?.data ?? []) : [];\n\n const {\n percentageOccurences: outlierValueOccurences,\n propertyOccurences: outlierPropertyOccurences,\n valueOccurences: outlierRawValueOccurences,\n } = getPropertyStatistics(actualOutlierData);\n\n const {\n percentageOccurences: inlierValueOccurences,\n propertyOccurences: inlierPropertyOccurences,\n valueOccurences: inlierRawValueOccurences,\n } = getPropertyStatistics(actualInlierData);\n\n // Get all the unique keys from the outliers\n let uniqueKeys = new Set([...outlierValueOccurences.keys()]);\n // If there's no outliers, use inliers as the unique keys\n if (uniqueKeys.size === 0) {\n uniqueKeys = new Set([...inlierValueOccurences.keys()]);\n }\n // Sort by proportional comparison score (normalizes group sizes).\n // TODO: When #1824 (always-on distribution) merges, use computeEntropyScore\n // for distribution mode (no selection) and computeComparisonScore only when\n // a selection is active (hasSelection flag from #1824).\n const sortedProperties = Array.from(uniqueKeys)\n .map(key => {\n const inlierCount =\n inlierValueOccurences.get(key) ?? new Map();\n const outlierCount =\n outlierValueOccurences.get(key) ?? new Map();\n\n // Use proportional comparison scoring which normalizes group sizes.\n // Semantic boost acts as a tiebreaker for well-known OTel attributes\n // (only applied when the field has actual variance).\n const baseScore = computeComparisonScore(outlierCount, inlierCount);\n const boost = baseScore > 0 ? semanticBoost(key) * 0.1 : 0;\n const sortScore = baseScore + boost;\n\n return [key, sortScore] as const;\n })\n .sort((a, b) => b[1] - a[1])\n .map(a => a[0]);\n\n // Split into visible (primary) and hidden (denylisted + high cardinality)\n const visibleProperties: string[] = [];\n const hiddenProperties: string[] = [];\n sortedProperties.forEach(key => {\n if (isDenylisted(key, columnMeta)) {\n hiddenProperties.push(key);\n } else if (\n isHighCardinality(\n key,\n outlierRawValueOccurences,\n inlierRawValueOccurences,\n outlierPropertyOccurences,\n inlierPropertyOccurences,\n )\n ) {\n hiddenProperties.push(key);\n } else {\n visibleProperties.push(key);\n }\n });\n\n return {\n visibleProperties,\n hiddenProperties,\n outlierValueOccurences,\n inlierValueOccurences,\n };\n }, [\n outlierData?.data,\n inlierData?.data,\n allSpansData?.data,\n hasSelection,\n columnMeta,\n ]);\n\n const [activePage, setPage] = useState(1);\n\n const {\n ref: containerRef,\n width: containerWidth,\n height: containerHeight,\n } = useElementSize();\n\n const columns = Math.max(\n 1,\n Math.floor((containerWidth + CHART_GAP) / (CHART_WIDTH + CHART_GAP)),\n );\n // The \"Lower-priority fields\" divider (~30px) may appear between visible\n // and hidden sections on the same page. Reserve space for it so the last\n // chart row + pagination aren't pushed out of the overflow:hidden container.\n const hasDivider =\n visibleProperties.length > 0 && hiddenProperties.length > 0;\n const dividerHeight = hasDivider ? 30 : 0;\n const rows = Math.max(\n 1,\n Math.floor(\n (containerHeight - PAGINATION_HEIGHT - dividerHeight + CHART_GAP) /\n (CHART_HEIGHT + CHART_GAP),\n ),\n );\n useEffect(() => {\n setPage(1);\n }, [columns, rows, xMin, xMax, yMin, yMax]);\n\n if (error) {\n return (\n \n \n \n Error Message:\n \n \n {error.message}\n \n \n {error instanceof ClickHouseQueryError && (\n \n \n Original Query:\n \n \n \n \n \n )}\n \n );\n }\n\n // Row-based pagination: visible and hidden sections are separate grids,\n // so an incomplete last row of visible fields does not get \"filled\" with hidden items.\n const visibleRows = Math.ceil(visibleProperties.length / columns);\n const hiddenRows = Math.ceil(hiddenProperties.length / columns);\n const totalRows = visibleRows + hiddenRows;\n const totalPages = Math.ceil(totalRows / rows);\n\n const pageRowStart = (activePage - 1) * rows;\n const pageRowEnd = activePage * rows;\n\n // Rows occupied by the visible section on this page\n const visRowStart = Math.min(pageRowStart, visibleRows);\n const visRowEnd = Math.min(pageRowEnd, visibleRows);\n const visibleOnPage = visibleProperties.slice(\n visRowStart * columns,\n Math.min(visRowEnd * columns, visibleProperties.length),\n );\n\n // Rows occupied by the hidden section on this page\n const hidRowStart = Math.max(0, pageRowStart - visibleRows);\n const hidRowEnd = Math.min(hiddenRows, Math.max(0, pageRowEnd - visibleRows));\n const hiddenOnPage = hiddenProperties.slice(\n hidRowStart * columns,\n Math.min(hidRowEnd * columns, hiddenProperties.length),\n );\n\n // Show a divider when both sections appear on the same page\n const showDivider = visibleOnPage.length > 0 && hiddenOnPage.length > 0;\n // Show a header when ONLY hidden fields appear on this page (no divider above)\n const showHiddenHeader =\n hiddenOnPage.length > 0 && visibleOnPage.length === 0;\n\n return (\n \n {/* Legend */}\n \n {legendPrefix}\n {legendPrefix && (\n \n )}\n {hasSelection ? (\n <>\n \n \n \n Selection\n \n \n \n \n \n Background\n \n \n \n ) : (\n <>\n \n \n \n All spans\n \n \n \n {isLoading\n ? 'Loading\\u2026'\n : 'Select an area on the chart above to enable comparisons'}\n \n \n )}\n \n {/* Loading state */}\n {isLoading && visibleOnPage.length === 0 && hiddenOnPage.length === 0 && (\n \n \n Loading attribute distributions\\u2026\n \n \n )}\n {/* Primary fields */}\n {visibleOnPage.length > 0 && (\n \n {visibleOnPage.map(property => (\n \n ))}\n \n )}\n {/* Divider between primary and lower-priority fields */}\n {(showDivider || showHiddenHeader) && (\n \n Lower-priority fields ({hiddenProperties.length})\n \n }\n labelPosition=\"left\"\n />\n )}\n {/* Lower-priority fields - separate grid so rows align independently */}\n {hiddenOnPage.length > 0 && (\n \n {hiddenOnPage.map(key => (\n \n ))}\n \n )}\n 1 ? 'visible' : 'hidden',\n }}\n >\n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/DBEditTimeChartForm.tsx", "content": "import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n Control,\n Controller,\n FieldErrors,\n Path,\n useFieldArray,\n useForm,\n UseFormClearErrors,\n UseFormSetValue,\n useWatch,\n} from 'react-hook-form';\nimport { NativeSelect, NumberInput } from 'react-hook-form-mantine';\nimport z from 'zod';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { tcFromSource } from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n isBuilderChartConfig,\n isRawSqlChartConfig,\n isRawSqlSavedChartConfig,\n} from '@hyperdx/common-utils/dist/guards';\nimport {\n ChartAlertBaseSchema,\n ChartConfigWithDateRange,\n ChartConfigWithOptTimestamp,\n DateRange,\n DisplayType,\n Filter,\n MetricsDataType,\n SavedChartConfig,\n SelectList,\n SourceKind,\n TSource,\n validateAlertScheduleOffsetMinutes,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n Accordion,\n ActionIcon,\n Box,\n Button,\n Center,\n Divider,\n Flex,\n Group,\n List,\n Menu,\n Paper,\n SegmentedControl,\n Stack,\n Switch,\n Tabs,\n Text,\n Textarea,\n} from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { notifications } from '@mantine/notifications';\nimport {\n IconArrowDown,\n IconArrowUp,\n IconBell,\n IconChartLine,\n IconChartPie,\n IconCirclePlus,\n IconCode,\n IconDotsVertical,\n IconLayoutGrid,\n IconList,\n IconMarkdown,\n IconNumbers,\n IconPlayerPlay,\n IconTable,\n IconTrash,\n IconX,\n} from '@tabler/icons-react';\nimport { SortingState } from '@tanstack/react-table';\n\nimport {\n AGG_FNS,\n buildTableRowSearchUrl,\n convertToNumberChartConfig,\n convertToPieChartConfig,\n convertToTableChartConfig,\n convertToTimeChartConfig,\n getPreviousDateRange,\n} from '@/ChartUtils';\nimport { AlertChannelForm, getAlertReferenceLines } from '@/components/Alerts';\nimport ChartSQLPreview from '@/components/ChartSQLPreview';\nimport DBTableChart from '@/components/DBTableChart';\nimport { DBTimeChart } from '@/components/DBTimeChart';\nimport SearchWhereInput, {\n getStoredLanguage,\n} from '@/components/SearchInput/SearchWhereInput';\nimport { SQLInlineEditorControlled } from '@/components/SQLEditor/SQLInlineEditor';\nimport { TimePicker } from '@/components/TimePicker';\nimport { IS_LOCAL_MODE } from '@/config';\nimport { GranularityPickerControlled } from '@/GranularityPicker';\nimport { useFetchMetricMetadata } from '@/hooks/useFetchMetricMetadata';\nimport {\n parseAttributeKeysFromSuggestions,\n useFetchMetricResourceAttrs,\n} from '@/hooks/useFetchMetricResourceAttrs';\nimport { getFirstTimestampValueExpression, useSource } from '@/source';\nimport {\n getMetricTableName,\n optionsToSelectData,\n orderByStringToSortingState,\n sortingStateToOrderByString,\n} from '@/utils';\nimport {\n ALERT_CHANNEL_OPTIONS,\n DEFAULT_TILE_ALERT,\n extendDateRangeToInterval,\n intervalToGranularity,\n intervalToMinutes,\n normalizeNoOpAlertScheduleFields,\n TILE_ALERT_INTERVAL_OPTIONS,\n TILE_ALERT_THRESHOLD_TYPE_OPTIONS,\n} from '@/utils/alerts';\n\nimport HDXMarkdownChart from '../HDXMarkdownChart';\n\nimport RawSqlChartEditor from './ChartEditor/RawSqlChartEditor';\nimport {\n ChartEditorFormState,\n SavedChartConfigWithSelectArray,\n} from './ChartEditor/types';\nimport {\n convertFormStateToChartConfig,\n convertFormStateToSavedChartConfig,\n convertSavedChartConfigToFormState,\n isRawSqlDisplayType,\n validateChartForm,\n} from './ChartEditor/utils';\nimport { ErrorBoundary } from './Error/ErrorBoundary';\nimport MVOptimizationIndicator from './MaterializedViews/MVOptimizationIndicator';\nimport { AggFnSelectControlled } from './AggFnSelect';\nimport { AlertScheduleFields } from './AlertScheduleFields';\nimport ChartDisplaySettingsDrawer, {\n ChartConfigDisplaySettings,\n} from './ChartDisplaySettingsDrawer';\nimport DBNumberChart from './DBNumberChart';\nimport { DBPieChart } from './DBPieChart';\nimport DBSqlRowTableWithSideBar from './DBSqlRowTableWithSidebar';\nimport {\n CheckBoxControlled,\n InputControlled,\n TextInputControlled,\n} from './InputControlled';\nimport { MetricAttributeHelperPanel } from './MetricAttributeHelperPanel';\nimport { MetricNameSelect } from './MetricNameSelect';\nimport SaveToDashboardModal from './SaveToDashboardModal';\nimport SourceSchemaPreview from './SourceSchemaPreview';\nimport { SourceSelectControlled } from './SourceSelect';\n\nconst isQueryReady = (queriedConfig: ChartConfigWithDateRange | undefined) => {\n if (!queriedConfig) return false;\n if (isRawSqlChartConfig(queriedConfig)) {\n return !!(queriedConfig.sqlTemplate && queriedConfig.connection);\n }\n return (\n ((queriedConfig.select?.length ?? 0) > 0 ||\n typeof queriedConfig.select === 'string') &&\n queriedConfig.from?.databaseName &&\n // tableName is empty for metric sources\n (queriedConfig.from?.tableName || queriedConfig.metricTables) &&\n queriedConfig.timestampValueExpression\n );\n};\n\ntype SeriesItem = NonNullable<\n SavedChartConfigWithSelectArray['select']\n>[number];\n\nfunction ChartSeriesEditorComponent({\n control,\n databaseName,\n dateRange,\n connectionId,\n index,\n namePrefix,\n onRemoveSeries,\n onSwapSeries,\n onSubmit,\n setValue,\n showGroupBy,\n showHaving,\n tableName: _tableName,\n parentRef,\n length,\n tableSource,\n errors,\n clearErrors,\n}: {\n control: Control;\n databaseName: string;\n dateRange?: DateRange['dateRange'];\n connectionId?: string;\n index: number;\n namePrefix: `series.${number}.`;\n parentRef?: HTMLElement | null;\n onRemoveSeries: (index: number) => void;\n onSwapSeries: (from: number, to: number) => void;\n onSubmit: () => void;\n setValue: UseFormSetValue;\n showGroupBy: boolean;\n showHaving: boolean;\n tableName: string;\n length: number;\n tableSource?: TSource;\n errors?: FieldErrors;\n clearErrors: UseFormClearErrors;\n}) {\n const aggFn = useWatch({ control, name: `${namePrefix}aggFn` });\n const aggConditionLanguage = useWatch({\n control,\n name: `${namePrefix}aggConditionLanguage`,\n defaultValue: 'lucene',\n });\n\n const metricType = useWatch({ control, name: `${namePrefix}metricType` });\n\n // Initialize metricType to 'gauge' when switching to a metric source\n useEffect(() => {\n if (tableSource?.kind === SourceKind.Metric && !metricType) {\n setValue(`${namePrefix}metricType`, MetricsDataType.Gauge);\n }\n }, [tableSource?.kind, metricType, namePrefix, setValue]);\n\n const tableName =\n tableSource?.kind === SourceKind.Metric\n ? getMetricTableName(tableSource, metricType)\n : _tableName;\n\n const metricName = useWatch({ control, name: `${namePrefix}metricName` });\n const aggCondition = useWatch({\n control,\n name: `${namePrefix}aggCondition`,\n });\n const groupBy = useWatch({ control, name: 'groupBy' });\n\n const metricTableSource =\n tableSource?.kind === SourceKind.Metric ? tableSource : undefined;\n\n const { data: attributeSuggestions, isLoading: isLoadingAttributes } =\n useFetchMetricResourceAttrs({\n databaseName,\n metricType,\n metricName,\n tableSource: metricTableSource,\n isSql: aggConditionLanguage === 'sql',\n });\n\n const attributeKeys = useMemo(\n () => parseAttributeKeysFromSuggestions(attributeSuggestions ?? []),\n [attributeSuggestions],\n );\n\n const { data: metricMetadata } = useFetchMetricMetadata({\n databaseName,\n metricType,\n metricName,\n tableSource: metricTableSource,\n });\n\n const handleAddToWhere = useCallback(\n (clause: string) => {\n const currentValue = aggCondition || '';\n\n const newValue = currentValue ? `${currentValue} AND ${clause}` : clause;\n setValue(`${namePrefix}aggCondition`, newValue);\n onSubmit();\n },\n [aggCondition, namePrefix, setValue, onSubmit],\n );\n\n const handleAddToGroupBy = useCallback(\n (clause: string) => {\n const currentValue = groupBy || '';\n const newValue = currentValue ? `${currentValue}, ${clause}` : clause;\n setValue('groupBy', newValue);\n onSubmit();\n },\n [groupBy, setValue, onSubmit],\n );\n\n const showWhere = aggFn !== 'none';\n\n const tableConnection = useMemo(\n () => ({\n databaseName,\n tableName: tableName ?? '',\n connectionId: connectionId ?? '',\n metricName:\n tableSource?.kind === SourceKind.Metric ? metricName : undefined,\n }),\n [databaseName, tableName, connectionId, metricName, tableSource],\n );\n\n return (\n <>\n \n Alias\n\n
\n onSubmit()}\n size=\"xs\"\n data-testid=\"series-alias-input\"\n />\n
\n {(index ?? -1) > 0 && (\n onSwapSeries(index, index - 1)}\n title=\"Move up\"\n >\n \n \n )}\n {(index ?? -1) < length - 1 && (\n onSwapSeries(index, index + 1)}\n title=\"Move down\"\n >\n \n \n )}\n {((index ?? -1) > 0 || length > 1) && (\n onRemoveSeries(index)}\n >\n \n Remove Series\n \n )}\n \n }\n labelPosition=\"right\"\n mb={8}\n mt=\"sm\"\n />\n \n \n \n \n {tableSource?.kind === SourceKind.Metric && metricType && (\n
\n {\n setValue(`${namePrefix}metricName`, value);\n setValue(`${namePrefix}valueExpression`, 'Value');\n }}\n setMetricType={value =>\n setValue(`${namePrefix}metricType`, value)\n }\n metricSource={tableSource}\n data-testid=\"metric-name-selector\"\n error={errors?.metricName?.message}\n onFocus={() => clearErrors(`${namePrefix}metricName`)}\n />\n {metricType === 'gauge' && (\n \n \n \n )}\n
\n )}\n {tableSource?.kind !== SourceKind.Metric && aggFn !== 'count' && (\n \n \n \n )}\n {(showWhere || showGroupBy || showHaving) && (\n \n {showWhere && (\n <>\n Where\n \n \n \n \n )}\n {showGroupBy && (\n <>\n \n Group By\n \n \n \n \n {showHaving && (\n <>\n \n Having\n \n
\n 100)\"\n disableKeywordAutocomplete\n onSubmit={onSubmit}\n />\n
\n \n )}\n \n )}\n \n )}\n \n {tableSource?.kind === SourceKind.Metric && metricName && metricType && (\n \n )}\n \n );\n}\nconst ChartSeriesEditor = ChartSeriesEditorComponent;\n\nexport const ErrorNotificationMessage = ({\n errors,\n}: {\n errors: { path: Path; message: string }[];\n}) => {\n return (\n }\n >\n {errors.map(({ message }, index) => (\n {message}\n ))}\n \n );\n};\n\nconst zSavedChartConfig = z\n .object({\n // TODO: Chart\n alert: ChartAlertBaseSchema.superRefine(\n validateAlertScheduleOffsetMinutes,\n ).optional(),\n })\n .passthrough();\n\nexport default function EditTimeChartForm({\n dashboardId,\n chartConfig,\n displayedTimeInputValue,\n dateRange,\n isSaving,\n onTimeRangeSearch,\n setChartConfig,\n setDisplayedTimeInputValue,\n onSave,\n onTimeRangeSelect,\n onClose,\n onDirtyChange,\n 'data-testid': dataTestId,\n submitRef,\n isDashboardForm = false,\n}: {\n dashboardId?: string;\n chartConfig: SavedChartConfig;\n displayedTimeInputValue?: string;\n dateRange: [Date, Date];\n isSaving?: boolean;\n onTimeRangeSearch?: (value: string) => void;\n setChartConfig?: (chartConfig: SavedChartConfig) => void;\n setDisplayedTimeInputValue?: (value: string) => void;\n onSave?: (chart: SavedChartConfig) => void;\n onClose?: () => void;\n onDirtyChange?: (isDirty: boolean) => void;\n onTimeRangeSelect?: (start: Date, end: Date) => void;\n 'data-testid'?: string;\n submitRef?: React.MutableRefObject<(() => void) | undefined>;\n isDashboardForm?: boolean;\n}) {\n const formValue: ChartEditorFormState = useMemo(\n () => convertSavedChartConfigToFormState(chartConfig),\n [chartConfig],\n );\n\n const {\n control,\n setValue,\n handleSubmit,\n register,\n setError,\n clearErrors,\n formState: { errors, isDirty, dirtyFields },\n } = useForm({\n defaultValues: formValue,\n values: formValue,\n resolver: zodResolver(zSavedChartConfig),\n });\n\n const {\n fields,\n append,\n remove: removeSeries,\n swap: swapSeries,\n } = useFieldArray({\n control,\n name: 'series',\n });\n\n useEffect(() => {\n onDirtyChange?.(isDirty);\n }, [isDirty, onDirtyChange]);\n\n const [isSampleEventsOpen, setIsSampleEventsOpen] = useState(false);\n\n const select = useWatch({ control, name: 'select' });\n const sourceId = useWatch({ control, name: 'source' });\n const alert = useWatch({ control, name: 'alert' });\n const seriesReturnType = useWatch({ control, name: 'seriesReturnType' });\n const groupBy = useWatch({ control, name: 'groupBy' });\n const displayType =\n useWatch({ control, name: 'displayType' }) ?? DisplayType.Line;\n const markdown = useWatch({ control, name: 'markdown' });\n const alertChannelType = useWatch({ control, name: 'alert.channel.type' });\n const alertScheduleOffsetMinutes = useWatch({\n control,\n name: 'alert.scheduleOffsetMinutes',\n });\n const granularity = useWatch({ control, name: 'granularity' });\n const maxAlertScheduleOffsetMinutes = alert?.interval\n ? Math.max(intervalToMinutes(alert.interval) - 1, 0)\n : 0;\n const alertIntervalLabel = alert?.interval\n ? TILE_ALERT_INTERVAL_OPTIONS[alert.interval]\n : undefined;\n const configType = useWatch({ control, name: 'configType' });\n\n const chartConfigAlert = !isRawSqlSavedChartConfig(chartConfig)\n ? chartConfig.alert\n : undefined;\n\n const isRawSqlInput =\n configType === 'sql' && isRawSqlDisplayType(displayType);\n\n const { data: tableSource } = useSource({ id: sourceId });\n const databaseName = tableSource?.from.databaseName;\n const tableName = tableSource?.from.tableName;\n\n const activeTab = useMemo(() => {\n switch (displayType) {\n case DisplayType.Search:\n return 'search';\n case DisplayType.Markdown:\n return 'markdown';\n case DisplayType.Table:\n return 'table';\n case DisplayType.Pie:\n return 'pie';\n case DisplayType.Number:\n return 'number';\n default:\n return 'time';\n }\n }, [displayType]);\n\n useEffect(() => {\n if (\n displayType !== DisplayType.Line &&\n displayType !== DisplayType.Number\n ) {\n setValue('alert', undefined);\n }\n }, [displayType, setValue]);\n\n const showGeneratedSql = ['table', 'time', 'number', 'pie'].includes(\n activeTab,\n );\n\n const showSampleEvents =\n tableSource?.kind !== SourceKind.Metric && !isRawSqlInput;\n\n const [\n alignDateRangeToGranularity,\n fillNulls,\n compareToPreviousPeriod,\n numberFormat,\n ] = useWatch({\n control,\n name: [\n 'alignDateRangeToGranularity',\n 'fillNulls',\n 'compareToPreviousPeriod',\n 'numberFormat',\n ],\n });\n\n const displaySettings: ChartConfigDisplaySettings = useMemo(\n () => ({\n alignDateRangeToGranularity,\n fillNulls,\n compareToPreviousPeriod,\n numberFormat,\n }),\n [\n alignDateRangeToGranularity,\n fillNulls,\n compareToPreviousPeriod,\n numberFormat,\n ],\n );\n\n const [\n displaySettingsOpened,\n { open: openDisplaySettings, close: closeDisplaySettings },\n ] = useDisclosure(false);\n\n // Only update this on submit, otherwise we'll have issues\n // with using the source value from the last submit\n // (ex. ignoring local custom source updates)\n const [queriedConfig, setQueriedConfig] = useState<\n ChartConfigWithDateRange | undefined\n >(undefined);\n const [queriedSource, setQueriedSource] = useState(\n undefined,\n );\n\n const setQueriedConfigAndSource = useCallback(\n (config: ChartConfigWithDateRange, source: TSource | undefined) => {\n setQueriedConfig(config);\n setQueriedSource(source);\n },\n [],\n );\n\n const dbTimeChartConfig = useMemo(() => {\n if (!queriedConfig) {\n return undefined;\n }\n\n return {\n ...queriedConfig,\n granularity: alert\n ? intervalToGranularity(alert.interval)\n : queriedConfig.granularity,\n dateRange: alert\n ? extendDateRangeToInterval(queriedConfig.dateRange, alert.interval)\n : queriedConfig.dateRange,\n };\n }, [queriedConfig, alert]);\n\n const [saveToDashboardModalOpen, setSaveToDashboardModalOpen] =\n useState(false);\n\n const onSubmit = useCallback(\n (suppressErrorNotification: boolean = false) => {\n handleSubmit(form => {\n const isRawSqlChart =\n form.configType === 'sql' && isRawSqlDisplayType(form.displayType);\n\n const errors = validateChartForm(form, tableSource, setError);\n if (errors.length > 0) {\n if (!suppressErrorNotification) {\n notifications.show({\n id: 'chart-error',\n title: 'Invalid Chart',\n message: ,\n color: 'red',\n });\n }\n return;\n }\n\n const savedConfig = convertFormStateToSavedChartConfig(\n form,\n tableSource,\n );\n const queriedConfig = convertFormStateToChartConfig(\n form,\n dateRange,\n tableSource,\n );\n\n if (savedConfig && queriedConfig) {\n const normalizedSavedConfig = isRawSqlSavedChartConfig(savedConfig)\n ? savedConfig\n : {\n ...savedConfig,\n alert: normalizeNoOpAlertScheduleFields(\n savedConfig.alert,\n chartConfigAlert,\n {\n preserveExplicitScheduleOffsetMinutes:\n dirtyFields.alert?.scheduleOffsetMinutes === true,\n preserveExplicitScheduleStartAt:\n dirtyFields.alert?.scheduleStartAt === true,\n },\n ),\n };\n setChartConfig?.(normalizedSavedConfig);\n setQueriedConfigAndSource(\n queriedConfig,\n isRawSqlChart ? undefined : tableSource,\n );\n }\n })();\n },\n [\n chartConfigAlert,\n dirtyFields.alert?.scheduleOffsetMinutes,\n dirtyFields.alert?.scheduleStartAt,\n handleSubmit,\n setChartConfig,\n setQueriedConfigAndSource,\n tableSource,\n dateRange,\n setError,\n ],\n );\n\n const onTableSortingChange = useCallback(\n (sortState: SortingState | null) => {\n setValue('orderBy', sortingStateToOrderByString(sortState) ?? '');\n onSubmit();\n },\n [setValue, onSubmit],\n );\n\n const tableSortState = useMemo(\n () =>\n queriedConfig != null &&\n isBuilderChartConfig(queriedConfig) &&\n queriedConfig.orderBy &&\n typeof queriedConfig.orderBy === 'string'\n ? orderByStringToSortingState(queriedConfig.orderBy)\n : undefined,\n [queriedConfig],\n );\n\n useEffect(() => {\n if (submitRef) {\n submitRef.current = onSubmit;\n }\n }, [onSubmit, submitRef]);\n\n const handleSave = useCallback(\n (form: ChartEditorFormState) => {\n const errors = validateChartForm(form, tableSource, setError);\n if (errors.length > 0) {\n notifications.show({\n id: 'chart-error',\n title: 'Invalid Chart',\n message: ,\n color: 'red',\n });\n return;\n }\n\n const savedChartConfig = convertFormStateToSavedChartConfig(\n form,\n tableSource,\n );\n\n if (savedChartConfig) {\n const normalizedSavedConfig = isRawSqlSavedChartConfig(savedChartConfig)\n ? savedChartConfig\n : {\n ...savedChartConfig,\n alert: normalizeNoOpAlertScheduleFields(\n savedChartConfig.alert,\n chartConfigAlert,\n {\n preserveExplicitScheduleOffsetMinutes:\n dirtyFields.alert?.scheduleOffsetMinutes === true,\n preserveExplicitScheduleStartAt:\n dirtyFields.alert?.scheduleStartAt === true,\n },\n ),\n };\n\n onSave?.(normalizedSavedConfig);\n }\n },\n [\n onSave,\n tableSource,\n setError,\n chartConfigAlert,\n dirtyFields.alert?.scheduleOffsetMinutes,\n dirtyFields.alert?.scheduleStartAt,\n ],\n );\n\n // Track previous values for detecting changes\n const prevGranularityRef = useRef(granularity);\n const prevDisplayTypeRef = useRef(displayType);\n const prevConfigTypeRef = useRef(configType);\n\n useEffect(() => {\n // Emulate the granularity picker auto-searching similar to dashboards\n if (granularity !== prevGranularityRef.current) {\n prevGranularityRef.current = granularity;\n onSubmit();\n }\n }, [granularity, onSubmit]);\n\n useEffect(() => {\n const displayTypeChanged = displayType !== prevDisplayTypeRef.current;\n const configTypeChanged = configType !== prevConfigTypeRef.current;\n\n if (displayTypeChanged || configTypeChanged) {\n prevDisplayTypeRef.current = displayType;\n prevConfigTypeRef.current = configType;\n\n if (displayType === DisplayType.Search && typeof select !== 'string') {\n setValue('select', '');\n setValue('series', []);\n }\n\n if (displayType !== DisplayType.Search && !Array.isArray(select)) {\n const defaultSeries: SavedChartConfigWithSelectArray['select'] = [\n {\n aggFn: 'count',\n aggCondition: '',\n aggConditionLanguage: getStoredLanguage() ?? 'lucene',\n valueExpression: '',\n },\n ];\n setValue('where', '');\n setValue('select', defaultSeries);\n setValue('series', defaultSeries);\n }\n\n // Don't auto-submit when config type changes, to avoid clearing form state (like source)\n if (displayTypeChanged) {\n // true = Suppress error notification (because we're auto-submitting)\n onSubmit(true);\n }\n }\n }, [displayType, select, setValue, onSubmit, configType]);\n\n // Emulate the date range picker auto-searching similar to dashboards\n useEffect(() => {\n // eslint-disable-next-line react-hooks/set-state-in-effect\n setQueriedConfig((config: ChartConfigWithDateRange | undefined) => {\n if (config == null) {\n return config;\n }\n\n return {\n ...config,\n dateRange,\n };\n });\n }, [dateRange]);\n\n const queryReady = isQueryReady(queriedConfig);\n\n // The chart config to use when showing the user the generated SQL\n // and explaining whether a MV can be used.\n const chartConfigForExplanations: ChartConfigWithOptTimestamp | undefined =\n useMemo(() => {\n if (queriedConfig && isRawSqlChartConfig(queriedConfig))\n return { ...queriedConfig, dateRange };\n\n if (chartConfig && isRawSqlSavedChartConfig(chartConfig))\n return { ...chartConfig, dateRange };\n\n const userHasSubmittedQuery = !!queriedConfig;\n const queriedSourceMatchesSelectedSource =\n queriedSource?.id === tableSource?.id;\n const urlParamsSourceMatchesSelectedSource =\n chartConfig.source === tableSource?.id;\n\n const effectiveQueriedConfig =\n activeTab === 'time' ? dbTimeChartConfig : queriedConfig;\n\n const config =\n userHasSubmittedQuery && queriedSourceMatchesSelectedSource\n ? effectiveQueriedConfig\n : chartConfig && urlParamsSourceMatchesSelectedSource && tableSource\n ? {\n ...chartConfig,\n dateRange,\n timestampValueExpression: tableSource.timestampValueExpression,\n from: tableSource.from,\n connection: tableSource.connection,\n }\n : undefined;\n\n if (!config || isRawSqlChartConfig(config)) {\n return undefined;\n }\n\n // Apply the transformations that child components will apply,\n // so that the MV optimization explanation and generated SQL preview\n // are accurate.\n if (activeTab === 'time') {\n return convertToTimeChartConfig(config);\n } else if (activeTab === 'number') {\n return convertToNumberChartConfig(config);\n } else if (activeTab === 'table') {\n return convertToTableChartConfig(config);\n } else if (activeTab === 'pie') {\n return convertToPieChartConfig(config);\n }\n\n return config;\n }, [\n queriedConfig,\n queriedSource?.id,\n tableSource,\n chartConfig,\n dateRange,\n activeTab,\n dbTimeChartConfig,\n ]);\n\n const previousDateRange = getPreviousDateRange(dateRange);\n\n const sampleEventsConfig = useMemo(\n () =>\n tableSource != null &&\n queriedConfig != null &&\n isBuilderChartConfig(queriedConfig) &&\n queryReady\n ? {\n ...queriedConfig,\n orderBy: [\n {\n ordering: 'DESC' as const,\n valueExpression: getFirstTimestampValueExpression(\n tableSource.timestampValueExpression,\n ),\n },\n ],\n dateRange,\n timestampValueExpression: tableSource.timestampValueExpression,\n connection: tableSource.connection,\n from: tableSource.from,\n limit: { limit: 200 },\n select:\n ((tableSource?.kind === SourceKind.Log ||\n tableSource?.kind === SourceKind.Trace) &&\n tableSource.defaultTableSelectExpression) ||\n '',\n filters: seriesToFilters(queriedConfig.select),\n filtersLogicalOperator: 'OR' as const,\n groupBy: undefined,\n granularity: undefined,\n having: undefined,\n }\n : null,\n [queriedConfig, tableSource, dateRange, queryReady],\n );\n\n // Need to force a rerender on change as the modal will not be mounted when initially rendered\n const [parentRef, setParentRef] = useState(null);\n\n const handleUpdateDisplaySettings = useCallback(\n ({\n numberFormat,\n alignDateRangeToGranularity,\n fillNulls,\n compareToPreviousPeriod,\n }: ChartConfigDisplaySettings) => {\n setValue('numberFormat', numberFormat);\n setValue('alignDateRangeToGranularity', alignDateRangeToGranularity);\n setValue('fillNulls', fillNulls);\n setValue('compareToPreviousPeriod', compareToPreviousPeriod);\n onSubmit();\n },\n [setValue, onSubmit],\n );\n\n const tableConnection = useMemo(\n () => tcFromSource(tableSource),\n [tableSource],\n );\n\n return (\n
\n \n (\n \n \n }\n >\n Line/Bar\n \n }\n >\n Table\n \n }\n >\n Number\n \n }\n >\n Pie\n \n }\n >\n Search\n \n }\n >\n Markdown\n \n \n \n )}\n />\n \n \n Chart Name\n \n \n {isRawSqlDisplayType(displayType) && (\n (\n \n )}\n />\n )}\n \n \n {activeTab === 'markdown' ? (\n
\n \n \n \n \n
\n ) : isRawSqlInput ? (\n \n ) : (\n <>\n \n \n \n Data Source\n \n \n }\n />\n \n \n {tableSource &&\n activeTab !== 'search' &&\n chartConfigForExplanations &&\n isBuilderChartConfig(chartConfigForExplanations) && (\n \n )}\n \n \n {displayType !== DisplayType.Search && Array.isArray(select) ? (\n <>\n {fields.map((field, index) => (\n \n ))}\n {fields.length > 1 && displayType !== DisplayType.Number && (\n <>\n \n \n
\n \n Group By\n \n
\n
\n \n
\n {displayType === DisplayType.Table && (\n <>\n
\n \n Having\n \n
\n
\n 100)\"\n onSubmit={onSubmit}\n />\n
\n \n )}\n
\n \n )}\n \n \n \n {displayType !== DisplayType.Number &&\n displayType !== DisplayType.Pie && (\n {\n append({\n aggFn: 'count',\n aggCondition: '',\n aggConditionLanguage: 'lucene',\n valueExpression: '',\n });\n }}\n >\n \n Add Series\n \n )}\n {fields.length == 2 &&\n displayType !== DisplayType.Number && (\n {\n setValue(\n 'seriesReturnType',\n seriesReturnType === 'ratio' ? 'column' : 'ratio',\n );\n onSubmit();\n }}\n checked={seriesReturnType === 'ratio'}\n />\n )}\n {(displayType === DisplayType.Line ||\n displayType === DisplayType.Number) &&\n dashboardId &&\n !IS_LOCAL_MODE && (\n \n setValue(\n 'alert',\n alert ? undefined : DEFAULT_TILE_ALERT,\n )\n }\n >\n \n {!alert ? 'Add Alert' : 'Remove Alert'}\n \n )}\n \n \n Display Settings\n \n \n \n ) : (\n \n \n \n setValue('whereLanguage', lang)\n }\n showLabel={false}\n />\n \n )}\n \n )}\n {alert && !isRawSqlInput && (\n \n \n \n \n Trigger\n \n \n \n Alert when the value\n \n \n \n over\n \n \n window via\n \n \n \n {alert?.createdBy && (\n \n Created by {alert.createdBy.name || alert.createdBy.email}\n \n )}\n \n \n \n \n Send to\n \n \n \n \n \n )}\n \n \n {onSave != null && (\n \n Save\n \n )}\n {onClose != null && (\n \n Cancel\n \n )}\n \n \n {activeTab === 'table' && !isRawSqlInput && (\n
\n \n
\n )}\n {activeTab !== 'markdown' &&\n setDisplayedTimeInputValue != null &&\n displayedTimeInputValue != null &&\n onTimeRangeSearch != null && (\n {\n onTimeRangeSearch(range);\n }}\n onSubmit={range => {\n onTimeRangeSearch(range);\n }}\n />\n )}\n {activeTab === 'time' && (\n \n )}\n {activeTab !== 'markdown' && (\n onSubmit()}\n leftSection={}\n style={{ flexShrink: 0 }}\n >\n Run\n \n )}\n {!IS_LOCAL_MODE && !dashboardId && (\n \n \n \n \n \n \n \n }\n onClick={() => setSaveToDashboardModalOpen(true)}\n >\n Save to Dashboard\n \n \n \n )}\n \n \n \n {!queryReady && activeTab !== 'markdown' ? (\n \n
\n \n Please start by selecting a database, table, and timestamp column\n above and then click the play button to query data.\n \n
\n \n ) : undefined}\n {queryReady && queriedConfig != null && activeTab === 'table' && (\n
\n \n buildTableRowSearchUrl({\n row,\n source: tableSource,\n config: queriedConfig,\n dateRange: queriedConfig.dateRange,\n })\n : undefined\n }\n onSortingChange={onTableSortingChange}\n sort={tableSortState}\n showMVOptimizationIndicator={false}\n />\n
\n )}\n {queryReady && dbTimeChartConfig != null && activeTab === 'time' && (\n
\n \n
\n )}\n {queryReady && queriedConfig != null && activeTab === 'pie' && (\n
\n \n
\n )}\n {queryReady && queriedConfig != null && activeTab === 'number' && (\n
\n \n
\n )}\n {queryReady &&\n tableSource &&\n queriedConfig != null &&\n isBuilderChartConfig(queriedConfig) &&\n activeTab === 'search' && (\n \n \n \n )}\n {showGeneratedSql && (\n <>\n \n {showSampleEvents && (\n setIsSampleEventsOpen(value === 'sample')}\n >\n \n }>\n \n Sample Matched Events\n \n \n \n {sampleEventsConfig != null && tableSource && (\n \n \n \n )}\n \n \n \n )}\n \n \n }>\n \n Generated SQL\n \n \n \n {queryReady && chartConfigForExplanations != null && (\n \n )}\n \n \n \n \n )}\n setSaveToDashboardModalOpen(false)}\n />\n \n \n );\n}\n\n// similar to seriesToSearchQuery from v1\nfunction seriesToFilters(select: SelectList): Filter[] {\n if (typeof select === 'string') {\n return [];\n }\n\n const filters: Filter[] = select\n .map(({ aggCondition, aggConditionLanguage }) => {\n if (aggConditionLanguage != null && aggCondition != null) {\n return {\n type: aggConditionLanguage,\n condition: aggCondition,\n };\n } else {\n return null;\n }\n })\n .filter(f => f != null);\n\n return filters;\n}\n" }, { "path": "packages/app/src/components/DBHeatmapChart.tsx", "content": "import { useCallback, useMemo, useRef, useState } from 'react';\nimport dynamic from 'next/dynamic';\nimport type { Plugin } from 'uplot';\nimport uPlot from 'uplot';\nimport UplotReact from 'uplot-react';\nimport {\n ClickHouseQueryError,\n inferTimestampColumn,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport { convertDateRangeToGranularityString } from '@hyperdx/common-utils/dist/core/utils';\nimport { BuilderChartConfigWithDateRange } from '@hyperdx/common-utils/dist/types';\nimport { DisplayType } from '@hyperdx/common-utils/dist/types';\nimport {\n Box,\n Button,\n Code,\n Divider,\n Flex,\n Group,\n Modal,\n Text,\n useMantineColorScheme,\n} from '@mantine/core';\nimport { useDisclosure, useElementSize } from '@mantine/hooks';\nimport { IconArrowsDiagonal } from '@tabler/icons-react';\n\nimport { isAggregateFunction, timeBucketByGranularity } from '@/ChartUtils';\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { NumberFormat } from '@/types';\nimport { FormatTime } from '@/useFormatTime';\nimport { formatNumber } from '@/utils';\n\nimport ChartContainer from './charts/ChartContainer';\nimport { SQLPreview } from './ChartSQLPreview';\n\ntype Mode2DataArray = [number[], number[], number[]];\n\n// From: https://github.com/leeoniya/uPlot/blob/a4edb297a9b80baf781f4d05a40fb52fae737bff/demos/latency-heatmap.html#L436\nfunction heatmapPaths(opts: {\n disp: { fill: { lookup: string[]; values: any } };\n}) {\n const { disp } = opts;\n\n return (u: uPlot, seriesIdx: number, idx0: number, idx1: number) => {\n uPlot.orient(\n u,\n seriesIdx,\n (\n series,\n dataX,\n dataY,\n scaleX,\n scaleY,\n valToPosX,\n valToPosY,\n xOff,\n yOff,\n xDim,\n yDim,\n moveTo,\n lineTo,\n rect,\n arc,\n ) => {\n // mode 2 data format is not supported in types properly\n const d = u.data[seriesIdx] as unknown as Mode2DataArray;\n const [xs, ys, counts] = d;\n const dlen = xs.length;\n\n // fill colors are mapped from interpolating densities / counts along some gradient\n // (should be quantized to 64 colors/levels max. e.g. 16)\n const fills = disp.fill.values(u, seriesIdx);\n\n //\tlet fillPaths = new Map(); // #rgba => Path2D\n\n const fillPalette = disp.fill.lookup ?? [...new Set(fills)];\n\n const fillPaths = fillPalette.map(color => new Path2D());\n\n // fillPalette.forEach(fill => {\n // \tfillPaths.set(fill, new Path2D());\n // });\n\n // detect x and y bin qtys by detecting layout repetition in x & y data\n const yBinQty = dlen - ys.lastIndexOf(ys[0]);\n const xBinQty = dlen / yBinQty;\n const yBinIncr = ys[1] - ys[0];\n const xBinIncr = xs[yBinQty] - xs[0];\n\n // uniform tile sizes based on zoom level\n const xSize =\n valToPosX(xBinIncr, scaleX, xDim, xOff) -\n valToPosX(0, scaleX, xDim, xOff);\n const ySize =\n valToPosY(yBinIncr, scaleY, yDim, yOff) -\n valToPosY(0, scaleY, yDim, yOff);\n\n // pre-compute x and y offsets\n const cys = ys\n .slice(0, yBinQty)\n .map(y => Math.round(valToPosY(y, scaleY, yDim, yOff) - ySize / 2));\n const cxs = Array.from({ length: xBinQty }, (v, i) =>\n Math.round(\n valToPosX(xs[i * yBinQty], scaleX, xDim, xOff) - xSize / 2,\n ),\n );\n\n for (let i = 0; i < dlen; i++) {\n // filter out 0 counts and out of view\n if (\n counts[i] > 0 &&\n xs[i] >= (scaleX.min ?? -Infinity) &&\n xs[i] <= (scaleX.max ?? Infinity) &&\n ys[i] >= (scaleY.min ?? -Infinity) &&\n ys[i] <= (scaleY.max ?? Infinity)\n ) {\n const cx = cxs[~~(i / yBinQty)];\n const cy = cys[i % yBinQty];\n\n const fillPath = fillPaths[fills[i]];\n\n rect(fillPath, cx, cy, xSize, ySize);\n }\n }\n\n u.ctx.save();\n\n u.ctx.rect(u.bbox.left, u.bbox.top, u.bbox.width, u.bbox.height);\n u.ctx.clip();\n\n fillPaths.forEach((p, i) => {\n u.ctx.fillStyle = fillPalette[i];\n u.ctx.fill(p);\n });\n u.ctx.restore();\n },\n );\n\n return null;\n };\n}\n\n// Theme-specific palettes. Red is deliberately avoided at the high end so\n// it can be reserved for error overlays in the future.\n// Dark theme: starts at a luminant indigo visible on dark bg, ends at bright amber.\n// Light theme: starts at a saturated medium blue visible on white, ends at deep orange.\nexport const darkPalette = [\n '#7b6cf6', // indigo (low)\n '#5a9cf6', // sky blue\n '#38c9a0', // teal\n '#6cd44a', // green\n '#c4d629', // lime\n '#f0c528', // gold\n '#f5a623', // amber (high)\n];\nexport const lightPalette = [\n '#2a6fb5', // medium blue (low)\n '#2a96a8', // teal\n '#33a85e', // green\n '#7db832', // lime\n '#c4a820', // dark gold\n '#e08a17', // orange\n '#d46a12', // deep orange (high)\n];\n\nfunction makeCountsToFills(colors: string[]) {\n return (u: uPlot, seriesIdx: number) => {\n // mode 2 data format is not supported in types properly\n const counts = u.data[seriesIdx][2] as unknown as number[];\n const dlen = counts.length;\n\n // Collect non-zero counts and sort to find a robust normalization ceiling.\n // Using p95 instead of max prevents a single hot cell from washing out the\n // rest of the chart, while still preserving cross-column comparability.\n const nonZero: number[] = [];\n for (let i = 0; i < dlen; i++) {\n if (counts[i] > 0) nonZero.push(counts[i]);\n }\n nonZero.sort((a, b) => a - b);\n\n const paletteSize = colors.length;\n const indexedFills = Array(dlen);\n\n if (nonZero.length === 0) {\n indexedFills.fill(-1);\n return indexedFills;\n }\n\n const p95Idx = Math.floor((nonZero.length - 1) * 0.95);\n const p95 = nonZero[p95Idx] ?? nonZero[nonZero.length - 1];\n const sqrtCeiling = Math.sqrt(p95);\n\n for (let i = 0; i < dlen; i++) {\n indexedFills[i] =\n counts[i] === 0\n ? -1\n : Math.max(\n Math.min(\n paletteSize - 1,\n Math.floor(\n (Math.sqrt(counts[i]) / (sqrtCeiling || 1)) *\n (paletteSize - 1),\n ),\n ),\n 0,\n );\n }\n\n return indexedFills;\n };\n}\n\nconst axis: uPlot.Axis = {\n stroke: 'rgba(102,102,102,1)', // color of the axis line\n font: '12px IBM Plex Mono, monospace',\n grid: {\n show: true, // show grid lines\n stroke: 'rgba(52,58,64)', // grid line color\n dash: [3, 3],\n width: 1,\n },\n border: {\n show: true,\n // stroke: 'rgba(82,82,82)', // grid line color\n stroke: 'rgba(102,102,102,1)', // color of the axis line\n width: 1,\n },\n};\n\nconst opt: uPlot.Options = {\n width: 1500,\n height: 600,\n mode: 2,\n ms: 1,\n legend: {\n show: false,\n },\n scales: {\n x: {\n time: true,\n },\n },\n axes: [\n {\n ...axis,\n },\n {\n ...axis,\n size: 60, // fixed width so labels like \"600ms\" and \"100µs\" fit\n },\n ],\n series: [\n {},\n {\n label: 'Latency',\n // paths and fill colors are set dynamically per theme in the\n // Heatmap component's useMemo — see buildSeriesForPalette().\n facets: [\n {\n scale: 'x',\n auto: true,\n sorted: 1,\n },\n {\n scale: 'y',\n auto: true,\n },\n ],\n },\n ],\n};\n\n/** Build the series[1] overrides for a given palette. */\nfunction buildSeriesForPalette(colors: string[]): Partial {\n return {\n paths: heatmapPaths({\n disp: {\n fill: {\n lookup: colors,\n values: makeCountsToFills(colors),\n },\n },\n }),\n };\n}\n\ntype HeatmapChartConfig = {\n displayType: DisplayType.Heatmap;\n select: [\n {\n aggFn: 'heatmap';\n valueExpression: string;\n countExpression?: string;\n },\n ];\n from: BuilderChartConfigWithDateRange['from'];\n where: BuilderChartConfigWithDateRange['where'];\n dateRange: BuilderChartConfigWithDateRange['dateRange'];\n granularity: BuilderChartConfigWithDateRange['granularity'];\n timestampValueExpression: BuilderChartConfigWithDateRange['timestampValueExpression'];\n numberFormat?: BuilderChartConfigWithDateRange['numberFormat'];\n filters?: BuilderChartConfigWithDateRange['filters'];\n connection: string;\n with?: BuilderChartConfigWithDateRange['with'];\n};\n\nexport function ColorLegend({ colors }: { colors: string[] }) {\n return (\n \n \n Low\n \n \n {colors.map((color: string, i: number) => (\n
\n ))}\n
\n \n High\n \n \n );\n}\n\nexport type HeatmapScaleType = 'log' | 'linear';\n\nfunction HeatmapContainer({\n config,\n enabled = true,\n onFilter,\n title,\n toolbarPrefix,\n toolbarSuffix,\n scaleType = 'log',\n}: {\n config: HeatmapChartConfig;\n enabled?: boolean;\n onFilter?: (xMin: number, xMax: number, yMin: number, yMax: number) => void;\n title?: React.ReactNode;\n toolbarPrefix?: React.ReactNode[];\n toolbarSuffix?: React.ReactNode[];\n scaleType?: HeatmapScaleType;\n}) {\n const dateRange = config.dateRange;\n const granularity = convertDateRangeToGranularityString(dateRange, 245);\n\n const { colorScheme } = useMantineColorScheme();\n const palette = colorScheme === 'light' ? lightPalette : darkPalette;\n\n const nBuckets = 80;\n\n const valueExpression = config.select[0].valueExpression;\n const countExpression = config.select[0].countExpression ?? 'count()';\n\n // When valueExpression is an aggregate like count(), we need to use a CTE to calculate the heatmap\n const isAggregateExpression = isAggregateFunction(valueExpression);\n\n // Use quantile-based lower bound to avoid near-zero outliers stretching\n // the log axis. For the upper bound, use actual max() so that latency\n // spikes (typically <1% of spans) remain visible — log scale already\n // handles wide ranges naturally. Future: #1914 adds overflow-bucket\n // indicators for smarter range clamping without hiding spikes.\n const qLo = scaleType === 'log' ? 0.01 : 0.001;\n const minMaxConfig: BuilderChartConfigWithDateRange = isAggregateExpression\n ? {\n ...config,\n where: '',\n orderBy: undefined,\n granularity: undefined,\n select: [\n {\n aggFn: 'quantile' as const,\n level: qLo,\n aggCondition: `value_calc >= 0`,\n aggConditionLanguage: 'sql',\n valueExpression: 'value_calc',\n alias: 'min',\n },\n {\n aggFn: 'max' as const,\n valueExpression: 'value_calc',\n alias: 'max',\n },\n ],\n with: [\n {\n name: 'min_max_calc',\n chartConfig: {\n ...config,\n select: [{ valueExpression, alias: 'value_calc' }],\n orderBy: undefined,\n },\n },\n ],\n timestampValueExpression: '__hdx_time_bucket',\n from: { databaseName: '', tableName: 'min_max_calc' },\n }\n : {\n ...config,\n orderBy: undefined,\n granularity: undefined,\n select: [\n {\n aggFn: 'quantile' as const,\n level: qLo,\n valueExpression,\n aggCondition: `${valueExpression} >= 0`,\n aggConditionLanguage: 'sql',\n alias: 'min',\n },\n {\n aggFn: 'max' as const,\n valueExpression,\n alias: 'max',\n },\n ],\n };\n\n const {\n data: minMaxData,\n isLoading: isMinMaxLoading,\n error: minMaxError,\n } = useQueriedChartConfig(minMaxConfig, {\n queryKey: ['heatmap', minMaxConfig],\n enabled: enabled,\n });\n\n const [errorModal, errorModalControls] = useDisclosure();\n\n // UInt64 are returned as strings; quantile returns floats\n const min = Number.parseFloat(minMaxData?.data?.[0]?.['min'] ?? '0');\n const max = Number.parseFloat(minMaxData?.data?.[0]?.['max'] ?? '0');\n\n // Ensure min > 0 for log scale (log(0) is undefined).\n // Cap the range to ~4 orders of magnitude so the axis isn't dominated\n // by a long empty tail of near-zero outliers.\n const effectiveMin =\n scaleType === 'log' ? Math.max(min, max * 1e-4 || 1e-4) : min;\n\n // For log scale: bucket by log(value) to get log-spaced boundaries\n // For linear scale: bucket by raw value (original behavior)\n const bucketExprAgg =\n scaleType === 'log'\n ? `widthBucket(log(greatest(value_calc, ${effectiveMin})), log(${effectiveMin}), log(${max}), ${nBuckets})`\n : `widthBucket(value_calc, ${effectiveMin}, ${max}, ${nBuckets})`;\n const bucketExprDirect =\n scaleType === 'log'\n ? `widthBucket(log(greatest(${valueExpression}, ${effectiveMin})), log(${effectiveMin}), log(${max}), ${nBuckets})`\n : `widthBucket(${valueExpression}, ${effectiveMin}, ${max}, ${nBuckets})`;\n\n const bucketConfig: BuilderChartConfigWithDateRange = isAggregateExpression\n ? {\n ...config,\n where: '',\n select: [\n {\n valueExpression: 'sum(value_count)',\n alias: 'count',\n },\n ],\n groupBy: [\n {\n valueExpression: bucketExprAgg,\n alias: 'x_bucket',\n },\n ],\n with: [\n {\n name: 'bucket_calc',\n chartConfig: {\n ...config,\n select: [\n { valueExpression, alias: 'value_calc' },\n {\n valueExpression: countExpression,\n alias: 'value_count',\n },\n ],\n granularity,\n orderBy: undefined,\n },\n },\n ],\n timestampValueExpression: '__hdx_time_bucket',\n from: { databaseName: '', tableName: 'bucket_calc' },\n orderBy: [{ valueExpression: 'x_bucket', ordering: 'ASC' }],\n granularity,\n }\n : {\n ...config,\n select: [\n {\n valueExpression: countExpression,\n alias: 'count',\n },\n ],\n groupBy: [\n {\n valueExpression: bucketExprDirect,\n alias: 'x_bucket',\n },\n ],\n orderBy: [{ valueExpression: 'x_bucket', ordering: 'ASC' }],\n granularity,\n };\n\n const { data, isLoading, error } = useQueriedChartConfig(bucketConfig, {\n queryKey: ['heatmap_bucket', bucketConfig],\n enabled: !!minMaxData && bucketConfig != null && max > effectiveMin,\n });\n\n const generatedTsBuckets = timeBucketByGranularity(\n dateRange[0],\n dateRange[1],\n granularity,\n );\n\n const timestampColumn = inferTimestampColumn(data?.meta ?? []);\n\n // Compute the y-axis value for a given bucket index.\n // For log scale we store values in log space so that bins are uniformly\n // spaced on the linear uPlot y-axis. The heatmapPaths renderer assumes\n // uniform increments (yBinIncr = ys[1] - ys[0]) to compute tile height;\n // with actual log-spaced values the first increment is tiny relative to the\n // full range and tiles render at ~0px height (invisible).\n const bucketToYValue = (j: number) => {\n if (scaleType === 'log' && effectiveMin > 0 && max > effectiveMin) {\n // Return the natural-log of the actual bucket boundary so that the\n // y-values are uniformly spaced. Tick labels are exponentiated back\n // via the tickFormatter below.\n const actualValue =\n effectiveMin * Math.pow(max / effectiveMin, j / nBuckets);\n return Math.log(actualValue);\n }\n // Linear: min + j * step\n return effectiveMin + j * ((max - effectiveMin) / nBuckets);\n };\n\n const time: number[] = []; // x values\n const bucket: number[] = []; // y value series 1\n const count: number[] = []; // y value series 2\n if (data != null && timestampColumn != null) {\n let dataIndex = 0;\n\n for (let i = 0; i < generatedTsBuckets.length; i++) {\n const generatedTs = generatedTsBuckets[i].getTime();\n\n // CH widthBucket will return buckets from 0 to nBuckets + 1\n for (let j = 0; j <= nBuckets + 1; j++) {\n const row = data?.data?.[dataIndex];\n\n if (\n row != null &&\n new Date(row[timestampColumn.name]).getTime() == generatedTs &&\n row['x_bucket'] == j\n ) {\n time.push(new Date(row[timestampColumn.name]).getTime());\n bucket.push(bucketToYValue(row['x_bucket']));\n count.push(Number.parseInt(row['count'], 10)); // UInt64 returns as string\n\n dataIndex++;\n } else {\n time.push(generatedTs);\n bucket.push(bucketToYValue(j));\n count.push(0);\n }\n }\n }\n }\n\n const toolbarItemsMemo = useMemo(() => {\n const allToolbarItems = [];\n\n if (toolbarPrefix && toolbarPrefix.length > 0) {\n allToolbarItems.push(...toolbarPrefix);\n }\n\n if (toolbarSuffix && toolbarSuffix.length > 0) {\n allToolbarItems.push(...toolbarSuffix);\n }\n\n return allToolbarItems;\n }, [toolbarPrefix, toolbarSuffix]);\n\n const _error = error || minMaxError;\n\n return (\n \n {isLoading || isMinMaxLoading ? (\n \n Loading...\n \n ) : _error ? (\n \n \n Error loading chart, please check your query or try again later.\n \n errorModalControls.open()}\n >\n \n \n See Error Details\n \n \n errorModalControls.close()}\n title=\"Error Details\"\n >\n \n \n Error Message:\n \n \n {_error.message}\n \n {_error instanceof ClickHouseQueryError && (\n <>\n \n Sent Query:\n \n \n \n )}\n \n \n \n ) : time.length < 2 || generatedTsBuckets?.length < 2 ? (\n \n Not enough data points to render heatmap. Try expanding your search\n criteria.\n \n ) : (\n {\n // In log mode, the bottom bucket collects all values\n // clamped by greatest(value, effectiveMin). If the\n // selection touches that bucket, widen yMin to 0 so\n // the downstream SQL filter captures all those spans.\n // The 1.1× threshold adds 10% headroom to account for\n // floating-point rounding in the bucket boundary.\n const adjustedYMin =\n scaleType === 'log' && yMin <= effectiveMin * 1.1\n ? 0\n : yMin;\n onFilter(xMin, xMax, adjustedYMin, yMax);\n }\n : undefined\n }\n scaleType={scaleType}\n palette={palette}\n />\n )}\n \n );\n}\n\nexport default dynamic(() => Promise.resolve(HeatmapContainer), {\n ssr: false,\n});\n\nfunction highlightDataPlugin({\n proximity,\n yFormatter,\n xFormatter,\n onPointHighlight,\n}: {\n proximity: number;\n yFormatter: (value: number) => string;\n xFormatter: (value: number) => string;\n onPointHighlight: (point: {\n // data point values\n xVal: number;\n yVal: number;\n countVal: number;\n // distance data\n closestDistance: number;\n closestIndex: number;\n // bounding box for data point in css parent unit\n xCoord: number;\n yCoord: number;\n xSize: number;\n ySize: number;\n }) => void;\n}): Plugin {\n // let dataPoint: HTMLDivElement | null = null;\n let lastDataPointIndex = -1; // Used to prevent duplicate calls\n return {\n hooks: {\n setCursor: (u: uPlot) => {\n const { top, left } = u.cursor;\n if (top == null || left == null) {\n return;\n }\n\n // const y = u.posToVal(top, 'y');\n // const x = u.posToVal(left, 'x');\n\n const [xs, ys, counts] = u.data[1] as unknown as Mode2DataArray;\n\n let closestIndex = 0;\n let closestDistance = Infinity;\n\n for (let i = 0; i < xs.length; i++) {\n const xPx = u.valToPos(xs[i], 'x');\n const yPx = u.valToPos(ys[i], 'y');\n\n // const distance = Math.abs(xs[i] - x) + Math.abs(ys[i] - y);\n const distance = Math.sqrt((xPx - left) ** 2 + (yPx - top) ** 2);\n\n if (distance < closestDistance && counts[i] > 0) {\n closestIndex = i;\n closestDistance = distance;\n }\n }\n\n // Taken from heatmapPaths and modified for css pixels\n const dlen = xs.length;\n\n // detect x and y bin qtys by detecting layout repetition in x & y data\n const yBinQty = dlen - ys.lastIndexOf(ys[0]);\n const yBinIncr = ys[1] - ys[0];\n const xBinIncr = xs[yBinQty] - xs[0];\n\n const xSize = Math.abs(u.valToPos(xBinIncr, 'x') - u.valToPos(0, 'x'));\n const ySize = Math.abs(u.valToPos(yBinIncr, 'y') - u.valToPos(0, 'y'));\n\n const xCoord = u.valToPos(xs[closestIndex], 'x');\n const yCoord = u.valToPos(ys[closestIndex], 'y');\n\n const countVal = counts[closestIndex];\n const xVal = xs[closestIndex];\n const yVal = ys[closestIndex];\n\n const { offsetLeft, offsetTop } = u.over;\n\n if (\n closestDistance < proximity &&\n closestIndex !== lastDataPointIndex\n ) {\n lastDataPointIndex = closestIndex;\n onPointHighlight({\n xVal,\n yVal,\n countVal,\n closestDistance,\n closestIndex,\n xCoord: xCoord + offsetLeft,\n yCoord: yCoord + offsetTop,\n xSize,\n ySize,\n });\n }\n },\n },\n };\n}\n\nfunction Heatmap({\n data,\n numberFormat,\n onFilter,\n scaleType = 'linear',\n palette,\n}: {\n data: Mode2DataArray;\n numberFormat?: NumberFormat;\n onFilter?: (xMin: number, xMax: number, yMin: number, yMax: number) => void;\n scaleType?: HeatmapScaleType;\n palette: string[];\n}) {\n const [selectingInfo, setSelectingInfo] = useState<\n | {\n // In pixel units\n top: number;\n left: number;\n width: number;\n height: number;\n // In data units\n xMin: number;\n yMin: number;\n xMax: number;\n yMax: number;\n }\n | undefined\n >(undefined);\n\n const [highlightedPoint, setHighlightedPoint] = useState<\n | {\n xVal: number;\n yVal: number;\n countVal: number;\n closestDistance: number;\n closestIndex: number;\n xCoord: number;\n yCoord: number;\n xSize: number;\n ySize: number;\n }\n | undefined\n >(undefined);\n\n // Gate tooltip display on actual mouse interaction. uPlot fires setCursor\n // on init (before user hovers), which would show the tooltip on page load.\n const mouseInsideRef = useRef(false);\n\n const { ref, width, height } = useElementSize();\n\n const tickFormatter = useCallback(\n (value: number) => {\n // y-values are stored in log space for log scale; exponentiate back\n // to the actual value before formatting.\n const actualValue = scaleType === 'log' ? Math.exp(value) : value;\n\n if (numberFormat?.unit === 'ms') {\n // Auto-scale duration: ms → s → min, picking the most compact unit\n const abs = Math.abs(actualValue);\n if (abs >= 60_000) {\n const v = actualValue / 60_000;\n return `${Number.isInteger(v) ? v : v.toFixed(1)}m`;\n }\n if (abs >= 1_000) {\n const v = actualValue / 1_000;\n return `${Number.isInteger(v) ? v : v.toFixed(1)}s`;\n }\n if (abs >= 1) {\n return `${Math.round(actualValue)}ms`;\n }\n if (abs >= 0.001) {\n return `${+(actualValue * 1_000).toPrecision(2)}µs`;\n }\n return `${actualValue.toPrecision(2)}ms`;\n }\n\n return numberFormat\n ? formatNumber(actualValue, {\n ...numberFormat,\n average: true,\n mantissa: Math.abs(actualValue) >= 1 ? 0 : 2,\n })\n : new Intl.NumberFormat('en-US', {\n notation: 'compact',\n compactDisplay: 'short',\n }).format(actualValue);\n },\n [numberFormat, scaleType],\n );\n\n const options: uPlot.Options = useMemo(() => {\n const themedSeries = buildSeriesForPalette(palette);\n return {\n ...opt,\n series: [opt.series[0], { ...opt.series[1], ...themedSeries }],\n ...(opt != null && opt.axes != null\n ? {\n axes: [\n opt.axes[0],\n {\n ...opt.axes[1],\n values: (u, vals) => {\n return vals.map(tickFormatter);\n },\n // For log scale, place ticks at powers of 10 (0.01, 0.1, 1,\n // 10, 100…) so labels are clean round numbers instead of\n // arbitrary positions in log-space.\n ...(scaleType === 'log'\n ? {\n splits: (u: uPlot) => {\n const [yMin, yMax] =\n u.scales.y!.min != null\n ? [u.scales.y!.min, u.scales.y!.max!]\n : [0, 1];\n // yMin/yMax are in log-space (natural log)\n const realMin = Math.exp(yMin);\n const realMax = Math.exp(yMax);\n const splits: number[] = [];\n // Generate powers of 10 within range\n const startExp = Math.floor(Math.log10(realMin));\n const endExp = Math.ceil(Math.log10(realMax));\n for (let e = startExp; e <= endExp; e++) {\n const v = Math.pow(10, e);\n const logV = Math.log(v);\n if (logV >= yMin && logV <= yMax) {\n splits.push(logV);\n }\n }\n // If too few splits, add intermediate values (×3)\n if (splits.length < 3) {\n for (let e = startExp; e <= endExp; e++) {\n for (const mult of [1, 3]) {\n const v = mult * Math.pow(10, e);\n const logV = Math.log(v);\n if (logV >= yMin && logV <= yMax) {\n splits.push(logV);\n }\n }\n }\n // Deduplicate and sort\n return [...new Set(splits)].sort((a, b) => a - b);\n }\n return splits;\n },\n }\n : {}),\n },\n ],\n }\n : {}),\n width,\n height,\n cursor: {\n drag: {\n setScale: false, // Disable zooming\n x: true,\n y: true,\n dist: 5, // Only trigger drag if distance is greater than 5 pixels\n },\n show: true, // Ensure the cursor is enabled\n focus: {\n prox: 100, // Proximity to the cursor line to trigger focus\n },\n },\n plugins: [\n // legendAsTooltipPlugin()\n // eslint-disable-next-line react-hooks/refs -- mouseInsideRef is read at event time, not during render\n highlightDataPlugin({\n proximity: 20,\n yFormatter: tickFormatter,\n xFormatter: s => {\n return `${new Date(s).toLocaleString()}`;\n },\n onPointHighlight: ({\n xVal,\n yVal,\n countVal,\n closestDistance,\n closestIndex,\n xCoord,\n yCoord,\n xSize,\n ySize,\n }) => {\n // Only show tooltip after the user has actually hovered the chart.\n // uPlot fires setCursor on init which would trigger this on page load.\n if (!mouseInsideRef.current) return;\n setHighlightedPoint({\n xVal,\n yVal,\n countVal,\n closestDistance,\n closestIndex,\n xCoord,\n yCoord,\n xSize,\n ySize,\n });\n },\n }),\n {\n hooks: {\n setSelect: u => {\n // Ignore zero-size selections (e.g. single-click)\n if (u.select.width <= 0 || u.select.height <= 0) {\n return;\n }\n\n // Calculate offset from parent so we can render tooltip\n // relative to the parent pixels\n const { offsetLeft, offsetTop } = u.over;\n\n const xMin = u.posToVal(u.select.left, 'x');\n const xMax = u.posToVal(u.select.left + u.select.width, 'x');\n const yMax = u.posToVal(u.select.top, 'y');\n const yMin = u.posToVal(u.select.top + u.select.height, 'y');\n\n // This ensures we set the timeout after all click handlers\n // to prevent our state from being wiped by onclick handler\n setTimeout(() => {\n setSelectingInfo({\n top: u.select.top + offsetTop,\n left: u.select.left + offsetLeft,\n width: u.select.width,\n height: u.select.height,\n xMin,\n xMax,\n yMin,\n yMax,\n });\n }, 20);\n },\n },\n },\n ],\n };\n }, [width, height, tickFormatter, scaleType, palette]);\n\n return (\n {\n if (selectingInfo != null) {\n setSelectingInfo(undefined);\n }\n }}\n onMouseEnter={() => {\n mouseInsideRef.current = true;\n }}\n onMouseLeave={() => {\n mouseInsideRef.current = false;\n setHighlightedPoint(undefined);\n }}\n >\n \n {highlightedPoint != null && (\n <>\n \n width / 2\n ? {\n right: width - highlightedPoint.xCoord + 10,\n }\n : {\n left: highlightedPoint.xCoord + 10,\n }),\n maxWidth: '50%',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap' as const,\n backdropFilter: 'blur(8px)',\n backgroundColor: 'var(--mantine-color-body)',\n border: '1px solid var(--mantine-color-default-border)',\n borderRadius: 4,\n pointerEvents: 'none',\n }}\n >\n \n Click & Drag to Select Data\n \n \n
\n \n
\n
\n Y Value: {tickFormatter(highlightedPoint.yVal)}\n
\n
\n Count Value:{' '}\n {new Intl.NumberFormat('en-US', {\n notation: 'standard',\n compactDisplay: 'short',\n }).format(highlightedPoint.countVal)}\n
\n \n \n )}\n {selectingInfo != null && onFilter != null && (\n 30\n ? { bottom: height - selectingInfo?.top + 4 }\n : {\n top: selectingInfo?.top + (selectingInfo?.height ?? 0) + 4,\n }),\n left: selectingInfo?.left,\n }}\n onClick={e => {\n e.stopPropagation();\n // y-values are stored in log space for log scale; convert back\n const yMin =\n scaleType === 'log'\n ? Math.exp(selectingInfo.yMin)\n : selectingInfo.yMin;\n const yMax =\n scaleType === 'log'\n ? Math.exp(selectingInfo.yMax)\n : selectingInfo.yMax;\n onFilter?.(\n selectingInfo.xMin / 1000,\n selectingInfo.xMax / 1000,\n yMin,\n yMax,\n );\n }}\n role=\"button\"\n tabIndex={0}\n onKeyDown={e => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n const yMin =\n scaleType === 'log'\n ? Math.exp(selectingInfo.yMin)\n : selectingInfo.yMin;\n const yMax =\n scaleType === 'log'\n ? Math.exp(selectingInfo.yMax)\n : selectingInfo.yMax;\n onFilter?.(\n selectingInfo.xMin / 1000,\n selectingInfo.xMax / 1000,\n yMin,\n yMax,\n );\n }\n }}\n >\n Filter by Selection\n \n )}\n \n );\n}\n" }, { "path": "packages/app/src/components/DBHighlightedAttributesList.tsx", "content": "import { useContext, useMemo, useState } from 'react';\nimport { TSource } from '@hyperdx/common-utils/dist/types';\nimport { Anchor, Flex } from '@mantine/core';\n\nimport { RowSidePanelContext } from './DBRowSidePanel';\nimport EventTag from './EventTag';\n\nconst DEFAULT_ATTRIBUTES_TO_SHOW = 12;\n\nexport type HighlightedAttribute = {\n source: TSource;\n displayedKey: string;\n value: string;\n sql: string;\n lucene?: string;\n};\n\nexport function DBHighlightedAttributesList({\n attributes = [],\n}: {\n attributes: HighlightedAttribute[];\n}) {\n const [isExpanded, setIsExpanded] = useState(false);\n\n const {\n onPropertyAddClick,\n generateSearchUrl,\n source: contextSource,\n } = useContext(RowSidePanelContext);\n\n const sortedAttributes = useMemo(() => {\n return attributes\n .sort(\n (a, b) =>\n a.displayedKey.localeCompare(b.displayedKey) ||\n a.value.localeCompare(b.value),\n )\n .slice(0, isExpanded ? attributes.length : DEFAULT_ATTRIBUTES_TO_SHOW);\n }, [attributes, isExpanded]);\n\n const hiddenAttributesCount = attributes.length - sortedAttributes.length;\n\n return (\n \n {sortedAttributes.map(({ displayedKey, value, sql, lucene, source }) => (\n \n generateSearchUrl({\n where: query || '',\n whereLanguage: queryLanguage ?? 'lucene',\n source,\n })\n : undefined\n }\n />\n ))}\n {attributes.length > DEFAULT_ATTRIBUTES_TO_SHOW && (\n setIsExpanded(!isExpanded)}>\n {isExpanded ? 'Show Less' : `Show ${hiddenAttributesCount} More...`}\n \n )}\n \n );\n}\n" }, { "path": "packages/app/src/components/DBHistogramChart.tsx", "content": "import { useMemo, useRef } from 'react';\nimport Link from 'next/link';\nimport { useHotkeys } from 'react-hotkeys-hook';\nimport {\n Bar,\n BarChart,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from 'recharts';\nimport { CategoricalChartState } from 'recharts/types/chart/types';\nimport { ClickHouseQueryError } from '@hyperdx/common-utils/dist/clickhouse';\nimport { BuilderChartConfigWithDateRange } from '@hyperdx/common-utils/dist/types';\nimport { Box, Code, Text } from '@mantine/core';\n\nimport { buildMVDateRangeIndicator } from '@/ChartUtils';\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { useMVOptimizationExplanation } from '@/hooks/useMVOptimizationExplanation';\nimport { useSource } from '@/source';\nimport { omit } from '@/utils';\n\nimport ChartContainer from './charts/ChartContainer';\nimport MVOptimizationIndicator from './MaterializedViews/MVOptimizationIndicator';\nimport { SQLPreview } from './ChartSQLPreview';\n\nfunction HistogramChart({\n graphResults,\n generateSearchUrl,\n}: {\n graphResults: any[];\n generateSearchUrl?: (lower: string, upper: string) => string;\n}) {\n const data = useMemo(() => {\n return (\n graphResults?.map((result: any) => {\n return {\n lower: result[0],\n upper: result[1],\n height: result[2],\n };\n }) ?? []\n );\n }, [graphResults]);\n\n const barChartRef = useRef(null);\n const activeBar = useRef(undefined);\n\n useHotkeys(['esc'], () => {\n activeBar.current = undefined;\n });\n\n // Complete hack\n // See: https://github.com/recharts/recharts/issues/1231#issuecomment-1237958802\n const setChartActive = (payload: {\n activeCoordinate?: { x: number; y: number };\n activeLabel: any;\n activePayload?: any[];\n }) => {\n if (barChartRef.current == null) return;\n\n if (activeBar.current == null) {\n // @ts-ignore\n return barChartRef.current.setState({\n isTooltipActive: false,\n });\n }\n\n // @ts-ignore\n barChartRef.current.setState({\n isTooltipActive: true,\n activeCoordinate: payload.activeCoordinate,\n activeLabel: payload.activeLabel,\n activePayload: payload.activePayload,\n });\n };\n\n return (\n \n {\n if (activeBar.current == null) return;\n\n setChartActive({\n activeCoordinate: activeBar.current.activeCoordinate,\n activeLabel: activeBar.current.activeLabel,\n activePayload: activeBar.current.activePayload,\n });\n }}\n onMouseLeave={() => {\n activeBar.current = undefined;\n }}\n onClick={click => {\n activeBar.current = click;\n\n if (click != null) {\n setChartActive({\n activeCoordinate: activeBar.current.activeCoordinate,\n activeLabel: activeBar.current.activeLabel,\n activePayload: activeBar.current.activePayload,\n });\n }\n }}\n >\n 1\n ? [data[0].lower, data[data.length - 1].upper]\n : undefined\n }\n interval=\"preserveStartEnd\"\n type=\"category\"\n tickFormatter={(value: number) =>\n new Intl.NumberFormat('en-US', {\n notation: 'compact',\n compactDisplay: 'short',\n }).format(value)\n }\n // minTickGap={50}\n tick={{ fontSize: 12, fontFamily: 'IBM Plex Mono, monospace' }}\n />\n \n new Intl.NumberFormat('en-US', {\n notation: 'compact',\n compactDisplay: 'short',\n }).format(value)\n }\n tick={{ fontSize: 12, fontFamily: 'IBM Plex Mono, monospace' }}\n />\n \n }\n active\n />\n \n \n \n );\n}\n\nconst HDXHistogramChartTooltip = (props: any) => {\n const { active, payload, generateSearchUrl } = props;\n if (active && payload && payload.length > 0) {\n const bucket = props.payload[0].payload;\n\n const lower = bucket.lower.toFixed(5);\n const upper = bucket.upper.toFixed(5);\n\n return (\n \n
\n Bucket: {lower} - {upper}\n
\n {payload.map((p: any) => (\n
\n Number of Events: {p.value}\n
\n ))}\n
\n {generateSearchUrl && (\n e.stopPropagation()}\n >\n View Events\n \n )}\n
\n
\n Click to Pin Tooltip • Approx value via SPDT algorithm\n
\n \n );\n }\n return null;\n};\n\nexport default function DBHistogramChart({\n config,\n onSettled,\n queryKeyPrefix,\n enabled,\n title,\n toolbarPrefix,\n toolbarSuffix,\n showMVOptimizationIndicator = true,\n}: {\n config: BuilderChartConfigWithDateRange;\n onSettled?: () => void;\n queryKeyPrefix?: string;\n enabled?: boolean;\n title?: React.ReactNode;\n toolbarPrefix?: React.ReactNode[];\n toolbarSuffix?: React.ReactNode[];\n showMVOptimizationIndicator?: boolean;\n}) {\n const queriedConfig = omit(config, ['granularity']);\n const { data, isLoading, isError, error } = useQueriedChartConfig(\n queriedConfig,\n {\n placeholderData: (prev: any) => prev,\n queryKey: [queryKeyPrefix, queriedConfig],\n enabled,\n },\n );\n\n const { data: mvOptimizationData } =\n useMVOptimizationExplanation(queriedConfig);\n\n // Don't ask me why...\n const buckets = data?.data?.[0]?.data;\n\n const { data: source } = useSource({ id: config.source });\n\n const toolbarItemsMemo = useMemo(() => {\n const allToolbarItems = [];\n\n if (toolbarPrefix && toolbarPrefix.length > 0) {\n allToolbarItems.push(...toolbarPrefix);\n }\n\n if (source && showMVOptimizationIndicator) {\n allToolbarItems.push(\n ,\n );\n }\n\n const dateRangeIndicator = buildMVDateRangeIndicator({\n mvOptimizationData,\n originalDateRange: queriedConfig.dateRange,\n });\n\n if (dateRangeIndicator) {\n allToolbarItems.push(dateRangeIndicator);\n }\n\n if (toolbarSuffix && toolbarSuffix.length > 0) {\n allToolbarItems.push(...toolbarSuffix);\n }\n\n return allToolbarItems;\n }, [\n queriedConfig,\n toolbarPrefix,\n toolbarSuffix,\n source,\n showMVOptimizationIndicator,\n mvOptimizationData,\n ]);\n\n return (\n \n {isLoading ? (\n
\n Loading Chart Data...\n
\n ) : isError ? (\n
\n \n Error loading chart, please check your query or try again later.\n \n \n \n Error Message:\n \n \n {error.message}\n \n {error instanceof ClickHouseQueryError && (\n <>\n \n Sent Query:\n \n \n \n )}\n \n
\n ) : data?.data.length === 0 ? (\n
\n No data found within time range.\n
\n ) : (\n \n )}\n \n );\n}\n" }, { "path": "packages/app/src/components/DBInfraPanel.tsx", "content": "import { useMemo, useState } from 'react';\nimport { add, min, sub } from 'date-fns';\nimport {\n convertDateRangeToGranularityString,\n Granularity,\n} from '@hyperdx/common-utils/dist/core/utils';\nimport {\n isLogSource,\n isTraceSource,\n SourceKind,\n TMetricSource,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n Box,\n Card,\n Group,\n ScrollArea,\n SegmentedControl,\n SimpleGrid,\n Stack,\n} from '@mantine/core';\n\nimport { convertV1ChartConfigToV2 } from '@/ChartUtils';\nimport { useSource } from '@/source';\n\nimport {\n K8S_CPU_PERCENTAGE_NUMBER_FORMAT,\n K8S_FILESYSTEM_NUMBER_FORMAT,\n K8S_MEM_NUMBER_FORMAT,\n} from '../ChartUtils';\n\nimport { DBTimeChart } from './DBTimeChart';\nimport { KubeTimeline } from './KubeComponents';\n\nconst InfraSubpanelGroup = ({\n fieldPrefix,\n metricSource,\n timestamp,\n title,\n where,\n}: {\n fieldPrefix: string;\n metricSource: TMetricSource;\n timestamp: any;\n title: string;\n where: string;\n}) => {\n const [range, setRange] = useState<'30m' | '1h' | '1d'>('30m');\n const [size, setSize] = useState<'sm' | 'md' | 'lg'>('sm');\n\n const dateRange = useMemo<[Date, Date]>(() => {\n const duration = {\n '30m': { minutes: 15 },\n '1h': { minutes: 30 },\n '1d': { hours: 12 },\n }[range];\n return [\n sub(new Date(timestamp), duration),\n // eslint-disable-next-line no-restricted-syntax\n min([add(new Date(timestamp), duration), new Date()]),\n ];\n }, [timestamp, range]);\n\n const { cols, height } = useMemo(() => {\n switch (size) {\n case 'sm':\n return { cols: 3, height: 200 };\n case 'md':\n return { cols: 2, height: 250 };\n case 'lg':\n return { cols: 1, height: 320 };\n }\n }, [size]);\n\n const granularity = useMemo(() => {\n return convertDateRangeToGranularityString(dateRange);\n }, [dateRange]);\n\n return (\n
\n \n \n

{title}

\n setRange(value as any)}\n />\n \n \n setSize(value as any)}\n />\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n};\n\nexport default ({\n rowData,\n rowId,\n source,\n}: {\n rowData?: Record;\n rowId: string | undefined | null;\n source: TSource;\n}) => {\n const metricSourceId =\n isLogSource(source) || isTraceSource(source)\n ? source.metricSourceId\n : undefined;\n const { data: metricSource } = useSource({\n id: metricSourceId,\n kinds: [SourceKind.Metric],\n });\n\n const podUid = rowData?.__hdx_resource_attributes['k8s.pod.uid'];\n const nodeName = rowData?.__hdx_resource_attributes['k8s.node.name'];\n\n const timestamp = new Date(rowData?.__hdx_timestamp).getTime();\n\n return (\n \n {podUid && (\n
\n {metricSource && (\n \n )}\n {source && source.kind === SourceKind.Log && (\n \n \n Pod Timeline\n \n \n \n \n This Event
,\n timestamp: new Date(timestamp).toISOString(),\n }}\n />\n \n \n \n \n )}\n \n )}\n {nodeName && metricSource && (\n \n )}\n \n );\n};\n" }, { "path": "packages/app/src/components/DBListBarChart.tsx", "content": "import { useMemo } from 'react';\nimport Link from 'next/link';\nimport { ClickHouseQueryError } from '@hyperdx/common-utils/dist/clickhouse';\nimport { BuilderChartConfigWithDateRange } from '@hyperdx/common-utils/dist/types';\nimport type { FloatingPosition } from '@mantine/core';\nimport { Box, Code, Flex, HoverCard, Text } from '@mantine/core';\n\nimport { buildMVDateRangeIndicator } from '@/ChartUtils';\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { useMVOptimizationExplanation } from '@/hooks/useMVOptimizationExplanation';\nimport { useSource } from '@/source';\nimport type { NumberFormat } from '@/types';\nimport { omit } from '@/utils';\nimport { formatNumber, semanticKeyedColor } from '@/utils';\n\nimport ChartContainer from './charts/ChartContainer';\nimport MVOptimizationIndicator from './MaterializedViews/MVOptimizationIndicator';\nimport { SQLPreview } from './ChartSQLPreview';\n\nfunction ListItem({\n title,\n value,\n color,\n percent,\n hoverCardContent,\n hoverCardPosition = 'right',\n}: {\n title: string;\n value: string;\n color: string;\n percent: number;\n hoverCardContent?: React.ReactNode;\n hoverCardPosition?: FloatingPosition;\n}) {\n const item = (\n \n \n \n {title}\n \n {value}\n \n \n \n \n \n );\n return hoverCardContent ? (\n \n {item}\n {hoverCardContent}\n \n ) : (\n item\n );\n}\n\nfunction ListBar({\n data,\n valueColumn,\n groupColumn,\n getRowSearchLink,\n columns,\n hoverCardPosition,\n}: {\n data: any[];\n valueColumn: string;\n groupColumn: string;\n getRowSearchLink?: (row: any) => string;\n columns: {\n dataKey: string;\n displayName: string;\n numberFormat?: NumberFormat;\n visible?: boolean;\n }[];\n hoverCardPosition?: FloatingPosition;\n}) {\n const values = (data ?? []).map(row => row[valueColumn]);\n const maxValue = Math.max(...values);\n const totalValue = values.reduce((a, b) => a + b, 0);\n\n return (\n <>\n {data?.map((row, index) => {\n const value = row[valueColumn];\n const percentOfMax = (value / maxValue) * 100;\n const percentOfTotal = (value / totalValue) * 100;\n const group = `${row[groupColumn] || 'N/A'}`;\n\n const hoverCardContent =\n columns.length > 0 ? (\n \n \n \n {group}\n \n \n {columns\n .filter(c => c.visible !== false && c.dataKey !== groupColumn)\n .map(column => {\n const value = row[column.dataKey];\n return (\n \n \n {column.displayName}:{' '}\n \n \n {column.numberFormat != null\n ? (formatNumber(value, column.numberFormat) ?? 'N/A')\n : value}\n \n \n );\n })}\n \n ) : null;\n\n return getRowSearchLink ? (\n \n \n \n \n \n ) : (\n \n \n \n );\n })}\n \n );\n}\n\nexport default function DBListBarChart({\n config,\n getRowSearchLink,\n hoverCardPosition,\n queryKeyPrefix,\n enabled,\n valueColumn,\n groupColumn,\n hiddenSeries = [],\n title,\n toolbarItems,\n showMVOptimizationIndicator = true,\n}: {\n config: BuilderChartConfigWithDateRange;\n onSettled?: () => void;\n getRowSearchLink?: (row: any) => string;\n hoverCardPosition?: FloatingPosition;\n queryKeyPrefix?: string;\n enabled?: boolean;\n valueColumn: string;\n groupColumn: string;\n hiddenSeries?: string[];\n title?: React.ReactNode;\n toolbarItems?: React.ReactNode[];\n showMVOptimizationIndicator?: boolean;\n}) {\n const queriedConfig = omit(config, ['granularity']);\n const { data, isLoading, isError, error } = useQueriedChartConfig(\n queriedConfig,\n {\n placeholderData: (prev: any) => prev,\n queryKey: [queryKeyPrefix, queriedConfig],\n enabled,\n },\n );\n\n const { data: mvOptimizationData } =\n useMVOptimizationExplanation(queriedConfig);\n\n const { data: source } = useSource({ id: config.source });\n\n const columns = useMemo(() => {\n const rows = data?.data ?? [];\n if (rows.length === 0) {\n return [];\n }\n\n return Object.keys(rows?.[0])\n .filter(key => !hiddenSeries.includes(key))\n .map(key => ({\n dataKey: key,\n displayName: key,\n numberFormat: config.numberFormat,\n }));\n }, [config.numberFormat, data, hiddenSeries]);\n\n const toolbarItemsMemo = useMemo(() => {\n const allToolbarItems = [];\n\n if (source && showMVOptimizationIndicator) {\n allToolbarItems.push(\n ,\n );\n }\n\n const dateRangeIndicator = buildMVDateRangeIndicator({\n mvOptimizationData,\n originalDateRange: queriedConfig.dateRange,\n });\n\n if (dateRangeIndicator) {\n allToolbarItems.push(dateRangeIndicator);\n }\n\n if (toolbarItems && toolbarItems.length > 0) {\n allToolbarItems.push(...toolbarItems);\n }\n\n return allToolbarItems;\n }, [\n queriedConfig,\n source,\n toolbarItems,\n showMVOptimizationIndicator,\n mvOptimizationData,\n ]);\n\n return (\n \n {isLoading && !data ? (\n
\n Loading Chart Data...\n
\n ) : isError ? (\n
\n \n Error loading chart, please check your query or try again later.\n \n \n \n Error Message:\n \n \n {error.message}\n \n {error instanceof ClickHouseQueryError && (\n <>\n \n Sent Query:\n \n \n \n )}\n \n
\n ) : data?.data.length === 0 ? (\n
\n No data found within time range.\n
\n ) : (\n \n )}\n \n );\n}\n" }, { "path": "packages/app/src/components/DBNumberChart.tsx", "content": "import { useMemo } from 'react';\nimport {\n filterColumnMetaByType,\n JSDataType,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport {\n isBuilderChartConfig,\n isRawSqlChartConfig,\n} from '@hyperdx/common-utils/dist/guards';\nimport {\n BuilderChartConfigWithDateRange,\n RawSqlConfigWithDateRange,\n} from '@hyperdx/common-utils/dist/types';\nimport { Flex, Text } from '@mantine/core';\n\nimport {\n buildMVDateRangeIndicator,\n convertToNumberChartConfig,\n} from '@/ChartUtils';\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { useMVOptimizationExplanation } from '@/hooks/useMVOptimizationExplanation';\nimport { useSource } from '@/source';\nimport { formatNumber } from '@/utils';\n\nimport ChartContainer from './charts/ChartContainer';\nimport ChartErrorState, {\n ChartErrorStateVariant,\n} from './charts/ChartErrorState';\nimport MVOptimizationIndicator from './MaterializedViews/MVOptimizationIndicator';\n\nexport default function DBNumberChart({\n config,\n enabled = true,\n queryKeyPrefix,\n title,\n toolbarPrefix,\n toolbarSuffix,\n showMVOptimizationIndicator = true,\n errorVariant,\n}: {\n config: BuilderChartConfigWithDateRange | RawSqlConfigWithDateRange;\n queryKeyPrefix?: string;\n enabled?: boolean;\n title?: React.ReactNode;\n toolbarPrefix?: React.ReactNode[];\n toolbarSuffix?: React.ReactNode[];\n showMVOptimizationIndicator?: boolean;\n errorVariant?: ChartErrorStateVariant;\n}) {\n const queriedConfig = useMemo(\n () =>\n isBuilderChartConfig(config)\n ? convertToNumberChartConfig(config)\n : config,\n [config],\n );\n\n const builderQueriedConfig = isBuilderChartConfig(queriedConfig)\n ? queriedConfig\n : undefined;\n const { data: mvOptimizationData } =\n useMVOptimizationExplanation(builderQueriedConfig);\n\n const { data, isLoading, isError, error } = useQueriedChartConfig(\n queriedConfig,\n {\n placeholderData: (prev: any) => prev,\n queryKey: [queryKeyPrefix, queriedConfig],\n enabled,\n },\n );\n\n // The value is the first numeric value in the first row of the result\n const valueColumn = data?.meta\n ? filterColumnMetaByType(data?.meta, [JSDataType.Number])?.[0]\n : undefined;\n const resultError =\n data && !valueColumn && isRawSqlChartConfig(queriedConfig)\n ? new Error(\n `No numeric columns found in result column metadata. Make sure a numeric column exists in the result set.\\n\\nResult Metadata: ${JSON.stringify(data.meta)}`,\n )\n : error;\n\n const value = valueColumn\n ? data?.data?.[0]?.[valueColumn.name]\n : (Object.values(data?.data?.[0] ?? {})?.[0] ?? Number.NaN);\n const formattedValue = formatNumber(value as number, config.numberFormat);\n\n const { data: source } = useSource({\n id: config.source,\n });\n\n const toolbarItemsMemo = useMemo(() => {\n const allToolbarItems = [];\n\n if (toolbarPrefix && toolbarPrefix.length > 0) {\n allToolbarItems.push(...toolbarPrefix);\n }\n\n if (source && showMVOptimizationIndicator && builderQueriedConfig) {\n allToolbarItems.push(\n ,\n );\n }\n\n const dateRangeIndicator = buildMVDateRangeIndicator({\n mvOptimizationData,\n originalDateRange: queriedConfig.dateRange,\n });\n\n if (dateRangeIndicator) {\n allToolbarItems.push(dateRangeIndicator);\n }\n\n if (toolbarSuffix && toolbarSuffix.length > 0) {\n allToolbarItems.push(...toolbarSuffix);\n }\n\n return allToolbarItems;\n }, [\n toolbarPrefix,\n toolbarSuffix,\n source,\n showMVOptimizationIndicator,\n mvOptimizationData,\n queriedConfig,\n builderQueriedConfig,\n ]);\n\n return (\n \n {isLoading && !data ? (\n
\n Loading Chart Data...\n
\n ) : isError ? (\n \n ) : resultError ? (\n \n ) : data?.data.length === 0 ? (\n
\n No data found within time range.\n
\n ) : (\n \n {formattedValue ?? 'N/A'}\n \n )}\n \n );\n}\n" }, { "path": "packages/app/src/components/DBPieChart.tsx", "content": "import { memo, useMemo } from 'react';\nimport { Cell, Pie, PieChart, ResponsiveContainer, Tooltip } from 'recharts';\nimport { isBuilderChartConfig } from '@hyperdx/common-utils/dist/guards';\nimport {\n BuilderChartConfigWithOptTimestamp,\n RawSqlConfigWithDateRange,\n} from '@hyperdx/common-utils/dist/types';\nimport { Flex } from '@mantine/core';\n\nimport {\n buildMVDateRangeIndicator,\n convertToPieChartConfig,\n formatResponseForPieChart,\n} from '@/ChartUtils';\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { useMVOptimizationExplanation } from '@/hooks/useMVOptimizationExplanation';\nimport { useSource } from '@/source';\nimport type { NumberFormat } from '@/types';\nimport { getColorProps } from '@/utils';\n\nimport ChartContainer from './charts/ChartContainer';\nimport ChartErrorState, {\n ChartErrorStateVariant,\n} from './charts/ChartErrorState';\nimport { ChartTooltipContainer, ChartTooltipItem } from './charts/ChartTooltip';\nimport MVOptimizationIndicator from './MaterializedViews/MVOptimizationIndicator';\n\nconst PieChartTooltip = memo(\n ({\n active,\n payload,\n numberFormat,\n }: {\n active?: boolean;\n payload?: { name: string; value: number; payload: { color: string } }[];\n numberFormat?: NumberFormat;\n }) => {\n if (!active || !payload?.length) return null;\n const entry = payload[0];\n return (\n \n \n \n );\n },\n);\n\nexport const DBPieChart = ({\n config,\n title,\n enabled = true,\n queryKeyPrefix,\n showMVOptimizationIndicator = true,\n toolbarPrefix,\n toolbarSuffix,\n errorVariant,\n}: {\n config: BuilderChartConfigWithOptTimestamp | RawSqlConfigWithDateRange;\n title?: React.ReactNode;\n enabled?: boolean;\n queryKeyPrefix?: string;\n showMVOptimizationIndicator?: boolean;\n toolbarPrefix?: React.ReactNode[];\n toolbarSuffix?: React.ReactNode[];\n errorVariant?: ChartErrorStateVariant;\n}) => {\n const { data: source } = useSource({\n id: config.source,\n });\n\n const queriedConfig = useMemo(() => {\n return isBuilderChartConfig(config)\n ? convertToPieChartConfig(config)\n : config;\n }, [config]);\n\n const builderQueriedConfig = isBuilderChartConfig(queriedConfig)\n ? queriedConfig\n : undefined;\n const { data: mvOptimizationData } =\n useMVOptimizationExplanation(builderQueriedConfig);\n\n const { data, isLoading, isError, error } = useQueriedChartConfig(\n queriedConfig,\n {\n placeholderData: (prev: any) => prev,\n queryKey: [queryKeyPrefix, queriedConfig],\n enabled,\n },\n );\n\n const toolbarItemsMemo = useMemo(() => {\n const allToolbarItems = [];\n\n if (toolbarPrefix && toolbarPrefix.length > 0) {\n allToolbarItems.push(...toolbarPrefix);\n }\n\n if (source && showMVOptimizationIndicator && builderQueriedConfig) {\n allToolbarItems.push(\n ,\n );\n }\n\n const dateRangeIndicator = buildMVDateRangeIndicator({\n mvOptimizationData,\n originalDateRange: queriedConfig.dateRange,\n });\n\n if (dateRangeIndicator) {\n allToolbarItems.push(dateRangeIndicator);\n }\n\n if (toolbarSuffix && toolbarSuffix.length > 0) {\n allToolbarItems.push(...toolbarSuffix);\n }\n\n return allToolbarItems;\n }, [\n toolbarPrefix,\n toolbarSuffix,\n source,\n showMVOptimizationIndicator,\n mvOptimizationData,\n queriedConfig,\n builderQueriedConfig,\n ]);\n\n const [pieChartData, responseFormatError] = useMemo(() => {\n if (!data) return [[], null];\n try {\n return [formatResponseForPieChart(data, getColorProps), null];\n } catch (error) {\n return [[], error instanceof Error ? error : new Error(String(error))];\n }\n }, [data]);\n\n return (\n \n {isLoading && !data ? (\n
\n Loading Chart Data...\n
\n ) : isError && error ? (\n \n ) : responseFormatError ? (\n \n ) : data?.data.length === 0 ? (\n
\n No data found within time range.\n
\n ) : (\n \n \n \n \n {pieChartData.map(entry => (\n \n ))}\n \n }\n />\n \n \n \n )}\n \n );\n};\n" }, { "path": "packages/app/src/components/DBRowDataPanel.tsx", "content": "import { useMemo } from 'react';\nimport { flatten } from 'flat';\nimport type { ResponseJSON } from '@hyperdx/common-utils/dist/clickhouse';\nimport {\n isLogSource,\n isTraceSource,\n SourceKind,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { Box } from '@mantine/core';\n\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { WithClause } from '@/hooks/useRowWhere';\nimport { getDisplayedTimestampValueExpression, getEventBody } from '@/source';\nimport { getSelectExpressionsForHighlightedAttributes } from '@/utils/highlightedAttributes';\n\nimport { DBRowJsonViewer } from './DBRowJsonViewer';\n\nexport enum ROW_DATA_ALIASES {\n TIMESTAMP = '__hdx_timestamp',\n BODY = '__hdx_body',\n TRACE_ID = '__hdx_trace_id',\n SPAN_ID = '__hdx_span_id',\n SEVERITY_TEXT = '__hdx_severity_text',\n SERVICE_NAME = '__hdx_service_name',\n RESOURCE_ATTRIBUTES = '__hdx_resource_attributes',\n EVENT_ATTRIBUTES = '__hdx_event_attributes',\n EVENTS_EXCEPTION_ATTRIBUTES = '__hdx_events_exception_attributes',\n SPAN_EVENTS = '__hdx_span_events',\n}\n\nexport function useRowData({\n source,\n rowId,\n aliasWith,\n}: {\n source: TSource;\n rowId: string | undefined | null;\n aliasWith?: WithClause[];\n}) {\n const eventBodyExpr = getEventBody(source);\n\n const searchedTraceIdExpr =\n isLogSource(source) || isTraceSource(source)\n ? source.traceIdExpression\n : undefined;\n const searchedSpanIdExpr =\n isLogSource(source) || isTraceSource(source)\n ? source.spanIdExpression\n : undefined;\n\n const severityTextExpr = isLogSource(source)\n ? source.severityTextExpression\n : isTraceSource(source)\n ? source.statusCodeExpression\n : undefined;\n\n const selectHighlightedRowAttributes =\n source.kind === SourceKind.Trace || source.kind === SourceKind.Log\n ? getSelectExpressionsForHighlightedAttributes(\n source.highlightedRowAttributeExpressions,\n )\n : [];\n\n const queryResult = useQueriedChartConfig(\n {\n connection: source.connection,\n select: [\n {\n valueExpression: '*',\n },\n {\n valueExpression: getDisplayedTimestampValueExpression(source),\n alias: ROW_DATA_ALIASES.TIMESTAMP,\n },\n ...(eventBodyExpr\n ? [\n {\n valueExpression: eventBodyExpr,\n alias: ROW_DATA_ALIASES.BODY,\n },\n ]\n : []),\n ...(searchedTraceIdExpr\n ? [\n {\n valueExpression: searchedTraceIdExpr,\n alias: ROW_DATA_ALIASES.TRACE_ID,\n },\n ]\n : []),\n ...(searchedSpanIdExpr\n ? [\n {\n valueExpression: searchedSpanIdExpr,\n alias: ROW_DATA_ALIASES.SPAN_ID,\n },\n ]\n : []),\n ...(severityTextExpr\n ? [\n {\n valueExpression: severityTextExpr,\n alias: ROW_DATA_ALIASES.SEVERITY_TEXT,\n },\n ]\n : []),\n ...((isLogSource(source) || isTraceSource(source)) &&\n source.serviceNameExpression\n ? [\n {\n valueExpression: source.serviceNameExpression,\n alias: ROW_DATA_ALIASES.SERVICE_NAME,\n },\n ]\n : []),\n ...(source.resourceAttributesExpression\n ? [\n {\n valueExpression: source.resourceAttributesExpression,\n alias: ROW_DATA_ALIASES.RESOURCE_ATTRIBUTES,\n },\n ]\n : []),\n ...((isLogSource(source) || isTraceSource(source)) &&\n source.eventAttributesExpression\n ? [\n {\n valueExpression: source.eventAttributesExpression,\n alias: ROW_DATA_ALIASES.EVENT_ATTRIBUTES,\n },\n ]\n : []),\n ...(source.kind === SourceKind.Trace && source.spanEventsValueExpression\n ? [\n {\n valueExpression: `${source.spanEventsValueExpression}.Attributes[indexOf(${source.spanEventsValueExpression}.Name, 'exception')]`,\n alias: ROW_DATA_ALIASES.EVENTS_EXCEPTION_ATTRIBUTES,\n },\n {\n valueExpression: source.spanEventsValueExpression,\n alias: ROW_DATA_ALIASES.SPAN_EVENTS,\n },\n ]\n : []),\n ...selectHighlightedRowAttributes,\n ],\n where: rowId ?? '0=1',\n from: source.from,\n limit: { limit: 1 },\n ...(aliasWith && aliasWith.length > 0 ? { with: aliasWith } : {}),\n },\n {\n queryKey: ['row_side_panel', rowId, aliasWith, source],\n enabled: rowId != null,\n },\n );\n\n // Normalize resource and event attributes to always use flat keys for both JSON and Map columns\n const normalizedData = useMemo(() => {\n if (!queryResult.data?.data?.[0]) {\n return queryResult.data;\n }\n\n const row = queryResult.data.data[0];\n const normalizedRow = { ...row };\n\n if (row[ROW_DATA_ALIASES.RESOURCE_ATTRIBUTES]) {\n normalizedRow[ROW_DATA_ALIASES.RESOURCE_ATTRIBUTES] = flatten(\n row[ROW_DATA_ALIASES.RESOURCE_ATTRIBUTES],\n );\n }\n\n if (row[ROW_DATA_ALIASES.EVENT_ATTRIBUTES]) {\n normalizedRow[ROW_DATA_ALIASES.EVENT_ATTRIBUTES] = flatten(\n row[ROW_DATA_ALIASES.EVENT_ATTRIBUTES],\n );\n }\n\n return {\n ...queryResult.data,\n data: [normalizedRow],\n };\n }, [queryResult.data]);\n\n return {\n ...queryResult,\n data: normalizedData,\n };\n}\n\nexport function getJSONColumnNames(meta: ResponseJSON['meta'] | undefined) {\n return (\n meta\n // The type could either be just 'JSON' or it could be 'JSON()'\n // this is a basic way to match both cases\n ?.filter(m => m.type === 'JSON' || m.type.startsWith('JSON('))\n .map(m => m.name) ?? []\n );\n}\n\nexport function RowDataPanel({\n source,\n rowId,\n aliasWith,\n 'data-testid': dataTestId,\n}: {\n source: TSource;\n rowId: string | undefined | null;\n aliasWith?: WithClause[];\n 'data-testid'?: string;\n}) {\n const { data, isLoading, isError } = useRowData({ source, rowId, aliasWith });\n\n const firstRow = useMemo(() => {\n const firstRow = { ...(data?.data?.[0] ?? {}) };\n if (!firstRow) {\n return null;\n }\n return firstRow;\n }, [data]);\n\n const jsonColumns = getJSONColumnNames(data?.meta);\n\n return (\n
\n \n \n \n
\n );\n}\n" }, { "path": "packages/app/src/components/DBRowJsonViewer.test.tsx", "content": "import React from 'react';\nimport { fireEvent, screen, within } from '@testing-library/react';\n\nimport { buildJSONExtractQuery, DBRowJsonViewer } from './DBRowJsonViewer';\nimport { RowSidePanelContext } from './DBRowSidePanel';\n\n// Mock Next.js router\njest.mock('next/router', () => ({\n __esModule: true,\n default: {\n push: jest.fn(),\n },\n}));\n\ndescribe('DBRowJsonViewer', () => {\n const mockGenerateSearchUrl = jest.fn();\n const mockOnPropertyAddClick = jest.fn();\n const mockToggleColumn = jest.fn();\n\n const defaultContext = {\n generateSearchUrl: mockGenerateSearchUrl,\n onPropertyAddClick: mockOnPropertyAddClick,\n toggleColumn: mockToggleColumn,\n displayedColumns: [],\n generateChartUrl: jest.fn(),\n };\n\n // Test data with consistent structure\n const logData = {\n LogAttributes: {\n field1: 'value1',\n field2: 'value2',\n nested: {\n field3: 'nested value',\n },\n },\n Timestamp: '2024-03-14 12:34:56.789',\n TimestampTime: '2024-03-14 12:34:56.789',\n };\n\n const spanData = {\n SpanAttributes: {\n field1: 'value1',\n field2: 'value2',\n nested: {\n field3: 'nested value',\n },\n },\n };\n\n beforeEach(() => {\n jest.clearAllMocks();\n });\n\n // Helper to render component\n const renderComponent = (data: any) => {\n return renderWithMantine(\n \n \n ,\n );\n };\n\n // Helper to click a button on a line\n const clickLineButton = (fieldText: string, buttonText: string) => {\n const line = screen.getByText(fieldText).closest('.line')! as HTMLElement;\n fireEvent.mouseEnter(line);\n const button = within(line).getByText(buttonText);\n fireEvent.click(button);\n };\n\n // Helper to expand a field and click a button on a nested field\n const expandAndClickButton = (\n parentField: string,\n childField: string,\n buttonText: string,\n ) => {\n const parentLine = screen\n .getByText(parentField)\n .closest('.line')! as HTMLElement;\n fireEvent.click(parentLine);\n\n const childLine = screen\n .getByText(childField)\n .closest('.line')! as HTMLElement;\n fireEvent.mouseEnter(childLine);\n const button = within(childLine).getByText(buttonText);\n fireEvent.click(button);\n };\n\n it('formats log attributes correctly', () => {\n renderComponent(logData);\n clickLineButton('field1', 'Search');\n\n expect(mockGenerateSearchUrl).toHaveBeenCalledWith({\n where: \"LogAttributes['field1'] = 'value1'\",\n whereLanguage: 'sql',\n });\n });\n\n it('formats span attributes correctly', () => {\n renderComponent(spanData);\n clickLineButton('field1', 'Search');\n\n expect(mockGenerateSearchUrl).toHaveBeenCalledWith({\n where: \"SpanAttributes['field1'] = 'value1'\",\n whereLanguage: 'sql',\n });\n });\n\n it('handles nested paths correctly', () => {\n renderComponent(logData);\n clickLineButton('field3', 'Search');\n\n expect(mockGenerateSearchUrl).toHaveBeenCalledWith({\n where: \"LogAttributes['nested']['field3'] = 'nested value'\",\n whereLanguage: 'sql',\n });\n });\n\n it('handles empty attributes correctly', () => {\n renderComponent({});\n expect(screen.queryByText('Search')).toBeNull();\n });\n\n it('adds filters with correct path formatting', () => {\n renderComponent(logData);\n clickLineButton('field1', 'Add to Filters');\n\n expect(mockOnPropertyAddClick).toHaveBeenCalledWith(\n \"LogAttributes['field1']\",\n 'value1',\n );\n });\n\n it('toggles columns with correct path formatting', () => {\n renderComponent(logData);\n clickLineButton('field1', 'Column');\n\n expect(mockToggleColumn).toHaveBeenCalledWith(\"LogAttributes['field1']\");\n });\n\n describe('timestamp fields', () => {\n it.each([['Timestamp'], ['TimestampTime']])(\n 'formats %s field correctly',\n field => {\n renderComponent(logData);\n clickLineButton(field, 'Search');\n\n expect(mockGenerateSearchUrl).toHaveBeenCalledWith({\n where: `${field} = parseDateTime64BestEffort('2024-03-14 12:34:56.789', 9)`,\n whereLanguage: 'sql',\n });\n },\n );\n });\n\n describe('copy functionality', () => {\n const mockClipboard = jest.fn();\n\n beforeEach(() => {\n Object.assign(navigator, {\n clipboard: { writeText: mockClipboard },\n });\n });\n\n it('copies array elements from expanded stringified JSON', () => {\n const arrayObject = { status: 'True', type: 'PodReady' };\n const data = { conditions: JSON.stringify([arrayObject]) };\n\n renderComponent(data);\n expandAndClickButton('conditions', '0', 'Copy Object');\n\n expect(mockClipboard).toHaveBeenCalledWith(\n JSON.stringify(arrayObject, null, 2),\n );\n });\n\n it('copies entire stringified value when not expanded', () => {\n const arrayData = [{ type: 'Ready' }, { type: 'Init' }];\n const data = { conditions: JSON.stringify(arrayData) };\n\n renderComponent(data);\n clickLineButton('conditions', 'Copy Value');\n\n expect(mockClipboard).toHaveBeenCalledWith(JSON.stringify(arrayData));\n });\n\n it('copies regular nested objects', () => {\n renderComponent(logData);\n clickLineButton('nested', 'Copy Object');\n\n expect(mockClipboard).toHaveBeenCalledWith(\n JSON.stringify({ field3: 'nested value' }, null, 2),\n );\n });\n });\n\n describe('buildJSONExtractQuery', () => {\n it('returns null when keyPath equals parsedJsonRootPath (no nested path)', () => {\n expect(\n buildJSONExtractQuery(['LogAttributes'], ['LogAttributes']),\n ).toBeNull();\n });\n\n it('returns null when keyPath is shorter than parsedJsonRootPath', () => {\n expect(buildJSONExtractQuery([], ['LogAttributes'])).toBeNull();\n });\n\n it('builds query for single-level path with default JSONExtractString', () => {\n expect(\n buildJSONExtractQuery(['LogAttributes', 'field1'], ['LogAttributes']),\n ).toBe(\"JSONExtractString(LogAttributes, 'field1')\");\n });\n\n it('builds query for nested path', () => {\n expect(\n buildJSONExtractQuery(\n ['LogAttributes', 'nested', 'field3'],\n ['LogAttributes'],\n ),\n ).toBe(\"JSONExtractString(LogAttributes, 'nested', 'field3')\");\n });\n\n it('uses JSONExtractFloat when specified', () => {\n expect(\n buildJSONExtractQuery(\n ['SpanAttributes', 'count'],\n ['SpanAttributes'],\n 'JSONExtractFloat',\n ),\n ).toBe(\"JSONExtractFloat(SpanAttributes, 'count')\");\n });\n\n it('uses JSONExtractBool when specified', () => {\n expect(\n buildJSONExtractQuery(\n ['LogAttributes', 'enabled'],\n ['LogAttributes'],\n 'JSONExtractBool',\n ),\n ).toBe(\"JSONExtractBool(LogAttributes, 'enabled')\");\n });\n\n it('handles path segments that look like array indices', () => {\n expect(\n buildJSONExtractQuery(['LogAttributes', '0', 'id'], ['LogAttributes']),\n ).toBe(\"JSONExtractString(LogAttributes, '0', 'id')\");\n });\n });\n});\n" }, { "path": "packages/app/src/components/DBRowJsonViewer.tsx", "content": "import { useCallback, useContext, useMemo, useState } from 'react';\nimport router from 'next/router';\nimport { useAtom, useAtomValue } from 'jotai';\nimport { atomWithStorage } from 'jotai/utils';\nimport get from 'lodash/get';\nimport {\n Box,\n Button,\n Group,\n Input,\n Menu,\n Paper,\n Text,\n UnstyledButton,\n} from '@mantine/core';\nimport { useDebouncedValue } from '@mantine/hooks';\nimport { notifications } from '@mantine/notifications';\nimport {\n IconChartLine,\n IconCheck,\n IconCopy,\n IconFilter,\n IconMinus,\n IconPlus,\n IconSearch,\n IconSettings,\n IconTextWrap,\n} from '@tabler/icons-react';\n\nimport HyperJson, { GetLineActions, LineAction } from '@/components/HyperJson';\nimport { mergePath } from '@/utils';\n\ntype JSONExtractFn =\n | 'JSONExtractString'\n | 'JSONExtractFloat'\n | 'JSONExtractBool';\n\nexport function buildJSONExtractQuery(\n keyPath: string[],\n parsedJsonRootPath: string[],\n jsonExtractFn: JSONExtractFn = 'JSONExtractString',\n): string | null {\n const nestedPath = keyPath.slice(parsedJsonRootPath.length);\n if (nestedPath.length === 0) {\n return null; // No nested path to extract\n }\n\n const baseColumn = parsedJsonRootPath[parsedJsonRootPath.length - 1];\n const jsonPathArgs = nestedPath.map(p => `'${p}'`).join(', ');\n return `${jsonExtractFn}(${baseColumn}, ${jsonPathArgs})`;\n}\n\nimport { RowSidePanelContext } from './DBRowSidePanel';\n\nfunction filterObjectRecursively(obj: any, filter: string): any {\n if (typeof obj !== 'object' || obj === null || filter === '') {\n return obj;\n }\n\n const result: Record = {};\n for (const [key, value] of Object.entries(obj)) {\n if (value === null) {\n continue;\n }\n if (\n key.toLowerCase().includes(filter.toLowerCase()) ||\n (typeof value === 'string' &&\n value.toLowerCase().includes(filter.toLowerCase()))\n ) {\n result[key] = value;\n }\n if (typeof value === 'object') {\n const v = filterObjectRecursively(value, filter);\n // Skip empty objects\n if (Object.keys(v).length > 0) {\n result[key] = v;\n }\n }\n }\n\n return result;\n}\n\nfunction filterBlankValuesRecursively(value: any): any {\n if (value === null || value === '') {\n return undefined;\n }\n\n if (Array.isArray(value)) {\n const filtered = value\n .map(filterBlankValuesRecursively)\n .filter(v => v !== undefined);\n\n return filtered.length > 0 ? filtered : undefined;\n }\n\n if (typeof value === 'object') {\n const result: Record = {};\n\n for (const [key, v] of Object.entries(value)) {\n const filtered = filterBlankValuesRecursively(v);\n if (filtered !== undefined) {\n result[key] = filtered;\n }\n }\n\n return Object.keys(result).length > 0 ? result : undefined;\n }\n\n return value;\n}\n\nconst viewerOptionsAtom = atomWithStorage('hdx_json_viewer_options', {\n normallyExpanded: true,\n lineWrap: true,\n tabulate: true,\n filterBlanks: false,\n});\n\nfunction HyperJsonMenu() {\n const [jsonOptions, setJsonOptions] = useAtom(viewerOptionsAtom);\n\n return (\n \n \n setJsonOptions({ ...jsonOptions, lineWrap: !jsonOptions.lineWrap })\n }\n >\n \n \n \n \n \n \n \n \n \n \n Properties view options\n \n \n setJsonOptions({\n ...jsonOptions,\n normallyExpanded: !jsonOptions.normallyExpanded,\n })\n }\n lh=\"1\"\n py={8}\n rightSection={\n jsonOptions.normallyExpanded ? (\n \n ) : null\n }\n >\n Expand all properties\n \n \n ) : null\n }\n onClick={() =>\n setJsonOptions({\n ...jsonOptions,\n tabulate: !jsonOptions.tabulate,\n })\n }\n >\n Tabulate\n \n \n ) : null\n }\n onClick={() =>\n setJsonOptions({\n ...jsonOptions,\n filterBlanks: !jsonOptions.filterBlanks,\n })\n }\n >\n Hide blank values\n \n \n \n \n );\n}\n\nexport function DBRowJsonViewer({\n data,\n jsonColumns = [],\n}: {\n data: any;\n jsonColumns?: string[];\n}) {\n const {\n onPropertyAddClick,\n generateSearchUrl,\n generateChartUrl,\n displayedColumns,\n toggleColumn,\n } = useContext(RowSidePanelContext);\n\n const [filter, setFilter] = useState('');\n const [debouncedFilter] = useDebouncedValue(filter, 100);\n const jsonOptions = useAtomValue(viewerOptionsAtom);\n\n const rowData = useMemo(() => {\n if (!data) {\n return null;\n }\n\n // remove internal aliases (keys that start with __hdx_)\n let cleanedData = Object.fromEntries(\n Object.entries(data).filter(entry => !entry[0].startsWith('__hdx_')),\n );\n\n // Apply blank value filter if enabled\n if (jsonOptions.filterBlanks) {\n cleanedData = filterBlankValuesRecursively(cleanedData);\n }\n\n return filterObjectRecursively(cleanedData, debouncedFilter);\n }, [data, debouncedFilter, jsonOptions.filterBlanks]);\n\n const getLineActions = useCallback(\n ({ keyPath, value, isInParsedJson, parsedJsonRootPath }) => {\n const actions: LineAction[] = [];\n const fieldPath = mergePath(keyPath, jsonColumns);\n const isJsonColumn =\n keyPath.length > 0 && jsonColumns?.includes(keyPath[0]);\n\n // Add to Filters action (strings only)\n // FIXME: TOTAL HACK To disallow adding timestamp to filters\n if (\n onPropertyAddClick != null &&\n typeof value === 'string' &&\n value &&\n fieldPath != 'Timestamp' &&\n fieldPath != 'TimestampTime'\n ) {\n actions.push({\n key: 'add-to-search',\n label: (\n \n \n Add to Filters\n \n ),\n title: 'Add to Filters',\n onClick: () => {\n let filterFieldPath = fieldPath;\n\n // Handle parsed JSON from string columns using JSONExtractString\n if (isInParsedJson && parsedJsonRootPath) {\n const jsonQuery = buildJSONExtractQuery(\n keyPath,\n parsedJsonRootPath,\n );\n if (jsonQuery) {\n filterFieldPath = jsonQuery;\n } else {\n // We're at the root of the parsed JSON, treat as string\n filterFieldPath = isJsonColumn\n ? `toString(${fieldPath})`\n : fieldPath;\n }\n } else {\n // Regular JSON column or non-JSON field\n filterFieldPath = isJsonColumn\n ? `toString(${fieldPath})`\n : fieldPath;\n }\n\n onPropertyAddClick(filterFieldPath, value);\n notifications.show({\n color: 'green',\n message: `Added \"${fieldPath} = ${value}\" to filters`,\n });\n },\n });\n }\n\n if (generateSearchUrl && typeof value !== 'object') {\n actions.push({\n key: 'search',\n label: (\n \n \n Search\n \n ),\n title: 'Search for this value only',\n onClick: () => {\n let searchFieldPath = fieldPath;\n\n // Handle parsed JSON from string columns using JSONExtractString\n if (isInParsedJson && parsedJsonRootPath) {\n let jsonExtractFn: JSONExtractFn = 'JSONExtractString';\n\n if (typeof value === 'number') {\n jsonExtractFn = 'JSONExtractFloat';\n } else if (typeof value === 'boolean') {\n jsonExtractFn = 'JSONExtractBool';\n }\n\n const jsonQuery = buildJSONExtractQuery(\n keyPath,\n parsedJsonRootPath,\n jsonExtractFn,\n );\n\n if (jsonQuery) {\n searchFieldPath = jsonQuery;\n }\n }\n\n let defaultWhere = `${searchFieldPath} = ${\n typeof value === 'string' ? `'${value}'` : value\n }`;\n\n // FIXME: TOTAL HACK\n if (\n searchFieldPath == 'Timestamp' ||\n searchFieldPath == 'TimestampTime'\n ) {\n defaultWhere = `${searchFieldPath} = parseDateTime64BestEffort('${value}', 9)`;\n }\n router.push(\n generateSearchUrl({\n where: defaultWhere,\n whereLanguage: 'sql',\n }),\n );\n },\n });\n }\n\n /* TODO: Handle bools properly (they show up as number...) */\n if (generateChartUrl && typeof value === 'number') {\n actions.push({\n key: 'chart',\n label: ,\n title: 'Chart',\n onClick: () => {\n let chartFieldPath = fieldPath;\n\n // Handle parsed JSON from string columns using JSONExtractString\n if (isInParsedJson && parsedJsonRootPath) {\n const jsonQuery = buildJSONExtractQuery(\n keyPath,\n parsedJsonRootPath,\n );\n if (jsonQuery) {\n chartFieldPath = jsonQuery;\n }\n }\n\n router.push(\n generateChartUrl({\n aggFn: 'avg',\n field: chartFieldPath,\n groupBy: [],\n }),\n );\n },\n });\n }\n\n // Toggle column action (non-object values)\n if (toggleColumn && typeof value !== 'object') {\n let columnFieldPath = fieldPath;\n\n // Handle parsed JSON from string columns using JSONExtractString\n if (isInParsedJson && parsedJsonRootPath) {\n const jsonQuery = buildJSONExtractQuery(keyPath, parsedJsonRootPath);\n if (jsonQuery) {\n columnFieldPath = jsonQuery;\n }\n }\n\n const isIncluded = displayedColumns?.includes(columnFieldPath);\n actions.push({\n key: 'toggle-column',\n label: isIncluded ? (\n \n \n Column\n \n ) : (\n \n \n Column\n \n ),\n title: isIncluded\n ? `Remove ${fieldPath} column from results table`\n : `Add ${fieldPath} column to results table`,\n onClick: () => {\n toggleColumn(columnFieldPath);\n notifications.show({\n color: 'green',\n message: `Column \"${fieldPath}\" ${\n isIncluded ? 'removed from' : 'added to'\n } results table`,\n });\n },\n });\n }\n\n const handleCopyObject = () => {\n let copiedObj;\n\n // When in parsed JSON context (e.g., expanded stringified JSON),\n // use the value directly since keyPath doesn't match rowData structure\n if (isInParsedJson && parsedJsonRootPath) {\n copiedObj = value;\n } else {\n // For regular nested objects, use keyPath to navigate rowData\n copiedObj = keyPath.length === 0 ? rowData : get(rowData, keyPath);\n }\n\n window.navigator.clipboard.writeText(\n JSON.stringify(copiedObj, null, 2),\n );\n notifications.show({\n color: 'green',\n message: `Copied object to clipboard`,\n });\n };\n\n if (typeof value === 'object') {\n actions.push({\n key: 'copy-object',\n label: 'Copy Object',\n onClick: handleCopyObject,\n });\n } else {\n actions.push({\n key: 'copy-value',\n label: (\n \n \n Copy Value\n \n ),\n onClick: () => {\n window.navigator.clipboard.writeText(\n typeof value === 'string'\n ? value\n : JSON.stringify(value, null, 2),\n );\n notifications.show({\n color: 'green',\n message: `Value copied to clipboard`,\n });\n },\n });\n }\n\n return actions;\n },\n [\n displayedColumns,\n generateChartUrl,\n generateSearchUrl,\n onPropertyAddClick,\n rowData,\n toggleColumn,\n jsonColumns,\n ],\n );\n\n return (\n
\n \n \n ) =>\n setFilter(e.currentTarget.value)\n }\n leftSection={}\n />\n {filter && (\n \n )}\n
\n \n \n \n \n {rowData != null ? (\n \n ) : (\n No data\n )}\n \n
\n );\n}\n" }, { "path": "packages/app/src/components/DBRowOverviewPanel.tsx", "content": "import { useCallback, useContext, useMemo } from 'react';\nimport isString from 'lodash/isString';\nimport pickBy from 'lodash/pickBy';\nimport { SourceKind, TSource } from '@hyperdx/common-utils/dist/types';\nimport { Accordion, Box, Flex, Text } from '@mantine/core';\n\nimport { WithClause } from '@/hooks/useRowWhere';\nimport { getEventBody } from '@/source';\nimport { getHighlightedAttributesFromData } from '@/utils/highlightedAttributes';\n\nimport { getJSONColumnNames, useRowData } from './DBRowDataPanel';\nimport { DBRowJsonViewer } from './DBRowJsonViewer';\nimport { RowSidePanelContext } from './DBRowSidePanel';\nimport DBRowSidePanelHeader from './DBRowSidePanelHeader';\nimport EventTag from './EventTag';\nimport { ExceptionSubpanel } from './ExceptionSubpanel';\nimport { NetworkPropertySubpanel } from './NetworkPropertyPanel';\nimport { SpanEventsSubpanel } from './SpanEventsSubpanel';\n\nconst EMPTY_OBJ = {};\nexport function RowOverviewPanel({\n source,\n rowId,\n aliasWith,\n hideHeader = false,\n 'data-testid': dataTestId,\n}: {\n source: TSource;\n rowId: string | undefined | null;\n aliasWith?: WithClause[];\n hideHeader?: boolean;\n 'data-testid'?: string;\n}) {\n const { data } = useRowData({ source, rowId, aliasWith });\n const { onPropertyAddClick, generateSearchUrl } =\n useContext(RowSidePanelContext);\n\n const highlightedAttributeValues = useMemo(() => {\n const attributeExpressions =\n source.kind === SourceKind.Trace || source.kind === SourceKind.Log\n ? (source.highlightedRowAttributeExpressions ?? [])\n : [];\n\n return data\n ? getHighlightedAttributesFromData(\n source,\n attributeExpressions,\n data.data || [],\n data.meta || [],\n )\n : [];\n }, [source, data]);\n\n const jsonColumns = getJSONColumnNames(data?.meta);\n\n const eventAttributesExpr =\n source.kind === SourceKind.Log || source.kind === SourceKind.Trace\n ? source.eventAttributesExpression\n : undefined;\n\n const firstRow = useMemo(() => {\n const firstRow = { ...(data?.data?.[0] ?? {}) };\n if (!firstRow) {\n return null;\n }\n return firstRow;\n }, [data]);\n\n // TODO: Use source config to select these in SQL, but we'll just\n // assume OTel column names for now\n const topLevelAttributeKeys = [\n 'ServiceName',\n 'SpanName',\n 'Duration',\n 'SeverityText',\n 'StatusCode',\n 'StatusMessage',\n 'SpanKind',\n 'TraceId',\n 'SpanId',\n 'ParentSpanId',\n 'ScopeName',\n 'ScopeVersion',\n ];\n const topLevelAttributes = pickBy(firstRow, (value, key) => {\n if (value === '') {\n return false;\n }\n if (topLevelAttributeKeys.includes(key)) {\n return true;\n }\n return false;\n });\n\n const resourceAttributes = firstRow?.__hdx_resource_attributes ?? EMPTY_OBJ;\n const flattenedEventAttributes =\n firstRow?.__hdx_event_attributes ?? EMPTY_OBJ;\n\n const dataAttributes = useMemo(\n () =>\n eventAttributesExpr &&\n firstRow?.[eventAttributesExpr] &&\n Object.keys(firstRow[eventAttributesExpr]).length > 0\n ? { [eventAttributesExpr]: firstRow[eventAttributesExpr] }\n : {},\n [eventAttributesExpr, firstRow],\n );\n\n const _generateSearchUrl = useCallback(\n (query?: string, queryLanguage?: 'sql' | 'lucene') => {\n return (\n generateSearchUrl?.({\n where: query,\n whereLanguage: queryLanguage,\n }) ?? '/'\n );\n },\n [generateSearchUrl],\n );\n\n const isHttpRequest = useMemo(() => {\n const attributes =\n eventAttributesExpr && dataAttributes?.[eventAttributesExpr];\n return attributes?.['http.url'] != null;\n }, [dataAttributes, eventAttributesExpr]);\n\n const filteredEventAttributes = useMemo(() => {\n if (!eventAttributesExpr) return dataAttributes;\n\n const attributes = dataAttributes?.[eventAttributesExpr];\n return isHttpRequest && attributes\n ? {\n [eventAttributesExpr]: pickBy(\n attributes,\n (_, key) => !key.startsWith('http.'),\n ),\n }\n : dataAttributes;\n }, [dataAttributes, isHttpRequest, eventAttributesExpr]);\n\n const exceptionValues = useMemo(() => {\n const parsedEvents =\n firstRow?.__hdx_events_exception_attributes ?? EMPTY_OBJ;\n const stacktrace =\n parsedEvents?.['exception.stacktrace'] ||\n parsedEvents?.['exception.parsed_stacktrace'];\n\n let parsedStacktrace = stacktrace ?? '[]';\n try {\n parsedStacktrace = JSON.parse(stacktrace);\n } catch (e) {\n // do nothing\n }\n\n return [\n {\n stacktrace: parsedStacktrace,\n type: parsedEvents?.['exception.type'],\n value:\n typeof parsedEvents?.['exception.message'] !== 'string'\n ? JSON.stringify(parsedEvents?.['exception.message'])\n : parsedEvents?.['exception.message'],\n mechanism: parsedEvents?.['exception.mechanism'],\n },\n ];\n }, [firstRow]);\n\n const hasException = useMemo(() => {\n return (\n Object.keys(firstRow?.__hdx_events_exception_attributes ?? {}).length > 0\n );\n }, [firstRow?.__hdx_events_exception_attributes]);\n\n const hasSpanEvents = useMemo(() => {\n return (\n Array.isArray(firstRow?.__hdx_span_events) &&\n firstRow?.__hdx_span_events.length > 0\n );\n }, [firstRow?.__hdx_span_events]);\n\n const mainContentColumn = getEventBody(source);\n const mainContent = isString(firstRow?.['__hdx_body'])\n ? firstRow['__hdx_body']\n : firstRow?.['__hdx_body'] !== undefined\n ? JSON.stringify(firstRow['__hdx_body'])\n : undefined;\n\n return (\n
\n {!hideHeader && (\n \n \n \n )}\n \n {isHttpRequest && (\n \n \n \n HTTP Request\n \n \n \n \n \n \n \n \n )}\n\n {hasException && (\n \n \n \n Exception\n \n \n \n \n \n \n \n \n )}\n\n {hasSpanEvents && (\n \n \n \n Span Events\n \n \n \n \n \n \n \n \n )}\n\n {Object.keys(topLevelAttributes).length > 0 && (\n \n \n \n Top Level Attributes\n \n \n \n \n \n \n \n \n )}\n\n \n \n \n {source.kind === 'log' ? 'Log' : 'Span'} Attributes\n \n \n \n \n \n \n \n \n\n \n \n \n Resource Attributes\n \n \n \n \n {Object.entries(resourceAttributes).map(([key, value]) => (\n \n ))}\n \n \n \n \n
\n );\n}\n" }, { "path": "packages/app/src/components/DBRowSidePanel.tsx", "content": "import {\n createContext,\n Dispatch,\n SetStateAction,\n useCallback,\n useContext,\n useMemo,\n useState,\n} from 'react';\nimport { add } from 'date-fns';\nimport { isString } from 'lodash';\nimport { parseAsStringEnum, useQueryState } from 'nuqs';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { useHotkeys } from 'react-hotkeys-hook';\nimport {\n isLogSource,\n isSessionSource,\n isTraceSource,\n SourceKind,\n TLogSource,\n TSource,\n TTraceSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { BuilderChartConfigWithDateRange } from '@hyperdx/common-utils/dist/types';\nimport { Box, Drawer, Flex, Stack } from '@mantine/core';\n\nimport DBRowSidePanelHeader, {\n BreadcrumbNavigationCallback,\n BreadcrumbPath,\n} from '@/components/DBRowSidePanelHeader';\nimport useResizable from '@/hooks/useResizable';\nimport { WithClause } from '@/hooks/useRowWhere';\nimport useWaterfallSearchState from '@/hooks/useWaterfallSearchState';\nimport { LogSidePanelKbdShortcuts } from '@/LogSidePanelElements';\nimport { getEventBody } from '@/source';\nimport TabBar from '@/TabBar';\nimport { SearchConfig } from '@/types';\nimport { getHighlightedAttributesFromData } from '@/utils/highlightedAttributes';\nimport { useZIndex, ZIndexContext } from '@/zIndex';\n\nimport ServiceMapSidePanel from './ServiceMap/ServiceMapSidePanel';\nimport ContextSubpanel from './ContextSidePanel';\nimport DBInfraPanel from './DBInfraPanel';\nimport { RowDataPanel, useRowData } from './DBRowDataPanel';\nimport { RowOverviewPanel } from './DBRowOverviewPanel';\nimport { DBSessionPanel, useSessionId } from './DBSessionPanel';\nimport DBTracePanel from './DBTracePanel';\n\nimport styles from '@/../styles/LogSidePanel.module.scss';\n\nexport type RowSidePanelContextProps = {\n onPropertyAddClick?: (\n keyPath: string,\n value: string,\n action?: 'only' | 'exclude' | 'include',\n ) => void;\n generateSearchUrl?: ({\n where,\n whereLanguage,\n source,\n }: {\n where: SearchConfig['where'];\n whereLanguage: SearchConfig['whereLanguage'];\n source?: TSource;\n }) => string;\n generateChartUrl?: (config: {\n aggFn: string;\n field: string;\n groupBy: string[];\n }) => string;\n displayedColumns?: string[];\n toggleColumn?: (column: string) => void;\n shareUrl?: string;\n dbSqlRowTableConfig?: BuilderChartConfigWithDateRange;\n isChildModalOpen?: boolean;\n setChildModalOpen?: (open: boolean) => void;\n source?: TLogSource | TTraceSource;\n};\n\nexport const RowSidePanelContext = createContext({});\n\nenum Tab {\n Overview = 'overview',\n Parsed = 'parsed',\n Debug = 'debug',\n Trace = 'trace',\n ServiceMap = 'serviceMap',\n Context = 'context',\n Replay = 'replay',\n Infrastructure = 'infrastructure',\n}\n\ntype DBRowSidePanelProps = {\n source: TSource;\n rowId: string | undefined;\n aliasWith?: WithClause[];\n onClose: () => void;\n isNestedPanel?: boolean;\n breadcrumbPath?: BreadcrumbPath;\n onBreadcrumbClick?: BreadcrumbNavigationCallback;\n};\n\nconst DBRowSidePanel = ({\n rowId: rowId,\n aliasWith,\n source,\n isNestedPanel = false,\n setSubDrawerOpen,\n onClose,\n breadcrumbPath = [],\n onBreadcrumbClick,\n}: DBRowSidePanelProps & {\n setSubDrawerOpen: Dispatch>;\n}) => {\n const {\n data: rowData,\n isLoading: isRowLoading,\n isSuccess: isRowSuccess,\n } = useRowData({\n source,\n rowId,\n aliasWith,\n });\n\n const { dbSqlRowTableConfig } = useContext(RowSidePanelContext);\n\n const handleBreadcrumbClick = useCallback(\n (targetLevel: number) => {\n // Current panel's level in the hierarchy\n const currentLevel = breadcrumbPath.length;\n\n // The target panel level corresponds to the breadcrumb index:\n // - targetLevel 0 = root panel (breadcrumbPath.length = 0)\n // - targetLevel 1 = first nested panel (breadcrumbPath.length = 1)\n // - etc.\n\n // If our current level is greater than the target panel level, close this panel\n if (currentLevel > targetLevel) {\n onClose();\n onBreadcrumbClick?.(targetLevel);\n }\n // If our current level equals the target panel level, we're the target - don't close\n else if (currentLevel === targetLevel) {\n // This is the panel the user wants to navigate to - do nothing (stay open)\n return;\n }\n // If our current level is less than target, propagate up (this panel should stay open)\n else {\n onBreadcrumbClick?.(targetLevel);\n }\n },\n [breadcrumbPath.length, onBreadcrumbClick, onClose],\n );\n\n const hasOverviewPanel = useMemo(() => {\n if (isLogSource(source) || isTraceSource(source)) {\n if (\n source.resourceAttributesExpression ||\n source.eventAttributesExpression\n ) {\n return true;\n }\n } else if (\n source.kind === SourceKind.Metric &&\n source.resourceAttributesExpression\n ) {\n return true;\n }\n return false;\n }, [source]);\n\n const defaultTab =\n source.kind === 'trace'\n ? Tab.Trace\n : hasOverviewPanel\n ? Tab.Overview\n : Tab.Parsed;\n\n const [queryTab, setQueryTab] = useQueryState(\n 'sidePanelTab',\n parseAsStringEnum(Object.values(Tab)).withDefault(defaultTab),\n );\n\n const [stateTab, setStateTab] = useState(defaultTab);\n // Nested panels can't share the query param or else they'll conflict, so we'll use local state for nested panels\n // We'll need to handle this properly eventually...\n const tab = isNestedPanel ? stateTab : queryTab;\n const setTab = isNestedPanel ? setStateTab : setQueryTab;\n\n const displayedTab = tab;\n\n const normalizedRow = rowData?.data?.[0];\n const timestampValue = normalizedRow?.['__hdx_timestamp'];\n\n // TODO: Improve parsing\n let timestampDate: Date;\n if (typeof timestampValue === 'number') {\n timestampDate = new Date(timestampValue * 1000);\n } else {\n timestampDate = new Date(timestampValue);\n }\n\n const mainContentColumn = getEventBody(source);\n const mainContent = isString(normalizedRow?.['__hdx_body'])\n ? normalizedRow['__hdx_body']\n : normalizedRow?.['__hdx_body'] !== undefined\n ? JSON.stringify(normalizedRow['__hdx_body'])\n : undefined;\n const severityText: string | undefined =\n normalizedRow?.['__hdx_severity_text'];\n\n const highlightedAttributeValues = useMemo(() => {\n const attributeExpressions: NonNullable<\n (TLogSource | TTraceSource)['highlightedRowAttributeExpressions']\n > = [];\n if (\n (source.kind === SourceKind.Trace || source.kind === SourceKind.Log) &&\n source.highlightedRowAttributeExpressions\n ) {\n attributeExpressions.push(...source.highlightedRowAttributeExpressions);\n }\n\n // Add service name expression to all sources, to maintain compatibility with\n // the behavior prior to the addition of highlightedRowAttributeExpressions\n if (\n (isLogSource(source) || isTraceSource(source)) &&\n source.serviceNameExpression\n ) {\n attributeExpressions.push({\n sqlExpression: source.serviceNameExpression,\n });\n }\n\n return rowData\n ? getHighlightedAttributesFromData(\n source,\n attributeExpressions,\n rowData.data || [],\n rowData.meta || [],\n )\n : [];\n }, [source, rowData]);\n\n const oneHourRange = useMemo(() => {\n return [\n add(timestampDate, { minutes: -60 }),\n add(timestampDate, { minutes: 60 }),\n ] as [Date, Date];\n }, [timestampDate]);\n\n // For session replay, we need +/-4 hours to get full session\n const fourHourRange = useMemo(() => {\n return [\n add(timestampDate, { hours: -4 }),\n add(timestampDate, { hours: 4 }),\n ] as [Date, Date];\n }, [timestampDate]);\n\n const focusDate = timestampDate;\n const traceId: string | undefined = normalizedRow?.['__hdx_trace_id'];\n\n const childSourceId = isLogSource(source)\n ? source.traceSourceId\n : isTraceSource(source)\n ? source.logSourceId\n : undefined;\n\n const traceSourceId = isTraceSource(source)\n ? source.id\n : isLogSource(source)\n ? source.traceSourceId\n : isSessionSource(source)\n ? source.traceSourceId\n : undefined;\n\n const enableServiceMap = traceId && traceSourceId;\n\n const { rumSessionId, rumServiceName } = useSessionId({\n sourceId: traceSourceId,\n traceId,\n dateRange: oneHourRange,\n enabled: rowId != null,\n });\n\n const hasK8sContext = useMemo(() => {\n try {\n if (!source?.resourceAttributesExpression || !normalizedRow) {\n return false;\n }\n\n const resourceAttrs = normalizedRow['__hdx_resource_attributes'];\n return (\n resourceAttrs?.['k8s.pod.uid'] != null ||\n resourceAttrs?.['k8s.node.name'] != null\n );\n } catch (e) {\n console.error(e);\n return false;\n }\n }, [source, normalizedRow]);\n\n const initialRowHighlightHint = useMemo(() => {\n if (normalizedRow) {\n return {\n timestamp: normalizedRow['__hdx_timestamp'],\n spanId: normalizedRow['__hdx_span_id'],\n body: normalizedRow['__hdx_body'],\n };\n }\n }, [normalizedRow]);\n\n if (isRowLoading) {\n return
Loading...
;\n }\n\n if (!isRowSuccess) {\n return
Error loading row data
;\n }\n\n return (\n <>\n \n \n \n {/* */}\n setTab(v)}\n />\n {displayedTab === Tab.Overview && (\n {\n console.error(err);\n }}\n fallbackRender={() => (\n
\n An error occurred while rendering this event.\n
\n )}\n >\n \n \n )}\n {displayedTab === Tab.Trace && (\n {\n console.error(err);\n }}\n fallbackRender={() => (\n
\n An error occurred while rendering this event.\n
\n )}\n >\n \n \n \n \n )}\n {displayedTab === Tab.ServiceMap && enableServiceMap && (\n {\n console.error(err);\n }}\n fallbackRender={() => (\n
\n An error occurred while rendering this event.\n
\n )}\n >\n \n \n \n \n )}\n {displayedTab === Tab.Parsed && (\n {\n console.error(err);\n }}\n fallbackRender={() => (\n
\n An error occurred while rendering this event.\n
\n )}\n >\n \n \n )}\n {displayedTab === Tab.Context && (\n {\n console.error(err);\n }}\n fallbackRender={() => (\n
\n An error occurred while rendering this event.\n
\n )}\n >\n \n \n )}\n {displayedTab === Tab.Replay && (\n {\n console.error(err);\n }}\n fallbackRender={() => (\n
\n An error occurred while rendering this event.\n
\n )}\n >\n
\n \n
\n \n )}\n {displayedTab === Tab.Infrastructure && (\n {\n console.error(err);\n }}\n fallbackRender={() => (\n
\n An error occurred while rendering this event.\n
\n )}\n >\n \n \n \n \n )}\n \n \n );\n};\n\nexport default function DBRowSidePanelErrorBoundary({\n onClose,\n rowId,\n aliasWith,\n source,\n isNestedPanel,\n breadcrumbPath = [],\n onBreadcrumbClick,\n}: DBRowSidePanelProps) {\n const contextZIndex = useZIndex();\n const drawerZIndex = contextZIndex + 10;\n\n const initialWidth = 80;\n const { size, startResize } = useResizable(initialWidth);\n\n // Keep track of sub-drawers so we can disable closing this root drawer\n const [subDrawerOpen, setSubDrawerOpen] = useState(false);\n\n const { isChildModalOpen } = useContext(RowSidePanelContext);\n\n const [_, setQueryTab] = useQueryState(\n 'tab',\n parseAsStringEnum(Object.values(Tab)),\n );\n\n const { clear: clearTraceWaterfallSearchState } = useWaterfallSearchState({});\n\n const _onClose = useCallback(() => {\n // Reset tab to undefined when unmounting, so that when we open the drawer again, it doesn't open to the last tab\n // (which might not be valid, ex session replay)\n if (!isNestedPanel) {\n setQueryTab(null);\n }\n // Clear waterfall search state on close, so that filters don't\n // persist when reopening another trace.\n clearTraceWaterfallSearchState();\n onClose();\n }, [setQueryTab, isNestedPanel, onClose, clearTraceWaterfallSearchState]);\n\n useHotkeys(['esc'], _onClose, { enabled: subDrawerOpen === false });\n\n return (\n {\n if (!subDrawerOpen) {\n _onClose();\n }\n }}\n position=\"right\"\n size={`${size}vw`}\n styles={{\n body: {\n padding: '0',\n height: '100%',\n },\n }}\n zIndex={drawerZIndex}\n >\n \n
\n \n (\n \n
\n An error occurred while rendering this event.\n
\n\n
\n {error?.error?.message}\n
\n \n )}\n >\n \n \n
\n \n \n );\n}\n" }, { "path": "packages/app/src/components/DBRowSidePanelHeader.tsx", "content": "import React, {\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport {\n Box,\n Breadcrumbs,\n Button,\n Flex,\n Paper,\n Text,\n Tooltip,\n UnstyledButton,\n} from '@mantine/core';\nimport {\n IconArrowsDiagonal,\n IconArrowsDiagonalMinimize2,\n} from '@tabler/icons-react';\n\nimport { FormatTime } from '@/useFormatTime';\nimport { useUserPreferences } from '@/useUserPreferences';\nimport { formatDistanceToNowStrictShort } from '@/utils';\n\nimport {\n DBHighlightedAttributesList,\n HighlightedAttribute,\n} from './DBHighlightedAttributesList';\nimport { RowSidePanelContext } from './DBRowSidePanel';\nimport LogLevel from './LogLevel';\n\nconst isValidDate = (date: Date) => 'getTime' in date && !isNaN(date.getTime());\n\nconst MAX_MAIN_CONTENT_LENGTH = 2000;\n\n// Types for breadcrumb navigation\nexport type BreadcrumbEntry = {\n label: string;\n rowData?: Record;\n};\n\nexport type BreadcrumbPath = BreadcrumbEntry[];\n\n// Navigation callback type - called when user wants to navigate to a specific level\nexport type BreadcrumbNavigationCallback = (targetLevel: number) => void;\n\nfunction getBodyTextForBreadcrumb(rowData: Record): string {\n const bodyText = (rowData.__hdx_body || '').trim();\n const BREADCRUMB_TOOLTIP_MAX_LENGTH = 200;\n const BREADCRUMB_TOOLTIP_TRUNCATED_LENGTH = 197;\n\n return bodyText.length > BREADCRUMB_TOOLTIP_MAX_LENGTH\n ? `${bodyText.substring(0, BREADCRUMB_TOOLTIP_TRUNCATED_LENGTH)}...`\n : bodyText;\n}\n\nfunction BreadcrumbNavigation({\n breadcrumbPath,\n onNavigateToLevel,\n}: {\n breadcrumbPath: BreadcrumbPath;\n onNavigateToLevel?: BreadcrumbNavigationCallback;\n}) {\n const handleBreadcrumbItemClick = useCallback(\n (clickedIndex: number) => {\n // Navigate to the clicked breadcrumb level\n // This will close all panels above this level\n onNavigateToLevel?.(clickedIndex);\n },\n [onNavigateToLevel],\n );\n\n const breadcrumbItems = useMemo(() => {\n if (breadcrumbPath.length === 0) return [];\n\n const items = [];\n\n // Add all previous levels from breadcrumbPath\n breadcrumbPath.forEach((crumb, index) => {\n const tooltipText = crumb.rowData\n ? getBodyTextForBreadcrumb(crumb.rowData)\n : '';\n\n items.push(\n \n handleBreadcrumbItemClick(index)}\n style={{ textDecoration: 'none' }}\n >\n \n {index === 0 ? 'Original Event' : crumb.label}\n \n \n ,\n );\n });\n\n // Add current level\n items.push(\n \n Selected Event\n ,\n );\n\n return items;\n }, [breadcrumbPath, handleBreadcrumbItemClick]);\n\n if (breadcrumbPath.length === 0) return null;\n\n return (\n \n \n {breadcrumbItems}\n \n \n );\n}\n\nexport default function DBRowSidePanelHeader({\n attributes = [],\n mainContent = '',\n mainContentHeader,\n date,\n severityText,\n breadcrumbPath = [],\n onBreadcrumbClick,\n}: {\n date: Date;\n mainContent?: string;\n mainContentHeader?: string;\n attributes?: HighlightedAttribute[];\n severityText?: string;\n breadcrumbPath?: BreadcrumbPath;\n onBreadcrumbClick?: BreadcrumbNavigationCallback;\n}) {\n const [bodyExpanded, setBodyExpanded] = React.useState(false);\n const { onPropertyAddClick, generateSearchUrl } =\n useContext(RowSidePanelContext);\n\n const isContentTruncated = mainContent.length > MAX_MAIN_CONTENT_LENGTH;\n const mainContentDisplayed = React.useMemo(\n () =>\n bodyExpanded\n ? mainContent\n : mainContent?.slice(0, MAX_MAIN_CONTENT_LENGTH),\n [bodyExpanded, mainContent],\n );\n\n const [headerElement, setHeaderElement] = useState(\n null,\n );\n const [headerHeight, setHeaderHeight] = useState(0);\n useEffect(() => {\n if (!headerElement) return;\n\n const updateHeight = () => {\n const newHeight = headerElement.offsetHeight;\n setHeaderHeight(newHeight);\n };\n updateHeight();\n\n // Set up a resize observer to detect height changes\n const resizeObserver = new ResizeObserver(updateHeight);\n resizeObserver.observe(headerElement);\n\n // Clean up the observer on component unmount\n return () => {\n resizeObserver.disconnect();\n };\n }, [headerElement]);\n\n const { userPreferences, setUserPreference } = useUserPreferences();\n const { expandSidebarHeader } = userPreferences;\n const maxBoxHeight = 120;\n\n const _generateSearchUrl = useCallback(\n (query?: string, queryLanguage?: 'sql' | 'lucene') => {\n return (\n generateSearchUrl?.({\n where: query,\n whereLanguage: queryLanguage,\n }) ?? '/'\n );\n },\n [generateSearchUrl],\n );\n\n return (\n <>\n {/* Breadcrumb navigation */}\n \n\n {/* Event timestamp and severity */}\n \n {severityText && }\n {severityText && isValidDate(date) && (\n \n ·\n \n )}\n {isValidDate(date) && (\n \n ·{' '}\n {formatDistanceToNowStrictShort(date)} ago\n \n )}\n \n {mainContent ? (\n \n \n {mainContentHeader}\n {/* Toggles expanded sidebar header*/}\n {headerHeight >= maxBoxHeight && (\n \n setUserPreference({\n ...userPreferences,\n expandSidebarHeader: !expandSidebarHeader,\n })\n }\n >\n {/* TODO: Only show expand button when maxHeight = 120? */}\n {expandSidebarHeader ? (\n \n ) : (\n \n )}\n \n )}\n \n {mainContentDisplayed}\n {isContentTruncated && (\n {\n setBodyExpanded(prev => !prev);\n }}\n >\n {bodyExpanded ? 'Collapse' : 'Expand'}\n \n )}\n \n ) : (\n \n \n [Empty]\n \n \n )}\n \n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/DBRowTable.tsx", "content": "import React, {\n memo,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport cx from 'classnames';\nimport { formatDistance } from 'date-fns';\nimport { isString } from 'lodash';\nimport curry from 'lodash/curry';\nimport ms from 'ms';\nimport { useHotkeys } from 'react-hotkeys-hook';\nimport {\n Bar,\n BarChart,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from 'recharts';\nimport {\n chSqlToAliasMap,\n ClickHouseQueryError,\n ColumnMetaType,\n convertCHDataTypeToJSType,\n extractColumnReferencesFromKey,\n isJSDataTypeJSONStringifiable,\n JSDataType,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport { splitAndTrimWithBracket } from '@hyperdx/common-utils/dist/core/utils';\nimport {\n BuilderChartConfigWithDateRange,\n SelectList,\n SourceKind,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n Box,\n Code,\n Flex,\n Group,\n Modal,\n Text,\n Tooltip as MantineTooltip,\n UnstyledButton,\n} from '@mantine/core';\nimport {\n IconCode,\n IconDownload,\n IconRefresh,\n IconRotateClockwise,\n IconSettings,\n IconTextWrap,\n IconTextWrapDisabled,\n} from '@tabler/icons-react';\nimport { FetchNextPageOptions, useQuery } from '@tanstack/react-query';\nimport {\n ColumnDef,\n ColumnResizeMode,\n flexRender,\n getCoreRowModel,\n Row as TableRow,\n SortingState,\n TableOptions,\n useReactTable,\n} from '@tanstack/react-table';\nimport { useVirtualizer } from '@tanstack/react-virtual';\n\nimport api from '@/api';\nimport { searchChartConfigDefaults } from '@/defaults';\nimport {\n useAliasMapFromChartConfig,\n useRenderedSqlChartConfig,\n} from '@/hooks/useChartConfig';\nimport { useCsvExport } from '@/hooks/useCsvExport';\nimport { useTableMetadata } from '@/hooks/useMetadata';\nimport useOffsetPaginatedQuery from '@/hooks/useOffsetPaginatedQuery';\nimport { useGroupedPatterns } from '@/hooks/usePatterns';\nimport useRowWhere, {\n INTERNAL_ROW_FIELDS,\n RowWhereResult,\n WithClause,\n} from '@/hooks/useRowWhere';\nimport { useTableSearch } from '@/hooks/useTableSearch';\nimport { useSource } from '@/source';\nimport {\n MIN_COLUMN_WIDTH,\n MIN_LAST_COLUMN_WIDTH,\n UNDEFINED_WIDTH,\n} from '@/tableUtils';\nimport { FormatTime } from '@/useFormatTime';\nimport { useUserPreferences } from '@/useUserPreferences';\nimport {\n COLORS,\n getLogLevelClass,\n logLevelColor,\n useLocalStorage,\n usePrevious,\n} from '@/utils';\n\nimport DBRowTableFieldWithPopover from './DBTable/DBRowTableFieldWithPopover';\nimport DBRowTableRowButtons from './DBTable/DBRowTableRowButtons';\nimport TableHeader from './DBTable/TableHeader';\nimport {\n highlightText,\n TableSearchInput,\n TableSearchMatchIndicator,\n} from './DBTable/TableSearchInput';\nimport { SQLPreview } from './ChartSQLPreview';\nimport { CsvExportButton } from './CsvExportButton';\nimport { RowSidePanelContext } from './DBRowSidePanel';\nimport {\n createExpandButtonColumn,\n ExpandedLogRow,\n useExpandableRows,\n} from './ExpandableRowTable';\nimport LogLevel from './LogLevel';\n\nimport styles from '../../styles/LogTable.module.scss';\n\ntype Row = Record & { duration: number };\ntype AccessorFn = (row: Row, column: string) => any;\n\nconst SPECIAL_VALUES = {\n not_available: 'NULL',\n};\nconst ACCESSOR_MAP: Record = {\n duration: row =>\n row.duration >= 0 ? row.duration : SPECIAL_VALUES.not_available,\n severityText: row => row.severityText ?? row.statusCode,\n default: (row, column) => row[column],\n};\n\nconst MAX_SCROLL_FETCH_LINES = 1000;\nconst MAX_CELL_LENGTH = 500;\n\nconst getRowId = (row: Record): string =>\n row[INTERNAL_ROW_FIELDS.ID];\n\nfunction retrieveColumnValue(column: string, row: Row): any {\n const accessor = ACCESSOR_MAP[column] ?? ACCESSOR_MAP.default;\n return accessor(row, column);\n}\n\nfunction getResolvedColumnSize(\n column: string,\n opts: {\n aliasMap?: Record;\n columnTypeMap: Map;\n logLevelColumn?: string;\n columnSizeStorage: Record;\n },\n): number {\n const columnId = opts.aliasMap?.[column] ? `\"${column}\"` : column;\n const stored = opts.columnSizeStorage[columnId];\n if (stored != null) return stored;\n const jsType = opts.columnTypeMap.get(column)?._type;\n if (jsType === JSDataType.Date) return 170;\n if (column === opts.logLevelColumn) return 115;\n return 160;\n}\n\nfunction inferLogLevelColumn(rows: Record[]) {\n const MAX_ROWS_TO_INSPECT = 100;\n const levelCounts: Record = {};\n const inspectRowCount = Math.min(rows.length, MAX_ROWS_TO_INSPECT);\n for (let i = 0; i < inspectRowCount; i++) {\n const row = rows[i];\n Object.keys(row).forEach(key => {\n const value = row[key];\n if (\n (value?.length || 0) > 0 &&\n (value?.length || 0) < 512 && // avoid inspecting long strings\n isString(value) &&\n getLogLevelClass(value) != null\n ) {\n levelCounts[key] = (levelCounts[key] ?? 0) + 1;\n }\n });\n }\n\n let maxCount = 0;\n let maxKey = '';\n for (const [key, count] of Object.entries(levelCounts)) {\n if (count > maxCount) {\n maxCount = count;\n maxKey = key;\n }\n }\n\n if (maxCount > 0) {\n return maxKey;\n }\n\n return undefined;\n}\n\nconst PatternTrendChartTooltip = () => {\n return null;\n};\n\nexport const PatternTrendChart = ({\n data,\n dateRange,\n color,\n}: {\n data: { bucket: string; count: number }[];\n dateRange: [Date, Date];\n color?: string;\n}) => {\n return (\n \n \n \n \n \n // format(new Date(tick * 1000), 'MMM d HH:mm')\n // }\n tickFormatter={() => ''}\n minTickGap={50}\n tick={{ fontSize: 12, fontFamily: 'IBM Plex Mono, monospace' }}\n />\n \n new Intl.NumberFormat('en-US', {\n notation: 'compact',\n compactDisplay: 'short',\n }).format(value)\n }\n tick={{ fontSize: 12, fontFamily: 'IBM Plex Mono, monospace' }}\n />\n \n {/* */}\n } />\n \n \n
\n \n );\n};\n\nconst SqlModal = ({\n opened,\n onClose,\n config,\n}: {\n opened: boolean;\n onClose: () => void;\n config: BuilderChartConfigWithDateRange;\n}) => {\n const { data: sql, isLoading: isLoadingSql } = useRenderedSqlChartConfig(\n config,\n {\n queryKey: ['SqlModal', config],\n placeholderData: prev => prev ?? '', // Avoid flicker when query changes (eg. when in live mode)\n enabled: opened,\n },\n );\n\n return (\n \n {sql ? (\n \n ) : isLoadingSql ? (\n
\n
\n \n
\n Loading SQL...\n
\n ) : (\n
No SQL available
\n )}\n \n );\n};\n\nexport const RawLogTable = memo(\n ({\n tableId,\n displayedColumns,\n fetchNextPage,\n hasNextPage,\n highlightedLineId,\n isLive,\n isLoading,\n rows,\n generateRowId,\n onInstructionsClick,\n // onPropertySearchClick,\n onRowDetailsClick,\n onScroll,\n onSettingsClick,\n onShowPatternsClick,\n wrapLines = false,\n columnNameMap,\n showServiceColumn = true,\n dedupRows,\n isError,\n error,\n columnTypeMap,\n dateRange,\n loadingDate,\n config,\n onChildModalOpen,\n renderRowDetails,\n source,\n onExpandedRowsChange,\n collapseAllRows,\n enableSorting = false,\n onSortingChange,\n sortOrder,\n showExpandButton = true,\n getRowWhere,\n variant = 'default',\n onRemoveColumn,\n }: {\n wrapLines?: boolean;\n displayedColumns: string[];\n onSettingsClick?: () => void;\n onInstructionsClick?: () => void;\n rows: Record[];\n isLoading?: boolean;\n fetchNextPage?: (options?: FetchNextPageOptions | undefined) => any;\n onRowDetailsClick: (row: Record) => void;\n generateRowId: (row: Record) => RowWhereResult;\n // onPropertySearchClick: (\n // name: string,\n // value: string | number | boolean,\n // ) => void;\n hasNextPage?: boolean;\n highlightedLineId?: string;\n onScroll?: (scrollTop: number) => void;\n isLive?: boolean;\n onShowPatternsClick?: () => void;\n tableId?: string;\n columnNameMap?: Record;\n showServiceColumn?: boolean;\n dedupRows?: boolean;\n columnTypeMap: Map;\n\n isError?: boolean;\n error?: ClickHouseQueryError | Error;\n dateRange?: [Date, Date];\n loadingDate?: Date;\n config?: BuilderChartConfigWithDateRange;\n onChildModalOpen?: (open: boolean) => void;\n source?: TSource;\n onExpandedRowsChange?: (hasExpandedRows: boolean) => void;\n collapseAllRows?: boolean;\n showExpandButton?: boolean;\n renderRowDetails?: (row: {\n id: string;\n aliasWith?: WithClause[];\n [key: string]: any;\n }) => React.ReactNode;\n enableSorting?: boolean;\n sortOrder?: SortingState;\n onSortingChange?: (v: SortingState | null) => void;\n getRowWhere?: (row: Record) => RowWhereResult;\n variant?: DBRowTableVariant;\n onRemoveColumn?: (column: string) => void;\n }) => {\n const dedupedRows = useMemo(() => {\n const lIds = new Set();\n const returnedRows = dedupRows\n ? rows.filter(l => {\n const rowWhereResult = generateRowId(l);\n if (lIds.has(rowWhereResult.where)) {\n return false;\n }\n lIds.add(rowWhereResult.where);\n return true;\n })\n : rows;\n\n return returnedRows.map(r => {\n const rowWhereResult = generateRowId(r);\n return {\n ...r,\n [INTERNAL_ROW_FIELDS.ID]: rowWhereResult.where,\n [INTERNAL_ROW_FIELDS.ALIAS_WITH]: rowWhereResult.aliasWith,\n };\n });\n }, [rows, dedupRows, generateRowId]);\n\n const _onRowExpandClick = useCallback(\n (row: Record) => {\n onRowDetailsClick?.(row);\n },\n [onRowDetailsClick],\n );\n\n const {\n userPreferences: { isUTC },\n } = useUserPreferences();\n\n const [columnSizeStorage, setColumnSizeStorage] = useLocalStorage<\n Record\n >(`${tableId}-column-sizes`, {});\n\n //once the user has scrolled within 500px of the bottom of the table, fetch more data if there is any\n const FETCH_NEXT_PAGE_PX = 500;\n\n //we need a reference to the scrolling element for logic down below\n const [tableContainerRef, setTableContainerRef] =\n useState(null);\n const tableContainerRefCallback = useCallback(\n (node: HTMLDivElement): (() => void) => {\n if (node) {\n setTableContainerRef(node);\n }\n return () => {\n setTableContainerRef(null);\n };\n },\n [],\n );\n\n const [containerWidth, setContainerWidth] = useState(0);\n useEffect(() => {\n if (!tableContainerRef) return;\n setContainerWidth(tableContainerRef.clientWidth);\n const observer = new ResizeObserver(entries => {\n for (const entry of entries) {\n setContainerWidth(entry.contentRect.width);\n }\n });\n observer.observe(tableContainerRef);\n return () => observer.disconnect();\n }, [tableContainerRef]);\n\n // Get the alias map from the config so we resolve correct column ids\n const { data: aliasMap } = useAliasMapFromChartConfig(config);\n\n // Reset scroll when live tail is enabled for the first time\n const prevIsLive = usePrevious(isLive);\n useEffect(() => {\n if (isLive && prevIsLive === false && tableContainerRef != null) {\n tableContainerRef.scrollTop = 0;\n }\n }, [isLive, prevIsLive, tableContainerRef]);\n\n const logLevelColumn = useMemo(() => {\n return inferLogLevelColumn(dedupedRows);\n }, [dedupedRows]);\n\n const { csvData, maxRows, isLimited } = useCsvExport(\n dedupedRows,\n displayedColumns.map(col => ({\n dataKey: col,\n displayName: columnNameMap?.[col] ?? col,\n })),\n );\n\n // Expandable rows functionality\n const {\n expandedRows,\n toggleRowExpansion,\n collapseAllRows: collapseRows,\n } = useExpandableRows(onExpandedRowsChange);\n\n // Effect to collapse all rows when requested by parent\n useEffect(() => {\n if (collapseAllRows) {\n collapseRows();\n }\n }, [collapseAllRows, collapseRows]);\n\n // Find within page functionality using custom hook\n const tableSearch = useTableSearch({\n rows: dedupedRows,\n searchableColumns: displayedColumns,\n debounceMs: 300,\n });\n\n const columnSizeOpts = useMemo(\n () => ({ aliasMap, columnTypeMap, logLevelColumn, columnSizeStorage }),\n [aliasMap, columnTypeMap, logLevelColumn, columnSizeStorage],\n );\n\n const lastColumnWidth = useMemo(() => {\n if (displayedColumns.length === 0) return MIN_LAST_COLUMN_WIDTH;\n\n const lastCol = displayedColumns[displayedColumns.length - 1];\n const lastColId = columnSizeOpts.aliasMap?.[lastCol]\n ? `\"${lastCol}\"`\n : lastCol;\n const storedLast = columnSizeOpts.columnSizeStorage[lastColId];\n\n if (storedLast != null) {\n return Math.max(MIN_LAST_COLUMN_WIDTH, storedLast);\n }\n\n const expandWidth = showExpandButton ? 32 : 0;\n const nonLastSum = displayedColumns\n .slice(0, -1)\n .reduce(\n (total, column) =>\n total + getResolvedColumnSize(column, columnSizeOpts),\n 0,\n );\n return Math.max(\n MIN_LAST_COLUMN_WIDTH,\n containerWidth - nonLastSum - expandWidth,\n );\n }, [displayedColumns, columnSizeOpts, showExpandButton, containerWidth]);\n\n const columns = useMemo[]>(\n () => [\n ...(showExpandButton\n ? [\n createExpandButtonColumn(\n expandedRows,\n toggleRowExpansion,\n highlightedLineId,\n ),\n ]\n : []),\n ...(displayedColumns.map((column, i) => {\n const jsColumnType = columnTypeMap.get(column)?._type;\n const isDate = jsColumnType === JSDataType.Date;\n return {\n meta: {\n column,\n jsColumnType,\n },\n // If the column is an alias, wrap in quotes.\n id: aliasMap?.[column] ? `\"${column}\"` : column,\n // TODO: add support for sorting on Dynamic JSON fields\n enableSorting: jsColumnType !== JSDataType.Dynamic,\n accessorFn: curry(retrieveColumnValue)(column), // Columns can contain '.' and will not work with accessorKey\n header: `${columnNameMap?.[column] ?? column}${isDate ? (isUTC ? ' (UTC)' : ' (Local)') : ''}`,\n cell: info => {\n const value = info.getValue(); // This can be any type realistically (numbers, strings, etc.)\n\n if (column === '__hdx_pattern_trend') {\n return (\n
\n \n
\n );\n }\n\n if (isDate) {\n const date = new Date(value);\n return (\n \n \n \n );\n }\n\n const strValue = typeof value === 'string' ? value : `${value}`;\n\n if (column === logLevelColumn) {\n return ;\n }\n\n const truncatedStrValue =\n strValue.length > MAX_CELL_LENGTH\n ? `${strValue.slice(0, MAX_CELL_LENGTH)}...`\n : strValue;\n\n // Apply search highlighting if there's a search query\n // Use React Table's row index which corresponds to dedupedRows index\n const isCurrentMatch =\n !!tableSearch.searchQuery &&\n tableSearch.matchIndices.length > 0 &&\n tableSearch.matchIndices[tableSearch.currentMatchIndex] ===\n info.row.index;\n\n const displayValue = tableSearch.searchQuery\n ? highlightText(truncatedStrValue, tableSearch.searchQuery, {\n isCurrentMatch,\n })\n : truncatedStrValue;\n\n return (\n \n {displayValue}\n \n );\n },\n size:\n i === displayedColumns.length - 1\n ? lastColumnWidth\n : getResolvedColumnSize(column, columnSizeOpts),\n };\n }) as ColumnDef[]),\n ],\n [\n isUTC,\n highlightedLineId,\n displayedColumns,\n columnSizeOpts,\n columnNameMap,\n columnTypeMap,\n logLevelColumn,\n expandedRows,\n toggleRowExpansion,\n showExpandButton,\n aliasMap,\n lastColumnWidth,\n tableSearch.searchQuery,\n tableSearch.matchIndices,\n tableSearch.currentMatchIndex,\n ],\n );\n\n //called on scroll and possibly on mount to fetch more data as the user scrolls and reaches bottom of table\n const fetchMoreOnBottomReached = useCallback(\n (containerRefElement?: HTMLDivElement | null) => {\n if (containerRefElement) {\n const { scrollHeight, scrollTop, clientHeight } = containerRefElement;\n if (\n scrollHeight - scrollTop - clientHeight < FETCH_NEXT_PAGE_PX &&\n !isLoading &&\n hasNextPage\n ) {\n // Cancel refetch is important to ensure we wait for the last fetch to finish\n fetchNextPage?.({ cancelRefetch: false });\n }\n }\n },\n [fetchNextPage, isLoading, hasNextPage],\n );\n\n //a check on mount and after a fetch to see if the table is already scrolled to the bottom and immediately needs to fetch more data\n useEffect(() => {\n fetchMoreOnBottomReached(tableContainerRef);\n }, [fetchMoreOnBottomReached, tableContainerRef]);\n\n const reactTableProps = useMemo((): TableOptions => {\n //TODO: fix any\n const onColumnSizingChange = (updaterOrValue: any) => {\n const state =\n updaterOrValue instanceof Function\n ? updaterOrValue()\n : updaterOrValue;\n setColumnSizeStorage({ ...columnSizeStorage, ...state });\n };\n\n const initReactTableProps = {\n data: dedupedRows,\n columns,\n getCoreRowModel: getCoreRowModel(),\n // debugTable: true,\n enableSorting,\n manualSorting: true,\n onSortingChange: v => {\n if (typeof v === 'function') {\n const newSortVal = v(sortOrder ?? []);\n onSortingChange?.(newSortVal ?? null);\n } else {\n onSortingChange?.(v ?? null);\n }\n },\n state: {\n sorting: sortOrder ?? [],\n },\n defaultColumn: {\n minSize: MIN_COLUMN_WIDTH,\n },\n enableColumnResizing: true,\n columnResizeMode: 'onChange' as ColumnResizeMode,\n } satisfies TableOptions;\n\n const columnSizeProps = {\n state: {\n columnSizing: columnSizeStorage,\n },\n onColumnSizingChange: onColumnSizingChange,\n };\n\n return tableId\n ? { ...initReactTableProps, ...columnSizeProps }\n : initReactTableProps;\n }, [\n columns,\n dedupedRows,\n tableId,\n sortOrder,\n enableSorting,\n onSortingChange,\n columnSizeStorage,\n setColumnSizeStorage,\n ]);\n\n const table = useReactTable(reactTableProps);\n\n // Sum actual column widths to derive a pixel min-width for the table.\n // This enables horizontal scrolling when the viewport is narrower than\n // the total column widths.\n const tableMinWidth = useMemo(() => {\n const EXPAND_COLUMN_SIZE = 32;\n const expandWidth = showExpandButton ? EXPAND_COLUMN_SIZE : 0;\n return (\n expandWidth +\n displayedColumns.reduce((total, column, i) => {\n const size = getResolvedColumnSize(column, columnSizeOpts);\n if (i === displayedColumns.length - 1) {\n return total + Math.max(MIN_LAST_COLUMN_WIDTH, size);\n }\n return total + size;\n }, 0)\n );\n }, [displayedColumns, columnSizeOpts, showExpandButton]);\n\n const { rows: _rows } = table.getRowModel();\n\n const rowVirtualizer = useVirtualizer({\n count: _rows.length,\n // count: hasNextPage ? allRows.length + 1 : allRows.length,\n getScrollElement: useCallback(\n () => tableContainerRef,\n [tableContainerRef],\n ),\n estimateSize: useCallback(() => 23, []),\n overscan: 30,\n paddingEnd: 20,\n });\n\n const items = rowVirtualizer.getVirtualItems();\n const totalSize = rowVirtualizer.getTotalSize();\n\n const [paddingTop, paddingBottom] = useMemo(\n () =>\n items.length > 0\n ? [\n Math.max(0, items[0].start - rowVirtualizer.options.scrollMargin),\n Math.max(0, totalSize - items[items.length - 1].end),\n ]\n : [0, 0],\n [items, rowVirtualizer.options.scrollMargin, totalSize],\n );\n\n // Scroll to log id if it's not in window yet\n const [scrolledToHighlightedLine, setScrolledToHighlightedLine] =\n useState(false);\n const [wrapLinesEnabled, setWrapLinesEnabled] = useLocalStorage(\n `${tableId}-wrap-lines`,\n wrapLines ?? false,\n );\n const [showSql, setShowSql] = useState(false);\n\n const handleSqlModalOpen = (open: boolean) => {\n setShowSql(open);\n onChildModalOpen?.(open);\n };\n\n // Scroll to current match (only when explicitly navigating)\n // Fixed: Properly synchronized scroll flag with state updates\n useEffect(() => {\n if (!tableSearch.shouldScrollToMatch) {\n return;\n }\n\n if (\n tableSearch.matchIndices.length > 0 &&\n rowVirtualizer &&\n tableSearch.currentMatchIndex < tableSearch.matchIndices.length &&\n tableSearch.searchQuery.trim()\n ) {\n const matchRowIndex =\n tableSearch.matchIndices[tableSearch.currentMatchIndex];\n const matchedRow = dedupedRows[matchRowIndex];\n\n if (matchedRow) {\n // Find the corresponding row in the react-table rows\n const tableRowIndex = _rows.findIndex(\n row => getRowId(row.original) === getRowId(matchedRow),\n );\n\n if (tableRowIndex !== -1) {\n // Use requestAnimationFrame to ensure DOM is ready\n requestAnimationFrame(() => {\n rowVirtualizer.scrollToIndex(tableRowIndex, {\n align: 'center',\n });\n // Clear the flag after scrolling completes\n tableSearch.clearShouldScrollToMatch();\n });\n } else {\n // Row not found in virtual list, clear flag\n tableSearch.clearShouldScrollToMatch();\n }\n } else {\n // No matched row, clear flag\n tableSearch.clearShouldScrollToMatch();\n }\n } else {\n // Conditions not met, clear flag\n tableSearch.clearShouldScrollToMatch();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n tableSearch.shouldScrollToMatch,\n tableSearch.currentMatchIndex,\n tableSearch.matchIndices,\n tableSearch.searchQuery,\n tableSearch.clearShouldScrollToMatch,\n rowVirtualizer,\n _rows,\n dedupedRows,\n ]);\n\n useEffect(() => {\n if (\n scrolledToHighlightedLine ||\n !highlightedLineId ||\n rowVirtualizer == null\n ) {\n return;\n }\n\n const rowIdx = dedupedRows.findIndex(\n l => getRowId(l) === highlightedLineId,\n );\n if (rowIdx == -1 && highlightedLineId) {\n if (\n dedupedRows.length < MAX_SCROLL_FETCH_LINES &&\n !isLoading &&\n hasNextPage\n ) {\n fetchNextPage?.({ cancelRefetch: false });\n }\n } else {\n setScrolledToHighlightedLine(true);\n if (\n rowVirtualizer.getVirtualItems().find(l => l.index === rowIdx) == null\n ) {\n rowVirtualizer.scrollToIndex(rowIdx, {\n align: 'center',\n });\n }\n }\n }, [\n dedupedRows,\n highlightedLineId,\n fetchNextPage,\n rowVirtualizer,\n scrolledToHighlightedLine,\n isLoading,\n hasNextPage,\n ]);\n\n const shiftHighlightedLineId = useCallback(\n (shift: number) => {\n if (highlightedLineId == null) {\n return;\n }\n\n const newIndex =\n dedupedRows.findIndex(l => getRowId(l) === highlightedLineId) + shift;\n\n if (newIndex < 0 || newIndex >= dedupedRows.length) {\n return;\n }\n\n const newLine = dedupedRows[newIndex];\n\n _onRowExpandClick(newLine);\n },\n [highlightedLineId, _onRowExpandClick, dedupedRows],\n );\n\n useHotkeys(['ArrowRight', 'ArrowDown', 'j'], e => {\n e.preventDefault();\n shiftHighlightedLineId(1);\n });\n useHotkeys(['ArrowLeft', 'ArrowUp', 'k'], e => {\n e.preventDefault();\n shiftHighlightedLineId(-1);\n });\n\n const getCsvFilename = useCallback(() => {\n // eslint-disable-next-line no-restricted-syntax\n const timestamp = new Date()\n .toISOString()\n .replace(/[:.]/g, '-')\n .slice(0, 19);\n return `hyperdx_search_results_${timestamp}.csv`;\n }, []);\n\n return (\n \n \n {/* Find within page search bar - floating on top right */}\n \n {\n fetchMoreOnBottomReached(e.target as HTMLDivElement);\n\n if (e.target != null) {\n const { scrollTop } = e.target as HTMLDivElement;\n onScroll?.(scrollTop);\n }\n }}\n ref={tableContainerRefCallback}\n // Fixes flickering scroll bar: https://github.com/TanStack/virtual/issues/426#issuecomment-1403438040\n // style={{ overflowAnchor: 'none' }}\n >\n {config && (\n handleSqlModalOpen(false)}\n config={config}\n />\n )}\n \n \n {displayedColumns.length > 0 &&\n table.getHeaderGroups().map(headerGroup => (\n \n {headerGroup.headers.map((header, headerIndex) => {\n const isLast =\n headerIndex === headerGroup.headers.length - 1;\n return (\n {\n onRemoveColumn(\n (header.column.columnDef.meta as any)\n ?.column,\n );\n }\n : undefined\n }\n lastItemButtons={\n \n {tableId &&\n Object.keys(columnSizeStorage).length > 0 && (\n setColumnSizeStorage({})}\n title=\"Reset Column Widths\"\n display=\"flex\"\n >\n \n \n \n \n )}\n {config && (\n handleSqlModalOpen(true)}\n title=\"Show Generated SQL\"\n tabIndex={0}\n display=\"flex\"\n >\n \n \n \n \n )}\n \n setWrapLinesEnabled(prev => !prev)\n }\n title={`${wrapLinesEnabled ? 'Disable' : 'Enable'} Wrap Lines`}\n display=\"flex\"\n >\n \n {wrapLinesEnabled ? (\n \n ) : (\n \n )}\n \n \n\n \n \n \n \n \n {onSettingsClick != null && (\n onSettingsClick()}\n title=\"Settings\"\n display=\"flex\"\n >\n \n \n \n \n )}\n \n }\n />\n );\n })}\n \n ))}\n \n \n {paddingTop > 0 && (\n \n \n \n )}\n {items.map(virtualRow => {\n const row = _rows[virtualRow.index] as TableRow;\n const rowId = getRowId(row.original);\n const isExpanded = expandedRows[rowId] ?? false;\n\n return (\n \n \n {/* Expand button cell */}\n {showExpandButton && (\n \n {flexRender(\n row.getVisibleCells()[0].column.columnDef.cell,\n row.getVisibleCells()[0].getContext(),\n )}\n \n )}\n\n {/* Content columns grouped back to preserve row hover/click */}\n \n {\n _onRowExpandClick(row.original);\n }}\n aria-label=\"View details for log entry\"\n >\n {row\n .getVisibleCells()\n .slice(showExpandButton ? 1 : 0) // Skip expand\n .map(cell => {\n const columnCustomClassName = (\n cell.column.columnDef.meta as any\n )?.className;\n const columnSize = cell.column.getSize();\n const cellValue = cell.getValue();\n\n return (\n \n
\n \n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n \n
\n \n );\n })}\n {/* Row-level copy buttons */}\n {getRowWhere && (\n \n setWrapLinesEnabled(!wrapLinesEnabled)\n }\n />\n )}\n \n \n \n {showExpandButton && isExpanded && (\n \n {renderRowDetails?.({\n id: rowId,\n aliasWith:\n row.original[INTERNAL_ROW_FIELDS.ALIAS_WITH],\n ...row.original,\n })}\n \n )}\n \n );\n })}\n \n \n
\n {isLoading ? (\n
\n
\n \n
{' '}\n {loadingDate != null && (\n <>\n Searched .{' '}\n \n )}\n Loading results\n {dateRange?.[0] != null && dateRange?.[1] != null ? (\n <>\n {' '}\n across{' '}\n {formatDistance(\n dateRange?.[1],\n dateRange?.[0],\n )}{' '}\n {'('}\n {' '}\n to{' '}\n \n {')'}\n \n ) : null}\n ...\n
\n ) : hasNextPage == false &&\n isLoading == false &&\n dedupedRows.length > 0 ? (\n
End of Results
\n ) : isError ? (\n
\n \n Error loading results, please check your query or\n try again.\n \n \n \n \n {error?.message}\n \n \n {error instanceof ClickHouseQueryError && (\n <>\n \n Sent Query:\n \n \n \n \n \n )}\n \n
\n ) : hasNextPage == false &&\n isLoading == false &&\n dedupedRows.length === 0 ? (\n \n No results found.\n \n Try checking the query explainer in the search bar\n if there are any search syntax issues.\n \n {dateRange?.[0] != null && dateRange?.[1] != null ? (\n \n Searched Time Range:{' '}\n {formatDistance(dateRange?.[1], dateRange?.[0])}{' '}\n {'('}\n {' '}\n to{' '}\n \n {')'}\n \n ) : null}\n
\n ) : (\n
\n )}\n
\n \n \n {paddingBottom > 0 && (\n \n \n \n )}\n \n \n \n {/* Match indicator on the right side */}\n \n \n \n );\n },\n);\n\nexport function appendSelectWithPrimaryAndPartitionKey(\n select: SelectList,\n primaryKeys: string,\n partitionKey: string,\n): { select: SelectList; additionalKeysLength: number } {\n const partitionKeyArr = extractColumnReferencesFromKey(partitionKey);\n const primaryKeyArr = extractColumnReferencesFromKey(primaryKeys);\n const allKeys = new Set([...partitionKeyArr, ...primaryKeyArr]);\n if (typeof select === 'string') {\n const selectSplit = splitAndTrimWithBracket(select);\n const selectColumns = new Set(selectSplit);\n const additionalKeys = [...allKeys].filter(k => !selectColumns.has(k));\n return {\n select: [...selectColumns, ...additionalKeys].join(','),\n additionalKeysLength: additionalKeys.length,\n };\n } else {\n const additionalKeys = [...allKeys].map(k => ({ valueExpression: k }));\n return {\n select: [...select, ...additionalKeys],\n additionalKeysLength: additionalKeys.length,\n };\n }\n}\n\nfunction getSelectLength(select: SelectList): number {\n if (typeof select === 'string') {\n return select.split(',').filter(s => s.trim().length > 0).length;\n } else {\n return select.length;\n }\n}\n\nexport function useConfigWithPrimaryAndPartitionKey(\n config: BuilderChartConfigWithDateRange,\n) {\n const { data: tableMetadata } = useTableMetadata({\n databaseName: config.from.databaseName,\n tableName: config.from.tableName,\n connectionId: config.connection,\n });\n\n const primaryKey = tableMetadata?.primary_key;\n const partitionKey = tableMetadata?.partition_key;\n\n const mergedConfig = useMemo(() => {\n if (primaryKey == null || partitionKey == null) {\n return undefined;\n }\n\n const { select, additionalKeysLength } =\n appendSelectWithPrimaryAndPartitionKey(\n config.select,\n primaryKey,\n partitionKey,\n );\n return { ...config, select, additionalKeysLength };\n }, [primaryKey, partitionKey, config]);\n\n return mergedConfig;\n}\n\nexport function selectColumnMapWithoutAdditionalKeys(\n selectMeta: ColumnMetaType[] | undefined,\n additionalKeysLength: number | undefined,\n): Map<\n string,\n {\n _type: JSDataType | null;\n }\n> {\n if (selectMeta == null || additionalKeysLength == null) {\n return new Map();\n }\n const sm = selectMeta.slice(0, selectMeta.length - additionalKeysLength);\n\n return new Map(\n sm?.map(c => [\n c.name,\n {\n ...c,\n _type: convertCHDataTypeToJSType(c.type),\n },\n ]),\n );\n}\n\nexport type DBRowTableVariant = 'default' | 'muted';\n\nfunction DBSqlRowTableComponent({\n config,\n sourceId,\n onError,\n onRowDetailsClick,\n highlightedLineId,\n enabled = true,\n isLive = false,\n queryKeyPrefix,\n onScroll,\n denoiseResults = false,\n onChildModalOpen,\n onExpandedRowsChange,\n collapseAllRows,\n showExpandButton = true,\n renderRowDetails,\n onSortingChange,\n initialSortBy,\n variant = 'default',\n}: {\n config: BuilderChartConfigWithDateRange;\n sourceId?: string;\n onRowDetailsClick?: (rowWhere: RowWhereResult) => void;\n highlightedLineId?: string;\n queryKeyPrefix?: string;\n enabled?: boolean;\n isLive?: boolean;\n renderRowDetails?: (r: {\n id: string;\n aliasWith?: WithClause[];\n [key: string]: unknown;\n }) => React.ReactNode;\n onScroll?: (scrollTop: number) => void;\n onError?: (error: Error | ClickHouseQueryError) => void;\n denoiseResults?: boolean;\n onChildModalOpen?: (open: boolean) => void;\n onExpandedRowsChange?: (hasExpandedRows: boolean) => void;\n collapseAllRows?: boolean;\n showExpandButton?: boolean;\n initialSortBy?: SortingState;\n onSortingChange?: (v: SortingState | null) => void;\n variant?: DBRowTableVariant;\n}) {\n const { data: me } = api.useMe();\n const { toggleColumn, displayedColumns: contextDisplayedColumns } =\n useContext(RowSidePanelContext);\n\n const [orderBy, setOrderBy] = useState(\n initialSortBy?.[0] ?? null,\n );\n\n const orderByArray = useMemo(() => (orderBy ? [orderBy] : []), [orderBy]);\n\n const _onSortingChange = useCallback(\n (v: SortingState | null) => {\n onSortingChange?.(v);\n setOrderBy(v?.[0] ?? null);\n },\n [setOrderBy, onSortingChange],\n );\n\n const prevSourceId = usePrevious(sourceId);\n useEffect(() => {\n if (prevSourceId && prevSourceId !== sourceId) {\n _onSortingChange(null);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [sourceId]);\n\n // Sync local orderBy state with initialSortBy when it changes\n // (e.g., when loading a saved search)\n const prevInitialSortBy = usePrevious(initialSortBy);\n useEffect(() => {\n const currentSort = initialSortBy?.[0] ?? null;\n const prevSort = prevInitialSortBy?.[0] ?? null;\n\n // Only sync if initialSortBy actually changed (not orderBy)\n // We don't include orderBy in deps to avoid infinite loop\n if (JSON.stringify(currentSort) !== JSON.stringify(prevSort)) {\n setOrderBy(currentSort);\n }\n }, [initialSortBy, prevInitialSortBy]);\n\n const mergedConfigObj = useMemo(() => {\n const base = {\n ...searchChartConfigDefaults(me?.team),\n ...config,\n };\n if (orderByArray.length) {\n base.orderBy = orderByArray.map(o => {\n return {\n valueExpression: o.id,\n ordering: o.desc ? 'DESC' : 'ASC',\n };\n });\n }\n return base;\n }, [me, config, orderByArray]);\n\n const mergedConfig = useConfigWithPrimaryAndPartitionKey(mergedConfigObj);\n\n const { data, fetchNextPage, hasNextPage, isFetching, isError, error } =\n useOffsetPaginatedQuery(mergedConfig ?? config, {\n enabled:\n enabled && mergedConfig != null && getSelectLength(config.select) > 0,\n isLive,\n queryKeyPrefix,\n });\n\n // The first N columns are the select columns from the user\n // We can't use names as CH may rewrite the names\n // We have to do the subtraction here because the select length can\n // differ from returned columns (eg. SELECT *)\n // we have to subtract the additional key length as the pk merging\n // can dedup the columns between the user select and pk\n const columnMap = useMemo(() => {\n return selectColumnMapWithoutAdditionalKeys(\n data?.meta,\n mergedConfig?.additionalKeysLength,\n );\n }, [data, mergedConfig]);\n\n const columns = useMemo(() => Array.from(columnMap.keys()), [columnMap]);\n\n // CH may rewrite column names in the result set (e.g. expression formatting),\n // so we cannot rely on string matching between CH column names and SELECT expressions.\n // Instead, use position-based mapping: columns[i] (CH name) corresponds to\n // contextDisplayedColumns[i] (the original SELECT expression), since both arrays\n // are ordered by the user's SELECT list.\n const onRemoveColumnFromTable = useCallback(\n (chColumnName: string) => {\n if (!toggleColumn || !contextDisplayedColumns) return;\n\n const colIdx = columns.indexOf(chColumnName);\n if (colIdx >= 0 && colIdx < contextDisplayedColumns.length) {\n toggleColumn(contextDisplayedColumns[colIdx]);\n return;\n }\n\n // Fallback: direct match\n if (contextDisplayedColumns.includes(chColumnName)) {\n toggleColumn(chColumnName);\n return;\n }\n\n // Alias match: find the SELECT expression that ends with \"AS chColumnName\"\n const exprWithAlias = contextDisplayedColumns.find(expr =>\n expr.trim().toLowerCase().endsWith(` as ${chColumnName.toLowerCase()}`),\n );\n if (exprWithAlias) {\n toggleColumn(exprWithAlias);\n } else {\n console.warn(\n 'onRemoveColumnFromTable: could not find SELECT expr for',\n chColumnName,\n );\n }\n },\n [toggleColumn, contextDisplayedColumns, columns],\n );\n\n // FIXME: do this on the db side ?\n // Or, the react-table should render object-type cells as JSON.stringify\n const objectTypeColumns = useMemo(() => {\n return columns.filter(c => {\n const columnType = columnMap.get(c)?._type;\n return isJSDataTypeJSONStringifiable(columnType);\n });\n }, [columns, columnMap]);\n const processedRows = useMemo(() => {\n const rows = data?.data ?? [];\n return rows.map(row => {\n const newRow = { ...row };\n objectTypeColumns.forEach(c => {\n if (columnMap.get(c)?._type === JSDataType.JSON) {\n // special rule for json\n // for json {SomePath: /c}, CH will return {SomePath: \\/c}\n // add this to make sure md5 get correct result\n newRow[c] = JSON.stringify(row[c]).replace(/\\//g, '\\\\/');\n } else {\n newRow[c] = JSON.stringify(row[c]);\n }\n });\n return newRow;\n });\n }, [data, objectTypeColumns, columnMap]);\n\n const aliasMap = useMemo(\n () => chSqlToAliasMap(data?.chSql ?? { sql: '', params: {} }),\n [data],\n );\n\n const getRowWhere = useRowWhere({ meta: data?.meta, aliasMap });\n\n const _onRowDetailsClick = useCallback(\n (row: Record) => {\n return onRowDetailsClick?.(getRowWhere(row));\n },\n [onRowDetailsClick, getRowWhere],\n );\n\n useEffect(() => {\n if (isError && onError && error) {\n onError(error);\n }\n }, [isError, onError, error]);\n\n const { data: source } = useSource({ id: sourceId });\n const patternColumn = columns[columns.length - 1];\n const groupedPatterns = useGroupedPatterns({\n config,\n samples: 10_000,\n bodyValueExpression: patternColumn ?? '',\n severityTextExpression:\n (source?.kind === SourceKind.Log\n ? source.severityTextExpression\n : undefined) ?? '',\n totalCount: undefined,\n enabled: denoiseResults,\n });\n const noisyPatterns = useQuery({\n queryKey: ['noisy-patterns', config],\n queryFn: async () => {\n return Object.values(groupedPatterns.data).filter(\n p => p.count / (groupedPatterns.sampledRowCount ?? 1) > 0.1,\n );\n },\n enabled:\n denoiseResults &&\n groupedPatterns.data != null &&\n Object.values(groupedPatterns.data).length > 0 &&\n groupedPatterns.miner != null,\n });\n const noisyPatternIds = useMemo(() => {\n return noisyPatterns.data?.map(p => p.id) ?? [];\n }, [noisyPatterns.data]);\n\n const denoisedRows = useQuery({\n queryKey: [\n 'denoised-rows',\n config,\n denoiseResults,\n // Only include processed rows if denoising is enabled\n // This helps prevent the queryKey from getting extremely large\n // and causing memory issues, when it's not used.\n ...(denoiseResults ? [processedRows] : []),\n noisyPatternIds,\n patternColumn,\n ],\n queryFn: async () => {\n if (!denoiseResults) {\n return [];\n }\n // No noisy patterns, so no need to denoise\n if (noisyPatternIds.length === 0) {\n return processedRows;\n }\n\n const matchedLogs = await groupedPatterns.miner?.matchLogs(\n processedRows.map(row => row[patternColumn]),\n );\n return processedRows.filter((row, i) => {\n const match = matchedLogs?.[i];\n return !noisyPatternIds.includes(`${match}`);\n });\n },\n placeholderData: (previousData, previousQuery) => {\n // If it's the same search, but new data, return the previous data while we load\n if (\n previousQuery?.queryKey?.[0] === 'denoised-rows' &&\n previousQuery?.queryKey?.[1] === config\n ) {\n return previousData;\n }\n return undefined;\n },\n gcTime: isLive ? ms('30s') : ms('5m'), // more aggressive gc for live data, since it can end up holding lots of data\n enabled:\n denoiseResults &&\n noisyPatterns.isSuccess &&\n processedRows.length > 0 &&\n groupedPatterns.miner != null,\n });\n\n const isLoading = denoiseResults\n ? isFetching ||\n denoisedRows.isFetching ||\n noisyPatterns.isFetching ||\n groupedPatterns.isLoading\n : isFetching;\n\n const loadingDate =\n data?.window?.direction === 'ASC'\n ? data?.window?.endTime\n : data?.window?.startTime;\n\n return (\n <>\n {denoiseResults && (\n \n \n Removed Noisy Event Patterns\n \n \n {noisyPatterns.data?.map(p => (\n \n {p.pattern}\n \n ))}\n {noisyPatternIds.length === 0 && (\n No noisy patterns found\n )}\n \n \n )}\n \n \n );\n}\nexport const DBSqlRowTable = memo(DBSqlRowTableComponent);\n" }, { "path": "packages/app/src/components/DBSearchPageFilters/NestedFilterGroup.tsx", "content": "import { useMemo, useState } from 'react';\nimport {\n Accordion,\n Group,\n Stack,\n Text,\n Tooltip,\n UnstyledButton,\n} from '@mantine/core';\n\nimport { FilterState } from '@/searchFilters';\n\nimport { FilterGroup } from '../DBSearchPageFilters';\n\nimport classes from '../../../styles/SearchPage.module.scss';\n\nexport type NestedFilterGroupProps = {\n name: string;\n childFilters: {\n key: string;\n value: (string | boolean)[];\n propertyPath: string;\n }[];\n selectedValues?: FilterState;\n onChange: (key: string, value: string | boolean) => void;\n onClearClick: (key: string) => void;\n onOnlyClick: (key: string, value: string | boolean) => void;\n onExcludeClick: (key: string, value: string | boolean) => void;\n onPinClick: (key: string, value: string | boolean) => void;\n isPinned: (key: string, value: string | boolean) => boolean;\n onFieldPinClick?: (key: string) => void;\n isFieldPinned?: (key: string) => boolean;\n onLoadMore: (key: string) => void;\n loadMoreLoading: Record;\n hasLoadedMore: Record;\n isDefaultExpanded?: boolean;\n 'data-testid'?: string;\n chartConfig: any; // Using any to avoid importing ChartConfigWithDateRange\n isLive?: boolean;\n};\n\nexport const NestedFilterGroup = ({\n name,\n childFilters,\n selectedValues = {},\n onChange,\n onClearClick,\n onOnlyClick,\n onExcludeClick,\n onPinClick,\n isPinned,\n onFieldPinClick,\n isFieldPinned,\n onLoadMore,\n loadMoreLoading,\n hasLoadedMore,\n isDefaultExpanded,\n 'data-testid': dataTestId,\n chartConfig,\n isLive,\n}: NestedFilterGroupProps) => {\n const totalFiltersSize = useMemo(\n () =>\n Object.values(selectedValues).reduce(\n (total, filter) => total + filter.included.size + filter.excluded.size,\n 0,\n ),\n [selectedValues],\n );\n\n const hasSelections = totalFiltersSize > 0;\n const [isExpanded, setExpanded] = useState(\n isDefaultExpanded ?? hasSelections,\n );\n\n return (\n setExpanded(v === name)}\n >\n \n
\n
\n \n 26 ? 0 : 1500}\n label={name}\n position=\"top\"\n withArrow\n fz=\"xxs\"\n color=\"gray\"\n >\n \n \n {name}\n \n \n {`{${childFilters.length}}`}\n \n \n \n \n
\n \n
\n \n {childFilters.map(child => {\n const childSelectedValues = selectedValues[child.key] || {\n included: new Set(),\n excluded: new Set(),\n };\n const childHasSelections =\n childSelectedValues.included.size +\n childSelectedValues.excluded.size >\n 0;\n\n return (\n ({\n value: value,\n label: value.toString(),\n }))}\n optionsLoading={false}\n selectedValues={childSelectedValues}\n onChange={value => onChange(child.key, value)}\n onClearClick={() => onClearClick(child.key)}\n onOnlyClick={value => onOnlyClick(child.key, value)}\n onExcludeClick={value => onExcludeClick(child.key, value)}\n onPinClick={value => onPinClick(child.key, value)}\n isPinned={value => isPinned(child.key, value)}\n onFieldPinClick={() => onFieldPinClick?.(child.key)}\n isFieldPinned={isFieldPinned?.(child.key)}\n onLoadMore={() => onLoadMore(child.key)}\n loadMoreLoading={loadMoreLoading[child.key] || false}\n hasLoadedMore={hasLoadedMore[child.key] || false}\n isDefaultExpanded={childHasSelections}\n chartConfig={chartConfig}\n isLive={isLive}\n />\n );\n })}\n \n {childFilters.length === 0 && (\n \n \n No properties found\n \n \n )}\n
\n \n
\n \n \n );\n};\n" }, { "path": "packages/app/src/components/DBSearchPageFilters/index.ts", "content": "export {\n NestedFilterGroup,\n type NestedFilterGroupProps,\n} from './NestedFilterGroup';\nexport { groupFacetsByBaseName, parseMapFieldName } from './utils';\n" }, { "path": "packages/app/src/components/DBSearchPageFilters/utils.ts", "content": "// Utility functions for parsing and grouping map-like field names\n\n// Clean ClickHouse expressions to extract clean property paths\nexport function cleanClickHouseExpression(key: string): string {\n // Remove toString() wrapper if present\n let cleanKey = key.replace(/^toString\\((.+)\\)$/, '$1');\n\n // Convert backtick dot notation to clean dot notation\n // e.g., `host`.`arch` -> host.arch\n cleanKey = cleanKey.replace(/`([^`]+)`/g, '$1');\n\n return cleanKey;\n}\n\n// Parse map-like field names and extract the base name and property path\nexport function parseMapFieldName(\n key: string,\n): { baseName: string; propertyPath: string } | null {\n // First clean the ClickHouse expression\n const cleanKey = cleanClickHouseExpression(key);\n\n // Match patterns like: ResourceAttributes['some.property'], SpanAttributes['key'], or json_column.key\n const mapPattern = /^([^[]+)\\[['\"]([^'\"]+)['\"]\\]$/;\n const match = cleanKey.match(mapPattern);\n\n if (match) {\n return {\n baseName: match[1],\n propertyPath: match[2],\n };\n }\n\n // Match dot notation patterns like: json_column.key or json_column.key.subkey\n const dotPattern = /^([^.]+)\\.(.+)$/;\n const dotMatch = cleanKey.match(dotPattern);\n\n if (dotMatch) {\n return {\n baseName: dotMatch[1],\n propertyPath: dotMatch[2],\n };\n }\n\n return null;\n}\n\n// Group facets by their base names for map-like fields\nexport function groupFacetsByBaseName(\n facets: { key: string; value: (string | boolean)[] }[],\n) {\n const grouped: Map<\n string,\n {\n key: string;\n value: (string | boolean)[];\n children: {\n key: string;\n value: (string | boolean)[];\n propertyPath: string;\n }[];\n }\n > = new Map();\n const nonGrouped: { key: string; value: (string | boolean)[] }[] = [];\n\n for (const facet of facets) {\n const parsed = parseMapFieldName(facet.key);\n if (parsed) {\n const { baseName, propertyPath } = parsed;\n if (!grouped.has(baseName)) {\n grouped.set(baseName, {\n key: baseName,\n value: [], // Base name doesn't have direct values\n children: [],\n });\n }\n const group = grouped.get(baseName)!;\n group.children.push({\n ...facet,\n propertyPath,\n });\n } else {\n nonGrouped.push(facet);\n }\n }\n\n return { grouped: Array.from(grouped.values()), nonGrouped };\n}\n" }, { "path": "packages/app/src/components/DBSearchPageFilters.tsx", "content": "import { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport cx from 'classnames';\nimport {\n TableMetadata,\n tcFromSource,\n} from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n BuilderChartConfigWithDateRange,\n SourceKind,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n Accordion,\n ActionIcon,\n Box,\n Button,\n Center,\n Checkbox,\n Flex,\n Group,\n Loader,\n MantineStyleProps,\n NumberInput,\n ScrollArea,\n Stack,\n Tabs,\n Text,\n TextInput,\n Tooltip,\n UnstyledButton,\n} from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\nimport {\n IconChartBar,\n IconChartBarOff,\n IconChevronDown,\n IconChevronRight,\n IconChevronUp,\n IconFilterOff,\n IconPin,\n IconPinFilled,\n IconRefresh,\n IconSearch,\n IconShadow,\n IconSitemap,\n} from '@tabler/icons-react';\n\nimport { IS_CLICKHOUSE_BUILD } from '@/config';\nimport {\n useAllFields,\n useColumns,\n useGetKeyValues,\n useGetValuesDistribution,\n useJsonColumns,\n useTableMetadata,\n} from '@/hooks/useMetadata';\nimport { useMetadataWithSettings } from '@/hooks/useMetadata';\nimport useResizable from '@/hooks/useResizable';\nimport {\n FilterStateHook,\n IS_ROOT_SPAN_COLUMN_NAME,\n usePinnedFilters,\n} from '@/searchFilters';\nimport { useSource } from '@/source';\nimport { mergePath } from '@/utils';\n\nimport { NestedFilterGroup } from './DBSearchPageFilters/NestedFilterGroup';\nimport { groupFacetsByBaseName } from './DBSearchPageFilters/utils';\n\nimport resizeStyles from '../../styles/ResizablePanel.module.scss';\nimport classes from '../../styles/SearchPage.module.scss';\n\n/* The initial number of values per filter to load */\nconst INITIAL_LOAD_LIMIT = 20;\n\n/* The maximum number of values per filter to load when \"Load More\" is clicked */\nconst LOAD_MORE_LOAD_LIMIT = 10000;\n\n/* The initial number of values per filter to render */\nconst INITIAL_MAX_VALUES_DISPLAYED = 10;\n\n/* The maximum number of values per filter to render at once after loading more */\nconst SHOW_MORE_MAX_VALUES_DISPLAYED = 50;\n\n// This function will clean json string attributes specifically. It will turn a string like\n// 'toString(ResourceAttributes.`hdx`.`sdk`.`version`)' into 'ResourceAttributes.hdx.sdk.version'.\nexport function cleanedFacetName(key: string): string {\n if (key.startsWith('toString')) {\n return key\n .slice('toString('.length, key.length - 1)\n .split('.')\n .map(str =>\n str.startsWith('`') && str.endsWith('`') ? str.slice(1, -1) : str,\n )\n .join('.');\n }\n return key;\n}\n\ntype FilterCheckboxProps = {\n label: string;\n value?: 'included' | 'excluded' | false;\n pinned: boolean;\n onChange?: (checked: boolean) => void;\n onClickOnly?: VoidFunction;\n onClickExclude?: VoidFunction;\n onClickPin: VoidFunction;\n className?: string;\n percentage?: number;\n isPercentageLoading?: boolean;\n};\n\nexport const TextButton = ({\n onClick,\n label,\n ms,\n display,\n 'data-testid': dataTestId,\n}: {\n onClick?: VoidFunction;\n label: React.ReactNode;\n ms?: MantineStyleProps['ms'];\n display?: MantineStyleProps['display'];\n 'data-testid'?: string;\n}) => {\n return (\n \n \n {label}\n \n \n );\n};\n\ntype FilterPercentageProps = {\n percentage: number;\n isLoading?: boolean;\n};\n\nconst FilterPercentage = ({ percentage, isLoading }: FilterPercentageProps) => {\n const formattedPercentage =\n percentage < 1\n ? `<1%`\n : percentage >= 99.5\n ? `>99%`\n : `~${Math.round(percentage)}%`;\n\n return (\n \n {formattedPercentage}\n \n );\n};\n\nexport const FilterCheckbox = ({\n value,\n label,\n pinned,\n onChange,\n onClickOnly,\n onClickExclude,\n onClickPin,\n className,\n percentage,\n isPercentageLoading,\n}: FilterCheckboxProps) => {\n return (\n \n onChange?.(!value)}\n style={{ minWidth: 0 }}\n wrap=\"nowrap\"\n >\n {\n // taken care by the onClick in the group\n }}\n indeterminate={value === 'excluded'}\n data-testid={`filter-checkbox-input-${label}`}\n />\n 22 ? 0 : 1500}\n label={label}\n position=\"right\"\n withArrow\n fz=\"xxs\"\n color=\"gray\"\n >\n \n \n {label || (empty)}\n \n {percentage != null && (\n \n )}\n \n \n \n
\n {onClickOnly && (\n \n )}\n {onClickExclude && (\n \n )}\n \n {pinned ? : }\n \n
\n {pinned && (\n
\n \n
\n )}\n \n );\n};\n\nconst FilterRangeDisplay = ({\n range,\n onRangeChange,\n}: {\n name: string;\n range: { min: number; max: number };\n onClearClick: VoidFunction;\n onRangeChange?: (range: { min: number; max: number }) => void;\n}) => {\n const [localMin, setLocalMin] = useState(range.min);\n const [localMax, setLocalMax] = useState(range.max);\n\n const handleMinChange = (value: number | string) => {\n const numValue = typeof value === 'string' ? parseFloat(value) : value;\n if (!isNaN(numValue)) {\n setLocalMin(numValue);\n if (onRangeChange) {\n onRangeChange({ min: numValue, max: localMax });\n }\n }\n };\n\n const handleMaxChange = (value: number | string) => {\n const numValue = typeof value === 'string' ? parseFloat(value) : value;\n if (!isNaN(numValue)) {\n setLocalMax(numValue);\n if (onRangeChange) {\n onRangeChange({ min: localMin, max: numValue });\n }\n }\n };\n\n return (\n \n \n \n \n to\n \n \n \n \n );\n};\n\nexport type FilterGroupProps = {\n name: string;\n options: { value: string | boolean; label: string }[];\n optionsLoading?: boolean;\n selectedValues?: {\n included: Set;\n excluded: Set;\n range?: { min: number; max: number };\n };\n onChange: (value: string | boolean) => void;\n onClearClick: VoidFunction;\n onOnlyClick: (value: string | boolean) => void;\n onExcludeClick: (value: string | boolean) => void;\n onPinClick: (value: string | boolean) => void;\n isPinned: (value: string | boolean) => boolean;\n onFieldPinClick?: VoidFunction;\n isFieldPinned?: boolean;\n onLoadMore: (key: string) => void;\n loadMoreLoading: boolean;\n hasLoadedMore: boolean;\n isDefaultExpanded?: boolean;\n 'data-testid'?: string;\n chartConfig: BuilderChartConfigWithDateRange;\n isLive?: boolean;\n onRangeChange?: (range: { min: number; max: number }) => void;\n distributionKey?: string; // Optional key to use for distribution queries, defaults to name\n};\n\nexport const FilterGroup = ({\n name,\n options,\n optionsLoading,\n selectedValues = { included: new Set(), excluded: new Set() },\n onChange,\n onClearClick,\n onOnlyClick,\n onExcludeClick,\n isPinned,\n onPinClick,\n onFieldPinClick,\n isFieldPinned,\n onLoadMore,\n loadMoreLoading,\n hasLoadedMore,\n isDefaultExpanded,\n 'data-testid': dataTestId,\n chartConfig,\n isLive,\n distributionKey,\n onRangeChange,\n}: FilterGroupProps) => {\n const [search, setSearch] = useState('');\n // \"Show More\" button when there's lots of options\n const [shouldShowMore, setShowMore] = useState(false);\n // Accordion expanded state\n const [isExpanded, setExpanded] = useState(isDefaultExpanded ?? false);\n // Track recently moved items for highlight animation\n const [recentlyMoved, setRecentlyMoved] = useState>(\n new Set(),\n );\n // Show what percentage of the data has each value\n const [showDistributions, setShowDistributions] = useState(false);\n // For live searches, don't refresh percentages when date range changes\n const [dateRange, setDateRange] = useState<[Date, Date]>(\n chartConfig.dateRange,\n );\n\n // If this filter has a range, display it differently\n const hasRange = selectedValues.range != null;\n\n const toggleShowDistributions = () => {\n if (!showDistributions) {\n setExpanded(true);\n setDateRange(chartConfig.dateRange);\n }\n setShowDistributions(prev => !prev);\n };\n\n useEffect(() => {\n if (!isLive) {\n setDateRange(chartConfig.dateRange);\n }\n }, [chartConfig.dateRange, isLive]);\n\n useEffect(() => {\n if (isDefaultExpanded) {\n setExpanded(true);\n }\n }, [isDefaultExpanded]);\n\n const handleSetSearch = useCallback(\n (value: string) => {\n setSearch(value);\n\n if (value && !hasLoadedMore) {\n onLoadMore(name);\n }\n },\n [hasLoadedMore, name, onLoadMore],\n );\n\n const {\n data: distributionData,\n isFetching: isFetchingDistribution,\n error: distributionError,\n } = useGetValuesDistribution(\n {\n chartConfig: { ...chartConfig, dateRange },\n key: distributionKey || name,\n limit: 100, // The 100 most common values are enough to find any values that are present in at least 1% of rows\n },\n {\n enabled: showDistributions,\n },\n );\n\n useEffect(() => {\n if (distributionError) {\n notifications.show({\n color: 'red',\n title: 'Error loading filter distribution',\n message: distributionError?.message,\n autoClose: 5000,\n });\n setShowDistributions(false);\n }\n }, [distributionError]);\n\n const totalAppliedFiltersSize =\n selectedValues.included.size +\n selectedValues.excluded.size +\n (hasRange ? 1 : 0);\n\n // Loaded options + any selected options that aren't in the loaded list\n const augmentedOptions = useMemo(() => {\n const selectedSet = new Set([\n ...selectedValues.included,\n ...selectedValues.excluded,\n ]);\n return [\n ...Array.from(selectedSet)\n .filter(value => !options.find(option => option.value === value))\n .map(value => ({ value, label: value.toString() })),\n ...options,\n ];\n }, [options, selectedValues]);\n\n const displayedItemLimit = shouldShowMore\n ? SHOW_MORE_MAX_VALUES_DISPLAYED\n : INITIAL_MAX_VALUES_DISPLAYED;\n\n // Options matching search, sorted appropriately\n const sortedMatchingOptions = useMemo(() => {\n // When searching, sort alphabetically\n if (search) {\n return augmentedOptions\n .filter(option => {\n return (\n option.value &&\n option.label.toLowerCase().includes(search.toLowerCase())\n );\n })\n .toSorted((a, b) =>\n a.label.localeCompare(b.label, undefined, { numeric: true }),\n );\n }\n\n // When not searching, sort by pinned, selected, distribution, then alphabetically\n return augmentedOptions.toSorted((a, b) => {\n const aPinned = isPinned(a.value);\n const aIncluded = selectedValues.included.has(a.value);\n const aExcluded = selectedValues.excluded.has(a.value);\n const bPinned = isPinned(b.value);\n const bIncluded = selectedValues.included.has(b.value);\n const bExcluded = selectedValues.excluded.has(b.value);\n\n // First sort by pinned status\n if (aPinned && !bPinned) return -1;\n if (!aPinned && bPinned) return 1;\n\n // Then sort by included status\n if (aIncluded && !bIncluded) return -1;\n if (!aIncluded && bIncluded) return 1;\n\n // Then sort by excluded status\n if (aExcluded && !bExcluded) return -1;\n if (!aExcluded && bExcluded) return 1;\n\n // Then sort by estimated percentage of rows with this value, if available\n const aPercentage = distributionData?.get(a.value.toString()) ?? 0;\n const bPercentage = distributionData?.get(b.value.toString()) ?? 0;\n if (aPercentage !== bPercentage) {\n return bPercentage - aPercentage;\n }\n\n // Finally sort alphabetically/numerically\n return a.label.localeCompare(b.label, undefined, { numeric: true });\n });\n }, [\n search,\n augmentedOptions,\n isPinned,\n selectedValues.included,\n selectedValues.excluded,\n distributionData,\n ]);\n\n // The subset of options to be displayed\n const displayedOptions = useMemo(() => {\n return sortedMatchingOptions.length <= displayedItemLimit\n ? sortedMatchingOptions\n : sortedMatchingOptions.slice(0, displayedItemLimit);\n }, [sortedMatchingOptions, displayedItemLimit]);\n\n // Simple highlight animation when checkbox is checked\n const handleChange = useCallback(\n (value: string | boolean) => {\n const wasIncluded = selectedValues.included.has(value);\n\n // If checking (not unchecking), trigger highlight animation\n if (!wasIncluded) {\n setRecentlyMoved(prev => new Set(prev).add(value));\n setTimeout(() => {\n setRecentlyMoved(prev => {\n const newSet = new Set(prev);\n newSet.delete(value);\n return newSet;\n });\n }, 600);\n }\n\n onChange(value);\n },\n [onChange, selectedValues],\n );\n\n const isLimitingDisplayedItems =\n sortedMatchingOptions.length > displayedOptions.length;\n\n const showShowMoreButton =\n !search &&\n augmentedOptions.length > INITIAL_MAX_VALUES_DISPLAYED &&\n totalAppliedFiltersSize < augmentedOptions.length;\n\n return (\n {\n setExpanded(v === name);\n }}\n >\n \n \n
\n \n 26 ? 0 : 1500}\n label={name}\n position=\"top\"\n withArrow\n fz=\"xxs\"\n color=\"gray\"\n >\n \n {name}\n \n \n \n \n {!hasRange && (\n <>\n \n \n {isFetchingDistribution ? (\n
\n \n
\n ) : showDistributions ? (\n \n ) : (\n \n )}\n \n \n {onFieldPinClick && (\n \n \n {isFieldPinned ? (\n \n ) : (\n \n )}\n \n \n )}\n \n )}\n {totalAppliedFiltersSize > 0 && (\n \n {\n onClearClick();\n setSearch('');\n }}\n >\n \n \n \n )}\n \n
\n \n {hasRange && selectedValues.range ? (\n \n ) : (\n \n {/* Show search bar if expanded and there are more than 5 values */}\n {isExpanded && augmentedOptions.length > 5 && (\n
\n ) =>\n handleSetSearch(event.currentTarget.value)\n }\n rightSectionWidth={20}\n rightSection={}\n classNames={{\n input: 'ps-0.5',\n }}\n />\n
\n )}\n {displayedOptions.map(option => (\n handleChange(option.value)}\n onClickOnly={() => onOnlyClick(option.value)}\n onClickExclude={() => onExcludeClick(option.value)}\n onClickPin={() => onPinClick(option.value)}\n isPercentageLoading={isFetchingDistribution}\n percentage={\n showDistributions && distributionData\n ? (distributionData.get(option.value.toString()) ?? 0)\n : undefined\n }\n />\n ))}\n {optionsLoading ? (\n \n \n \n Loading...\n \n \n ) : displayedOptions.length === 0 ? (\n \n \n No options found\n \n \n ) : null}\n {isLimitingDisplayedItems && (shouldShowMore || search) && (\n \n Search to see more\n \n )}\n {loadMoreLoading && (\n \n \n \n Loading more...\n \n \n )}\n {showShowMoreButton && (\n
\n \n Less\n \n ) : (\n <>\n Show more\n \n )\n }\n onClick={() => {\n // When show more is clicked, immediately show all and also fetch more from server.\n setShowMore(!shouldShowMore);\n if (!shouldShowMore) {\n onLoadMore?.(name);\n }\n }}\n />\n
\n )}\n {onLoadMore &&\n !showShowMoreButton &&\n !shouldShowMore &&\n !hasLoadedMore &&\n !loadMoreLoading && (\n
\n \n Load more\n \n }\n onClick={() => onLoadMore(name)}\n />\n
\n )}\n \n )}\n \n \n \n \n );\n};\n\nconst DBSearchPageFiltersComponent = ({\n filters: filterState,\n clearAllFilters,\n clearFilter,\n setFilterValue: _setFilterValue,\n isLive,\n chartConfig,\n analysisMode,\n setAnalysisMode,\n sourceId,\n showDelta,\n denoiseResults,\n setDenoiseResults,\n setFilterRange,\n}: {\n analysisMode: 'results' | 'delta' | 'pattern';\n setAnalysisMode: (mode: 'results' | 'delta' | 'pattern') => void;\n isLive: boolean;\n chartConfig: BuilderChartConfigWithDateRange;\n sourceId?: string;\n showDelta: boolean;\n denoiseResults: boolean;\n setDenoiseResults: (denoiseResults: boolean) => void;\n setFilterRange: (key: string, range: { min: number; max: number }) => void;\n} & FilterStateHook) => {\n const setFilterValue = useCallback(\n (\n property: string,\n value: string | boolean,\n action?: 'only' | 'exclude' | 'include' | undefined,\n ) => {\n return _setFilterValue(property, value, action);\n },\n [_setFilterValue],\n );\n const {\n toggleFilterPin,\n toggleFieldPin,\n isFilterPinned,\n isFieldPinned,\n getPinnedFields,\n pinnedFilters,\n } = usePinnedFilters(sourceId ?? null);\n const { size, startResize } = useResizable(16, 'left');\n\n const { data: jsonColumns } = useJsonColumns({\n databaseName: chartConfig.from.databaseName,\n tableName: chartConfig.from.tableName,\n connectionId: chartConfig.connection,\n });\n const { data, isLoading, error } = useAllFields({\n databaseName: chartConfig.from.databaseName,\n tableName: chartConfig.from.tableName,\n connectionId: chartConfig.connection,\n });\n const { data: columns } = useColumns({\n databaseName: chartConfig.from.databaseName,\n tableName: chartConfig.from.tableName,\n connectionId: chartConfig.connection,\n });\n\n const { data: source } = useSource({ id: sourceId });\n const { data: tableMetadata } = useTableMetadata(tcFromSource(source));\n\n useEffect(() => {\n if (error) {\n notifications.show({\n color: 'red',\n title: error?.name,\n message: error?.message,\n autoClose: 5000,\n });\n }\n }, [error]);\n\n const [showMoreFields, setShowMoreFields] = useState(false);\n\n const keysToFetch = useMemo(() => {\n if (!data) {\n return [];\n }\n\n const strings = data\n .sort((a, b) => {\n // First show low cardinality fields\n const isLowCardinality = (type: string) =>\n type.includes('LowCardinality');\n return isLowCardinality(a.type) && !isLowCardinality(b.type) ? -1 : 1;\n })\n .filter(\n field => field.jsType && ['string'].includes(field.jsType),\n // todo: add number type with sliders :D\n )\n .map(({ path, type }) => {\n return { type, path: mergePath(path, jsonColumns ?? []) };\n })\n .filter(\n field =>\n showMoreFields ||\n field.type.includes('LowCardinality') || // query only low cardinality fields by default\n Object.keys(filterState).includes(field.path) || // keep selected fields\n isFieldPinned(field.path), // keep pinned fields\n )\n .map(({ path }) => path)\n .filter(\n path =>\n !['body', 'timestamp', '_hdx_body'].includes(path.toLowerCase()),\n );\n return strings;\n }, [data, jsonColumns, filterState, showMoreFields, isFieldPinned]);\n\n // Special case for live tail\n const [dateRange, setDateRange] = useState<[Date, Date]>(\n chartConfig.dateRange,\n );\n\n useEffect(() => {\n if (!isLive) {\n setDateRange(chartConfig.dateRange);\n setExtraFacets({});\n }\n }, [chartConfig.dateRange, isLive]);\n\n // Clear extra facets (from \"load more\") when switching sources\n useEffect(() => {\n setExtraFacets({});\n }, [sourceId]);\n\n const showRefreshButton = isLive && dateRange !== chartConfig.dateRange;\n\n const {\n data: facets,\n isLoading: isFacetsLoading,\n isFetching: isFacetsFetching,\n } = useGetKeyValues({\n chartConfig: { ...chartConfig, dateRange },\n limit: INITIAL_LOAD_LIMIT,\n keys: keysToFetch,\n });\n\n // Merge pinned filter values into the queried facets, so that pinned values are always available\n const facetsWithPinnedValues = useMemo(() => {\n const facetsMap = new Map((facets ?? []).map(f => [f.key, f.value]));\n const mergedKeys = new Set([\n ...facetsMap.keys(),\n ...Object.keys(pinnedFilters),\n ...getPinnedFields(),\n ]);\n\n return Array.from(mergedKeys).map(key => {\n const queriedValues = facetsMap.get(key);\n const pinnedValues = pinnedFilters[key];\n const mergedValues = new Set([\n ...(queriedValues ?? []),\n ...(pinnedValues ?? []),\n ]);\n\n return { key, value: Array.from(mergedValues) };\n });\n }, [facets, pinnedFilters, getPinnedFields]);\n\n const metadata = useMetadataWithSettings();\n const [extraFacets, setExtraFacets] = useState>({});\n const [loadMoreLoadingKeys, setLoadMoreLoadingKeys] = useState>(\n new Set(),\n );\n const loadMoreFilterValuesForKey = useCallback(\n async (key: string) => {\n setLoadMoreLoadingKeys(prev => new Set(prev).add(key));\n try {\n const newKeyVals = await metadata.getKeyValuesWithMVs({\n chartConfig: {\n ...chartConfig,\n dateRange,\n },\n keys: [key],\n limit: LOAD_MORE_LOAD_LIMIT,\n disableRowLimit: true,\n source,\n });\n const newValues = newKeyVals[0].value?.map(val => val.toString()) ?? [];\n if (newValues.length > 0) {\n setExtraFacets(prev => ({\n ...prev,\n [key]: [...(prev[key] || []), ...newValues],\n }));\n }\n } catch (error) {\n console.error('failed to fetch more keys', error);\n } finally {\n setLoadMoreLoadingKeys(prev => {\n const newSet = new Set(prev);\n newSet.delete(key);\n return newSet;\n });\n }\n },\n [chartConfig, setExtraFacets, dateRange, metadata, source],\n );\n\n const shownFacets = useMemo(() => {\n const _facets: { key: string; value: (string | boolean)[] }[] = [];\n for (const _facet of facetsWithPinnedValues ?? []) {\n const facet = structuredClone(_facet);\n if (jsonColumns?.some(col => facet.key.startsWith(col))) {\n facet.key = `toString(${facet.key})`;\n }\n\n // don't include empty facets, unless they are already selected or pinned\n const filter = filterState[facet.key];\n const hasSelectedValues =\n filter && (filter.included.size > 0 || filter.excluded.size > 0);\n const isPinned = isFieldPinned(facet.key);\n if (facet.value?.length > 0 || hasSelectedValues || isPinned) {\n const extraValues = extraFacets[facet.key];\n if (extraValues && extraValues.length > 0) {\n const allValues = facet.value.slice();\n for (const extraValue of extraValues) {\n if (!allValues.includes(extraValue)) {\n allValues.push(extraValue);\n }\n }\n _facets.push({\n key: facet.key,\n value: allValues,\n });\n } else {\n _facets.push(facet);\n }\n }\n }\n // get remaining filterState that are not in _facets\n const remainingFilterState = Object.keys(filterState).filter(\n key => !_facets.some(facet => facet.key === key),\n );\n for (const key of remainingFilterState) {\n _facets.push({\n key,\n value: Array.from(filterState[key].included),\n });\n }\n\n // prioritize facets that are primary keys\n _facets.sort((a, b) => {\n const aIsPk = isFieldPrimary(tableMetadata, a.key);\n const bIsPk = isFieldPrimary(tableMetadata, b.key);\n return aIsPk && !bIsPk ? -1 : bIsPk && !aIsPk ? 1 : 0;\n });\n\n // prioritize facets that are pinned\n _facets.sort((a, b) => {\n const aPinned = isFieldPinned(a.key);\n const bPinned = isFieldPinned(b.key);\n return aPinned && !bPinned ? -1 : bPinned && !aPinned ? 1 : 0;\n });\n\n // prioritize facets that have checked items\n _facets.sort((a, b) => {\n const aChecked = filterState?.[a.key]?.included.size > 0;\n const bChecked = filterState?.[b.key]?.included.size > 0;\n return aChecked && !bChecked ? -1 : bChecked && !aChecked ? 1 : 0;\n });\n\n // prioritize facets that have a range\n _facets.sort((a, b) => {\n const aRange = filterState?.[a.key]?.range;\n const bRange = filterState?.[b.key]?.range;\n if (aRange && !bRange) return -1;\n if (!aRange && bRange) return 1;\n return 0;\n });\n\n return _facets;\n }, [\n facetsWithPinnedValues,\n filterState,\n tableMetadata,\n extraFacets,\n isFieldPinned,\n jsonColumns,\n ]);\n\n const showClearAllButton = useMemo(\n () =>\n Object.values(filterState).some(\n f => f.included.size > 0 || f.excluded.size > 0 || f.range != null,\n ),\n [filterState],\n );\n\n const parentSpanIdExpr =\n source?.kind === SourceKind.Trace\n ? source.parentSpanIdExpression\n : undefined;\n\n const setRootSpansOnly = useCallback(\n (rootSpansOnly: boolean) => {\n if (!parentSpanIdExpr) return;\n\n if (rootSpansOnly) {\n if (columns?.some(col => col.name === IS_ROOT_SPAN_COLUMN_NAME)) {\n setFilterValue(IS_ROOT_SPAN_COLUMN_NAME, true, 'only');\n } else {\n setFilterValue(parentSpanIdExpr, '', 'only');\n }\n } else {\n clearFilter(parentSpanIdExpr);\n clearFilter(IS_ROOT_SPAN_COLUMN_NAME);\n }\n },\n [setFilterValue, clearFilter, parentSpanIdExpr, columns],\n );\n\n const isRootSpansOnly = useMemo(() => {\n if (!parentSpanIdExpr || source?.kind !== SourceKind.Trace) return false;\n\n const parentSpanIdFilter = filterState?.[parentSpanIdExpr];\n const isRootSpanFilter = filterState?.[IS_ROOT_SPAN_COLUMN_NAME];\n return (\n (parentSpanIdFilter?.included.size === 1 &&\n parentSpanIdFilter?.included.has('')) ||\n (isRootSpanFilter?.included.size === 1 &&\n isRootSpanFilter?.included.has(true))\n );\n }, [filterState, source, parentSpanIdExpr]);\n\n return (\n \n
\n \n \n \n Analysis Mode\n \n \n setAnalysisMode(value as 'results' | 'delta' | 'pattern')\n }\n orientation=\"vertical\"\n w=\"100%\"\n placement=\"right\"\n >\n \n \n Results Table\n \n {showDelta && (\n \n Event Deltas\n \n )}\n {!IS_CLICKHOUSE_BUILD && (\n \n Event Patterns\n \n )}\n \n \n\n \n \n \n Filters {isFacetsFetching && '···'}\n \n {showRefreshButton && (\n setDateRange(chartConfig.dateRange)}\n />\n }\n />\n )}\n \n {showClearAllButton && (\n {\n clearAllFilters();\n }}\n />\n )}\n \n\n {analysisMode === 'results' && (\n \n \n \n \n Denoise Results\n \n \n \n }\n onChange={() => setDenoiseResults(!denoiseResults)}\n />\n )}\n\n {source?.kind === SourceKind.Trace &&\n source.parentSpanIdExpression && (\n \n \n \n \n Root Spans Only\n \n \n \n }\n onChange={event => setRootSpansOnly(event.target.checked)}\n />\n )}\n\n {isLoading || isFacetsLoading ? (\n \n \n \n ) : (\n shownFacets.length === 0 && (\n No filters available\n )\n )}\n {/* Show facets even when loading to ensure pinned filters are visible while loading */}\n {(() => {\n const { grouped, nonGrouped } = groupFacetsByBaseName(shownFacets);\n\n return (\n <>\n {/* Render grouped facets as nested filter groups */}\n {grouped.map(group => (\n {\n acc[child.key] = filterState[child.key]\n ? filterState[child.key]\n : { included: new Set(), excluded: new Set() };\n return acc;\n },\n {} as Record<\n string,\n {\n included: Set;\n excluded: Set;\n }\n >,\n )}\n onChange={(key, value) => {\n setFilterValue(key, value);\n }}\n onClearClick={key => clearFilter(key)}\n onOnlyClick={(key, value) => {\n setFilterValue(key, value, 'only');\n }}\n onExcludeClick={(key, value) => {\n setFilterValue(key, value, 'exclude');\n }}\n onPinClick={(key, value) => toggleFilterPin(key, value)}\n isPinned={(key, value) => isFilterPinned(key, value)}\n onFieldPinClick={key => toggleFieldPin(key)}\n isFieldPinned={key => isFieldPinned(key)}\n onLoadMore={loadMoreFilterValuesForKey}\n loadMoreLoading={group.children.reduce(\n (acc, child) => {\n acc[child.key] = loadMoreLoadingKeys.has(child.key);\n return acc;\n },\n {} as Record,\n )}\n hasLoadedMore={group.children.reduce(\n (acc, child) => {\n acc[child.key] = Boolean(extraFacets[child.key]);\n return acc;\n },\n {} as Record,\n )}\n isDefaultExpanded={\n // open by default if has selected values or pinned children\n group.children.some(\n child =>\n (filterState[child.key] &&\n (filterState[child.key].included.size > 0 ||\n filterState[child.key].excluded.size > 0)) ||\n isFieldPinned(child.key),\n )\n }\n chartConfig={chartConfig}\n isLive={isLive}\n />\n ))}\n\n {/* Render non-grouped facets as regular filter groups */}\n {nonGrouped.map(facet => (\n ({\n value,\n label: value.toString(),\n }))}\n optionsLoading={isFacetsLoading}\n selectedValues={\n filterState[facet.key]\n ? filterState[facet.key]\n : { included: new Set(), excluded: new Set() }\n }\n onChange={value => {\n setFilterValue(facet.key, value);\n }}\n onClearClick={() => clearFilter(facet.key)}\n onOnlyClick={value => {\n setFilterValue(facet.key, value, 'only');\n }}\n onExcludeClick={value => {\n setFilterValue(facet.key, value, 'exclude');\n }}\n onPinClick={value => toggleFilterPin(facet.key, value)}\n isPinned={value => isFilterPinned(facet.key, value)}\n onFieldPinClick={() => toggleFieldPin(facet.key)}\n isFieldPinned={isFieldPinned(facet.key)}\n onLoadMore={loadMoreFilterValuesForKey}\n loadMoreLoading={loadMoreLoadingKeys.has(facet.key)}\n hasLoadedMore={Boolean(extraFacets[facet.key])}\n isDefaultExpanded={\n // open by default if PK, or has selected values\n isFieldPrimary(tableMetadata, facet.key) ||\n isFieldPinned(facet.key) ||\n (filterState[facet.key] &&\n (filterState[facet.key].included.size > 0 ||\n filterState[facet.key].excluded.size > 0 ||\n filterState[facet.key].range != null))\n }\n chartConfig={chartConfig}\n isLive={isLive}\n onRangeChange={range => setFilterRange(facet.key, range)}\n />\n ))}\n \n );\n })()}\n\n \n ) : (\n \n )\n }\n onClick={() => setShowMoreFields(!showMoreFields)}\n >\n {showMoreFields ? 'Less filters' : 'More filters'}\n \n\n {showMoreFields && (\n
\n \n Not seeing a filter?\n \n \n {`Try searching instead (e.g. column:foo)`}\n \n
\n )}\n \n \n \n );\n};\n\nexport function isFieldPrimary(\n tableMetadata: TableMetadata | undefined,\n key: string,\n) {\n return tableMetadata?.primary_key?.includes(key);\n}\nexport const DBSearchPageFilters = memo(DBSearchPageFiltersComponent);\n" }, { "path": "packages/app/src/components/DBSessionPanel.tsx", "content": "import { useMemo } from 'react';\nimport Link from 'next/link';\nimport { isTraceSource, SourceKind } from '@hyperdx/common-utils/dist/types';\nimport { Loader } from '@mantine/core';\n\nimport useFieldExpressionGenerator from '@/hooks/useFieldExpressionGenerator';\nimport SessionSubpanel from '@/SessionSubpanel';\nimport { useSource } from '@/source';\n\nimport { useEventsData } from './DBTraceWaterfallChart';\n\nexport const useSessionId = ({\n sourceId,\n traceId,\n dateRange,\n enabled = false,\n}: {\n sourceId?: string;\n traceId?: string;\n dateRange: [Date, Date];\n enabled?: boolean;\n}) => {\n const { data: source } = useSource({\n id: sourceId,\n kinds: [SourceKind.Trace],\n });\n\n const { getFieldExpression } = useFieldExpressionGenerator(source);\n\n const config = useMemo(() => {\n if (!source || !traceId || !getFieldExpression) {\n return;\n }\n return {\n select: [\n {\n valueExpression: `${source.timestampValueExpression}`,\n alias: 'Timestamp',\n },\n {\n valueExpression: `${getFieldExpression(source.resourceAttributesExpression ?? 'ResourceAttributes', 'rum.sessionId')}`,\n alias: 'rumSessionId',\n },\n {\n valueExpression: `${getFieldExpression(source.resourceAttributesExpression ?? 'ResourceAttributes', 'service.name')}`,\n alias: 'serviceName',\n },\n {\n valueExpression: `${source.parentSpanIdExpression}`,\n alias: 'parentSpanId',\n },\n ],\n from: source.from,\n timestampValueExpression: source.timestampValueExpression,\n limit: { limit: 10000 },\n connection: source.connection,\n where: `${source.traceIdExpression} = '${traceId}'`,\n whereLanguage: 'sql' as const,\n };\n }, [source, traceId, getFieldExpression]);\n\n const { data } = useEventsData({\n config: config!, // ok to force unwrap, the query will be disabled if config is null\n dateRangeStartInclusive: true,\n dateRange,\n enabled: enabled && !!source && !!config,\n });\n\n const result = useMemo(() => {\n const rowData = data?.data || [];\n let row = rowData.find(\n row => row.parentSpanId === null && row.rumSessionId,\n );\n if (!row) {\n // otherwise just return the first session id\n row = rowData.find(row => row.rumSessionId);\n }\n if (row) {\n return {\n rumServiceName: row.serviceName,\n rumSessionId: row.rumSessionId,\n };\n }\n return { rumServiceName: undefined, rumSessionId: undefined };\n }, [data]);\n\n return result;\n};\n\nexport const DBSessionPanel = ({\n traceSourceId,\n rumSessionId,\n dateRange,\n focusDate,\n serviceName,\n setSubDrawerOpen,\n}: {\n traceSourceId?: string;\n rumSessionId: string;\n dateRange: [Date, Date];\n focusDate: Date;\n serviceName: string;\n setSubDrawerOpen: (open: boolean) => void;\n}) => {\n const { data: traceSource } = useSource({\n id: traceSourceId,\n kinds: [SourceKind.Trace],\n });\n const { data: sessionSource, isLoading: isSessionSourceLoading } = useSource({\n id:\n traceSource && isTraceSource(traceSource)\n ? traceSource.sessionSourceId\n : undefined,\n kinds: [SourceKind.Session],\n });\n\n if (!traceSource || (!sessionSource && isSessionSourceLoading)) {\n return ;\n }\n\n return (\n <>\n {!sessionSource ? (\n
\n No correlated session source found.\n
\n Go to Team Settings and update the{' '}\n {traceSource?.name} source to include the correlated\n session source.\n
\n ) : rumSessionId && traceSource ? (\n \n ) : (\n Session ID not found.\n )}\n \n );\n};\n" }, { "path": "packages/app/src/components/DBSqlRowTableWithSidebar.tsx", "content": "import { useCallback, useState } from 'react';\nimport { useQueryState } from 'nuqs';\nimport { ClickHouseQueryError } from '@hyperdx/common-utils/dist/clickhouse';\nimport {\n BuilderChartConfigWithDateRange,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { SortingState } from '@tanstack/react-table';\n\nimport { RowWhereResult, WithClause } from '@/hooks/useRowWhere';\nimport { useSource } from '@/source';\nimport TabBar from '@/TabBar';\nimport { useLocalStorage } from '@/utils';\nimport { parseAsStringEncoded } from '@/utils/queryParsers';\n\nimport { useNestedPanelState } from './ContextSidePanel';\nimport { RowDataPanel } from './DBRowDataPanel';\nimport { RowOverviewPanel } from './DBRowOverviewPanel';\nimport DBRowSidePanel, {\n RowSidePanelContext,\n RowSidePanelContextProps,\n} from './DBRowSidePanel';\nimport { BreadcrumbEntry } from './DBRowSidePanelHeader';\nimport { DBRowTableVariant, DBSqlRowTable } from './DBRowTable';\n\ninterface Props {\n sourceId: string;\n config: BuilderChartConfigWithDateRange;\n onError?: (error: Error | ClickHouseQueryError) => void;\n onScroll?: (scrollTop: number) => void;\n onSidebarOpen?: (rowId: string) => void;\n onExpandedRowsChange?: (hasExpandedRows: boolean) => void;\n onPropertyAddClick?: (keyPath: string, value: string) => void;\n context?: RowSidePanelContextProps;\n enabled?: boolean;\n isLive?: boolean;\n queryKeyPrefix?: string;\n denoiseResults?: boolean;\n collapseAllRows?: boolean;\n isNestedPanel?: boolean;\n breadcrumbPath?: BreadcrumbEntry[];\n onSortingChange?: (v: SortingState | null) => void;\n initialSortBy?: SortingState;\n variant?: DBRowTableVariant;\n}\n\nexport default function DBSqlRowTableWithSideBar({\n sourceId,\n config,\n onError,\n onScroll,\n context,\n onExpandedRowsChange,\n denoiseResults,\n collapseAllRows,\n isLive,\n enabled,\n isNestedPanel,\n breadcrumbPath,\n onSidebarOpen,\n onSortingChange,\n initialSortBy,\n variant,\n}: Props) {\n const { data: sourceData } = useSource({ id: sourceId });\n const [rowId, setRowId] = useQueryState('rowWhere', parseAsStringEncoded);\n const [rowSource, setRowSource] = useQueryState('rowSource');\n const [aliasWith, setAliasWith] = useState([]);\n const { setContextRowId, setContextRowSource } = useNestedPanelState();\n\n const onOpenSidebar = useCallback(\n (rowWhere: RowWhereResult) => {\n setRowId(rowWhere.where);\n setAliasWith(rowWhere.aliasWith);\n setRowSource(sourceId);\n onSidebarOpen?.(rowWhere.where);\n },\n [setRowId, setAliasWith, setRowSource, sourceId, onSidebarOpen],\n );\n\n const onCloseSidebar = useCallback(() => {\n setRowId(null);\n setRowSource(null);\n // When closing the main drawer, clear the nested panel state\n // this ensures that re-opening the main drawer will not open the nested panel\n if (!isNestedPanel) {\n setContextRowId(null);\n setContextRowSource(null);\n }\n }, [\n setRowId,\n setRowSource,\n isNestedPanel,\n setContextRowId,\n setContextRowSource,\n ]);\n const renderRowDetails = useCallback(\n (r: { id: string; aliasWith?: WithClause[]; [key: string]: unknown }) => {\n if (!sourceData) {\n return
Loading...
;\n }\n return (\n \n );\n },\n [sourceData],\n );\n\n return (\n \n {sourceData && (rowSource === sourceId || !rowSource) && (\n \n )}\n \n \n );\n}\n\nenum InlineTab {\n Overview = 'overview',\n ColumnValues = 'columnValues',\n}\n\nfunction RowOverviewPanelWrapper({\n source,\n rowId,\n aliasWith,\n}: {\n source: TSource;\n rowId: string;\n aliasWith?: WithClause[];\n}) {\n // Use localStorage to persist the selected tab\n const [activeTab, setActiveTab] = useLocalStorage(\n 'hdx-expanded-row-default-tab',\n InlineTab.ColumnValues,\n );\n\n return (\n
\n
\n \n
\n
\n {activeTab === InlineTab.Overview && (\n
\n \n
\n )}\n {activeTab === InlineTab.ColumnValues && (\n \n )}\n
\n
\n );\n}\n" }, { "path": "packages/app/src/components/DBTable/DBRowTableFieldWithPopover.tsx", "content": "import React, { useContext, useEffect, useRef, useState } from 'react';\nimport cx from 'classnames';\nimport { Popover } from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { IconCopy, IconFilter, IconFilterX } from '@tabler/icons-react';\n\nimport { RowSidePanelContext } from '../DBRowSidePanel';\n\nimport DBRowTableIconButton from './DBRowTableIconButton';\n\nimport styles from '../../../styles/LogTable.module.scss';\n\nexport interface DBRowTableFieldWithPopoverProps {\n children: React.ReactNode;\n cellValue: unknown;\n wrapLinesEnabled: boolean;\n columnName?: string;\n tableContainerRef: HTMLDivElement | null;\n isChart?: boolean;\n}\n\nexport const DBRowTableFieldWithPopover = ({\n children,\n cellValue,\n tableContainerRef,\n wrapLinesEnabled,\n columnName,\n isChart = false,\n}: DBRowTableFieldWithPopoverProps) => {\n const [opened, { close, open }] = useDisclosure(false);\n const [isCopied, setIsCopied] = useState(false);\n const [hoverDisabled, setHoverDisabled] = useState(false);\n const timeoutRef = useRef(undefined);\n const hoverDisableTimeoutRef = useRef(undefined);\n\n // Cleanup timeouts on unmount to prevent memory leaks\n useEffect(() => {\n return () => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n if (hoverDisableTimeoutRef.current) {\n clearTimeout(hoverDisableTimeoutRef.current);\n }\n };\n }, []);\n\n // Get filter functionality from context\n const { onPropertyAddClick } = useContext(RowSidePanelContext);\n\n // Check if we have both the column name and filter function available\n const canFilter = columnName && onPropertyAddClick && cellValue != null;\n\n const handleMouseEnter = () => {\n if (hoverDisabled) return;\n\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n open();\n };\n\n const handleMouseLeave = () => {\n timeoutRef.current = setTimeout(() => {\n close();\n }, 100); // Small delay to allow moving to popover\n };\n\n const handleClick = () => {\n close();\n setHoverDisabled(true);\n\n if (hoverDisableTimeoutRef.current) {\n clearTimeout(hoverDisableTimeoutRef.current);\n }\n\n // Prevent the popover from immediately reopening on hover for 1 second\n // This gives users time to move their cursor or interact with modals\n // without the popover interfering with their intended action\n hoverDisableTimeoutRef.current = setTimeout(() => {\n setHoverDisabled(false);\n }, 1000);\n };\n\n const copyFieldValue = async () => {\n try {\n const value =\n typeof cellValue === 'string' ? cellValue : String(cellValue ?? '');\n await navigator.clipboard.writeText(value);\n setIsCopied(true);\n setTimeout(() => setIsCopied(false), 2000);\n } catch (error) {\n console.error('Failed to copy to clipboard:', error);\n // Optionally show an error toast notification to the user\n }\n };\n\n const addFilter = () => {\n if (canFilter) {\n const value =\n typeof cellValue === 'string' ? cellValue : String(cellValue ?? '');\n onPropertyAddClick(columnName, value, 'include');\n handleClick(); // Close the popover\n }\n };\n\n const excludeFilter = () => {\n if (canFilter) {\n const value =\n typeof cellValue === 'string' ? cellValue : String(cellValue ?? '');\n onPropertyAddClick(columnName, value, 'exclude');\n handleClick(); // Close the popover\n }\n };\n\n const buttonSize = 20;\n const gapSize = 4;\n const numberOfButtons = canFilter ? 3 : 1; // Copy + Include Filter + Exclude Filter (if filtering available)\n const numberOfGaps = numberOfButtons - 1;\n\n // If it's a chart, just render the children without popover functionality\n if (isChart) {\n return (\n \n {children}\n
\n );\n }\n\n return (\n \n \n \n \n {children}\n \n \n \n \n \n \n \n {canFilter && (\n <>\n \n \n \n \n \n \n \n )}\n \n \n \n \n );\n};\n\nexport default DBRowTableFieldWithPopover;\n" }, { "path": "packages/app/src/components/DBTable/DBRowTableIconButton.tsx", "content": "import React from 'react';\nimport cx from 'classnames';\nimport { Tooltip, UnstyledButton } from '@mantine/core';\nimport { IconCheck } from '@tabler/icons-react';\n\nimport styles from '../../../styles/LogTable.module.scss';\n\nexport interface DBRowTableIconButtonProps {\n onClick: (e: React.MouseEvent) => void;\n className?: string;\n title?: string;\n tabIndex?: number;\n children: React.ReactNode;\n variant?: 'copy' | 'default';\n isActive?: boolean;\n iconSize?: number;\n}\n\nexport const DBRowTableIconButton: React.FC = ({\n onClick,\n className,\n title,\n tabIndex = -1,\n children,\n variant = 'default',\n isActive = false,\n iconSize = 14,\n}) => {\n const handleClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n e.preventDefault();\n onClick(e);\n };\n\n const baseClasses =\n variant === 'copy'\n ? cx(styles.iconActionButton, {\n [styles.copied]: isActive,\n })\n : className;\n\n return (\n \n \n {isActive ? : children}\n \n \n );\n};\n\nexport default DBRowTableIconButton;\n" }, { "path": "packages/app/src/components/DBTable/DBRowTableRowButtons.tsx", "content": "import React, { useState } from 'react';\nimport { IconCopy, IconLink, IconTextWrap } from '@tabler/icons-react';\n\nimport { INTERNAL_ROW_FIELDS, RowWhereResult } from '@/hooks/useRowWhere';\n\nimport DBRowTableIconButton from './DBRowTableIconButton';\n\nimport styles from '../../../styles/LogTable.module.scss';\n\nexport interface DBRowTableRowButtonsProps {\n row: Record;\n getRowWhere: (row: Record) => RowWhereResult;\n sourceId?: string;\n isWrapped: boolean;\n onToggleWrap: () => void;\n}\n\nexport const DBRowTableRowButtons: React.FC = ({\n row,\n getRowWhere,\n sourceId,\n isWrapped,\n onToggleWrap,\n}) => {\n const [isCopied, setIsCopied] = useState(false);\n const [isUrlCopied, setIsUrlCopied] = useState(false);\n\n const copyRowData = async () => {\n try {\n // Filter out internal metadata fields that start with __ or are generated IDs\n\n const { [INTERNAL_ROW_FIELDS.ID]: _id, ...cleanRow } = row;\n\n // Parse JSON string fields to make them proper JSON objects\n const parsedRow = Object.entries(cleanRow).reduce(\n (acc, [key, value]) => {\n if (\n (typeof value === 'string' && value.startsWith('{')) ||\n value.startsWith('[')\n ) {\n try {\n acc[key] = JSON.parse(value);\n } catch {\n // If parsing fails, keep the original string\n acc[key] = value;\n }\n } else {\n acc[key] = value;\n }\n return acc;\n },\n {} as Record,\n );\n\n const rowData = JSON.stringify(parsedRow, null, 2);\n await navigator.clipboard.writeText(rowData);\n setIsCopied(true);\n setTimeout(() => setIsCopied(false), 2000);\n } catch (error) {\n console.error('Failed to copy row data to clipboard:', error);\n // Optionally show an error toast notification to the user\n }\n };\n\n const copyRowUrl = async () => {\n try {\n const rowWhereResult = getRowWhere(row);\n const currentUrl = new URL(window.location.href);\n // Add the row identifier as query parameters\n currentUrl.searchParams.set('rowWhere', rowWhereResult.where);\n if (sourceId) {\n currentUrl.searchParams.set('rowSource', sourceId);\n }\n await navigator.clipboard.writeText(currentUrl.toString());\n setIsUrlCopied(true);\n setTimeout(() => setIsUrlCopied(false), 2000);\n } catch (error) {\n console.error('Failed to copy URL to clipboard:', error);\n // Optionally show an error toast notification to the user\n }\n };\n\n return (\n
\n {!isWrapped && (\n \n \n \n )}\n \n \n \n \n \n \n
\n );\n};\n\nexport default DBRowTableRowButtons;\n" }, { "path": "packages/app/src/components/DBTable/TableHeader.module.scss", "content": ".sortButton {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1px;\n cursor: pointer;\n color: var(--color-text-muted);\n overflow: hidden;\n min-width: 0;\n\n &:hover {\n color: var(--color-text);\n }\n}\n\n.resizer {\n position: relative;\n width: 8px;\n align-self: stretch;\n cursor: col-resize;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n\n &::after {\n content: '';\n width: 2px;\n height: 14px;\n background-color: var(--color-border-emphasis);\n border-radius: 2px;\n }\n}\n\n.headerCellWithAction {\n transition: background-color 0.15s ease-in-out;\n border-radius: var(--mantine-radius-sm);\n\n &:hover {\n background-color: var(--log-table-muted-bg);\n }\n\n &:hover .headerRemoveButton {\n opacity: 1;\n }\n}\n\n.headerRemoveButton {\n opacity: 0;\n transition: opacity 0.2s ease-in-out;\n}\n" }, { "path": "packages/app/src/components/DBTable/TableHeader.tsx", "content": "import cx from 'classnames';\nimport { Group, Text, UnstyledButton } from '@mantine/core';\nimport { IconArrowDown, IconArrowUp, IconX } from '@tabler/icons-react';\nimport { flexRender, Header } from '@tanstack/react-table';\n\nimport { UNDEFINED_WIDTH } from '@/tableUtils';\n\nimport { DBRowTableIconButton } from './DBRowTableIconButton';\n\nimport headerStyles from './TableHeader.module.scss';\n\nexport default function TableHeader({\n isLast,\n header,\n lastItemButtons,\n onRemoveColumn,\n}: {\n isLast: boolean;\n header: Header;\n lastItemButtons?: React.ReactNode;\n onRemoveColumn?: () => void;\n}) {\n 'use no memo'; // todo: table headers arent being resized properly with the react compiler\n return (\n \n \n {!header.column.getCanSort() ? (\n \n {flexRender(header.column.columnDef.header, header.getContext())}\n \n ) : (\n \n <>\n {header.isPlaceholder ? null : (\n \n {flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )}\n \n )}\n\n {header.column.getIsSorted() && (\n \n <>\n {header.column.getIsSorted() === 'asc' ? (\n \n ) : (\n \n )}\n \n \n )}\n \n \n )}\n\n \n {onRemoveColumn && (\n
\n \n \n \n
\n )}\n {isLast && (\n \n {lastItemButtons}\n \n )}\n {header.column.getCanResize() && (\n \n )}\n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/DBTable/TableSearchInput.tsx", "content": "import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n Box,\n Group,\n Paper,\n Text,\n TextInput,\n UnstyledButton,\n} from '@mantine/core';\nimport { IconArrowDown, IconArrowUp, IconX } from '@tabler/icons-react';\n\nimport { isElementClickable } from '@/utils';\n\ninterface HighlightTextSettings {\n isCurrentMatch: boolean;\n textColor: string;\n backgroundColor: string;\n currentMatchBackgroundColor: string;\n}\n\n/**\n * Helper function to highlight text matching a search query within the text of\n * a TextNode.\n *\n * @param text - The text (part of the TextNode) to highlight within\n * @param query - The query to highlight\n * @param isCurrentMatch - Whether the text is the current match. Current match is\n * highlighted with an orange background.\n * @returns The text node with the matching query highlighted.\n */\nexport const highlightText = (\n text: string,\n query: string,\n settings: Partial = {},\n): React.ReactNode => {\n if (!query.trim()) return text;\n\n const backgroundColor = settings.isCurrentMatch\n ? settings.currentMatchBackgroundColor || 'var(--mantine-color-orange-5)'\n : settings.backgroundColor || 'var(--mantine-color-yellow-3)';\n\n const lowerText = text.toLowerCase();\n const lowerQuery = query.toLowerCase();\n const parts: React.ReactNode[] = [];\n let lastIndex = 0;\n let index = lowerText.indexOf(lowerQuery);\n\n while (index !== -1) {\n // Add text before match\n if (index > lastIndex) {\n parts.push(text.slice(lastIndex, index));\n }\n // Add highlighted match - use orange for current match, yellow for others\n parts.push(\n \n {text.slice(index, index + query.length)}\n ,\n );\n lastIndex = index + query.length;\n index = lowerText.indexOf(lowerQuery, lastIndex);\n }\n\n // Add remaining text\n if (lastIndex < text.length) {\n parts.push(text.slice(lastIndex));\n }\n\n return parts.length > 0 ? <>{parts} : text;\n};\n\ninterface TableSearchInputProps {\n searchQuery: string;\n onSearchChange: (value: string) => void;\n matchIndices: number[];\n currentMatchIndex: number;\n onPreviousMatch: () => void;\n onNextMatch: () => void;\n /**\n * Control visibility from parent\n */\n isVisible?: boolean;\n /**\n * Called when visibility changes\n */\n onVisibilityChange?: (visible: boolean) => void;\n /**\n * Reference to a container element to check if it's clickable (not obscured by modal/drawer)\n */\n containerRef?: HTMLElement | null;\n}\n\n/**\n * A search input component that handles Cmd+F/Ctrl+F keyboard shortcuts.\n * The parent is responsible for performing the actual search and managing match state.\n */\nexport const TableSearchInput = ({\n searchQuery,\n onSearchChange,\n matchIndices,\n currentMatchIndex,\n onPreviousMatch,\n onNextMatch,\n isVisible: externalIsVisible,\n onVisibilityChange,\n containerRef,\n}: TableSearchInputProps) => {\n const [internalIsVisible, setInternalIsVisible] = useState(false);\n const searchInputRef = useRef(null);\n\n // Use external visibility if provided, otherwise use internal state\n const isVisible = externalIsVisible ?? internalIsVisible;\n\n const handleClose = useCallback(() => {\n if (externalIsVisible !== undefined) {\n onVisibilityChange?.(false);\n } else {\n setInternalIsVisible(false);\n }\n onSearchChange('');\n }, [externalIsVisible, onSearchChange, onVisibilityChange]);\n\n const handleShow = useCallback(() => {\n if (externalIsVisible !== undefined) {\n onVisibilityChange?.(true);\n } else {\n setInternalIsVisible(true);\n }\n // Focus the input after a brief delay to ensure it's rendered\n setTimeout(() => {\n searchInputRef.current?.focus();\n searchInputRef.current?.select();\n }, 0);\n }, [externalIsVisible, onVisibilityChange]);\n\n // Handle keyboard shortcuts (Cmd+F, Escape)\n const handleKeyDown = useCallback(\n (e: KeyboardEvent) => {\n // Detect Cmd+F (Mac) or Ctrl+F (Windows/Linux)\n if ((e.metaKey || e.ctrlKey) && e.key === 'f') {\n // if container exists, verify it's actually clickable\n if (containerRef && !isElementClickable(containerRef)) return;\n\n e.preventDefault();\n handleShow();\n }\n // Close search on Escape\n if (e.key === 'Escape' && isVisible) {\n handleClose();\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [isVisible, handleClose, handleShow],\n );\n\n useEffect(() => {\n window.addEventListener('keydown', handleKeyDown);\n return () => {\n window.removeEventListener('keydown', handleKeyDown);\n };\n }, [handleKeyDown]);\n\n const handleSearchKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' && matchIndices.length > 0) {\n if (e.shiftKey) {\n // Shift+Enter: previous match\n onPreviousMatch();\n } else {\n // Enter: next match\n onNextMatch();\n }\n e.preventDefault();\n }\n },\n [matchIndices.length, onPreviousMatch, onNextMatch],\n );\n\n if (!isVisible) {\n return null;\n }\n return (\n \n \n onSearchChange(e.target.value)}\n onKeyDown={handleSearchKeyDown}\n size=\"xs\"\n style={{ flex: 1, minWidth: 0 }}\n aria-label=\"Search table contents\"\n aria-describedby={\n matchIndices.length > 0 ? 'search-match-count' : undefined\n }\n rightSection={\n searchQuery ? (\n onSearchChange('')}\n display=\"flex\"\n style={{ alignItems: 'center' }}\n title=\"Clear search\"\n aria-label=\"Clear search\"\n >\n \n \n ) : null\n }\n />\n {matchIndices.length > 0 ? (\n <>\n \n {currentMatchIndex + 1} of {matchIndices.length}\n \n \n \n \n \n \n \n \n \n \n ) : searchQuery ? (\n \n No matches\n \n ) : null}\n \n \n \n \n \n );\n};\n\ninterface TableSearchMatchIndicatorProps {\n searchQuery: string;\n matchIndices: number[];\n currentMatchIndex: number;\n dedupedRows: Record[];\n tableRows: any[];\n getRowId: (row: Record) => string;\n onMatchClick: (index: number) => void;\n}\n\n/**\n * Visual indicators on the scrollbar showing where search matches are located.\n * Renders as a vertical strip on the right side of the table with clickable markers.\n */\nexport const TableSearchMatchIndicator = ({\n searchQuery,\n matchIndices,\n currentMatchIndex,\n dedupedRows,\n tableRows,\n getRowId,\n onMatchClick,\n}: TableSearchMatchIndicatorProps) => {\n if (!searchQuery || matchIndices.length === 0 || tableRows.length === 0) {\n return null;\n }\n\n return (\n \n {matchIndices.map((matchIndex, i) => {\n const matchRow = dedupedRows[matchIndex];\n if (!matchRow) return null;\n\n const tableRowIndex = tableRows.findIndex(\n row => getRowId(row.original) === getRowId(matchRow),\n );\n\n if (tableRowIndex === -1) return null;\n\n // Calculate position as percentage of total rows\n const percentage = (tableRowIndex / tableRows.length) * 100;\n // Calculate height based on number of rows (each indicator represents 1/n of the scrollbar)\n const heightPercentage = 100 / tableRows.length;\n const isCurrentMatchIndicator = i === currentMatchIndex;\n\n return (\n onMatchClick(i)}\n title={`Match ${i + 1} of ${matchIndices.length}`}\n />\n );\n })}\n \n );\n};\n" }, { "path": "packages/app/src/components/DBTable/__tests__/TableSearchInput.test.tsx", "content": "import React from 'react';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport {\n highlightText,\n TableSearchInput,\n TableSearchMatchIndicator,\n} from '@/components/DBTable/TableSearchInput';\n\ndescribe('highlightText', () => {\n describe('basic highlighting', () => {\n it('should return plain text when query is empty', () => {\n const result = highlightText('hdx-oss-dev-api', '');\n expect(result).toBe('hdx-oss-dev-api');\n });\n\n it('should return plain text when query is whitespace', () => {\n const result = highlightText('hdx-oss-dev-api', ' ');\n expect(result).toBe('hdx-oss-dev-api');\n });\n\n it('should highlight matching text in service name', () => {\n const result = highlightText('hdx-oss-dev-api', 'api');\n expect(result).toBeDefined();\n });\n\n it('should highlight matching text in span name', () => {\n const result = highlightText('mongodb.update', 'mongodb');\n expect(result).toBeDefined();\n });\n\n it('should be case-insensitive', () => {\n const result = highlightText('hdx-oss-dev-api', 'API');\n expect(result).toBeDefined();\n });\n\n it('should highlight multiple occurrences', () => {\n const result = highlightText('middleware - corsMiddleware', 'middleware');\n expect(result).toBeDefined();\n });\n });\n\n describe('partial matches', () => {\n it('should highlight partial match at beginning', () => {\n const result = highlightText('mongodb.update', 'mongo');\n expect(result).toBeDefined();\n });\n\n it('should highlight partial match at end', () => {\n const result = highlightText('tcp.connect', 'connect');\n expect(result).toBeDefined();\n });\n\n it('should highlight partial match in middle', () => {\n const result = highlightText('hdx-oss-dev-api', 'oss');\n expect(result).toBeDefined();\n });\n });\n\n describe('custom styling', () => {\n it('should apply current match highlighting', () => {\n const result = highlightText('mongodb.update', 'mongodb', {\n isCurrentMatch: true,\n currentMatchBackgroundColor: 'orange',\n });\n expect(result).toBeDefined();\n });\n\n it('should apply custom text color', () => {\n const result = highlightText('mongodb.update', 'mongodb', {\n textColor: 'white',\n });\n expect(result).toBeDefined();\n });\n\n it('should apply custom background color', () => {\n const result = highlightText('mongodb.update', 'mongodb', {\n backgroundColor: 'yellow',\n });\n expect(result).toBeDefined();\n });\n\n it('should use different colors for current vs other matches', () => {\n const currentMatch = highlightText('middleware - corsMiddleware', 'mid', {\n isCurrentMatch: true,\n });\n const otherMatch = highlightText('middleware - corsMiddleware', 'mid', {\n isCurrentMatch: false,\n });\n\n expect(currentMatch).toBeDefined();\n expect(otherMatch).toBeDefined();\n expect(currentMatch).not.toEqual(otherMatch);\n });\n });\n\n describe('special characters', () => {\n it('should handle text with dots', () => {\n const result = highlightText('mongodb.update', '.');\n expect(result).toBeDefined();\n });\n\n it('should handle text with slashes', () => {\n const result = highlightText('router - /health', '/health');\n expect(result).toBeDefined();\n });\n\n it('should handle text with hyphens', () => {\n const result = highlightText('hdx-oss-dev-api', '-oss-');\n expect(result).toBeDefined();\n });\n\n it('should handle text with underscores', () => {\n const result = highlightText('isUserAuthenticated', 'User');\n expect(result).toBeDefined();\n });\n });\n\n describe('realistic HyperDX values', () => {\n it('should highlight service names', () => {\n const result = highlightText('hdx-oss-dev-api', 'dev');\n expect(result).toBeDefined();\n });\n\n it('should highlight span names with dots', () => {\n const result = highlightText('mongodb.update', 'update');\n expect(result).toBeDefined();\n });\n\n it('should highlight middleware names', () => {\n const result = highlightText(\n 'middleware - isUserAuthenticated',\n 'authenticated',\n );\n expect(result).toBeDefined();\n });\n\n it('should highlight router paths', () => {\n const result = highlightText('router - /health', 'health');\n expect(result).toBeDefined();\n });\n\n it('should highlight DNS operations', () => {\n const result = highlightText('dns.lookup', 'dns');\n expect(result).toBeDefined();\n });\n\n it('should highlight TCP operations', () => {\n const result = highlightText('tcp.connect', 'tcp');\n expect(result).toBeDefined();\n });\n\n it('should highlight POST operations', () => {\n const result = highlightText('POST', 'post');\n expect(result).toBeDefined();\n });\n });\n});\n\ndescribe('TableSearchInput', () => {\n const defaultProps = {\n searchQuery: '',\n onSearchChange: jest.fn(),\n matchIndices: [],\n currentMatchIndex: 0,\n onPreviousMatch: jest.fn(),\n onNextMatch: jest.fn(),\n };\n\n beforeEach(() => {\n jest.clearAllMocks();\n });\n\n describe('visibility', () => {\n it('should not render when isVisible is false', () => {\n renderWithMantine(\n ,\n );\n\n expect(screen.queryByRole('search')).not.toBeInTheDocument();\n });\n\n it('should render when isVisible is true', () => {\n renderWithMantine(\n ,\n );\n\n expect(screen.getByRole('search')).toBeInTheDocument();\n });\n\n it('should render search input field when visible', () => {\n renderWithMantine(\n ,\n );\n\n expect(\n screen.getByPlaceholderText('Find in table...'),\n ).toBeInTheDocument();\n });\n\n it('should call onVisibilityChange when close button is clicked', async () => {\n const onVisibilityChange = jest.fn();\n const user = userEvent.setup();\n\n renderWithMantine(\n ,\n );\n\n const closeButton = screen.getByLabelText('Close search');\n await user.click(closeButton);\n\n expect(onVisibilityChange).toHaveBeenCalledWith(false);\n });\n });\n\n describe('search input', () => {\n it('should display the current search query', () => {\n renderWithMantine(\n ,\n );\n\n expect(screen.getByDisplayValue('mongodb')).toBeInTheDocument();\n });\n\n it('should call onSearchChange when typing', async () => {\n const onSearchChange = jest.fn();\n const user = userEvent.setup();\n\n renderWithMantine(\n ,\n );\n\n const input = screen.getByPlaceholderText('Find in table...');\n await user.type(input, 'hdx-oss-dev-api');\n\n expect(onSearchChange).toHaveBeenCalled();\n });\n\n it('should show clear button when query is not empty', () => {\n renderWithMantine(\n ,\n );\n\n expect(screen.getByLabelText('Clear search')).toBeInTheDocument();\n });\n\n it('should not show clear button when query is empty', () => {\n renderWithMantine(\n ,\n );\n\n expect(screen.queryByLabelText('Clear search')).not.toBeInTheDocument();\n });\n\n it('should clear search when clear button is clicked', async () => {\n const onSearchChange = jest.fn();\n const user = userEvent.setup();\n\n renderWithMantine(\n ,\n );\n\n const clearButton = screen.getByLabelText('Clear search');\n await user.click(clearButton);\n\n expect(onSearchChange).toHaveBeenCalledWith('');\n });\n });\n\n describe('match count display', () => {\n it('should display match count when matches exist', () => {\n renderWithMantine(\n ,\n );\n\n expect(screen.getByText('1 of 3')).toBeInTheDocument();\n });\n\n it('should update match count when navigating', () => {\n // Test first match position\n const { unmount } = renderWithMantine(\n ,\n );\n\n expect(screen.getByText('1 of 2')).toBeInTheDocument();\n unmount();\n\n // Test second match position\n renderWithMantine(\n ,\n );\n\n expect(screen.getByText('2 of 2')).toBeInTheDocument();\n });\n\n it('should display \"No matches\" when search has no results', () => {\n renderWithMantine(\n ,\n );\n\n expect(screen.getByText('No matches')).toBeInTheDocument();\n });\n\n it('should not display match count when query is empty', () => {\n renderWithMantine(\n ,\n );\n\n expect(screen.queryByText(/of/)).not.toBeInTheDocument();\n expect(screen.queryByText('No matches')).not.toBeInTheDocument();\n });\n });\n\n describe('navigation controls', () => {\n it('should display navigation buttons when matches exist', () => {\n renderWithMantine(\n ,\n );\n\n expect(screen.getByLabelText('Previous match')).toBeInTheDocument();\n expect(screen.getByLabelText('Next match')).toBeInTheDocument();\n });\n\n it('should not display navigation buttons when no matches', () => {\n renderWithMantine(\n ,\n );\n\n expect(screen.queryByLabelText('Previous match')).not.toBeInTheDocument();\n expect(screen.queryByLabelText('Next match')).not.toBeInTheDocument();\n });\n\n it('should call onPreviousMatch when previous button clicked', async () => {\n const onPreviousMatch = jest.fn();\n const user = userEvent.setup();\n\n renderWithMantine(\n ,\n );\n\n const previousButton = screen.getByLabelText('Previous match');\n await user.click(previousButton);\n\n expect(onPreviousMatch).toHaveBeenCalled();\n });\n\n it('should call onNextMatch when next button clicked', async () => {\n const onNextMatch = jest.fn();\n const user = userEvent.setup();\n\n renderWithMantine(\n ,\n );\n\n const nextButton = screen.getByLabelText('Next match');\n await user.click(nextButton);\n\n expect(onNextMatch).toHaveBeenCalled();\n });\n });\n\n describe('keyboard shortcuts', () => {\n it('should call onNextMatch when Enter is pressed', async () => {\n const onNextMatch = jest.fn();\n const user = userEvent.setup();\n\n renderWithMantine(\n ,\n );\n\n const input = screen.getByPlaceholderText('Find in table...');\n input.focus();\n await user.keyboard('{Enter}');\n\n expect(onNextMatch).toHaveBeenCalled();\n });\n\n it('should call onPreviousMatch when Shift+Enter is pressed', async () => {\n const onPreviousMatch = jest.fn();\n const user = userEvent.setup();\n\n renderWithMantine(\n ,\n );\n\n const input = screen.getByPlaceholderText('Find in table...');\n input.focus();\n await user.keyboard('{Shift>}{Enter}{/Shift}');\n\n expect(onPreviousMatch).toHaveBeenCalled();\n });\n\n it('should not navigate when Enter is pressed with no matches', async () => {\n const onNextMatch = jest.fn();\n const user = userEvent.setup();\n\n renderWithMantine(\n ,\n );\n\n const input = screen.getByPlaceholderText('Find in table...');\n input.focus();\n await user.keyboard('{Enter}');\n\n expect(onNextMatch).not.toHaveBeenCalled();\n });\n\n it('should open search on Cmd+F', async () => {\n const onVisibilityChange = jest.fn();\n const user = userEvent.setup();\n\n renderWithMantine(\n ,\n );\n\n // Simulate Cmd+F (Meta+F)\n await user.keyboard('{Meta>}f{/Meta}');\n\n await waitFor(() => {\n expect(onVisibilityChange).toHaveBeenCalledWith(true);\n });\n });\n\n it('should open search on Ctrl+F', async () => {\n const onVisibilityChange = jest.fn();\n const user = userEvent.setup();\n\n renderWithMantine(\n ,\n );\n\n // Simulate Ctrl+F\n await user.keyboard('{Control>}f{/Control}');\n\n await waitFor(() => {\n expect(onVisibilityChange).toHaveBeenCalledWith(true);\n });\n });\n\n it('should close search on Escape when visible', async () => {\n const onVisibilityChange = jest.fn();\n const onSearchChange = jest.fn();\n const user = userEvent.setup();\n\n renderWithMantine(\n ,\n );\n\n await user.keyboard('{Escape}');\n\n await waitFor(() => {\n expect(onVisibilityChange).toHaveBeenCalledWith(false);\n expect(onSearchChange).toHaveBeenCalledWith('');\n });\n });\n });\n\n describe('accessibility', () => {\n it('should have proper ARIA labels', () => {\n renderWithMantine(\n ,\n );\n\n expect(screen.getByRole('search')).toHaveAttribute(\n 'aria-label',\n 'Table search',\n );\n expect(screen.getByPlaceholderText('Find in table...')).toHaveAttribute(\n 'aria-label',\n 'Search table contents',\n );\n });\n\n it('should have aria-live region for match count', () => {\n renderWithMantine(\n ,\n );\n\n const matchCount = screen.getByText('1 of 3');\n expect(matchCount).toHaveAttribute('aria-live', 'polite');\n });\n\n it('should have aria-live region for no matches message', () => {\n renderWithMantine(\n ,\n );\n\n const noMatches = screen.getByText('No matches');\n expect(noMatches).toHaveAttribute('aria-live', 'polite');\n });\n\n it('should link search input to match count with aria-describedby', () => {\n renderWithMantine(\n ,\n );\n\n // Verify the match count is present with the correct ID\n const matchCount = screen.getByText('1 of 3');\n expect(matchCount).toHaveAttribute('id', 'search-match-count');\n expect(matchCount).toHaveAttribute('aria-live', 'polite');\n\n // Verify input has proper label\n const input = screen.getByPlaceholderText('Find in table...');\n expect(input).toHaveAttribute('aria-label', 'Search table contents');\n });\n });\n\n describe('realistic search scenarios', () => {\n it('should handle searching for service name \"hdx-oss-dev-api\"', () => {\n renderWithMantine(\n ,\n );\n\n expect(screen.getByText('1 of 7')).toBeInTheDocument();\n });\n\n it('should handle searching for span name \"mongodb\"', () => {\n renderWithMantine(\n ,\n );\n\n expect(screen.getByText('1 of 1')).toBeInTheDocument();\n });\n\n it('should handle searching for \"middleware\"', () => {\n renderWithMantine(\n ,\n );\n\n expect(screen.getByText('1 of 2')).toBeInTheDocument();\n });\n\n it('should handle searching for \"longtask\"', () => {\n renderWithMantine(\n ,\n );\n\n expect(screen.getByText('1 of 2')).toBeInTheDocument();\n });\n\n it('should handle searching across all results with \"Unset\"', () => {\n renderWithMantine(\n ,\n );\n\n expect(screen.getByText('1 of 9')).toBeInTheDocument();\n });\n });\n\n describe('integration scenarios', () => {\n it('should support full search workflow', async () => {\n const onSearchChange = jest.fn();\n const onNextMatch = jest.fn();\n const onPreviousMatch = jest.fn();\n const user = userEvent.setup();\n\n // Render with search results\n renderWithMantine(\n ,\n );\n\n // Verify match count is displayed\n expect(screen.getByText('1 of 2')).toBeInTheDocument();\n\n // Test navigation buttons\n const nextButton = screen.getByLabelText('Next match');\n await user.click(nextButton);\n expect(onNextMatch).toHaveBeenCalled();\n\n const previousButton = screen.getByLabelText('Previous match');\n await user.click(previousButton);\n expect(onPreviousMatch).toHaveBeenCalled();\n\n // Test typing in search box\n const input = screen.getByPlaceholderText('Find in table...');\n await user.clear(input);\n await user.type(input, 'new search');\n expect(onSearchChange).toHaveBeenCalled();\n });\n });\n});\n\ndescribe('TableSearchMatchIndicator', () => {\n // Realistic test data based on HyperDX logs\n const mockDedupedRows = [\n {\n id: '1',\n timestamp: 'Jan 15 4:43:28.966 PM',\n ServiceName: 'hdx-oss-dev-app',\n StatusCode: 'Unset',\n SpanName: 'longtask',\n Duration: 69,\n },\n {\n id: '2',\n timestamp: 'Jan 15 4:43:28.912 PM',\n ServiceName: 'hdx-oss-dev-app',\n StatusCode: 'Unset',\n SpanName: 'longtask',\n Duration: 54,\n },\n {\n id: '3',\n timestamp: 'Jan 15 4:43:25.034 PM',\n ServiceName: 'hdx-oss-dev-api',\n StatusCode: 'Unset',\n SpanName: 'mongodb.update',\n Duration: 1,\n },\n {\n id: '4',\n timestamp: 'Jan 15 4:43:25.021 PM',\n ServiceName: 'hdx-oss-dev-api',\n StatusCode: 'Unset',\n SpanName: 'dns.lookup',\n Duration: 0,\n },\n {\n id: '5',\n timestamp: 'Jan 15 4:43:25.021 PM',\n ServiceName: 'hdx-oss-dev-api',\n StatusCode: 'Unset',\n SpanName: 'POST',\n Duration: 13,\n },\n ];\n\n const mockTableRows = mockDedupedRows.map((row, index) => ({\n original: row,\n index,\n }));\n\n const getRowId = (row: any) => row.id;\n\n const defaultProps = {\n searchQuery: '',\n matchIndices: [],\n currentMatchIndex: 0,\n dedupedRows: mockDedupedRows,\n tableRows: mockTableRows as any[],\n getRowId,\n onMatchClick: jest.fn(),\n };\n\n beforeEach(() => {\n jest.clearAllMocks();\n });\n\n describe('visibility conditions', () => {\n it('should not render when searchQuery is empty', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators.length).toBe(0);\n });\n\n it('should not render when matchIndices is empty', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators.length).toBe(0);\n });\n\n it('should not render when tableRows is empty', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators.length).toBe(0);\n });\n\n it('should render when all required conditions are met', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators.length).toBeGreaterThan(0);\n });\n });\n\n describe('match indicators rendering', () => {\n it('should render indicators for all matches', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n // Count the number of indicator boxes rendered\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators.length).toBe(3);\n });\n\n it('should render indicators for \"longtask\" matches', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators.length).toBe(2);\n });\n\n it('should render single indicator for \"mongodb\" match', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators.length).toBe(1);\n });\n\n it('should render indicators for all \"Unset\" status matches', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators.length).toBe(5);\n });\n });\n\n describe('indicator positioning', () => {\n it('should position indicators based on row position in table', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n\n // First match (index 0) should be at 0% (0 / 5 * 100)\n expect(indicators[0]).toHaveStyle({ top: '0%' });\n\n // Second match (index 1) should be at 20% (1 / 5 * 100)\n expect(indicators[1]).toHaveStyle({ top: '20%' });\n });\n\n it('should calculate correct position for matches at different indices', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n\n // Match at index 2: 2 / 5 * 100 = 40%\n expect(indicators[0]).toHaveStyle({ top: '40%' });\n\n // Match at index 3: 3 / 5 * 100 = 60%\n expect(indicators[1]).toHaveStyle({ top: '60%' });\n\n // Match at index 4: 4 / 5 * 100 = 80%\n expect(indicators[2]).toHaveStyle({ top: '80%' });\n });\n });\n\n describe('current match highlighting', () => {\n it('should render all indicators when current match is first', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n\n // All indicators should be rendered\n expect(indicators.length).toBe(3);\n // First indicator should be current match\n expect(indicators[0]).toHaveAttribute('title', 'Match 1 of 3');\n expect(indicators[1]).toHaveAttribute('title', 'Match 2 of 3');\n expect(indicators[2]).toHaveAttribute('title', 'Match 3 of 3');\n });\n\n it('should render all indicators when current match is in middle', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n\n // All indicators should be rendered\n expect(indicators.length).toBe(3);\n // Second indicator should be current match\n expect(indicators[1]).toHaveAttribute('title', 'Match 2 of 3');\n });\n\n it('should render all indicators when current match is last', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n\n // All indicators should be rendered\n expect(indicators.length).toBe(2);\n // Last indicator should be current match\n expect(indicators[1]).toHaveAttribute('title', 'Match 2 of 2');\n });\n });\n\n describe('indicator titles', () => {\n it('should display correct title for first match', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators[0]).toHaveAttribute('title', 'Match 1 of 3');\n });\n\n it('should display correct titles for all matches', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators[0]).toHaveAttribute('title', 'Match 1 of 3');\n expect(indicators[1]).toHaveAttribute('title', 'Match 2 of 3');\n expect(indicators[2]).toHaveAttribute('title', 'Match 3 of 3');\n });\n\n it('should display correct title for single match', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators[0]).toHaveAttribute('title', 'Match 1 of 1');\n });\n });\n\n describe('click interactions', () => {\n it('should call onMatchClick when indicator is clicked', async () => {\n const onMatchClick = jest.fn();\n const user = userEvent.setup();\n\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n await user.click(indicators[0] as HTMLElement);\n\n expect(onMatchClick).toHaveBeenCalledWith(0);\n });\n\n it('should call onMatchClick with correct index for different matches', async () => {\n const onMatchClick = jest.fn();\n const user = userEvent.setup();\n\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n\n // Click second indicator\n await user.click(indicators[1] as HTMLElement);\n expect(onMatchClick).toHaveBeenCalledWith(1);\n\n // Click third indicator\n await user.click(indicators[2] as HTMLElement);\n expect(onMatchClick).toHaveBeenCalledWith(2);\n });\n\n it('should have pointer cursor on indicators', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n indicators.forEach(indicator => {\n expect(indicator).toHaveStyle({ cursor: 'pointer' });\n });\n });\n });\n\n describe('edge cases', () => {\n it('should handle match that is not in tableRows', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n // Should only render indicator for valid match (index 0)\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators.length).toBe(1);\n });\n\n it('should handle mismatched row IDs gracefully', () => {\n const mismatchedDedupedRows = [\n { ...mockDedupedRows[0], id: 'non-matching-id' },\n ];\n\n const { container } = renderWithMantine(\n ,\n );\n\n // Should not render indicator if row IDs don't match\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators.length).toBe(0);\n });\n\n it('should render with large number of matches', () => {\n const largeDedupedRows = Array.from({ length: 100 }, (_, i) => ({\n id: `row-${i}`,\n ServiceName: 'test-service',\n SpanName: 'test-span',\n StatusCode: 'Unset',\n }));\n\n const largeTableRows = largeDedupedRows.map((row, index) => ({\n original: row,\n index,\n }));\n\n const largeMatchIndices = Array.from({ length: 50 }, (_, i) => i * 2);\n\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators.length).toBe(50);\n });\n });\n\n describe('styling and layout', () => {\n it('should have correct positioning and dimensions', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n // Verify indicators are rendered (proves container exists with correct setup)\n expect(indicators.length).toBe(2);\n\n // Verify indicators have correct positioning\n expect(indicators[0]).toHaveStyle({ top: '0%' });\n expect(indicators[1]).toHaveStyle({ top: '20%' });\n });\n\n it('should have correct z-index for proper layering', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n // Verify indicators are rendered (proves z-index setup works)\n expect(indicators.length).toBe(2);\n });\n\n it('should have pointer-events on indicators but not on container', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n\n // Indicators should have pointer cursor (proving they're clickable)\n indicators.forEach(indicator => {\n expect(indicator).toHaveStyle({ cursor: 'pointer' });\n });\n });\n });\n\n describe('realistic search scenarios', () => {\n it('should correctly render indicators for \"longtask\" search', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators.length).toBe(2);\n expect(indicators[0]).toHaveAttribute('title', 'Match 1 of 2');\n expect(indicators[1]).toHaveAttribute('title', 'Match 2 of 2');\n // Verify indicators are clickable\n expect(indicators[0]).toHaveStyle({ cursor: 'pointer' });\n expect(indicators[1]).toHaveStyle({ cursor: 'pointer' });\n });\n\n it('should correctly render indicators for \"middleware\" search', () => {\n const extendedRows = [\n ...mockDedupedRows,\n {\n id: '6',\n ServiceName: 'hdx-oss-dev-api',\n SpanName: 'middleware - auth',\n StatusCode: 'Unset',\n },\n {\n id: '7',\n ServiceName: 'hdx-oss-dev-api',\n SpanName: 'middleware - cors',\n StatusCode: 'Unset',\n },\n ];\n\n const extendedTableRows = extendedRows.map((row, index) => ({\n original: row,\n index,\n }));\n\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators.length).toBe(2);\n\n // Verify titles\n expect(indicators[0]).toHaveAttribute('title', 'Match 1 of 2');\n expect(indicators[1]).toHaveAttribute('title', 'Match 2 of 2');\n });\n\n it('should correctly render indicator for single \"mongodb\" match', () => {\n const { container } = renderWithMantine(\n ,\n );\n\n const indicators = container.querySelectorAll('[title*=\"Match\"]');\n expect(indicators.length).toBe(1);\n expect(indicators[0]).toHaveAttribute('title', 'Match 1 of 1');\n expect(indicators[0]).toHaveStyle({ top: '40%' }); // 2 / 5 * 100\n });\n });\n});\n" }, { "path": "packages/app/src/components/DBTable/__tests__/sorting.test.ts", "content": "import { numericRowSortingFn } from '@/components/DBTable/sorting';\n\nfunction makeRow(value: unknown) {\n return { getValue: (_key: string) => value } as any;\n}\n\ndescribe('numericRowSortingFn', () => {\n const key = 'col';\n\n it('sorts numbers in ascending order', () => {\n expect(numericRowSortingFn(makeRow(1), makeRow(2), key)).toBeLessThan(0);\n expect(numericRowSortingFn(makeRow(2), makeRow(1), key)).toBeGreaterThan(0);\n expect(numericRowSortingFn(makeRow(5), makeRow(5), key)).toBe(0);\n });\n\n it('treats numeric strings as numbers', () => {\n expect(\n numericRowSortingFn(makeRow('10'), makeRow('9'), key),\n ).toBeGreaterThan(0);\n expect(numericRowSortingFn(makeRow('3'), makeRow('20'), key)).toBeLessThan(\n 0,\n );\n });\n\n it('sorts null as greater than any number (pushes to end)', () => {\n expect(numericRowSortingFn(makeRow(null), makeRow(1), key)).toBeGreaterThan(\n 0,\n );\n expect(numericRowSortingFn(makeRow(1), makeRow(null), key)).toBeLessThan(0);\n });\n\n it('sorts NaN strings as greater than any number (pushes to end)', () => {\n expect(\n numericRowSortingFn(makeRow('abc'), makeRow(1), key),\n ).toBeGreaterThan(0);\n expect(numericRowSortingFn(makeRow(1), makeRow('abc'), key)).toBeLessThan(\n 0,\n );\n });\n\n it('handles negative numbers', () => {\n expect(numericRowSortingFn(makeRow(-5), makeRow(0), key)).toBeLessThan(0);\n expect(numericRowSortingFn(makeRow(0), makeRow(-5), key)).toBeGreaterThan(\n 0,\n );\n });\n\n it('treats two null/NaN values as equal', () => {\n expect(numericRowSortingFn(makeRow(null), makeRow(null), key)).toBe(0);\n expect(numericRowSortingFn(makeRow('abc'), makeRow('xyz'), key)).toBe(0);\n expect(numericRowSortingFn(makeRow(null), makeRow('abc'), key)).toBe(0);\n });\n\n it('handles floating point numbers', () => {\n expect(numericRowSortingFn(makeRow(1.5), makeRow(1.6), key)).toBeLessThan(\n 0,\n );\n expect(\n numericRowSortingFn(makeRow(1.6), makeRow(1.5), key),\n ).toBeGreaterThan(0);\n });\n});\n" }, { "path": "packages/app/src/components/DBTable/sorting.ts", "content": "import {\n ColumnMetaType,\n convertCHDataTypeToJSType,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport { Row, SortingFnOption } from '@tanstack/react-table';\n\nexport const numericRowSortingFn = ((\n a: Row,\n b: Row,\n columnId: string,\n) => {\n const aValue = a.getValue(columnId);\n const bValue = b.getValue(columnId);\n\n const aInvalid = aValue == null || isNaN(Number(aValue));\n const bInvalid = bValue == null || isNaN(Number(bValue));\n if (aInvalid && bInvalid) return 0;\n if (aInvalid) return 1;\n if (bInvalid) return -1;\n\n return Number(aValue) - Number(bValue);\n}) satisfies SortingFnOption;\n\nexport const getClientSideSortingFn = (\n meta: ColumnMetaType[] | undefined,\n columnName: string,\n): SortingFnOption => {\n const columnMeta = meta?.find(col => col.name === columnName);\n const jsType = columnMeta\n ? convertCHDataTypeToJSType(columnMeta.type)\n : undefined;\n\n if (jsType === 'number') {\n return numericRowSortingFn;\n }\n\n // Fallback to alphanumeric sorting for other types, including when metadata is unavailable, and when\n // metadata indicates that the column type is date (in which case the value will be a string type in JS)\n return 'alphanumeric';\n};\n" }, { "path": "packages/app/src/components/DBTableChart.tsx", "content": "import { useCallback, useMemo, useState } from 'react';\nimport { ClickHouseQueryError } from '@hyperdx/common-utils/dist/clickhouse';\nimport {\n isBuilderChartConfig,\n isRawSqlChartConfig,\n} from '@hyperdx/common-utils/dist/guards';\nimport { ChartConfigWithOptTimestamp } from '@hyperdx/common-utils/dist/types';\nimport { Box, Code, Text } from '@mantine/core';\nimport { SortingState } from '@tanstack/react-table';\n\nimport {\n buildMVDateRangeIndicator,\n convertToTableChartConfig,\n} from '@/ChartUtils';\nimport { Table, TableVariant } from '@/HDXMultiSeriesTableChart';\nimport { useMVOptimizationExplanation } from '@/hooks/useMVOptimizationExplanation';\nimport useOffsetPaginatedQuery from '@/hooks/useOffsetPaginatedQuery';\nimport { useSource } from '@/source';\nimport { useIntersectionObserver } from '@/utils';\n\nimport ChartContainer from './charts/ChartContainer';\nimport { getClientSideSortingFn } from './DBTable/sorting';\nimport MVOptimizationIndicator from './MaterializedViews/MVOptimizationIndicator';\nimport { SQLPreview } from './ChartSQLPreview';\n\n// TODO: Support clicking in to view matched events\nexport default function DBTableChart({\n config,\n getRowSearchLink,\n enabled = true,\n queryKeyPrefix,\n onSortingChange,\n sort: controlledSort,\n hiddenColumns = [],\n title,\n toolbarPrefix,\n toolbarSuffix,\n showMVOptimizationIndicator = true,\n variant,\n}: {\n config: ChartConfigWithOptTimestamp;\n getRowSearchLink?: (row: any) => string | null;\n queryKeyPrefix?: string;\n enabled?: boolean;\n onSortingChange?: (sort: SortingState) => void;\n sort?: SortingState;\n hiddenColumns?: string[];\n title?: React.ReactNode;\n toolbarPrefix?: React.ReactNode[];\n toolbarSuffix?: React.ReactNode[];\n showMVOptimizationIndicator?: boolean;\n variant?: TableVariant;\n}) {\n const [sort, setSort] = useState([]);\n\n const { data: source } = useSource({\n id: config.source,\n });\n\n const effectiveSort = useMemo(\n () => controlledSort || sort,\n [controlledSort, sort],\n );\n\n const handleSortingChange = useCallback(\n (newSort: SortingState) => {\n setSort(newSort);\n if (onSortingChange) {\n onSortingChange(newSort);\n }\n },\n [onSortingChange],\n );\n\n const queriedConfig = useMemo(() => {\n if (isRawSqlChartConfig(config)) return config;\n\n const _config = convertToTableChartConfig(config);\n\n if (effectiveSort.length) {\n _config.orderBy = effectiveSort.map(o => {\n return {\n valueExpression: o.id,\n ordering: o.desc ? 'DESC' : 'ASC',\n };\n });\n }\n return _config;\n }, [config, effectiveSort]);\n\n const { data: mvOptimizationData } = useMVOptimizationExplanation(\n isBuilderChartConfig(queriedConfig) ? queriedConfig : undefined,\n );\n\n const { data, fetchNextPage, hasNextPage, isLoading, isError, error } =\n useOffsetPaginatedQuery(queriedConfig, {\n enabled,\n queryKeyPrefix,\n });\n const { observerRef: fetchMoreRef } = useIntersectionObserver(fetchNextPage);\n\n // Returns an array of aliases, so we can check if something is using an alias\n const aliasMap = useMemo(() => {\n if (isRawSqlChartConfig(config)) {\n return [];\n }\n\n // If the config.select is a string, we can't infer this.\n // One day, we could potentially run this through chSqlToAliasMap but AST parsing\n // doesn't work for most DBTableChart queries.\n if (typeof config.select === 'string') {\n return [];\n }\n return config.select.reduce((acc, select) => {\n if (select.alias) {\n acc.push(select.alias);\n }\n return acc;\n }, [] as string[]);\n }, [config]);\n\n const columns = useMemo(() => {\n const rows = data?.data ?? [];\n if (rows.length === 0) {\n return [];\n }\n\n let groupByKeys: string[] = [];\n if (\n isBuilderChartConfig(queriedConfig) &&\n queriedConfig.groupBy &&\n typeof queriedConfig.groupBy === 'string'\n ) {\n groupByKeys = queriedConfig.groupBy.split(',').map(v => v.trim());\n }\n\n return Object.keys(rows?.[0])\n .filter(key => !hiddenColumns.includes(key))\n .map(key => ({\n // If it's an alias, wrap in quotes to support a variety of formats (ex \"Time (ms)\", \"Req/s\", etc)\n id: aliasMap.includes(key) ? `\"${key}\"` : key,\n dataKey: key,\n displayName: key,\n numberFormat: groupByKeys.includes(key)\n ? undefined\n : config.numberFormat,\n sortingFn: getClientSideSortingFn(data?.meta, key),\n }));\n }, [config.numberFormat, aliasMap, queriedConfig, data, hiddenColumns]);\n\n const toolbarItemsMemo = useMemo(() => {\n const allToolbarItems = [];\n\n if (toolbarPrefix && toolbarPrefix.length > 0) {\n allToolbarItems.push(...toolbarPrefix);\n }\n\n if (\n source &&\n showMVOptimizationIndicator &&\n isBuilderChartConfig(queriedConfig)\n ) {\n allToolbarItems.push(\n ,\n );\n }\n\n const dateRangeIndicator = buildMVDateRangeIndicator({\n mvOptimizationData,\n originalDateRange: queriedConfig.dateRange,\n });\n\n if (dateRangeIndicator) {\n allToolbarItems.push(dateRangeIndicator);\n }\n\n if (toolbarSuffix && toolbarSuffix.length > 0) {\n allToolbarItems.push(...toolbarSuffix);\n }\n\n return allToolbarItems;\n }, [\n toolbarPrefix,\n toolbarSuffix,\n source,\n showMVOptimizationIndicator,\n mvOptimizationData,\n queriedConfig,\n ]);\n\n return (\n \n {isLoading && !data ? (\n
\n Loading Chart Data...\n
\n ) : isError && error ? (\n
\n \n Error loading chart, please check your query or try again later.\n \n \n \n Error Message:\n \n \n {error.message}\n \n {error instanceof ClickHouseQueryError && (\n <>\n \n Sent Query:\n \n \n \n )}\n \n
\n ) : data?.data.length === 0 ? (\n
\n No data found within time range.\n
\n ) : (\n \n Loading...\n \n )\n }\n />\n )}\n \n );\n}\n" }, { "path": "packages/app/src/components/DBTableSelect.tsx", "content": "import { useController, UseControllerProps } from 'react-hook-form';\nimport { Flex, Select } from '@mantine/core';\nimport { IconTable } from '@tabler/icons-react';\n\nimport { useTablesDirect } from '@/clickhouse';\n\nimport SourceSchemaPreview from './SourceSchemaPreview';\nimport { SourceSelectRightSection } from './SourceSelect';\n\nexport default function DBTableSelect({\n database,\n setTable,\n table,\n onBlur,\n name,\n size,\n inputRef,\n connectionId,\n}: {\n database: string | undefined;\n connectionId: string | undefined;\n setTable: (table: string | undefined) => void;\n table: string | undefined;\n onBlur?: () => void;\n inputRef?: React.Ref;\n name?: string;\n size?: string;\n}) {\n const { data: tables, isLoading: isTablesLoading } = useTablesDirect(\n { database: database ?? '', connectionId: connectionId ?? '' },\n {\n enabled: !!database && !!connectionId,\n },\n );\n\n const data = (tables?.data || []).map((db: { name: string }) => ({\n value: db.name,\n label: db.name,\n }));\n\n const rightSectionProps = SourceSelectRightSection({\n sourceSchemaPreview:\n connectionId && database && table ? (\n \n ) : undefined,\n });\n\n return (\n \n }\n maxDropdownHeight={280}\n data={data}\n disabled={isTablesLoading}\n value={table}\n comboboxProps={{ withinPortal: false }}\n onChange={v => setTable(v ?? undefined)}\n onBlur={onBlur}\n name={name}\n ref={inputRef}\n size={size}\n className=\"flex-grow-1\"\n {...rightSectionProps}\n />\n \n );\n}\n\nexport function DBTableSelectControlled({\n database,\n connectionId,\n ...props\n}: {\n database?: string;\n size?: string;\n connectionId: string | undefined;\n} & UseControllerProps) {\n const {\n field,\n fieldState: { invalid, isTouched, isDirty },\n formState: { touchedFields, dirtyFields },\n } = useController(props);\n\n return (\n \n );\n}\n" }, { "path": "packages/app/src/components/DBTimeChart.tsx", "content": "import React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport Link from 'next/link';\nimport { add, differenceInSeconds } from 'date-fns';\nimport {\n convertGranularityToSeconds,\n getAlignedDateRange,\n} from '@hyperdx/common-utils/dist/core/utils';\nimport {\n isBuilderChartConfig,\n isRawSqlChartConfig,\n} from '@hyperdx/common-utils/dist/guards';\nimport {\n BuilderChartConfigWithDateRange,\n ChartConfigWithDateRange,\n DisplayType,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n Divider,\n Group,\n Popover,\n Portal,\n Stack,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport { IconChartBar, IconChartLine, IconSearch } from '@tabler/icons-react';\n\nimport api from '@/api';\nimport {\n AGG_FNS,\n buildEventsSearchUrl,\n ChartKeyJoiner,\n convertToTimeChartConfig,\n formatResponseForTimeChart,\n getPreviousDateRange,\n PreviousPeriodSuffix,\n shouldFillNullsWithZero,\n useTimeChartSettings,\n} from '@/ChartUtils';\nimport { MemoChart } from '@/HDXMultiSeriesTimeChart';\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { useMVOptimizationExplanation } from '@/hooks/useMVOptimizationExplanation';\nimport { useSource } from '@/source';\n\nimport ChartContainer from './charts/ChartContainer';\nimport ChartErrorState, {\n ChartErrorStateVariant,\n} from './charts/ChartErrorState';\nimport DateRangeIndicator from './charts/DateRangeIndicator';\nimport DisplaySwitcher from './charts/DisplaySwitcher';\nimport MVOptimizationIndicator from './MaterializedViews/MVOptimizationIndicator';\n\ntype ActiveClickPayload = {\n x: number;\n y: number;\n activeLabel: string;\n xPerc: number;\n yPerc: number;\n activePayload?: { value?: number; dataKey?: string; name?: string }[];\n};\n\nfunction ActiveTimeTooltip({\n activeClickPayload,\n buildSearchUrl,\n onDismiss,\n}: {\n activeClickPayload: ActiveClickPayload | undefined;\n buildSearchUrl: (key?: string, value?: number) => string | null;\n onDismiss: () => void;\n}) {\n const isOpen =\n activeClickPayload != null &&\n activeClickPayload.activePayload != null &&\n activeClickPayload.activePayload.length > 0;\n\n if (!isOpen) {\n return null;\n }\n\n const validPayloads = activeClickPayload\n .activePayload!.filter(\n p =>\n p.value != null &&\n // Exclude previous period series\n // TODO: it would be cool to support this in the future\n !p.dataKey?.endsWith(PreviousPeriodSuffix),\n )\n .sort((a, b) => b.value! - a.value!); // Sort by value descending (highest first)\n\n return (\n <>\n {/* Backdrop to capture clicks and prevent propagation to chart */}\n \n {\n e.stopPropagation();\n e.preventDefault();\n onDismiss();\n }}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n />\n \n\n {\n if (!opened) {\n onDismiss();\n }\n }}\n position=\"bottom-start\"\n offset={4}\n withinPortal\n closeOnEscape\n withArrow\n shadow=\"md\"\n >\n \n \n \n e.stopPropagation()}\n onMouseDown={e => e.stopPropagation()}\n >\n \n \n \n \n View All Events\n \n \n {validPayloads.length > 1 && (\n <>\n \n \n Filter by group:\n \n {validPayloads.map((payload, idx) => {\n const seriesUrl = buildSearchUrl(\n payload.dataKey,\n payload.value,\n );\n return (\n \n \n \n \n \n {payload.name}\n \n \n \n \n );\n })}\n \n )}\n \n \n \n \n );\n}\n\ntype DBTimeChartComponentProps = {\n config: ChartConfigWithDateRange;\n disableQueryChunking?: boolean;\n disableDrillDown?: boolean;\n enableParallelQueries?: boolean;\n enabled?: boolean;\n logReferenceTimestamp?: number;\n onSettled?: () => void;\n onTimeRangeSelect?: (start: Date, end: Date) => void;\n queryKeyPrefix?: string;\n referenceLines?: React.ReactNode;\n setDisplayType?: (type: DisplayType) => void;\n showDisplaySwitcher?: boolean;\n showLegend?: boolean;\n sourceId?: string;\n /** Names of series that should not be shown in the chart */\n hiddenSeries?: string[];\n title?: React.ReactNode;\n toolbarPrefix?: React.ReactNode[];\n toolbarSuffix?: React.ReactNode[];\n showMVOptimizationIndicator?: boolean;\n showDateRangeIndicator?: boolean;\n errorVariant?: ChartErrorStateVariant;\n};\n\nfunction DBTimeChartComponent({\n config,\n disableQueryChunking,\n disableDrillDown,\n enableParallelQueries,\n enabled = true,\n logReferenceTimestamp,\n onTimeRangeSelect,\n queryKeyPrefix,\n referenceLines,\n setDisplayType,\n showDisplaySwitcher = true,\n showLegend = true,\n sourceId,\n hiddenSeries,\n title,\n toolbarPrefix,\n toolbarSuffix,\n showMVOptimizationIndicator = true,\n showDateRangeIndicator = true,\n errorVariant,\n}: DBTimeChartComponentProps) {\n const [selectedSeriesSet, setSelectedSeriesSet] = useState>(\n new Set(),\n );\n\n const handleToggleSeries = useCallback(\n (seriesName: string, isShiftKey?: boolean) => {\n setSelectedSeriesSet(prev => {\n const newSet = new Set(prev);\n\n if (isShiftKey) {\n // Shift-click: add to selection\n if (newSet.has(seriesName)) {\n newSet.delete(seriesName);\n } else {\n newSet.add(seriesName);\n }\n } else {\n // Regular click: toggle selection\n if (newSet.has(seriesName) && newSet.size === 1) {\n // If this is the only selected item, clear selection (show all)\n newSet.clear();\n } else {\n // Otherwise, select only this one\n newSet.clear();\n newSet.add(seriesName);\n }\n }\n\n return newSet;\n });\n },\n [],\n );\n\n const originalDateRange = config.dateRange;\n const {\n displayType: displayTypeProp,\n dateRange,\n granularity,\n fillNulls,\n } = useTimeChartSettings(config);\n\n const queriedConfig = useMemo(\n () => convertToTimeChartConfig(config),\n [config],\n );\n\n // Determine whether the config can be optimized with an MV, to determine whether\n // to show the MV optimization indicator and date range indicator in the toolbar\n const builderQueriedConfig: BuilderChartConfigWithDateRange | undefined =\n isBuilderChartConfig(queriedConfig) ? queriedConfig : undefined;\n const { data: mvOptimizationData } =\n useMVOptimizationExplanation(builderQueriedConfig);\n\n const { data: me, isLoading: isLoadingMe } = api.useMe();\n const { data, isLoading, isError, error, isPlaceholderData, isSuccess } =\n useQueriedChartConfig(queriedConfig, {\n placeholderData: (prev: any) => prev,\n queryKey: [\n queryKeyPrefix,\n queriedConfig,\n 'chunked',\n {\n disableQueryChunking,\n enableParallelQueries,\n parallelizeWhenPossible: me?.team?.parallelizeWhenPossible,\n },\n ],\n enabled: enabled && !isLoadingMe,\n enableQueryChunking: !disableQueryChunking,\n enableParallelQueries:\n enableParallelQueries && me?.team?.parallelizeWhenPossible,\n });\n\n const previousPeriodChartConfig: ChartConfigWithDateRange = useMemo(() => {\n const previousPeriodDateRange =\n queriedConfig.alignDateRangeToGranularity === false\n ? getPreviousDateRange(originalDateRange)\n : getAlignedDateRange(\n getPreviousDateRange(originalDateRange),\n granularity,\n );\n\n return {\n ...queriedConfig,\n dateRange: previousPeriodDateRange,\n };\n }, [queriedConfig, originalDateRange, granularity]);\n\n const previousPeriodOffsetSeconds = useMemo(() => {\n return config.compareToPreviousPeriod\n ? differenceInSeconds(\n dateRange[0],\n previousPeriodChartConfig.dateRange[0],\n )\n : undefined;\n }, [\n config.compareToPreviousPeriod,\n dateRange,\n previousPeriodChartConfig.dateRange,\n ]);\n\n const { data: previousPeriodData, isLoading: isPreviousPeriodLoading } =\n useQueriedChartConfig(previousPeriodChartConfig, {\n placeholderData: (prev: any) => prev,\n queryKey: [queryKeyPrefix, previousPeriodChartConfig, 'chunked'],\n enabled: !!(enabled && config.compareToPreviousPeriod),\n enableQueryChunking: true,\n });\n\n const isLoadingOrPlaceholder =\n isLoading ||\n isPreviousPeriodLoading ||\n !data?.isComplete ||\n (config.compareToPreviousPeriod && !previousPeriodData?.isComplete) ||\n isPlaceholderData;\n\n const { data: source } = useSource({\n id: sourceId || config.source,\n });\n\n const {\n error: resultFormattingError,\n graphResults,\n timestampColumn,\n groupColumns,\n valueColumns,\n isSingleValueColumn,\n lineData,\n } = useMemo(() => {\n const defaultResponse = {\n error: null,\n graphResults: [],\n timestampColumn: undefined,\n lineData: [],\n groupColumns: [],\n valueColumns: [],\n isSingleValueColumn: true,\n };\n\n if (data == null || !isSuccess) {\n return defaultResponse;\n }\n\n try {\n const formatResult = formatResponseForTimeChart({\n currentPeriodResponse: data,\n previousPeriodResponse: config.compareToPreviousPeriod\n ? previousPeriodData\n : undefined,\n dateRange,\n granularity,\n generateEmptyBuckets: shouldFillNullsWithZero(fillNulls),\n source,\n hiddenSeries,\n previousPeriodOffsetSeconds,\n });\n return {\n ...defaultResponse,\n ...formatResult,\n };\n } catch (e: unknown) {\n console.error(e);\n return {\n ...defaultResponse,\n error: e,\n };\n }\n }, [\n data,\n dateRange,\n granularity,\n isSuccess,\n fillNulls,\n source,\n config.compareToPreviousPeriod,\n previousPeriodData,\n hiddenSeries,\n previousPeriodOffsetSeconds,\n ]);\n\n // To enable backward compatibility, allow non-controlled usage of displayType\n const [displayTypeLocal, setDisplayTypeLocal] = useState(displayTypeProp);\n\n const displayType = useMemo(() => {\n if (setDisplayType) {\n return displayTypeProp;\n } else {\n return displayTypeLocal;\n }\n }, [displayTypeLocal, displayTypeProp, setDisplayType]);\n\n const handleSetDisplayType = useCallback(\n (type: DisplayType) => {\n if (setDisplayType) {\n setDisplayType(type);\n } else {\n setDisplayTypeLocal(type);\n }\n },\n [setDisplayType],\n );\n\n useEffect(() => {\n if (config.compareToPreviousPeriod) {\n setDisplayTypeLocal(DisplayType.Line);\n }\n }, [config.compareToPreviousPeriod]);\n\n const [activeClickPayload, setActiveClickPayload] = useState<\n ActiveClickPayload | undefined\n >(undefined);\n\n // Wrap the setter to only allow setting if source is available\n const setActiveClickPayloadIfSourceAvailable = useCallback(\n (payload: ActiveClickPayload | undefined) => {\n if (source == null || disableDrillDown) {\n return; // Don't set if no source\n }\n setActiveClickPayload(payload);\n },\n [source, disableDrillDown],\n );\n\n const clickedActiveLabelDate = useMemo(() => {\n return activeClickPayload?.activeLabel != null\n ? new Date(Number.parseInt(activeClickPayload.activeLabel) * 1000)\n : undefined;\n }, [activeClickPayload]);\n\n const buildSearchUrl = useCallback(\n (seriesKey?: string, seriesValue?: number) => {\n // Raw SQL charts are not supported for drill-down as we don't know the source which is being used.\n if (\n clickedActiveLabelDate == null ||\n source == null ||\n isRawSqlChartConfig(config)\n ) {\n return null;\n }\n\n // Parse the series key to extract group values\n const seriesKeys = seriesKey?.split(ChartKeyJoiner);\n const groupFilters: Array<{ column: string; value: any }> = [];\n\n if (seriesKeys?.length && groupColumns?.length) {\n // Determine if the first part is a value column name\n const startsWithValueColumn =\n !(isSingleValueColumn ?? true) ||\n ((groupColumns?.length ?? 0) === 0 &&\n (valueColumns?.length ?? 0) > 0);\n const groupValues = startsWithValueColumn\n ? seriesKeys.slice(1)\n : seriesKeys;\n\n // Build group filters\n groupValues.forEach((value, index) => {\n if (groupColumns[index] != null) {\n groupFilters.push({\n column: groupColumns[index],\n value,\n });\n }\n });\n }\n\n // Build value range filter for Y-axis if provided\n let valueRangeFilter:\n | {\n expression: string;\n value: number;\n }\n | undefined;\n\n if (\n seriesValue &&\n Array.isArray(config.select) &&\n config.select.length > 0\n ) {\n // Determine which value column to filter on\n let valueExpression: string | undefined;\n\n if ((isSingleValueColumn ?? true) && config.select.length === 1) {\n const firstSelect = config.select[0];\n const aggFn =\n typeof firstSelect === 'string' ? undefined : firstSelect.aggFn;\n // Only add value range filter if the aggregation is attributable\n const isAttributable =\n AGG_FNS.find(fn => fn.value === aggFn)?.isAttributable !== false;\n\n if (isAttributable) {\n valueExpression =\n typeof firstSelect === 'string'\n ? firstSelect\n : firstSelect.valueExpression;\n }\n } else if (seriesKeys?.length && (valueColumns?.length ?? 0) > 0) {\n const firstPart = seriesKeys[0];\n const valueColumnIndex = valueColumns?.findIndex(\n col => col === firstPart,\n );\n\n if (\n valueColumnIndex != null &&\n valueColumnIndex >= 0 &&\n valueColumnIndex < config.select.length\n ) {\n const selectItem = config.select[valueColumnIndex];\n const aggFn =\n typeof selectItem === 'string' ? undefined : selectItem.aggFn;\n // Only add value range filter if the aggregation is attributable\n const isAttributable =\n AGG_FNS.find(fn => fn.value === aggFn)?.isAttributable !== false;\n\n if (isAttributable) {\n valueExpression =\n typeof selectItem === 'string'\n ? selectItem\n : selectItem.valueExpression;\n }\n }\n }\n\n if (valueExpression) {\n valueRangeFilter = {\n expression: valueExpression,\n value: seriesValue,\n };\n }\n }\n\n // Calculate time range from clicked date and granularity\n const from = clickedActiveLabelDate;\n const to = add(clickedActiveLabelDate, {\n seconds: convertGranularityToSeconds(granularity),\n });\n\n return buildEventsSearchUrl({\n source,\n config,\n dateRange: [from, to],\n groupFilters,\n valueRangeFilter,\n });\n },\n [\n clickedActiveLabelDate,\n config,\n granularity,\n source,\n groupColumns,\n valueColumns,\n isSingleValueColumn,\n ],\n );\n\n const toolbarItemsMemo = useMemo(() => {\n const allToolbarItems = [];\n\n if (toolbarPrefix && toolbarPrefix.length > 0) {\n allToolbarItems.push(...toolbarPrefix);\n }\n\n if (source && showMVOptimizationIndicator && builderQueriedConfig) {\n allToolbarItems.push(\n ,\n );\n }\n\n const mvDateRange = mvOptimizationData?.optimizedConfig?.dateRange;\n const isAlignedToChartGranularity =\n queriedConfig.alignDateRangeToGranularity !== false;\n\n if (\n showDateRangeIndicator &&\n (mvDateRange || isAlignedToChartGranularity)\n ) {\n const mvGranularity = isAlignedToChartGranularity\n ? undefined\n : mvOptimizationData?.explanations.find(e => e.success)?.mvConfig\n .minGranularity;\n\n allToolbarItems.push(\n ,\n );\n }\n\n if (showDisplaySwitcher) {\n allToolbarItems.push(\n ,\n },\n {\n value: DisplayType.StackedBar,\n label: config.compareToPreviousPeriod\n ? 'Bar Chart Unavailable When Comparing to Previous Period'\n : 'Display as Bar Chart',\n icon: ,\n disabled: config.compareToPreviousPeriod,\n },\n ]}\n />,\n );\n }\n\n if (toolbarSuffix && toolbarSuffix.length > 0) {\n allToolbarItems.push(...toolbarSuffix);\n }\n\n return allToolbarItems;\n }, [\n builderQueriedConfig,\n config,\n displayType,\n handleSetDisplayType,\n showDisplaySwitcher,\n source,\n toolbarPrefix,\n toolbarSuffix,\n showMVOptimizationIndicator,\n showDateRangeIndicator,\n mvOptimizationData,\n queriedConfig,\n ]);\n\n return (\n \n {isLoading && !data ? (\n
\n Loading Chart Data...\n
\n ) : isError ? (\n \n ) : resultFormattingError ? (\n \n ) : graphResults.length === 0 ? (\n
\n No data found within time range.\n
\n ) : (\n <>\n setActiveClickPayload(undefined)}\n />\n \n \n )}\n \n );\n}\n\nexport const DBTimeChart = memo(DBTimeChartComponent);\n" }, { "path": "packages/app/src/components/DBTracePanel.tsx", "content": "import { useEffect, useState } from 'react';\nimport { useQueryState } from 'nuqs';\nimport { useForm, useWatch } from 'react-hook-form';\nimport { tcFromSource } from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n isLogSource,\n isTraceSource,\n SourceKind,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n Button,\n Center,\n Divider,\n Flex,\n Group,\n Paper,\n Stack,\n Text,\n} from '@mantine/core';\nimport { IconPencil } from '@tabler/icons-react';\n\nimport { DBTraceWaterfallChartContainer } from '@/components/DBTraceWaterfallChart';\nimport { SQLInlineEditorControlled } from '@/components/SQLEditor/SQLInlineEditor';\nimport { WithClause } from '@/hooks/useRowWhere';\nimport { useSource, useUpdateSource } from '@/source';\nimport TabBar from '@/TabBar';\nimport { parseAsJsonEncoded } from '@/utils/queryParsers';\n\nimport { RowDataPanel } from './DBRowDataPanel';\nimport { RowOverviewPanel } from './DBRowOverviewPanel';\nimport { SourceSelectControlled } from './SourceSelect';\n\nconst eventRowWhereParser = parseAsJsonEncoded<{\n id: string;\n type: string;\n aliasWith: WithClause[];\n}>();\n\nenum Tab {\n Overview = 'overview',\n Parsed = 'parsed',\n}\n\nexport default function DBTracePanel({\n childSourceId,\n traceId,\n dateRange,\n focusDate,\n parentSourceId,\n initialRowHighlightHint,\n 'data-testid': dataTestId,\n}: {\n parentSourceId?: string | null;\n childSourceId?: string | null;\n traceId?: string;\n dateRange: [Date, Date];\n focusDate: Date;\n // Passed in from side panel to try to identify which\n // span in the chart to highlight first without constructing\n // a full row where clause\n initialRowHighlightHint?: {\n timestamp: string;\n spanId: string;\n body: string;\n };\n 'data-testid'?: string;\n}) {\n const { control } = useForm({\n defaultValues: {\n source: childSourceId,\n },\n });\n\n const sourceId = useWatch({ control, name: 'source' });\n\n const { data: childSourceData, isLoading: isChildSourceDataLoading } =\n useSource({\n id: sourceId,\n });\n\n const { data: parentSourceData, isLoading: isParentSourceDataLoading } =\n useSource({\n id: parentSourceId,\n });\n\n const logSourceData =\n parentSourceData?.kind === SourceKind.Log\n ? parentSourceData\n : childSourceData?.kind === SourceKind.Log\n ? childSourceData\n : null;\n const traceSourceData =\n parentSourceData?.kind === SourceKind.Trace\n ? parentSourceData\n : childSourceData?.kind === SourceKind.Trace\n ? childSourceData\n : null;\n\n const isTraceSourceLoading =\n childSourceData?.kind === SourceKind.Trace\n ? isChildSourceDataLoading\n : parentSourceData?.kind === SourceKind.Trace\n ? isParentSourceDataLoading\n : false;\n\n const { mutate: updateTableSource } = useUpdateSource();\n\n const [eventRowWhere, setEventRowWhere] = useQueryState(\n 'eventRowWhere',\n eventRowWhereParser,\n );\n\n const {\n control: traceIdControl,\n handleSubmit: traceIdHandleSubmit,\n setValue: traceIdSetValue,\n } = useForm<{ traceIdExpression: string }>({\n defaultValues: {\n traceIdExpression:\n (parentSourceData &&\n (isLogSource(parentSourceData) || isTraceSource(parentSourceData)) &&\n parentSourceData.traceIdExpression) ||\n '',\n },\n });\n useEffect(() => {\n if (\n parentSourceData &&\n (isLogSource(parentSourceData) || isTraceSource(parentSourceData)) &&\n parentSourceData.traceIdExpression\n ) {\n traceIdSetValue('traceIdExpression', parentSourceData.traceIdExpression);\n }\n }, [parentSourceData, traceIdSetValue]);\n\n const [showTraceIdInput, setShowTraceIdInput] = useState(false);\n\n // Reset highlighted row when trace ID changes\n // otherwise we'll show stale span details\n useEffect(() => {\n return () => {\n setEventRowWhere(null);\n };\n }, [traceId, setEventRowWhere]);\n\n const [displayedTab, setDisplayedTab] = useState(Tab.Overview);\n return (\n
\n \n \n \n {parentSourceData &&\n (isLogSource(parentSourceData) || isTraceSource(parentSourceData))\n ? parentSourceData.traceIdExpression\n : ''}\n : {traceId || 'No trace id found for event'}\n \n {traceId != null && (\n setShowTraceIdInput(v => !v)}\n >\n \n \n )}\n \n \n \n {parentSourceData?.kind === SourceKind.Log\n ? 'Trace Source'\n : 'Correlated Log Source'}\n \n \n \n \n {(showTraceIdInput || !traceId) && parentSourceId != null && (\n \n Trace ID Expression\n \n \n {\n if (\n parentSourceData &&\n (isLogSource(parentSourceData) ||\n isTraceSource(parentSourceData))\n ) {\n updateTableSource({\n source: {\n ...parentSourceData,\n traceIdExpression,\n },\n });\n }\n })}\n size=\"xs\"\n >\n Save\n \n setShowTraceIdInput(false)}\n size=\"xs\"\n >\n Cancel\n \n \n \n )}\n \n {traceSourceData?.kind === SourceKind.Trace && traceId && (\n \n )}\n {traceSourceData != null && eventRowWhere != null && (\n <>\n \n Event Details\n \n setDisplayedTab(v)}\n />\n {displayedTab === Tab.Overview && (\n \n )}\n {displayedTab === Tab.Parsed && (\n \n )}\n \n )}\n {traceSourceData != null && !eventRowWhere && traceId && (\n \n
\n Please select a span above to view details.\n
\n \n )}\n
\n );\n}\n" }, { "path": "packages/app/src/components/DBTraceWaterfallChart.tsx", "content": "import { useCallback, useEffect, useMemo, useState } from 'react';\nimport _, { omit } from 'lodash';\nimport { useForm } from 'react-hook-form';\nimport TimestampNano from 'timestamp-nano';\nimport { tcFromSource } from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n ChartConfig,\n ChartConfigWithDateRange,\n SelectList,\n SourceKind,\n TLogSource,\n TSource,\n TTraceSource,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n Anchor,\n Box,\n Center,\n Checkbox,\n Code,\n Divider,\n Group,\n Text,\n} from '@mantine/core';\nimport {\n IconChevronDown,\n IconChevronRight,\n IconLogs,\n} from '@tabler/icons-react';\n\nimport { ContactSupportText } from '@/components/ContactSupportText';\nimport SearchInputV2 from '@/components/SearchInput/SearchInputV2';\nimport { TimelineChart } from '@/components/TimelineChart';\nimport useOffsetPaginatedQuery from '@/hooks/useOffsetPaginatedQuery';\nimport useResizable from '@/hooks/useResizable';\nimport useRowWhere, { WithClause } from '@/hooks/useRowWhere';\nimport useWaterfallSearchState from '@/hooks/useWaterfallSearchState';\nimport {\n getDisplayedTimestampValueExpression,\n getDurationSecondsExpression,\n getEventBody,\n getSpanEventBody,\n} from '@/source';\nimport { useFormatTime } from '@/useFormatTime';\nimport {\n getChartColorError,\n getChartColorErrorHighlight,\n getChartColorSuccess,\n getChartColorSuccessHighlight,\n getChartColorWarning,\n getChartColorWarningHighlight,\n} from '@/utils';\nimport {\n getHighlightedAttributesFromData,\n getSelectExpressionsForHighlightedAttributes,\n} from '@/utils/highlightedAttributes';\n\nimport { DBHighlightedAttributesList } from './DBHighlightedAttributesList';\n\nimport styles from '@/../styles/LogSidePanel.module.scss';\nimport resizeStyles from '@/../styles/ResizablePanel.module.scss';\n\nexport type SpanRow = {\n Body: string;\n Timestamp: string;\n Duration: number; // seconds\n SpanId: string;\n ParentSpanId: string;\n StatusCode?: string;\n ServiceName?: string;\n SeverityText?: string;\n HyperDXEventType: 'span';\n type?: string;\n SpanAttributes?: Record;\n SpanEvents?: Array<{\n Timestamp: string;\n Name: string;\n Attributes: Record;\n }>;\n __hdx_hidden?: boolean | 1 | 0;\n};\n\nfunction textColor(condition: { isError: boolean; isWarn: boolean }): string {\n const { isError, isWarn } = condition;\n if (isError) return 'text-danger';\n if (isWarn) return 'text-warning';\n return '';\n}\n\nfunction barColor(condition: {\n isError: boolean;\n isWarn: boolean;\n isHighlighted: boolean;\n type: string | undefined;\n}) {\n const { isError, isWarn, isHighlighted, type } = condition;\n\n if (isError)\n return isHighlighted ? getChartColorErrorHighlight() : getChartColorError();\n\n if (isWarn)\n return isHighlighted\n ? getChartColorWarningHighlight()\n : getChartColorWarning();\n\n if (type === SourceKind.Log) {\n return isHighlighted\n ? getChartColorSuccessHighlight()\n : getChartColorSuccess();\n }\n\n return isHighlighted ? '#A9AFB7' : '#6A7077';\n}\n\nfunction getTableBody(tableModel: TSource) {\n if (tableModel?.kind === SourceKind.Trace) {\n return getSpanEventBody(tableModel) ?? '';\n } else if (tableModel?.kind === SourceKind.Log) {\n return getEventBody(tableModel) ?? '';\n } else {\n return '';\n }\n}\n\nfunction getConfig(\n source: TTraceSource | TLogSource,\n traceId: string,\n hiddenRowExpression?: string,\n) {\n const alias: Record = {\n Body: getTableBody(source),\n Timestamp: getDisplayedTimestampValueExpression(source),\n Duration:\n source.kind === SourceKind.Trace && source.durationExpression\n ? getDurationSecondsExpression(source)\n : '',\n TraceId: source.traceIdExpression ?? '',\n SpanId: source.spanIdExpression ?? '',\n ParentSpanId:\n source.kind === SourceKind.Trace\n ? (source.parentSpanIdExpression ?? '')\n : '',\n StatusCode:\n source.kind === SourceKind.Trace\n ? (source.statusCodeExpression ?? '')\n : '',\n ServiceName: source.serviceNameExpression ?? '',\n SeverityText:\n source.kind === SourceKind.Log\n ? (source.severityTextExpression ?? '')\n : '',\n SpanAttributes: source.eventAttributesExpression ?? '',\n SpanEvents:\n source.kind === SourceKind.Trace\n ? (source.spanEventsValueExpression ?? '')\n : '',\n };\n\n // Aliases for trace attributes must be added here to ensure\n // the returned `alias` object includes them and useRowWhere works.\n if (source.highlightedTraceAttributeExpressions) {\n for (const expr of source.highlightedTraceAttributeExpressions) {\n if (expr.alias) {\n alias[expr.alias] = expr.sqlExpression;\n }\n }\n }\n\n const select: SelectList = [\n {\n valueExpression: alias.Body,\n alias: 'Body',\n },\n {\n valueExpression: alias.Timestamp,\n alias: 'Timestamp',\n },\n {\n valueExpression: alias.SpanId,\n alias: 'SpanId',\n },\n ...(alias.ServiceName\n ? [\n {\n valueExpression: alias.ServiceName,\n alias: 'ServiceName',\n },\n ]\n : []),\n ...(hiddenRowExpression\n ? [\n {\n valueExpression: hiddenRowExpression,\n valueExpressionLanguage: 'lucene' as const,\n alias: '__hdx_hidden',\n },\n ]\n : []),\n ];\n\n if (source.kind === SourceKind.Trace || source.kind === SourceKind.Log) {\n select.push(\n ...getSelectExpressionsForHighlightedAttributes(\n source.highlightedTraceAttributeExpressions,\n ),\n );\n }\n\n if (hiddenRowExpression) {\n alias['__hdx_hidden'] = hiddenRowExpression;\n }\n\n if (source.kind === SourceKind.Trace) {\n select.push(\n ...[\n {\n // in Seconds, f64 holds ns precision for durations up to ~3 months\n valueExpression: alias.Duration,\n alias: 'Duration',\n },\n {\n valueExpression: alias.ParentSpanId,\n alias: 'ParentSpanId',\n },\n ...(alias.StatusCode\n ? [\n {\n valueExpression: alias.StatusCode,\n alias: 'StatusCode',\n },\n ]\n : []),\n ...(alias.SpanAttributes\n ? [\n {\n valueExpression: alias.SpanAttributes,\n alias: 'SpanAttributes',\n },\n ]\n : []),\n ...(alias.SpanEvents\n ? [\n {\n valueExpression: alias.SpanEvents,\n alias: 'SpanEvents',\n },\n ]\n : []),\n ],\n );\n } else if (source.kind === SourceKind.Log) {\n select.push(\n ...[\n ...(alias.SeverityText\n ? [\n {\n valueExpression: alias.SeverityText,\n alias: 'SeverityText',\n },\n ]\n : []),\n ],\n );\n }\n const config = {\n select,\n from: source.from,\n timestampValueExpression: source.timestampValueExpression,\n where: `${alias.TraceId} = '${traceId}'`,\n limit: { limit: 50000 },\n connection: source.connection,\n };\n return { config, alias, type: source.kind };\n}\n\nexport function useEventsData({\n config,\n dateRangeStartInclusive,\n dateRange,\n enabled,\n}: {\n config: ChartConfig;\n dateRangeStartInclusive: boolean;\n dateRange: [Date, Date];\n enabled: boolean;\n}) {\n const query: ChartConfigWithDateRange = useMemo(() => {\n return {\n ...config,\n dateRange,\n dateRangeStartInclusive,\n };\n }, [config, dateRange, dateRangeStartInclusive]);\n return useOffsetPaginatedQuery(query, { enabled });\n}\n\nexport function useEventsAroundFocus({\n tableSource,\n focusDate,\n dateRange,\n traceId,\n enabled,\n hiddenRowExpression,\n}: {\n tableSource: TTraceSource | TLogSource;\n focusDate: Date;\n dateRange: [Date, Date];\n traceId: string;\n enabled: boolean;\n /** A lucene expression that identifies rows to be hidden. Hidden rows will be returned with a `__hdx_hidden: true` column. */\n hiddenRowExpression?: string;\n}) {\n const { config, alias, type } = useMemo(\n () => getConfig(tableSource, traceId, hiddenRowExpression),\n [tableSource, traceId, hiddenRowExpression],\n );\n\n const {\n data: beforeSpanData,\n isFetching: isBeforeSpanFetching,\n error: beforeSpanError,\n } = useEventsData({\n config,\n dateRangeStartInclusive: true,\n dateRange: [dateRange[0], focusDate],\n enabled,\n });\n\n const {\n data: afterSpanData,\n isFetching: isAfterSpanFetching,\n error: afterSpanError,\n } = useEventsData({\n config,\n dateRangeStartInclusive: false,\n dateRange: [focusDate, dateRange[1]],\n enabled,\n });\n\n const isFetching = isBeforeSpanFetching || isAfterSpanFetching;\n const meta = beforeSpanData?.meta ?? afterSpanData?.meta;\n const error = beforeSpanError || afterSpanError;\n\n const getRowWhere = useRowWhere({ meta, aliasMap: alias });\n const rows = useMemo(() => {\n // Sometimes meta has not loaded yet\n // DO NOT REMOVE, useRowWhere will error if no meta\n if (!meta || meta.length === 0) return [];\n return [\n ...(beforeSpanData?.data ?? []),\n ...(afterSpanData?.data ?? []),\n ].map(cd => {\n // Omit SpanAttributes, SpanEvents and __hdx_hidden from rowWhere id generation.\n // SpanAttributes and SpanEvents can be large objects, and __hdx_hidden may be a lucene expression.\n const rowWhereResult = getRowWhere(\n omit(cd, ['SpanAttributes', 'SpanEvents', '__hdx_hidden']),\n );\n return {\n // Keep all fields available for display\n ...cd,\n // Added for typing\n SpanId: cd?.SpanId,\n __hdx_hidden: cd?.__hdx_hidden,\n type,\n id: rowWhereResult.where,\n // Don't pass aliasWith for trace waterfall chart - the WHERE clause already uses\n // raw column expressions (e.g., SpanName='value'), and the aliasMap creates\n // redundant WITH clauses like (Timestamp) AS Timestamp that interfere with queries.\n aliasWith: [],\n };\n });\n }, [afterSpanData, beforeSpanData, meta, getRowWhere, type]);\n\n return {\n rows,\n meta,\n isFetching,\n error,\n };\n}\n\n// TODO: Optimize with ts lookup tables\nexport function DBTraceWaterfallChartContainer({\n traceTableSource,\n logTableSource,\n traceId,\n dateRange,\n focusDate,\n onClick,\n highlightedRowWhere,\n initialRowHighlightHint,\n}: {\n traceTableSource: TTraceSource;\n logTableSource: TLogSource | null;\n traceId: string;\n dateRange: [Date, Date];\n focusDate: Date;\n onClick?: (rowWhere: {\n id: string;\n type: string;\n aliasWith: WithClause[];\n }) => void;\n highlightedRowWhere?: string | null;\n initialRowHighlightHint?: {\n timestamp: string;\n spanId: string;\n body: string;\n };\n}) {\n const { size, startResize } = useResizable(30, 'bottom');\n const formatTime = useFormatTime();\n\n const {\n traceWhere,\n logWhere,\n clear: clearFilters,\n isFilterActive,\n isFilterExpanded,\n setIsFilterExpanded,\n onSubmit: onSubmitFilters,\n } = useWaterfallSearchState({\n hasLogSource: !!logTableSource,\n });\n\n const { control, handleSubmit, setValue } = useForm({\n defaultValues: {\n traceWhere: traceWhere ?? '',\n logWhere: logWhere ?? '',\n },\n });\n\n const onClearFilters = useCallback(() => {\n setValue('traceWhere', '');\n setValue('logWhere', '');\n clearFilters();\n }, [clearFilters, setValue]);\n\n const {\n rows: traceRowsData,\n isFetching: traceIsFetching,\n meta: traceRowsMeta,\n error: traceError,\n } = useEventsAroundFocus({\n tableSource: traceTableSource,\n focusDate,\n dateRange,\n traceId,\n hiddenRowExpression: traceWhere ? `NOT (${traceWhere})` : undefined,\n enabled: true,\n });\n const {\n rows: logRowsData,\n isFetching: logIsFetching,\n meta: logRowsMeta,\n error: logError,\n } = useEventsAroundFocus({\n // search data if logTableModel exist\n // search invalid date range if no logTableModel(react hook need execute no matter what)\n tableSource: logTableSource ? logTableSource : traceTableSource,\n focusDate,\n dateRange: logTableSource ? dateRange : [dateRange[1], dateRange[0]], // different query to prevent cache\n traceId,\n hiddenRowExpression: logWhere ? `NOT (${logWhere})` : undefined,\n enabled: logTableSource ? true : false, // disable fire query if logSource is not exist\n });\n\n const isFetching = traceIsFetching || logIsFetching;\n const error = traceError || logError;\n\n const rows: any[] = useMemo(\n () => [...traceRowsData, ...logRowsData],\n [traceRowsData, logRowsData],\n );\n\n rows.sort((a, b) => {\n const aDate = TimestampNano.fromString(a.Timestamp);\n const bDate = TimestampNano.fromString(b.Timestamp);\n const secDiff = aDate.getTimeT() - bDate.getTimeT();\n if (secDiff === 0) {\n return aDate.getNano() - bDate.getNano();\n } else {\n return secDiff;\n }\n });\n\n const highlightedAttributeValues = useMemo(() => {\n const visibleTraceRowsData = traceRowsData?.filter(\n row => !row.__hdx_hidden,\n );\n\n const attributes = getHighlightedAttributesFromData(\n traceTableSource,\n traceTableSource.highlightedTraceAttributeExpressions,\n visibleTraceRowsData,\n traceRowsMeta,\n );\n\n if (logTableSource && logRowsData && logRowsMeta) {\n const visibleLogRowsData = logRowsData?.filter(row => !row.__hdx_hidden);\n\n attributes.push(\n ...getHighlightedAttributesFromData(\n logTableSource,\n logTableSource.highlightedTraceAttributeExpressions,\n visibleLogRowsData,\n logRowsMeta,\n ),\n );\n }\n\n return attributes.sort(\n (a, b) =>\n a.displayedKey.localeCompare(b.displayedKey) ||\n a.value.localeCompare(b.value),\n );\n }, [\n traceTableSource,\n traceRowsData,\n traceRowsMeta,\n logTableSource,\n logRowsData,\n logRowsMeta,\n ]);\n\n useEffect(() => {\n if (initialRowHighlightHint && onClick && highlightedRowWhere == null) {\n const initialRowHighlightIndex = rows.findIndex(row => {\n return (\n row.Timestamp === initialRowHighlightHint.timestamp &&\n row.SpanId === initialRowHighlightHint.spanId &&\n row.Body === initialRowHighlightHint.body\n );\n });\n\n if (initialRowHighlightIndex !== -1) {\n onClick?.({\n id: rows[initialRowHighlightIndex].id,\n type: rows[initialRowHighlightIndex].type ?? '',\n aliasWith: rows[initialRowHighlightIndex].aliasWith,\n });\n }\n }\n }, [initialRowHighlightHint, rows, onClick, highlightedRowWhere]);\n\n // 3 Edge-cases\n // 1. No spans, just logs (ex. sampling)\n // 2. Spans, but with missing spans inbetween (ex. missing intermediary spans)\n // 3. Spans, with multiple root nodes (ex. somehow disjoint traces fe/be)\n\n // Parse out a DAG of spans\n type Node = SpanRow & {\n id: string;\n parentId: string;\n children: SpanRow[];\n aliasWith: WithClause[];\n };\n const validSpanIDs = useMemo(() => {\n return new Set(\n traceRowsData // only spans in traces can define valid span ids\n ?.filter(row => _.isString(row.SpanId) && row.SpanId.length > 0)\n .map(row => row.SpanId) ?? [],\n );\n }, [traceRowsData]);\n const rootNodes: Node[] = [];\n const nodesMap = new Map(); // Maps result.id (or placeholder id) -> Node\n const spanIdMap = new Map(); // Maps SpanId -> result.id of FIRST node with that SpanId\n\n for (const result of rows ?? []) {\n const { type, SpanId, ParentSpanId } = result;\n // ignore everything without spanId\n if (!SpanId) continue;\n\n // log have duplicate span id, tag it with -log\n const nodeSpanId = type === SourceKind.Log ? `${SpanId}-log` : SpanId; // prevent log spanId overwrite trace spanId\n const nodeParentSpanId =\n type === SourceKind.Log ? SpanId : ParentSpanId || '';\n\n const curNode = {\n ...result,\n children: [],\n };\n\n if (type === SourceKind.Trace) {\n // Check if this is the first node with this SpanId\n if (!spanIdMap.has(nodeSpanId)) {\n // First occurrence - this becomes the canonical node for this SpanId\n spanIdMap.set(nodeSpanId, result.id);\n\n // Check if there's a placeholder parent waiting for this SpanId\n const placeholderId = `placeholder-${nodeSpanId}`;\n const placeholder = nodesMap.get(placeholderId);\n if (placeholder) {\n // Inherit children from placeholder\n curNode.children = placeholder.children || [];\n // Remove placeholder\n nodesMap.delete(placeholderId);\n }\n }\n // Always add to nodesMap with unique result.id\n nodesMap.set(result.id, curNode);\n }\n\n // root if: is trace event, and (has no parent or parent id is not valid)\n const isRootNode =\n type === SourceKind.Trace &&\n (!nodeParentSpanId || !validSpanIDs.has(nodeParentSpanId));\n\n if (isRootNode) {\n rootNodes.push(curNode);\n } else {\n // Look up parent by SpanId\n const parentResultId = spanIdMap.get(nodeParentSpanId);\n let parentNode = parentResultId\n ? nodesMap.get(parentResultId)\n : undefined;\n\n if (!parentNode) {\n // Parent doesn't exist yet, create placeholder\n const placeholderId = `placeholder-${nodeParentSpanId}`;\n parentNode = nodesMap.get(placeholderId);\n if (!parentNode) {\n parentNode = { children: [] } as any;\n nodesMap.set(placeholderId, parentNode);\n }\n }\n\n parentNode.children.push(curNode);\n }\n }\n\n const [collapsedIds, setCollapsedIds] = useState>(new Set());\n const [showSpanEvents, setShowSpanEvents] = useState(true);\n\n const toggleCollapse = useCallback(\n (id: string) => {\n setCollapsedIds(prev => {\n const newSet = new Set(prev);\n if (newSet.has(id)) {\n newSet.delete(id);\n } else {\n newSet.add(id);\n }\n return newSet;\n });\n },\n [setCollapsedIds],\n );\n\n type NodeWithLevel = Node & { level: number };\n // flatten the rootnode dag into an array via in-order traversal\n const traverse = (node: Node, arr: NodeWithLevel[], level = 0) => {\n // Filter out hidden nodes, but still traverse their (non-hidden) descendants\n if (!node.__hdx_hidden) {\n arr.push({\n level,\n ...node,\n });\n }\n\n // Filter out collapsed nodes\n if (collapsedIds.has(node.id)) {\n return;\n }\n node?.children?.forEach((child: any) => traverse(child, arr, level + 1));\n };\n\n const flattenedNodes: NodeWithLevel[] = [];\n if (rootNodes.length > 0) {\n rootNodes.forEach(rootNode => traverse(rootNode, flattenedNodes));\n }\n\n const spanCount = flattenedNodes.length;\n const errorCount = flattenedNodes.filter(\n node =>\n node.StatusCode === 'Error' ||\n node.SeverityText?.toLowerCase() === 'error',\n ).length;\n\n const spanCountString = `${spanCount} span${spanCount !== 1 ? 's' : ''}`;\n const errorCountString = `${errorCount} error${errorCount !== 1 ? 's' : ''}`;\n\n // TODO: Add duration filter?\n // TODO: Add backend filters for duration and collapsing?\n\n // All units in ms!\n const foundMinOffset =\n rows?.reduce((acc, result) => {\n return Math.min(acc, new Date(result.Timestamp).getTime());\n }, Number.MAX_SAFE_INTEGER) ?? 0;\n const minOffset =\n foundMinOffset === Number.MAX_SAFE_INTEGER ? 0 : foundMinOffset;\n\n const timelineRows = flattenedNodes.map((result, i) => {\n const tookMs = (result.Duration || 0) * 1000;\n const startOffset = new Date(result.Timestamp).getTime();\n const start = startOffset - minOffset;\n const end = start + tookMs;\n\n const {\n Body: _body,\n ServiceName: serviceName,\n id,\n type,\n aliasWith,\n } = result;\n let body = `${_body}`;\n try {\n body = typeof _body === 'string' ? _body : JSON.stringify(_body);\n } catch (e) {\n console.warn(\"DBTraceWaterfallChart: Couldn't JSON stringify Body\", e);\n }\n\n // Extract HTTP-related logic\n const eventAttributes = result.SpanAttributes || {};\n const hasHttpAttributes =\n eventAttributes['http.url'] || eventAttributes['http.method'];\n const httpUrl = eventAttributes['http.url'];\n\n const displayText =\n hasHttpAttributes && httpUrl ? `${body} ${httpUrl}` : body;\n\n // Process span events into markers (only if showSpanEvents is enabled)\n const markers =\n showSpanEvents && result.SpanEvents\n ? result.SpanEvents.map(spanEvent => ({\n timestamp: new Date(spanEvent.Timestamp).getTime() - minOffset,\n name: spanEvent.Name,\n attributes: spanEvent.Attributes || {},\n }))\n : [];\n\n // Extract status logic\n // TODO: Legacy schemas will have STATUS_CODE_ERROR\n // See: https://github.com/open-telemetry/opentelemetry-collector-contrib/pull/34799/files#diff-1ec84547ed93f2c8bfb21c371ca0b5304f01371e748d4b02bf397313a4b1dfa4L197\n const isError =\n result.StatusCode == 'Error' || result.SeverityText === 'error';\n const status = result.StatusCode || result.SeverityText;\n const isWarn = result.SeverityText === 'warn';\n const isHighlighted = highlightedRowWhere === id;\n\n return {\n id,\n type,\n aliasWith,\n label: (\n {\n onClick?.({ id, type: type ?? '', aliasWith });\n }}\n >\n
\n {Array.from({ length: result.level }).map((_, index) => (\n
\n ))}\n 0 ? 1 : 0,\n }}\n onClick={() => {\n toggleCollapse(id);\n }}\n >\n {collapsedIds.has(id) ? (\n \n ) : (\n \n )}{' '}\n \n {!isFilterActive && (\n \n {result.children.length > 0\n ? `(${result.children.length})`\n : ''}\n \n )}\n\n \n {type === SourceKind.Log ? (\n \n ) : null}\n {\n // toggleCollapse(id);\n // }}\n title={`${serviceName}${hasHttpAttributes && httpUrl ? ` | ${displayText}` : ''}`}\n role=\"button\"\n >\n {serviceName ? `${serviceName} | ` : ''}\n {displayText}\n \n \n \n \n ),\n style: {\n // paddingTop: 1,\n marginTop: i === 0 ? 32 : 0,\n },\n isActive: isHighlighted,\n events: [\n {\n id,\n type,\n aliasWith,\n start,\n end,\n tooltip: `${displayText} ${tookMs >= 0 ? `took ${tookMs.toFixed(4)}ms` : ''} ${status ? `| Status: ${status}` : ''}${!isNaN(startOffset) ? ` | Started at ${formatTime(new Date(startOffset), { format: 'withMs' })}` : ''}`,\n color: 'var(--color-text-inverted)',\n backgroundColor: barColor({ isError, isWarn, isHighlighted, type }),\n body: {displayText},\n minWidthPerc: 1,\n isError,\n markers,\n showDuration: type !== SourceKind.Log,\n },\n ],\n };\n });\n // TODO: Highlighting support\n const initialScrollRowIndex = flattenedNodes.findIndex(v => {\n return v.id === highlightedRowWhere;\n });\n\n const heightPx = (size / 100) * window.innerHeight;\n\n return (\n <>\n {isFilterExpanded && (\n
\n \n Spans filter\n \n\n {logTableSource && (\n <>\n Logs filter\n \n \n )}\n \n \n )}\n \n \n \n {spanCountString},{' '}\n \n {errorCountString}\n \n \n setShowSpanEvents(!showSpanEvents)}\n />\n \n \n setIsFilterExpanded(prev => !prev)}\n size=\"xs\"\n >\n {isFilterExpanded ? 'Hide Filters' : 'Show Filters'}{' '}\n {isFilterActive && '(active)'}\n \n {isFilterActive && (\n \n Clear Filters\n \n )}\n \n \n {!isFetching && !error && highlightedAttributeValues?.length > 0 && (\n \n )}\n \n {isFetching ? (\n
Loading Traces...
\n ) : error ? (\n \n \n An error occurred while fetching trace data:\n \n \n {error.message}\n \n \n ) : rows == null ? (\n
\n An unknown error occurred. \n
\n ) : flattenedNodes.length === 0 ? (\n
No matching spans or logs found
\n ) : (\n <>\n {\n onClick?.({\n id: event.id,\n type: event.type ?? '',\n aliasWith: event.aliasWith ?? [],\n });\n }}\n cursors={[]}\n rows={timelineRows}\n initialScrollRowIndex={initialScrollRowIndex}\n />\n \n )}\n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/DatabaseSelect.tsx", "content": "import { useController, UseControllerProps } from 'react-hook-form';\nimport { Select } from '@mantine/core';\nimport { IconDatabase } from '@tabler/icons-react';\n\nimport { useDatabasesDirect } from '@/clickhouse';\n\ntype DatabaseSelectProps = {\n database: string | undefined;\n setDatabase: (db: string | undefined) => void;\n onBlur?: () => void;\n inputRef?: React.Ref;\n name?: string;\n size?: string;\n connectionId: string | undefined;\n};\n\nexport default function DatabaseSelect({\n database,\n setDatabase,\n connectionId,\n onBlur,\n name,\n inputRef,\n size,\n}: DatabaseSelectProps) {\n const { data: databases, isLoading: isDatabasesLoading } = useDatabasesDirect(\n { connectionId: connectionId ?? '' },\n { enabled: !!connectionId },\n );\n\n const data = (databases?.data || []).map((db: { name: string }) => ({\n value: db.name,\n label: db.name,\n }));\n\n return (\n }\n maxDropdownHeight={280}\n data={data}\n disabled={isDatabasesLoading}\n comboboxProps={{ withinPortal: false }}\n value={database}\n onChange={v => setDatabase(v ?? undefined)}\n onBlur={onBlur}\n name={name}\n ref={inputRef}\n size={size}\n />\n );\n}\n\nexport function DatabaseSelectControlled(\n props: { size?: string; connectionId: string } & UseControllerProps,\n) {\n const { field } = useController(props);\n\n return (\n \n );\n}\n" }, { "path": "packages/app/src/components/DrawerUtils.tsx", "content": "import * as React from 'react';\nimport { useHotkeys } from 'react-hotkeys-hook';\nimport { Box, CloseButton, Group, Text } from '@mantine/core';\n\nexport const DrawerHeader = React.memo<{\n header?: React.ReactNode;\n onClose?: () => void;\n closeEsc?: boolean;\n}>(({ header, onClose, closeEsc = true }) => {\n useHotkeys(['esc'], () => onClose?.(), { enabled: closeEsc });\n\n return (\n \n \n {header}\n \n \n \n );\n});\n\nexport const DrawerBody = React.memo<{\n children: React.ReactNode;\n}>(({ children }) => {\n return (\n \n {children}\n \n );\n});\n" }, { "path": "packages/app/src/components/DynamicFavicon.tsx", "content": "import { useEffect, useState } from 'react';\nimport Head from 'next/head';\n\nimport { DEFAULT_THEME, getTheme } from '@/theme';\nimport { useAppTheme } from '@/theme/ThemeProvider';\n\n// Validate hex color to prevent XSS injection\n// Exported for testing\nexport const HEX_COLOR_PATTERN = /^#[0-9A-Fa-f]{6}$/;\nexport const DEFAULT_THEME_COLOR = '#25292e';\n\nexport function sanitizeThemeColor(color: string): string {\n // Explicit type guard to prevent type coercion issues\n if (typeof color !== 'string') {\n return DEFAULT_THEME_COLOR;\n }\n return HEX_COLOR_PATTERN.test(color) ? color : DEFAULT_THEME_COLOR;\n}\n\n/**\n * Dynamic favicon component that updates based on the current theme.\n *\n * Favicon best practices (2024+):\n * - SVG favicon: Modern browsers, scalable, supports dark mode via CSS\n * - PNG 32x32: Standard fallback for older browsers\n * - PNG 16x16: Small contexts (bookmarks, tabs in some browsers)\n * - Apple Touch Icon: iOS home screen (180x180)\n * - theme-color: Browser UI color (address bar on mobile)\n *\n * HYDRATION NOTE: To avoid SSR/client mismatch, we render the default theme's\n * favicon during SSR and initial hydration, then update to the actual theme\n * after mount. This ensures consistent server/client rendering.\n */\nexport function DynamicFavicon() {\n const { theme } = useAppTheme();\n const [isMounted, setIsMounted] = useState(false);\n\n useEffect(() => {\n setIsMounted(true);\n }, []);\n\n // Use default theme favicon for SSR/initial render to match server\n // After mount, use the actual theme's favicon\n const defaultFavicon = getTheme(DEFAULT_THEME).favicon;\n const favicon = isMounted ? theme.favicon : defaultFavicon;\n\n return (\n \n {/* SVG favicon - modern browsers, scalable */}\n \n\n {/* PNG fallbacks for older browsers */}\n \n \n\n {/* Apple Touch Icon for iOS */}\n \n\n {/* Theme color for browser UI - validated to prevent XSS */}\n \n \n );\n}\n" }, { "path": "packages/app/src/components/Error/ErrorBoundary.stories.tsx", "content": "import { Box, Text } from '@mantine/core';\nimport type { Meta, StoryObj } from '@storybook/nextjs';\n\nimport { ErrorBoundary } from './ErrorBoundary';\n\n// Component that throws an error for testing\nconst BuggyComponent = ({ shouldThrow = true }: { shouldThrow?: boolean }) => {\n if (shouldThrow) {\n throw new Error('This is a test error from BuggyComponent!');\n }\n return (\n \n This component rendered successfully!\n \n );\n};\n\nconst meta: Meta = {\n title: 'Components/ErrorBoundary',\n component: ErrorBoundary,\n parameters: {\n layout: 'padded',\n },\n argTypes: {\n message: {\n control: 'text',\n description: 'Custom error message title',\n },\n showErrorMessage: {\n control: 'boolean',\n description: 'Whether to show the actual error message',\n },\n allowReset: {\n control: 'boolean',\n description: 'Whether to show a reset/retry button',\n },\n },\n};\n\nexport default meta;\n\ntype Story = StoryObj;\n\n/** Error caught with default message */\nexport const ErrorCaught: Story = {\n name: 'Error Caught (Default)',\n render: () => (\n \n \n \n ),\n};\n\n/** Error caught with custom message */\nexport const CustomMessage: Story = {\n name: 'Error Caught (Custom Message)',\n render: () => (\n \n \n \n ),\n};\n\n/** Error caught showing the error details */\nexport const ShowErrorMessage: Story = {\n name: 'Show Error Message',\n render: () => (\n \n \n \n ),\n};\n\n/** Error caught with retry button */\nexport const WithRetryButton: Story = {\n name: 'With Retry Button',\n render: () => (\n \n \n \n ),\n};\n\n/** Error caught with custom retry handler */\nexport const WithCustomRetry: Story = {\n name: 'With Custom Retry Handler',\n render: () => (\n alert('Custom retry handler called!')}\n >\n \n \n ),\n};\n\n/** No error - normal render */\nexport const NoError: Story = {\n name: 'No Error (Normal Render)',\n render: () => (\n \n \n \n ),\n};\n" }, { "path": "packages/app/src/components/Error/ErrorBoundary.tsx", "content": "import React from 'react';\nimport { ErrorBoundary as ReactErrorBoundary } from 'react-error-boundary';\nimport { Alert, Button, Stack, Text } from '@mantine/core';\nimport { IconExclamationCircle } from '@tabler/icons-react';\n\ntype ErrorBoundaryProps = {\n children: React.ReactNode;\n message?: string;\n showErrorMessage?: boolean;\n allowReset?: boolean;\n onRetry?: () => void;\n};\n\n/**\n * A `react-error-boundary` wrapper with a predefined fallback component\n */\nexport const ErrorBoundary = ({\n children,\n onRetry,\n allowReset,\n showErrorMessage,\n message,\n}: ErrorBoundaryProps) => {\n const showRetry = allowReset || !!onRetry;\n\n return (\n {\n console.error(error);\n }}\n fallbackRender={({ error, resetErrorBoundary }) => (\n }\n title={message || 'Something went wrong'}\n >\n {(showErrorMessage || showRetry) && (\n \n {showErrorMessage && {error.message}}\n {showRetry && (\n \n Retry\n \n )}\n \n )}\n
\n )}\n >\n {children}\n \n );\n};\n" }, { "path": "packages/app/src/components/Error/ErrorCollapse.tsx", "content": "import { useState } from 'react';\nimport { Button, Code, Collapse } from '@mantine/core';\nimport { IconAlertTriangle, IconChevronRight } from '@tabler/icons-react';\n\ntype ErrorCollapseProps = {\n summary: string;\n details: React.ReactNode;\n};\n\nexport function ErrorCollapse({ summary, details }: ErrorCollapseProps) {\n const [open, setOpen] = useState(false);\n\n return (\n <>\n setOpen(o => !o)}\n leftSection={\n \n }\n >\n {summary}\n \n\n \n \n {details}\n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/EventTag.tsx", "content": "import { useState } from 'react';\nimport Link from 'next/link';\nimport SqlString from 'sqlstring';\nimport { SearchConditionLanguage } from '@hyperdx/common-utils/dist/types';\nimport { Button, Group, Popover, Stack, Text, Tooltip } from '@mantine/core';\nimport { IconCirclePlus, IconLink, IconSearch } from '@tabler/icons-react';\n\nimport { isLinkableUrl } from '@/utils/highlightedAttributes';\n\nexport default function EventTag({\n displayedKey,\n name,\n nameLanguage = 'lucene',\n sqlExpression,\n value,\n onPropertyAddClick,\n generateSearchUrl,\n}: {\n displayedKey?: string;\n /** Property name, in lucene or sql syntax (ex. col.prop or col['prop']) */\n name: string;\n /** The language of the property name, defaults to 'lucene' */\n nameLanguage?: SearchConditionLanguage;\n value: string;\n generateSearchUrl?: (\n query?: string,\n queryLanguage?: SearchConditionLanguage,\n ) => string;\n} & (\n | {\n sqlExpression: undefined;\n onPropertyAddClick: undefined;\n }\n | {\n sqlExpression: string; // sql expression ex. col['prop']\n onPropertyAddClick: (key: string, value: string) => void;\n }\n)) {\n const [opened, setOpened] = useState(false);\n const isLink = isLinkableUrl(value);\n const hasActions = !!onPropertyAddClick || !!generateSearchUrl || isLink;\n\n if (!hasActions) {\n return (\n
\n {displayedKey || name}: {value}\n
\n );\n }\n\n const searchCondition =\n nameLanguage === 'sql'\n ? SqlString.format('? = ?', [SqlString.raw(name), value])\n : `${name}:${typeof value === 'string' ? `\"${value}\"` : value}`;\n\n return (\n \n \n \n {isLink ? (\n \n {displayedKey || name}\n \n \n ) : (\n setOpened(!opened)}\n >\n {displayedKey || name}:\n \n {value}\n \n \n )}\n \n \n \n \n {onPropertyAddClick && (\n }\n onClick={() => {\n onPropertyAddClick(sqlExpression, value);\n setOpened(false);\n }}\n >\n Add to Search\n \n )}\n {generateSearchUrl && (\n \n }\n >\n Search This Value\n \n \n )}\n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/ExceptionSubpanel.stories.tsx", "content": "import React from 'react';\n\nimport { ExceptionSubpanel } from './ExceptionSubpanel';\n\nexport default {\n title: 'Components/ExceptionSubpanel',\n component: ExceptionSubpanel,\n};\n\nconst mockExceptionValues = [\n {\n type: 'TypeError',\n value: 'Cannot read property \"foo\" of undefined',\n mechanism: {\n type: 'generic',\n handled: false,\n data: {\n function: 'myFunction',\n handler: 'errorHandler',\n target: 'window',\n },\n },\n stacktrace: {\n frames: [\n {\n filename: 'App.js',\n function: 'myFunction',\n lineno: 42,\n colno: 13,\n in_app: true,\n context_line: 'const foo = bar.foo;',\n pre_context: ['function myFunction() {'],\n post_context: ['return foo;'],\n },\n {\n filename: 'index.js',\n function: 'main',\n lineno: 10,\n colno: 5,\n in_app: false,\n context_line: 'main();',\n pre_context: ['import App from \"./App\";'],\n post_context: ['console.log(\"done\");'],\n },\n ],\n },\n },\n];\n\nconst mockBreadcrumbs = [\n {\n category: 'ui.click',\n message: 'Button clicked',\n timestamp: 1700000000,\n },\n {\n category: 'fetch',\n message: 'GET /api/data',\n data: { method: 'GET', url: '/api/data', status_code: 200 },\n timestamp: 1700000001,\n },\n {\n category: 'console',\n message: 'Error: Something went wrong',\n level: 'error',\n timestamp: 1700000002,\n },\n];\n\nconst mockLogData = {\n timestamp: 1700000000000,\n};\n\nexport const Default = () => (\n \n);\n" }, { "path": "packages/app/src/components/ExceptionSubpanel.tsx", "content": "import React, { useMemo } from 'react';\nimport cx from 'classnames';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { Button, Text, Tooltip } from '@mantine/core';\nimport { Group, Loader } from '@mantine/core';\nimport {\n IconChevronDown,\n IconChevronRight,\n IconChevronUp,\n IconLogs,\n} from '@tabler/icons-react';\nimport { ColumnDef, Row, Table as TanstackTable } from '@tanstack/react-table';\n\nimport { StacktraceFrame as TStacktraceFrame } from '@/types';\nimport { FormatTime } from '@/useFormatTime';\nimport { useSourceMappedFrame } from '@/useSourceMappedFrame';\n\nimport { Table, TableCellButton } from './Table';\n\nimport styles from '../../styles/LogSidePanel.module.scss';\n\n// https://github.com/TanStack/table/discussions/3192#discussioncomment-3873093\nexport const UNDEFINED_WIDTH = 99999;\n\nexport const parseEvents = (__events?: string) => {\n try {\n return JSON.parse(__events || '[]')[0].fields.reduce(\n (acc: any, field: any) => {\n try {\n acc[field.key] = JSON.parse(field.value);\n } catch (e) {\n acc[field.key] = field.value;\n }\n return acc;\n },\n {},\n );\n } catch (e) {\n return null;\n }\n};\n\nexport const getFirstFrame = (frames?: TStacktraceFrame[]) => {\n if (!frames || !frames.length) {\n return null;\n }\n\n return (\n frames.find(frame => frame.in_app) ??\n frames.find(frame => !!frame.function || !!frame.filename) ??\n frames[0]\n );\n};\n\nexport const StacktraceFrame = ({\n filename,\n function: functionName,\n lineno,\n colno,\n isLoading,\n}: {\n filename: string;\n function?: string;\n lineno: number;\n colno: number;\n isLoading?: boolean;\n}) => {\n return (\n \n \n {filename}\n \n :{lineno}:{colno}\n \n {' in '}\n {functionName && (\n \n {functionName}\n \n )}\n \n {isLoading && }\n \n );\n};\n\nexport type StacktraceBreadcrumbCategory =\n | 'ui.click'\n | 'fetch'\n | 'xhr'\n | 'console'\n | 'navigation'\n | string;\n\nexport type StacktraceBreadcrumb = {\n type?: string;\n level?: string;\n event_id?: string;\n category?: StacktraceBreadcrumbCategory;\n message?: string;\n data?: { [key: string]: any };\n timestamp: number;\n};\n\nexport const CollapsibleSection = ({\n title,\n children,\n initiallyCollapsed,\n}: {\n title: string;\n children: React.ReactNode;\n initiallyCollapsed?: boolean;\n}) => {\n const [collapsed, setCollapsed] = React.useState(initiallyCollapsed ?? false);\n\n return (\n
\n setCollapsed(!collapsed)}\n >\n {collapsed ? (\n \n ) : (\n \n )}\n
{title}
\n
\n {collapsed ? null :
{children}
}\n \n );\n};\n\nexport const SectionWrapper: React.FC<\n React.PropsWithChildren<{ title?: React.ReactNode }>\n> = ({ children, title }) => (\n
\n {title &&
{title}
}\n {children}\n
\n);\n\n/**\n * Stacktrace elements\n */\nexport const StacktraceValue = ({\n label,\n value,\n}: {\n label: React.ReactNode;\n value: React.ReactNode;\n}) => {\n return (\n \n
{label}
\n
{value}
\n \n );\n};\n\nconst StacktraceRowExpandButton = ({\n onClick,\n isOpen,\n}: {\n onClick: VoidFunction;\n isOpen: boolean;\n}) => {\n return (\n \n );\n};\n\nexport const StacktraceRow = ({\n row,\n table,\n}: {\n row: Row;\n table: TanstackTable;\n}) => {\n const tableMeta = table.options.meta as {\n firstFrameIndex?: number;\n };\n\n const [lineContextOpen, setLineContextOpen] = React.useState(\n row.index === tableMeta.firstFrameIndex,\n );\n\n const handleToggleContext = React.useCallback(() => {\n setLineContextOpen(!lineContextOpen);\n }, [lineContextOpen]);\n\n const frame = row.original;\n\n const { isLoading, enrichedFrame } = useSourceMappedFrame(frame);\n\n const augmentedFrame = enrichedFrame ?? frame;\n const hasContext = !!augmentedFrame.context_line;\n\n return (\n <>\n \n
\n {!augmentedFrame.in_app && (\n \n \n \n )}\n {augmentedFrame && (\n \n )}\n
\n {hasContext && (\n \n )}\n \n\n {lineContextOpen && hasContext && (\n 
\n          {augmentedFrame.pre_context?.map((line, i) => (\n            
\n              \n                {(augmentedFrame.lineno ?? 0) -\n                  (augmentedFrame.pre_context?.length ?? 0) +\n                  i}\n              \n              {line}\n            
\n          ))}\n          {augmentedFrame.context_line && (\n            
\n              \n                {augmentedFrame.lineno}\n              \n              {augmentedFrame.context_line}\n            
\n          )}\n          {augmentedFrame.post_context?.map((line, i) => (\n            
\n              \n                {augmentedFrame.lineno + i + 1}\n              \n              {line}\n            
\n          ))}\n
\n )}\n \n );\n};\n\nexport const stacktraceColumns: ColumnDef[] = [\n {\n accessorKey: 'filename',\n cell: StacktraceRow,\n },\n];\n\n/**\n * Breadcrumbs\n */\n\nconst Url = ({ url }: { url?: string }) => {url};\n\nconst StatusChip = React.memo(({ status }: { status?: number }) => {\n if (!status) {\n return null;\n }\n const className =\n status >= 500\n ? 'text-danger bg-danger'\n : status >= 400\n ? 'text-warning bg-warning'\n : 'text-success bg-success';\n return (\n \n {status}\n \n );\n});\n\nconst LevelChip = React.memo(({ level }: { level?: string }) => {\n if (!level) {\n return null;\n }\n const className = level.includes('error')\n ? 'text-danger bg-danger'\n : level.includes('warn') || level.includes('warning')\n ? 'text-warning bg-warning'\n : 'bg-muted';\n\n return (\n \n {level}\n \n );\n});\n\nexport const breadcrumbColumns: ColumnDef[] = [\n {\n accessorKey: 'category',\n header: 'Category',\n size: 180,\n cell: ({ row }) => (\n \n {row.original.category}\n {row.original.category === 'console' && (\n \n )}\n {row.original.category === 'fetch' ||\n row.original.category === 'xhr' ? (\n \n ) : null}\n \n ),\n },\n {\n accessorKey: 'message',\n header: 'Data',\n size: UNDEFINED_WIDTH,\n cell: ({ row }) => {\n // fetch\n if (\n row.original.data &&\n (row.original.category === 'fetch' || row.original.category === 'xhr')\n ) {\n const { method, url } = row.original.data;\n return (\n
\n {method} \n \n \n \n
\n );\n }\n\n // navigation\n if (row.original.category === 'navigation' && row.original.data) {\n const { from, to } = row.original.data;\n return (\n
\n \n \n \n {' → '}\n \n \n \n
\n );\n }\n\n // console\n if (row.original.category === 'console') {\n const { message } = row.original;\n return (\n 
\n            {message}\n
\n );\n }\n\n if (row.original.message) {\n return
{row.original.message}
;\n }\n\n return Empty;\n },\n },\n {\n header: 'Timestamp',\n size: 220,\n cell: ({ row }) => (\n \n \n \n ),\n },\n];\n\nexport const useShowMoreRows = ({\n rows,\n maxRows = 5,\n}: {\n rows: T[];\n maxRows?: number;\n}) => {\n const [isExpanded, setIsExpanded] = React.useState(false);\n\n const visibleRows = React.useMemo(() => {\n return isExpanded ? rows : rows.slice(0, maxRows);\n }, [rows, isExpanded, maxRows]);\n\n const hiddenRowsCount = React.useMemo(() => {\n const length = rows.length ?? 0;\n return length > maxRows ? length - maxRows : null;\n }, [rows.length, maxRows]);\n\n const handleToggleMoreRows = React.useCallback(() => {\n setIsExpanded(!isExpanded);\n }, [isExpanded]);\n\n return { visibleRows, hiddenRowsCount, handleToggleMoreRows, isExpanded };\n};\n\nexport type ExceptionValues = {\n type: string;\n value: string;\n mechanism?: {\n type: string;\n handled: boolean;\n data?: {\n // TODO: Are these fields dynamic?\n function?: string;\n handler?: string;\n target?: string;\n };\n };\n stacktrace?: {\n frames: TStacktraceFrame[];\n };\n}[];\n\nexport const ExceptionSubpanel = ({\n logData,\n breadcrumbs,\n exceptionValues,\n}: {\n logData?: any;\n breadcrumbs?: StacktraceBreadcrumb[];\n exceptionValues: ExceptionValues;\n}) => {\n const firstException = exceptionValues[0];\n\n const shouldShowSourceMapFtux = useMemo(() => {\n return firstException?.stacktrace?.frames?.some(\n f =>\n f.filename.startsWith('http://') || f.filename.startsWith('https://'),\n );\n }, [firstException?.stacktrace?.frames]);\n\n const stacktraceFrames = useMemo(() => {\n if (!firstException?.stacktrace?.frames) {\n return [];\n }\n return firstException?.stacktrace.frames.slice().reverse();\n }, [firstException]);\n\n const firstFrameIndex = useMemo(() => {\n const firstFrame = getFirstFrame(stacktraceFrames);\n return firstFrame ? stacktraceFrames.indexOf(firstFrame) : -1;\n }, [stacktraceFrames]);\n\n const chronologicalBreadcrumbs = useMemo(() => {\n return [\n ...(firstException && breadcrumbs\n ? [\n {\n category: 'exception',\n timestamp: new Date(logData?.timestamp ?? 0).getTime() / 1000,\n message: `${firstException.type}: ${firstException.value} `,\n },\n ]\n : []),\n ...(breadcrumbs?.slice().reverse() ?? []),\n ];\n }, [breadcrumbs, firstException, logData?.timestamp]);\n\n const {\n handleToggleMoreRows: handleStacktraceToggleMoreRows,\n hiddenRowsCount: stacktraceHiddenRowsCount,\n visibleRows: stacktraceVisibleRows,\n isExpanded: stacktraceExpanded,\n } = useShowMoreRows({\n rows: stacktraceFrames,\n maxRows: Math.max(5, firstFrameIndex + 1),\n });\n\n const {\n handleToggleMoreRows: handleBreadcrumbToggleMoreRows,\n hiddenRowsCount: breadcrumbHiddenRowsCount,\n visibleRows: breadcrumbVisibleRows,\n isExpanded: breadcrumbExpanded,\n } = useShowMoreRows({\n rows: chronologicalBreadcrumbs,\n });\n\n // TODO: show all frames (stackable)\n return (\n
\n \n
\n \n {firstException.type}:{' '}\n \n {firstException.value}\n
\n\n {firstException.mechanism && (\n
\n \n true\n ) : (\n false\n )\n }\n />\n\n {firstException.mechanism?.data?.function ? (\n \n ) : null}\n {firstException.mechanism?.data?.handler ? (\n \n ) : null}\n {firstException.mechanism?.data?.target ? (\n \n ) : null}\n
\n )}\n {/* {shouldShowSourceMapFtux && } */}\n \n )\n }\n >\n {\n console.error(err);\n }}\n fallbackRender={() => (\n
\n An error occurred while rendering stacktrace\n
\n )}\n >\n \n \n\n {typeof exceptionValues[0].stacktrace === 'string' && (\n \n {exceptionValues[0].stacktrace}\n \n )}\n\n {stacktraceHiddenRowsCount ? (\n \n {stacktraceExpanded ? (\n <>\n Hide stack trace\n \n ) : (\n <>\n \n Show {stacktraceHiddenRowsCount} more frames\n \n )}\n \n ) : null}\n \n\n {breadcrumbVisibleRows.length > 0 && (\n \n \n \n {breadcrumbHiddenRowsCount ? (\n \n {breadcrumbExpanded ? (\n <>\n Hide\n breadcrumbs\n \n ) : (\n <>\n \n Show {breadcrumbHiddenRowsCount} more breadcrumbs\n \n )}\n \n ) : null}\n \n \n )}\n
\n );\n};\n" }, { "path": "packages/app/src/components/ExpandableRowTable.tsx", "content": "import React, { memo, useCallback, useState } from 'react';\nimport cx from 'classnames';\nimport { useQueryState } from 'nuqs';\nimport { TSource } from '@hyperdx/common-utils/dist/types';\nimport { IconArrowsMaximize, IconChevronRight } from '@tabler/icons-react';\n\nimport { INTERNAL_ROW_FIELDS } from '@/hooks/useRowWhere';\nimport { parseAsStringEncoded } from '@/utils/queryParsers';\n\nimport styles from '../../styles/LogTable.module.scss';\n\n// Hook that provides a function to open the sidebar with specific row details\nconst useSidebarOpener = () => {\n const [, setRowId] = useQueryState('rowWhere', parseAsStringEncoded);\n const [, setRowSource] = useQueryState('rowSource');\n\n return useCallback(\n (rowWhere: string, sourceId?: string) => {\n setRowId(rowWhere);\n setRowSource(sourceId ?? null);\n },\n [setRowId, setRowSource],\n );\n};\n\nexport const ExpandedLogRow = memo(\n ({\n columnsLength,\n children,\n virtualKey,\n source,\n rowId,\n measureElement,\n virtualIndex,\n }: {\n children: React.ReactNode;\n columnsLength: number;\n virtualKey: string;\n source?: TSource;\n rowId: string;\n measureElement?: (element: HTMLElement | null) => void;\n virtualIndex?: number;\n }) => {\n const openSidebar = useSidebarOpener();\n\n return (\n \n \n
\n
\n
\n {openSidebar && (\n openSidebar(rowId, source?.id)}\n title=\"Open in sidebar\"\n aria-label=\"Open in sidebar\"\n style={{\n zIndex: 1,\n fontSize: '12px',\n lineHeight: 1,\n }}\n >\n \n \n )}\n {children}\n
\n
\n
\n \n \n );\n },\n);\n\nexport interface ExpandableRowTableProps {\n // Expansion state management\n expandedRows: Record;\n onToggleRowExpansion: (rowId: string) => void;\n onExpandedRowsChange?: (hasExpandedRows: boolean) => void;\n collapseAllRows?: boolean;\n showExpandButton?: boolean;\n\n // Row data\n source?: TSource;\n getRowId: (row: Record) => string;\n\n // Table display\n highlightedLineId?: string;\n}\n\n// Hook for managing expansion state\nexport const useExpandableRows = (\n onExpandedRowsChange?: (hasExpandedRows: boolean) => void,\n) => {\n const [expandedRows, setExpandedRows] = useState>({});\n\n const toggleRowExpansion = useCallback(\n (rowId: string) => {\n setExpandedRows(prev => {\n const newExpandedRows = {\n ...prev,\n [rowId]: !prev[rowId],\n };\n\n // Check if any rows are expanded and notify parent\n const hasExpandedRows = Object.values(newExpandedRows).some(Boolean);\n onExpandedRowsChange?.(hasExpandedRows);\n\n return newExpandedRows;\n });\n },\n [onExpandedRowsChange],\n );\n\n // Effect to collapse all rows when requested by parent\n const collapseAllRows = useCallback(() => {\n setExpandedRows({});\n onExpandedRowsChange?.(false);\n }, [onExpandedRowsChange]);\n\n return {\n expandedRows,\n toggleRowExpansion,\n collapseAllRows,\n };\n};\n\nconst ExpandButton = memo(\n ({\n rowId,\n isExpanded,\n highlightedLineId,\n toggleRowExpansion,\n }: {\n rowId: string;\n isExpanded: boolean;\n highlightedLineId?: string;\n toggleRowExpansion: (rowId: string) => void;\n }) => {\n return (\n \n {\n e.stopPropagation();\n toggleRowExpansion(rowId);\n }}\n aria-expanded={isExpanded}\n aria-label={`${isExpanded ? 'Collapse' : 'Expand'} log details`}\n >\n \n \n \n \n );\n },\n);\n\nExpandButton.displayName = 'ExpandButton';\n\n// Utility function for creating expand button column\nexport const createExpandButtonColumn = (\n expandedRows: Record,\n toggleRowExpansion: (rowId: string) => void,\n highlightedLineId?: string,\n) => ({\n id: 'expand-btn',\n accessorKey: INTERNAL_ROW_FIELDS.ID,\n header: () => '',\n cell: (info: any) => {\n const rowId = info.getValue() as string;\n const isExpanded = expandedRows[rowId] ?? false;\n\n return (\n \n );\n },\n size: 32,\n minSize: 32,\n enableResizing: false,\n enableSorting: false,\n meta: {\n className: 'text-center',\n },\n});\n" }, { "path": "packages/app/src/components/FullscreenPanelModal.tsx", "content": "import { Box, Modal } from '@mantine/core';\nimport { useHotkeys } from '@mantine/hooks';\n\nexport default function FullscreenPanelModal({\n opened,\n onClose,\n title,\n children,\n}: {\n opened: boolean;\n onClose: () => void;\n title?: string;\n children: React.ReactNode;\n}) {\n // YouTube-style 'f' key to toggle fullscreen\n useHotkeys([['f', () => opened && onClose()]]);\n\n return (\n \n \n {children}\n \n \n );\n}\n" }, { "path": "packages/app/src/components/HyperJson.module.scss", "content": ".container {\n display: flex;\n height: 100%;\n width: 100%;\n flex-direction: column;\n padding: var(--mantine-spacing-xs);\n font-size: 12px;\n font-family: var(--font-ibm-plex-mono);\n}\n\n.withTabulate {\n .key {\n min-width: 150px;\n }\n}\n\n.withLineWrap {\n .valueContainer {\n .string {\n white-space: pre;\n }\n }\n}\n\n.treeNode {\n margin-left: 10px;\n}\n\n.line {\n display: flex;\n gap: 10px;\n padding: 2px 8px;\n align-items: flex-start;\n border-radius: 3px;\n position: relative;\n overflow: hidden;\n\n &:hover {\n background-color: var(--color-bg-highlighted);\n\n .lineMenu {\n display: flex;\n }\n }\n\n &.expanded {\n .object,\n .array {\n color: var(--color-text-muted);\n }\n }\n\n &.expandable {\n cursor: pointer;\n\n .key {\n margin-left: -10px;\n }\n\n .valueContainer {\n margin-left: 10px;\n word-break: break-all;\n }\n\n &:active {\n background-color: var(--color-bg-highlighted);\n }\n }\n}\n\n.lineMenu {\n display: none;\n align-items: center;\n position: absolute;\n right: 0;\n top: 0;\n height: calc(100% + 1px);\n max-height: 24px;\n border-bottom: 1px solid var(--color-border);\n}\n\n.lineMenuBtn {\n border: 0;\n background-color: rgb(0 0 0 / 20%);\n backdrop-filter: blur(4px);\n color: var(--color-text);\n border-left: 1px solid var(--color-border);\n padding: 0 8px;\n height: 100%;\n\n &:hover {\n background-color: var(--color-bg-highlighted);\n }\n\n &:active {\n background-color: var(--color-bg-muted);\n }\n}\n\n.clickable {\n &:active {\n background-color: var(--color-bg-highlighted);\n }\n}\n\n.hoverable {\n position: relative;\n cursor: pointer;\n padding: 0 4px;\n margin: 0 -4px;\n border-radius: 2px;\n display: flex;\n gap: 6px;\n\n &:hover,\n &:focus {\n background-color: var(--color-bg-muted);\n\n .hoverContent {\n display: flex;\n }\n }\n\n .hoverContent {\n position: absolute;\n left: 100%;\n background-color: var(--color-bg-muted);\n padding-right: 8px;\n padding-left: 4px;\n }\n}\n\n.hoverContent {\n display: none;\n}\n\n.jsonBtn {\n display: block;\n color: var(--color-text-secondary);\n cursor: pointer;\n background-color: var(--color-bg-muted);\n font-size: 11px;\n border: 1px solid var(--color-border);\n border-radius: 3px;\n padding: 0 6px;\n margin-bottom: 2px;\n\n &:hover {\n background-color: var(--color-border);\n }\n\n &:active {\n background-color: var(--color-bg-highlighted);\n }\n}\n\n.keyContainer {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.key {\n align-items: center;\n width: auto;\n color: var(--color-json-key);\n cursor: pointer;\n display: flex;\n gap: 6px;\n\n // @extend .hoverable;\n // @extend .clickable;\n\n i {\n color: var(--color-json-punctuation);\n margin-right: -4px;\n }\n}\n\n.valueContainer {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: 3px;\n max-width: 100%;\n}\n\n.value {\n max-width: 100%;\n white-space: pre-wrap;\n word-wrap: anywhere;\n overflow-wrap: anywhere;\n overflow: hidden;\n\n @extend .hoverable;\n @extend .clickable;\n}\n\n.string {\n color: var(--color-json-string);\n word-break: break-all;\n\n &::before,\n &::after {\n content: '\"';\n color: var(--color-json-punctuation);\n }\n}\n\n.number {\n color: var(--color-json-number);\n}\n\n.boolean {\n color: var(--color-json-boolean);\n}\n\n.object {\n color: var(--color-json-object);\n font-size: 11px;\n}\n\n.array {\n color: var(--color-json-array);\n font-size: 11px;\n}\n\n.expandMoreProps {\n color: var(--color-json-number);\n font-weight: 500;\n\n i {\n margin-left: 4px;\n }\n}\n" }, { "path": "packages/app/src/components/HyperJson.stories.tsx", "content": "import type { Meta } from '@storybook/nextjs';\n\nimport HyperJson from './HyperJson';\n\nconst meta: Meta = {\n title: 'HyperJson',\n component: HyperJson,\n};\n\nexport const Default = () => (\n \n);\n\nexport default meta;\n" }, { "path": "packages/app/src/components/HyperJson.tsx", "content": "import * as React from 'react';\nimport cx from 'classnames';\nimport { atom, Provider, useAtomValue, useSetAtom } from 'jotai';\nimport { useHydrateAtoms } from 'jotai/utils';\nimport {\n isArray,\n isBoolean,\n isNull,\n isNumber,\n isPlainObject,\n isString,\n} from 'lodash';\nimport { useHover } from '@mantine/hooks';\nimport {\n IconCaretDownFilled,\n IconCaretRightFilled,\n IconClipboard,\n} from '@tabler/icons-react';\n\nimport styles from './HyperJson.module.scss';\n\nexport type LineAction = {\n key: string;\n title?: string;\n label: React.ReactNode;\n onClick: () => void;\n};\n\nexport type GetLineActions = (arg0: {\n key: string;\n keyPath: string[];\n value: any;\n isInParsedJson?: boolean;\n parsedJsonRootPath?: string[];\n}) => LineAction[];\n\n// Store common state in an atom so that it can be shared between components\n// to avoid prop drilling\ntype HyperJsonAtom = {\n normallyExpanded: boolean;\n getLineActions?: GetLineActions;\n};\nconst hyperJsonAtom = atom({\n normallyExpanded: false,\n});\n\nconst ValueRenderer = React.memo(\n React.forwardRef(({ value }, ref) => {\n if (isNull(value)) {\n return (\n \n null\n \n );\n }\n if (isString(value)) {\n return (\n \n {value}\n \n );\n }\n if (isNumber(value)) {\n return (\n \n {value}\n \n );\n }\n if (isBoolean(value)) {\n return (\n \n {value ? 'true' : 'false'}\n \n );\n }\n if (isPlainObject(value)) {\n return (\n \n {'{}'} {Object.keys(value).length} keys\n \n );\n }\n if (isArray(value)) {\n return (\n \n {'[]'} {value.length} items\n \n );\n }\n return null;\n }),\n);\n\nconst LineMenu = React.memo(\n ({\n keyName,\n keyPath,\n value,\n isInParsedJson,\n parsedJsonRootPath,\n }: {\n keyName: string;\n keyPath: string[];\n value: any;\n isInParsedJson?: boolean;\n parsedJsonRootPath?: string[];\n }) => {\n const { getLineActions } = useAtomValue(hyperJsonAtom);\n\n const lineActions = React.useMemo(() => {\n if (getLineActions) {\n return getLineActions({\n key: keyName,\n keyPath,\n value,\n isInParsedJson,\n parsedJsonRootPath,\n });\n }\n return [];\n }, [\n getLineActions,\n keyName,\n keyPath,\n value,\n isInParsedJson,\n parsedJsonRootPath,\n ]);\n\n return (\n
\n {lineActions.map(action => (\n {\n action.onClick();\n e.stopPropagation();\n }}\n >\n {action.label}\n \n ))}\n
\n );\n },\n);\n\nconst Line = React.memo(\n ({\n keyName,\n keyPath: parentKeyPath,\n value,\n disableMenu,\n isInParsedJson = false,\n parsedJsonRootPath = [],\n }: {\n keyName: string;\n keyPath: string[];\n value: any;\n disableMenu: boolean;\n isInParsedJson?: boolean;\n parsedJsonRootPath?: string[];\n }) => {\n const { normallyExpanded } = useAtomValue(hyperJsonAtom);\n\n // For performance reasons, render LineMenu only when hovered instead of\n // mounting it for potentially hundreds of lines\n const { ref, hovered } = useHover();\n\n const isStringValueValidJson = React.useMemo(() => {\n if (!isString(value)) return false;\n try {\n if (\n (value.startsWith('{') && value.endsWith('}')) ||\n (value.startsWith('[') && value.endsWith(']'))\n ) {\n const parsed = JSON.parse(value);\n return !!parsed;\n }\n } catch (e) {\n return false;\n }\n }, [value]);\n\n const [isExpanded, setIsExpanded] = React.useState(\n normallyExpanded && !isStringValueValidJson,\n );\n\n React.useEffect(() => {\n setIsExpanded(normallyExpanded && !isStringValueValidJson);\n }, [isStringValueValidJson, normallyExpanded]);\n\n const isExpandable = React.useMemo(\n () =>\n (isPlainObject(value) && Object.keys(value).length > 0) ||\n (isArray(value) && value.length > 0) ||\n isStringValueValidJson,\n [isStringValueValidJson, value],\n );\n\n const handleToggle = React.useCallback(() => {\n if (!isExpandable) return;\n setIsExpanded(prev => !prev);\n }, [isExpandable]);\n\n const expandedData = React.useMemo(() => {\n if (isStringValueValidJson) {\n try {\n return JSON.parse(value);\n } catch (e) {\n return null;\n }\n }\n return value;\n }, [isStringValueValidJson, value]);\n\n const nestedLevel = parentKeyPath.length;\n const keyPath = React.useMemo(\n () => [...parentKeyPath, keyName],\n [keyName, parentKeyPath],\n );\n\n // Determine the context for nested parsed JSON\n const childIsInParsedJson = isInParsedJson || isStringValueValidJson;\n const childParsedJsonRootPath = React.useMemo(() => {\n if (isStringValueValidJson) {\n // This is the start of a new parsed JSON context\n return keyPath;\n }\n return parsedJsonRootPath;\n }, [isStringValueValidJson, keyPath, parsedJsonRootPath]);\n\n // Hide LineMenu when selecting text in the value\n const valueRef = React.useRef(null);\n const [isSelectingValue, setIsSelectingValue] = React.useState(false);\n const handleValueSelectStart = React.useCallback(() => {\n setIsSelectingValue(true);\n }, []);\n const handleValueMouseUp = React.useCallback(() => {\n setIsSelectingValue(false);\n }, []);\n React.useEffect(() => {\n const _valueRef = valueRef.current;\n _valueRef?.addEventListener('selectstart', handleValueSelectStart);\n _valueRef?.addEventListener('mouseup', handleValueMouseUp);\n return () => {\n _valueRef?.removeEventListener('selectstart', handleValueSelectStart);\n _valueRef?.removeEventListener('mouseup', handleValueMouseUp);\n };\n }, [handleValueMouseUp, handleValueSelectStart]);\n\n return (\n <>\n 0,\n [styles.expanded]: isExpanded,\n [styles.expandable]: isExpandable,\n })}\n style={{ marginLeft: nestedLevel * 16 }}\n key={keyName}\n >\n
\n
\n {isExpandable &&\n (isExpanded ? (\n \n ) : (\n \n ))}\n {keyName}\n
\n \n
\n
\n
\n
\n {isStringValueValidJson ? (\n isExpanded ? (\n
{'{}'} Parsed JSON
\n ) : (\n <>\n \n
Expand JSON
\n \n )\n ) : (\n \n )}\n
\n {hovered && !disableMenu && !isSelectingValue && (\n \n )}\n \n {isExpanded && isExpandable && (\n \n )}\n \n );\n },\n);\n\nconst MAX_TREE_NODE_ITEMS = 50;\nfunction TreeNode({\n data,\n keyPath = [],\n disableMenu = false,\n isInParsedJson = false,\n parsedJsonRootPath = [],\n}: {\n data: object;\n keyPath?: string[];\n disableMenu?: boolean;\n isInParsedJson?: boolean;\n parsedJsonRootPath?: string[];\n}) {\n const [isExpanded, setIsExpanded] = React.useState(false);\n\n const originalLength = React.useMemo(() => Object.keys(data).length, [data]);\n const visibleLines = React.useMemo(() => {\n return isExpanded\n ? Object.entries(data)\n : Object.entries(data).slice(0, MAX_TREE_NODE_ITEMS);\n }, [data, isExpanded]);\n const nestedLevel = keyPath?.length || 0;\n\n return (\n <>\n {visibleLines.map(([key, value]) => (\n \n ))}\n {originalLength > MAX_TREE_NODE_ITEMS && !isExpanded && (\n setIsExpanded(true)}\n >\n
\n
\n Expand {originalLength - MAX_TREE_NODE_ITEMS} more properties\n
\n
\n \n )}\n \n );\n}\n\n// Hydrate + allow to use this component multiple times on the same page\nconst HydrateAtoms = ({\n children,\n initialValues,\n}: {\n initialValues: HyperJsonAtom;\n children: React.ReactElement;\n}) => {\n useHydrateAtoms([[hyperJsonAtom, initialValues]]);\n const set = useSetAtom(hyperJsonAtom);\n React.useEffect(() => {\n set(initialValues);\n }, [initialValues, set]);\n return children;\n};\n\ntype HyperJsonProps = {\n data: object;\n normallyExpanded?: boolean;\n tabulate?: boolean;\n lineWrap?: boolean;\n getLineActions?: GetLineActions;\n};\n\nconst HyperJson = ({\n data,\n normallyExpanded = false,\n tabulate = false,\n lineWrap,\n getLineActions,\n}: HyperJsonProps) => {\n const isEmpty = React.useMemo(() => Object.keys(data).length === 0, [data]);\n\n return (\n \n \n \n {isEmpty ?
Empty
: }\n \n \n \n );\n};\n\nexport default HyperJson;\n" }, { "path": "packages/app/src/components/InputControlled.tsx", "content": "import React from 'react';\nimport { Control, Controller, FieldValues, Path } from 'react-hook-form';\nimport {\n Checkbox,\n CheckboxProps,\n Input,\n InputProps,\n PasswordInput,\n PasswordInputProps,\n Switch,\n SwitchProps,\n TextInput,\n TextInputProps,\n} from '@mantine/core';\n\ninterface InputControlledProps\n extends Omit,\n Omit, 'name' | 'size'> {\n name: Path;\n control: Control;\n rules?: Parameters['register']>[1];\n}\n\ninterface PasswordInputControlledProps\n extends Omit,\n Omit, 'name' | 'size'> {\n name: Path;\n control: Control;\n rules?: Parameters['register']>[1];\n}\n\ninterface TextInputControlledProps\n extends Omit,\n Omit, 'name' | 'size'> {\n name: Path;\n control: Control;\n rules?: Parameters['register']>[1];\n}\n\ninterface CheckboxControlledProps\n extends Omit,\n Omit<\n React.InputHTMLAttributes,\n 'name' | 'size' | 'color'\n > {\n name: Path;\n control: Control;\n rules?: Parameters['register']>[1];\n}\n\ninterface SwitchControlledProps\n extends Omit,\n Omit<\n React.InputHTMLAttributes,\n 'name' | 'size' | 'color'\n > {\n name: Path;\n control: Control;\n rules?: Parameters['register']>[1];\n}\n\nexport function TextInputControlled({\n name,\n control,\n rules,\n ...props\n}: TextInputControlledProps) {\n return (\n (\n \n )}\n />\n );\n}\n\nexport function InputControlled({\n name,\n control,\n rules,\n ...props\n}: InputControlledProps) {\n return (\n (\n \n )}\n />\n );\n}\n\nexport function PasswordInputControlled({\n name,\n control,\n rules,\n ...props\n}: PasswordInputControlledProps) {\n return (\n (\n \n )}\n />\n );\n}\n\nexport function CheckBoxControlled({\n name,\n control,\n rules,\n ...props\n}: CheckboxControlledProps) {\n return (\n (\n \n )}\n />\n );\n}\n\nexport function SwitchControlled({\n name,\n control,\n rules,\n ...props\n}: SwitchControlledProps) {\n return (\n (\n \n )}\n />\n );\n}\n" }, { "path": "packages/app/src/components/KubeComponents.tsx", "content": "import * as React from 'react';\nimport Link from 'next/link';\nimport { sub } from 'date-fns';\nimport type { ResponseJSON } from '@hyperdx/common-utils/dist/clickhouse';\nimport { renderChartConfig } from '@hyperdx/common-utils/dist/core/renderChartConfig';\nimport {\n BuilderChartConfigWithDateRange,\n DateRange,\n SearchCondition,\n SearchConditionLanguage,\n TLogSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { Badge, Group, Text, Timeline } from '@mantine/core';\nimport { useQuery, UseQueryOptions } from '@tanstack/react-query';\n\nimport { useClickhouseClient } from '@/clickhouse';\nimport { useMetadataWithSettings } from '@/hooks/useMetadata';\nimport { getDisplayedTimestampValueExpression } from '@/source';\n\nimport { KubePhase } from '../types';\nimport { FormatTime } from '../useFormatTime';\n\ntype KubeEvent = {\n id: string;\n timestamp: string;\n severity_text?: string;\n 'k8s.pod.name'?: string;\n 'object.message'?: string;\n 'object.note'?: string;\n 'object.reason'?: string;\n 'object.type'?: string;\n};\n\ntype AnchorEvent = {\n timestamp: string;\n label: React.ReactNode;\n};\n\nexport const useV2LogBatch = (\n {\n dateRange,\n extraSelects,\n limit,\n logSource,\n order,\n where,\n whereLanguage,\n }: {\n dateRange: DateRange['dateRange'];\n extraSelects?: BuilderChartConfigWithDateRange['select'];\n limit?: number;\n logSource: TLogSource;\n order: 'asc' | 'desc';\n where: SearchCondition;\n whereLanguage: SearchConditionLanguage;\n },\n options?: Omit, 'queryKey' | 'queryFn'>,\n) => {\n const clickhouseClient = useClickhouseClient();\n const metadata = useMetadataWithSettings();\n return useQuery, Error>({\n queryKey: [\n 'v2LogBatch',\n logSource.id,\n extraSelects,\n dateRange,\n where,\n whereLanguage,\n limit,\n order,\n ],\n queryFn: async () => {\n const query = await renderChartConfig(\n {\n select: [\n {\n valueExpression: getDisplayedTimestampValueExpression(logSource),\n alias: 'timestamp',\n },\n {\n valueExpression: `${logSource.serviceNameExpression}`,\n alias: '_service',\n },\n ...(extraSelects && Array.isArray(extraSelects)\n ? extraSelects\n : []),\n ],\n from: logSource.from,\n dateRange,\n timestampValueExpression: logSource.timestampValueExpression,\n implicitColumnExpression: logSource.implicitColumnExpression,\n where,\n whereLanguage,\n connection: logSource.connection,\n limit: {\n limit: limit ?? 50,\n offset: 0,\n },\n orderBy: `${logSource.timestampValueExpression} ${order}`,\n },\n metadata,\n logSource.querySettings,\n );\n\n const json = await clickhouseClient\n .query({\n query: query.sql,\n query_params: query.params,\n connectionId: logSource.connection,\n })\n .then(res => res.json());\n\n return json as ResponseJSON;\n },\n staleTime: 1000 * 60 * 5, // Cache every 5 min\n ...options,\n });\n};\n\nconst renderKubeEvent = (source: TLogSource) => (event: KubeEvent) => {\n let href = '#';\n try {\n // FIXME: should check if it works in v2\n href = `/search?q=${encodeURIComponent(\n `${source.resourceAttributesExpression}.k8s.pod.name:\"${event['k8s.pod.name']}\"`,\n )}&source=${source.id}&from=${new Date(event.timestamp).getTime() - 1000 * 60 * 15}&to=${\n new Date(event.timestamp).getTime() + 1\n }`;\n } catch (_) {\n // ignore\n }\n\n return (\n \n \n \n \n \n \n \n \n {event['object.reason']}\n \n {event['object.type'] && (\n \n {event['object.type']}\n \n )}\n \n {event['object.note'] || event['object.message']}\n \n );\n};\n\nexport const KubeTimeline = ({\n q,\n logSource,\n anchorEvent,\n dateRange,\n}: {\n q: string;\n logSource: TLogSource;\n dateRange?: [Date, Date];\n anchorEvent?: AnchorEvent;\n}) => {\n const startDate = React.useMemo(\n // eslint-disable-next-line no-restricted-syntax\n () => dateRange?.[0] ?? sub(new Date(), { days: 1 }),\n [dateRange],\n );\n const endDate = React.useMemo(\n // eslint-disable-next-line no-restricted-syntax\n () => dateRange?.[1] ?? new Date(),\n [dateRange],\n );\n\n const { data, isLoading } = useV2LogBatch({\n dateRange: [startDate, endDate],\n limit: 50,\n logSource,\n order: 'desc',\n where: `${logSource.eventAttributesExpression}.k8s.resource.name:\"events\" ${q}`,\n whereLanguage: 'lucene',\n extraSelects: [\n {\n valueExpression: `generateUUIDv4()`,\n alias: 'id',\n },\n {\n valueExpression: `JSONExtractString(${logSource.eventAttributesExpression}['object'], 'metadata', 'creationTimestamp')`,\n alias: 'object.metadata.creationTimestamp',\n },\n {\n valueExpression: `JSONExtractString(${logSource.eventAttributesExpression}['object'], 'reason')`,\n alias: 'object.reason',\n },\n {\n valueExpression: `JSONExtractString(${logSource.eventAttributesExpression}['object'], 'note')`,\n alias: 'object.note',\n },\n {\n valueExpression: `JSONExtractString(${logSource.eventAttributesExpression}['object'], 'type')`,\n alias: 'object.type',\n },\n {\n valueExpression: `JSONExtractString(${logSource.eventAttributesExpression}['object'], 'message')`,\n alias: 'object.message',\n },\n {\n valueExpression: `JSONExtractString(${logSource.eventAttributesExpression}['object'], 'regarding', 'name')`,\n alias: 'k8s.pod.name',\n },\n {\n valueExpression: `JSONExtractString(${logSource.eventAttributesExpression}['object'], 'regarding', 'uid')`,\n alias: 'k8s.pod.uid',\n },\n {\n valueExpression: `JSONExtractString(${logSource.eventAttributesExpression}['object'], 'type')`,\n alias: 'type',\n },\n {\n valueExpression: `JSONExtractString(${logSource.eventAttributesExpression}['object'], 'type')`,\n alias: 'severity_text',\n },\n {\n valueExpression: `JSONExtractString(${logSource.eventAttributesExpression}['object'], 'note')`,\n alias: 'body',\n },\n ],\n });\n\n const allPodEvents: KubeEvent[] = React.useMemo(\n () =>\n (data?.data || []).sort(\n (a, b) =>\n new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime(),\n ),\n [data],\n );\n\n const podEventsBeforeAnchor = React.useMemo(() => {\n return anchorEvent\n ? allPodEvents.filter(event => {\n return new Date(event.timestamp) < new Date(anchorEvent.timestamp);\n })\n : [];\n }, [allPodEvents, anchorEvent]);\n\n const podEventsAfterAnchor = React.useMemo(() => {\n return anchorEvent\n ? allPodEvents.filter(event => {\n return new Date(event.timestamp) > new Date(anchorEvent.timestamp);\n })\n : [];\n }, [allPodEvents, anchorEvent]);\n\n // Scroll to anchor event if it exists\n const anchorRef = React.useCallback((node: any) => {\n if (node !== null) {\n // setting block to center causes the entire view to scroll\n // todo - figure out how to scroll just the timeline and center the anchor event\n node.scrollIntoView({ block: 'nearest' });\n }\n }, []);\n\n if (isLoading) {\n return (\n \n Loading...\n \n );\n }\n\n if (allPodEvents.length === 0) {\n return (\n \n No events\n \n );\n }\n\n if (anchorEvent) {\n return (\n \n {podEventsAfterAnchor.map(renderKubeEvent(logSource))}\n \n \n \n \n \n \n {anchorEvent.label}\n \n \n \n {podEventsBeforeAnchor.map(renderKubeEvent(logSource))}\n \n );\n } else {\n return (\n \n {allPodEvents.map(renderKubeEvent(logSource))}\n \n );\n }\n};\n\nexport const FormatPodStatus = ({ status }: { status?: number }) => {\n switch (status) {\n case KubePhase.Pending:\n return (\n \n Pending\n \n );\n case KubePhase.Running:\n return (\n \n Running\n \n );\n case KubePhase.Succeeded:\n return (\n \n Succeeded\n \n );\n case KubePhase.Failed:\n return (\n \n Failed\n \n );\n case KubePhase.Unknown:\n return (\n \n Unknown\n \n );\n default:\n return (\n \n Unknown\n \n );\n }\n};\n" }, { "path": "packages/app/src/components/KubernetesFilters.tsx", "content": "import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { useForm, useWatch } from 'react-hook-form';\nimport { tcFromSource } from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n BuilderChartConfigWithDateRange,\n TMetricSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { Box, Group, Select } from '@mantine/core';\n\nimport SearchInputV2 from '@/components/SearchInput/SearchInputV2';\nimport { useGetKeyValues } from '@/hooks/useMetadata';\n\ntype KubernetesFiltersProps = {\n dateRange: [Date, Date];\n metricSource: TMetricSource;\n searchQuery: string;\n setSearchQuery: (query: string) => void;\n};\n\ntype FilterSelectProps = {\n metricSource: TMetricSource;\n placeholder: string;\n fieldName: string;\n value: string | null;\n onChange: (value: string | null) => void;\n chartConfig: BuilderChartConfigWithDateRange;\n dataTestId?: string;\n};\n\nconst FilterSelect: React.FC = ({\n metricSource,\n placeholder,\n fieldName,\n value,\n onChange,\n chartConfig,\n dataTestId,\n}) => {\n const { data, isLoading } = useGetKeyValues({\n chartConfig,\n keys: [`${metricSource.resourceAttributesExpression}['${fieldName}']`],\n disableRowLimit: true,\n limit: 1000000,\n });\n\n const options = useMemo(\n () =>\n data?.[0]?.value\n .map(value => ({ value, label: value }))\n .sort((a, b) => a.value.localeCompare(b.value)) || [], // Sort alphabetically for better search results\n [data],\n );\n\n return (\n \n );\n};\n\nexport const KubernetesFilters: React.FC = ({\n dateRange,\n metricSource,\n searchQuery,\n setSearchQuery,\n}) => {\n // State for each filter\n const [podName, setPodName] = useState(null);\n const [deploymentName, setDeploymentName] = useState(null);\n const [nodeName, setNodeName] = useState(null);\n const [namespaceName, setNamespaceName] = useState(null);\n const [clusterName, setClusterName] = useState(null);\n\n const { control, setValue } = useForm({\n defaultValues: {\n searchQuery: searchQuery,\n },\n });\n\n const watchedSearchQuery = useWatch({ control, name: 'searchQuery' });\n const prevSearchQueryRef = useRef(searchQuery);\n\n // Sync form changes to parent state\n useEffect(() => {\n if (watchedSearchQuery !== prevSearchQueryRef.current) {\n prevSearchQueryRef.current = watchedSearchQuery ?? '';\n setSearchQuery(watchedSearchQuery ?? '');\n }\n }, [watchedSearchQuery, setSearchQuery]);\n\n // Update search form value when search query changes from parent\n useEffect(() => {\n if (searchQuery !== prevSearchQueryRef.current) {\n prevSearchQueryRef.current = searchQuery;\n setValue('searchQuery', searchQuery);\n }\n }, [searchQuery, setValue]);\n\n // Helper function to extract value from search query\n const extractValueFromSearchQuery = (\n searchQuery: string,\n resourceAttr: string = '',\n attribute: string,\n ) => {\n const match = searchQuery.match(\n new RegExp(`${resourceAttr}\\\\.${attribute}:\"([^\"]+)\"`, 'i'),\n );\n return match ? match[1] : null;\n };\n\n // Initialize filter values from search query\n useEffect(() => {\n if (searchQuery) {\n const resourceAttr = metricSource.resourceAttributesExpression;\n\n setPodName(\n extractValueFromSearchQuery(searchQuery, resourceAttr, 'k8s.pod.name'),\n );\n setDeploymentName(\n extractValueFromSearchQuery(\n searchQuery,\n resourceAttr,\n 'k8s.deployment.name',\n ),\n );\n setNodeName(\n extractValueFromSearchQuery(searchQuery, resourceAttr, 'k8s.node.name'),\n );\n setNamespaceName(\n extractValueFromSearchQuery(\n searchQuery,\n resourceAttr,\n 'k8s.namespace.name',\n ),\n );\n setClusterName(\n extractValueFromSearchQuery(\n searchQuery,\n resourceAttr,\n 'k8s.cluster.name',\n ),\n );\n }\n }, [searchQuery, metricSource.resourceAttributesExpression]);\n\n // Create chart config for fetching key values\n const chartConfig: BuilderChartConfigWithDateRange = {\n from: {\n databaseName: metricSource.from.databaseName,\n tableName: metricSource.metricTables?.gauge || '',\n },\n where: '',\n whereLanguage: 'sql',\n select: '',\n timestampValueExpression: metricSource.timestampValueExpression || '',\n connection: metricSource.connection,\n dateRange,\n };\n\n // Helper function to update search query\n const updateSearchQuery = (\n attribute: string,\n value: string | null,\n setter: (value: string | null) => void,\n ) => {\n setter(value);\n\n const resourceAttr = metricSource.resourceAttributesExpression;\n const fullAttribute = `${resourceAttr}.${attribute}`;\n\n // Remove existing filter for this attribute if it exists\n let newQuery = searchQuery;\n const regex = new RegExp(`${fullAttribute}:\"[^\"]*\"`, 'g');\n newQuery = newQuery.replace(regex, '').trim();\n\n // Add new filter if value is not null\n if (value) {\n newQuery = `${fullAttribute}:\"${value}\" ${newQuery}`.trim();\n }\n\n setSearchQuery(newQuery);\n };\n\n return (\n \n updateSearchQuery('k8s.pod.name', value, setPodName)}\n chartConfig={chartConfig}\n dataTestId=\"pod-filter-select\"\n />\n\n \n updateSearchQuery('k8s.deployment.name', value, setDeploymentName)\n }\n chartConfig={chartConfig}\n dataTestId=\"deployment-filter-select\"\n />\n\n \n updateSearchQuery('k8s.node.name', value, setNodeName)\n }\n chartConfig={chartConfig}\n dataTestId=\"node-filter-select\"\n />\n\n \n updateSearchQuery('k8s.namespace.name', value, setNamespaceName)\n }\n chartConfig={chartConfig}\n dataTestId=\"namespace-filter-select\"\n />\n\n \n updateSearchQuery('k8s.cluster.name', value, setClusterName)\n }\n chartConfig={chartConfig}\n dataTestId=\"cluster-filter-select\"\n />\n \n \n \n \n );\n};\n" }, { "path": "packages/app/src/components/LogLevel.tsx", "content": "import { Text, TextProps } from '@mantine/core';\n\nimport { getLogLevelClass } from '@/utils';\n\nexport default function LogLevel({\n level,\n ...props\n}: { level: string } & TextProps) {\n const levelClass = getLogLevelClass(level);\n\n return (\n \n {level}\n \n );\n}\n" }, { "path": "packages/app/src/components/MaterializedViews/MVConfigSummary.tsx", "content": "import { useMemo } from 'react';\nimport { splitAndTrimWithBracket } from '@hyperdx/common-utils/dist/core/utils';\nimport { MaterializedViewConfiguration } from '@hyperdx/common-utils/dist/types';\nimport { Grid, Group, Pill, Stack, Table, Text, Tooltip } from '@mantine/core';\nimport { IconInfoCircle } from '@tabler/icons-react';\n\nimport { FormatTime } from '@/useFormatTime';\n\nexport default function MVConfigSummary({\n config,\n}: {\n config: MaterializedViewConfiguration;\n}) {\n const dimensionColumnsSplit = useMemo(\n () => splitAndTrimWithBracket(config.dimensionColumns),\n [config.dimensionColumns],\n );\n\n const columnsAndAggFns = useMemo(() => {\n const map = new Map();\n for (const { sourceColumn = '', aggFn } of config.aggregatedColumns) {\n if (map.has(sourceColumn)) {\n map.get(sourceColumn)?.push(aggFn);\n } else {\n map.set(sourceColumn, [aggFn]);\n }\n }\n return Array.from(map.entries()).sort(([sourceColA], [sourceColB]) =>\n sourceColA.localeCompare(sourceColB),\n );\n }, [config.aggregatedColumns]);\n\n return (\n \n \n \n \n \n Granularity\n \n \n \n \n \n\n {config.minGranularity}\n \n {config.minDate && (\n \n \n Minimum Date\n \n \n \n \n \n )}\n \n\n
\n \n Available Group and Filter Columns\n \n \n {dimensionColumnsSplit.map(col => (\n {col}\n ))}\n \n
\n\n
\n \n Available Aggregated Columns\n \n \n \n \n Column\n Aggregation\n \n \n \n {columnsAndAggFns.map(([sourceColumn, aggFns]) => (\n \n {sourceColumn}\n \n \n {aggFns.map(aggFn => (\n {aggFn}\n ))}\n \n \n \n ))}\n \n
\n
\n \n );\n}\n" }, { "path": "packages/app/src/components/MaterializedViews/MVOptimizationIndicator.tsx", "content": "import { useState } from 'react';\nimport {\n BuilderChartConfigWithOptDateRange,\n SourceKind,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { ActionIcon, Badge, Tooltip } from '@mantine/core';\nimport { IconBolt, IconBoltOff } from '@tabler/icons-react';\n\nimport { useMVOptimizationExplanation } from '@/hooks/useMVOptimizationExplanation';\n\nimport MVOptimizationModal from './MVOptimizationModal';\n\nconst WARNING_COLOR = 'var(--color-bg-warning)';\nconst SUCCESS_COLOR = 'var(--color-bg-success)';\n\nfunction MVOptimizationIcon({\n isInWarningState,\n onClick,\n}: {\n isInWarningState: boolean;\n onClick: () => void;\n}) {\n return isInWarningState ? (\n \n \n \n \n \n ) : (\n \n \n \n \n \n );\n}\n\nfunction MVOptimizationBadge({\n isInWarningState,\n onClick,\n}: {\n isInWarningState: boolean;\n onClick: () => void;\n}) {\n return (\n \n {isInWarningState ? 'Not Accelerated' : 'Accelerated'}\n \n );\n}\n\nexport default function MVOptimizationIndicator({\n source,\n config,\n variant = 'badge',\n}: {\n source: TSource;\n config: BuilderChartConfigWithOptDateRange | undefined;\n variant?: 'badge' | 'icon';\n}) {\n const [modalOpen, setModalOpen] = useState(false);\n const { data } = useMVOptimizationExplanation(config);\n\n const mvConfigs =\n ((source.kind === SourceKind.Log || source.kind === SourceKind.Trace) &&\n source.materializedViews) ||\n [];\n if (!mvConfigs?.length) {\n return null;\n }\n\n const isInWarningState = !!config && !!data && !data?.optimizedConfig;\n\n return (\n <>\n {variant === 'icon' ? (\n setModalOpen(true)}\n />\n ) : (\n setModalOpen(true)}\n />\n )}\n\n {data && (\n setModalOpen(false)}\n />\n )}\n \n );\n}\n" }, { "path": "packages/app/src/components/MaterializedViews/MVOptimizationModal.tsx", "content": "import { useMemo } from 'react';\nimport { MVOptimizationExplanation } from '@hyperdx/common-utils/dist/core/materializedViews';\nimport { MaterializedViewConfiguration } from '@hyperdx/common-utils/dist/types';\nimport {\n Accordion,\n Alert,\n Badge,\n Group,\n Modal,\n Text,\n Tooltip,\n} from '@mantine/core';\n\nimport MVConfigSummary from './MVConfigSummary';\n\nconst WARNING_COLOR = 'var(--color-bg-warning)';\nconst SUCCESS_COLOR = 'var(--color-bg-success)';\n\nfunction mvConfigToKey(config: MaterializedViewConfiguration) {\n return `mv-${config.databaseName}-${config.tableName}`;\n}\n\nexport default function MVOptimizationModal({\n mvConfigs,\n explanations,\n opened,\n onClose,\n}: {\n mvConfigs: MaterializedViewConfiguration[];\n explanations: MVOptimizationExplanation[];\n opened: boolean;\n onClose: () => void;\n}) {\n const hasMultipleMVs = mvConfigs.length > 1;\n\n const explanationsByKey = useMemo(\n () => new Map(explanations.map(e => [mvConfigToKey(e.mvConfig), e])),\n [explanations],\n );\n\n const firstUsedMv = explanations.find(e => e.success)?.mvConfig;\n\n return (\n \n \n This source is configured with{' '}\n {hasMultipleMVs ? 'materialized views' : 'a materialized view'} for\n accelerating some aggregations.\n \n\n \n {mvConfigs.map(config => {\n const key = mvConfigToKey(config);\n const explanation = explanationsByKey.get(key);\n const hasErrors = !!explanation?.errors.length;\n const isBeingUsedByOptimizedConfig = explanation?.success;\n const rowEstimate =\n explanation?.rowEstimate?.toLocaleString() ?? 'N/A';\n\n return (\n \n \n \n {config.tableName}\n {isBeingUsedByOptimizedConfig ? (\n \n \n Active\n \n \n ) : hasErrors ? (\n \n \n Incompatible\n \n \n ) : explanation ? (\n \n \n Skipped\n \n \n ) : null}\n \n \n \n <>\n \n {hasErrors && (\n \n \n The query cannot be accelerated using this materialized\n view for the following reason(s):\n \n {explanation.errors.map((error, idx) => (\n \n {error}\n \n ))}\n \n )}\n \n \n \n );\n })}\n \n \n );\n}\n" }, { "path": "packages/app/src/components/MetricAttributeHelperPanel.tsx", "content": "import { useCallback, useMemo, useState } from 'react';\nimport { TMetricSource } from '@hyperdx/common-utils/dist/types';\nimport {\n Badge,\n Box,\n Button,\n Collapse,\n Flex,\n Group,\n Loader,\n Paper,\n ScrollArea,\n Stack,\n Text,\n TextInput,\n UnstyledButton,\n} from '@mantine/core';\nimport { useDebouncedValue, useDisclosure } from '@mantine/hooks';\nimport {\n IconChevronDown,\n IconChevronLeft,\n IconChevronRight,\n IconFilter,\n IconPlus,\n IconSearch,\n} from '@tabler/icons-react';\n\nimport { useFetchMetricAttributeValues } from '@/hooks/useFetchMetricAttributeValues';\nimport { MetricMetadata } from '@/hooks/useFetchMetricMetadata';\nimport {\n AttributeCategory,\n AttributeKey,\n} from '@/hooks/useFetchMetricResourceAttrs';\n\ninterface MetricAttributeHelperPanelProps {\n databaseName: string;\n metricType: string;\n metricName: string;\n tableSource: TMetricSource | undefined;\n attributeKeys: AttributeKey[];\n isLoading?: boolean;\n language: 'sql' | 'lucene';\n metricMetadata?: MetricMetadata | null;\n onAddToWhere: (clause: string) => void;\n onAddToGroupBy: (clause: string) => void;\n}\n\nconst CATEGORY_LABELS: Record = {\n ResourceAttributes: 'Resource',\n Attributes: 'Attributes',\n ScopeAttributes: 'Scope',\n};\n\n// UCUM (Unified Code for Units of Measure) case-sensitive codes to human-readable names\n// Reference: https://ucum.org/ucum\nconst UCUM_UNIT_NAMES: Record = {\n // Time units\n s: 'Seconds',\n ms: 'Milliseconds',\n us: 'Microseconds',\n ns: 'Nanoseconds',\n min: 'Minutes',\n h: 'Hours',\n d: 'Days',\n wk: 'Weeks',\n mo: 'Months',\n a: 'Years',\n // Data units\n By: 'Bytes',\n KiBy: 'Kibibytes',\n MiBy: 'Mebibytes',\n GiBy: 'Gibibytes',\n TiBy: 'Tebibytes',\n kBy: 'Kilobytes',\n MBy: 'Megabytes',\n GBy: 'Gigabytes',\n TBy: 'Terabytes',\n bit: 'Bits',\n Kibit: 'Kibibits',\n Mibit: 'Mebibits',\n Gibit: 'Gibibits',\n // Frequency\n Hz: 'Hertz',\n kHz: 'Kilohertz',\n MHz: 'Megahertz',\n GHz: 'Gigahertz',\n // Temperature\n Cel: 'Celsius',\n K: 'Kelvin',\n '[degF]': 'Fahrenheit',\n // Percentage and dimensionless\n '%': 'Percent',\n '1': 'Count',\n '{request}': 'Requests',\n '{connection}': 'Connections',\n '{error}': 'Errors',\n '{packet}': 'Packets',\n '{thread}': 'Threads',\n '{process}': 'Processes',\n '{message}': 'Messages',\n '{operation}': 'Operations',\n '{call}': 'Calls',\n '{fault}': 'Faults',\n '{cpu}': 'CPUs',\n // Physical units\n m: 'Meters',\n km: 'Kilometers',\n g: 'Grams',\n kg: 'Kilograms',\n A: 'Amperes',\n V: 'Volts',\n W: 'Watts',\n kW: 'Kilowatts',\n J: 'Joules',\n kJ: 'Kilojoules',\n};\n\n// Format UCUM unit code to human-readable name\nfunction formatUnitDisplay(unit: string): string {\n // Direct match\n if (UCUM_UNIT_NAMES[unit]) {\n return UCUM_UNIT_NAMES[unit];\n }\n\n // Handle compound units like \"By/s\" -> \"Bytes/Second\"\n if (unit.includes('/')) {\n const [numerator, denominator] = unit.split('/');\n const numName = UCUM_UNIT_NAMES[numerator] || numerator;\n const denomName = UCUM_UNIT_NAMES[denominator] || denominator;\n // Singularize denominator (remove trailing 's' if present)\n const singularDenom = denomName.endsWith('s')\n ? denomName.slice(0, -1)\n : denomName;\n return `${numName}/${singularDenom}`;\n }\n\n // Return original if no mapping found\n return unit;\n}\n\nfunction formatWhereClause(\n category: AttributeCategory,\n name: string,\n value: string,\n language: 'sql' | 'lucene',\n): string {\n if (language === 'sql') {\n return `${category}['${name}'] = '${value}'`;\n }\n return `${category}.${name}:\"${value}\"`;\n}\n\nfunction formatGroupByClause(\n category: AttributeCategory,\n name: string,\n language: 'sql' | 'lucene',\n): string {\n if (language === 'sql') {\n return `${category}['${name}']`;\n }\n return `${category}.${name}`;\n}\n\ninterface AttributeValueListProps {\n databaseName: string;\n metricType: string;\n metricName: string;\n tableSource: TMetricSource | undefined;\n attribute: AttributeKey;\n language: 'sql' | 'lucene';\n onAddToWhere: (clause: string) => void;\n onBack: () => void;\n onAddToGroupBy: (clause: string) => void;\n}\n\nfunction AttributeValueList({\n databaseName,\n metricType,\n metricName,\n tableSource,\n attribute,\n language,\n onAddToWhere,\n onBack,\n onAddToGroupBy,\n}: AttributeValueListProps) {\n const [searchTerm, setSearchTerm] = useState('');\n const [debouncedSearch] = useDebouncedValue(searchTerm, 300);\n\n const { data: values, isLoading } = useFetchMetricAttributeValues({\n databaseName,\n metricType,\n metricName,\n attributeName: attribute.name,\n attributeCategory: attribute.category,\n searchTerm: debouncedSearch,\n tableSource,\n });\n\n const handleAddValueToWhere = useCallback(\n (value: string) => {\n const clause = formatWhereClause(\n attribute.category,\n attribute.name,\n value,\n language,\n );\n onAddToWhere(clause);\n },\n [attribute, language, onAddToWhere],\n );\n\n const handleAddToGroupBy = useCallback(() => {\n // Group By is always SQL syntax, regardless of Where condition language\n const clause = formatGroupByClause(\n attribute.category,\n attribute.name,\n 'sql',\n );\n onAddToGroupBy(clause);\n }, [attribute, onAddToGroupBy]);\n\n return (\n \n \n \n \n \n \n {attribute.name}\n \n \n {CATEGORY_LABELS[attribute.category]}\n \n \n \n }\n onClick={handleAddToGroupBy}\n >\n Group By\n \n \n\n }\n value={searchTerm}\n onChange={e => setSearchTerm(e.currentTarget.value)}\n />\n\n {isLoading ? (\n \n \n \n ) : values && values.length > 0 ? (\n \n \n {values.map(value => (\n \n \n {value}\n \n }\n onClick={() => handleAddValueToWhere(value)}\n >\n Where\n \n \n ))}\n \n \n ) : (\n \n {searchTerm ? 'No matching values found' : 'No values found'}\n \n )}\n \n );\n}\n\ninterface AttributeListProps {\n attributeKeys: AttributeKey[];\n onSelectAttribute: (attr: AttributeKey) => void;\n}\n\nfunction AttributeList({\n attributeKeys,\n onSelectAttribute,\n}: AttributeListProps) {\n const [searchTerm, setSearchTerm] = useState('');\n\n const filteredAttributes = useMemo(() => {\n if (!searchTerm) return attributeKeys;\n const lower = searchTerm.toLowerCase();\n return attributeKeys.filter(attr =>\n attr.name.toLowerCase().includes(lower),\n );\n }, [attributeKeys, searchTerm]);\n\n const groupedAttributes = useMemo(() => {\n const groups: Record = {\n ResourceAttributes: [],\n Attributes: [],\n ScopeAttributes: [],\n };\n for (const attr of filteredAttributes) {\n groups[attr.category].push(attr);\n }\n return groups;\n }, [filteredAttributes]);\n\n const categories: AttributeCategory[] = [\n 'ResourceAttributes',\n 'Attributes',\n 'ScopeAttributes',\n ];\n\n return (\n \n }\n value={searchTerm}\n onChange={e => setSearchTerm(e.currentTarget.value)}\n />\n\n \n \n {categories.map(category => {\n const attrs = groupedAttributes[category];\n if (attrs.length === 0) return null;\n\n return (\n \n \n \n {CATEGORY_LABELS[category]}\n \n \n {attrs.length}\n \n \n \n {attrs.map(attr => (\n onSelectAttribute(attr)}\n >\n \n \n {attr.name}\n \n \n \n \n ))}\n \n \n );\n })}\n \n \n \n );\n}\n\nexport function MetricAttributeHelperPanel({\n databaseName,\n metricName,\n tableSource,\n metricType,\n attributeKeys,\n isLoading,\n language,\n metricMetadata,\n onAddToWhere,\n onAddToGroupBy,\n}: MetricAttributeHelperPanelProps) {\n const [opened, { toggle }] = useDisclosure(false);\n const [selectedAttribute, setSelectedAttribute] =\n useState(null);\n\n const handleSelectAttribute = useCallback((attr: AttributeKey) => {\n setSelectedAttribute(attr);\n }, []);\n\n const handleBack = useCallback(() => {\n setSelectedAttribute(null);\n }, []);\n\n if (!metricName) {\n return null;\n }\n\n return (\n \n \n \n \n {metricMetadata?.description ? (\n \n {metricMetadata.description}\n \n ) : (\n \n {metricName}\n \n )}\n {metricMetadata?.unit && (\n \n \n Unit:\n \n \n {formatUnitDisplay(metricMetadata.unit)}\n \n \n )}\n \n \n {attributeKeys.length > 0 && (\n \n {attributeKeys.length} attributes\n \n )}\n \n \n \n \n\n \n \n {isLoading ? (\n \n \n \n ) : attributeKeys.length === 0 ? (\n \n No attributes found for this metric\n \n ) : selectedAttribute ? (\n \n ) : (\n \n )}\n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/MetricNameSelect.tsx", "content": "import { useMemo } from 'react';\nimport { addDays, differenceInDays, subDays } from 'date-fns';\nimport {\n DateRange,\n MetricsDataType,\n TMetricSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { Select } from '@mantine/core';\n\nimport { useGetKeyValues } from '@/hooks/useMetadata';\nimport { capitalizeFirstLetter } from '@/utils';\n\nconst MAX_METRIC_NAME_OPTIONS = 3000;\nconst SEPARATOR = ':::::::';\n\nconst chartConfigByMetricType = ({\n dateRange,\n metricSource,\n metricType,\n}: {\n dateRange?: DateRange['dateRange'];\n metricSource: TMetricSource;\n metricType: MetricsDataType;\n}) => {\n // eslint-disable-next-line no-restricted-syntax\n const now = new Date();\n let _dateRange: DateRange['dateRange'] = dateRange\n ? dateRange\n : [subDays(now, 1), now];\n const diffInDays = differenceInDays(_dateRange[1], _dateRange[0]);\n\n if (diffInDays < 1) {\n const nextDay = addDays(_dateRange[0], 1);\n if (nextDay > now) {\n _dateRange = [subDays(_dateRange[1], 1), _dateRange[1]];\n } else {\n _dateRange = [_dateRange[0], nextDay];\n }\n } else if (diffInDays > 3) {\n // most recent 3 days\n _dateRange = [subDays(_dateRange[1], 3), _dateRange[1]];\n }\n\n return {\n // metricSource,\n from: {\n databaseName: metricSource.from.databaseName,\n tableName: metricSource.metricTables?.[metricType] ?? '',\n },\n where: '',\n whereLanguage: 'sql' as const,\n select: '',\n timestampValueExpression: metricSource.timestampValueExpression ?? '',\n connection: metricSource.connection,\n dateRange: _dateRange,\n };\n};\n\nfunction useMetricNames(\n metricSource: TMetricSource,\n dateRange?: DateRange['dateRange'],\n) {\n const { gaugeConfig, histogramConfig, sumConfig } = useMemo(() => {\n return {\n gaugeConfig: chartConfigByMetricType({\n dateRange,\n metricSource,\n metricType: MetricsDataType.Gauge,\n }),\n histogramConfig: chartConfigByMetricType({\n dateRange,\n metricSource,\n metricType: MetricsDataType.Histogram,\n }),\n sumConfig: chartConfigByMetricType({\n dateRange,\n metricSource,\n metricType: MetricsDataType.Sum,\n }),\n };\n }, [metricSource, dateRange]);\n\n const { data: gaugeMetrics } = useGetKeyValues({\n chartConfig: gaugeConfig,\n keys: ['MetricName'],\n limit: MAX_METRIC_NAME_OPTIONS,\n disableRowLimit: true,\n });\n const { data: histogramMetrics } = useGetKeyValues({\n chartConfig: histogramConfig,\n keys: ['MetricName'],\n limit: MAX_METRIC_NAME_OPTIONS,\n disableRowLimit: true,\n });\n const { data: sumMetrics } = useGetKeyValues({\n chartConfig: sumConfig,\n keys: ['MetricName'],\n limit: MAX_METRIC_NAME_OPTIONS,\n disableRowLimit: true,\n });\n\n return {\n gaugeMetrics: gaugeMetrics?.[0].value,\n histogramMetrics: histogramMetrics?.[0].value,\n sumMetrics: sumMetrics?.[0].value,\n };\n}\n\nexport function getMetricOptions(\n gaugeMetrics: string[] | undefined,\n histogramMetrics: string[] | undefined,\n sumMetrics: string[] | undefined,\n metricName: string | null | undefined,\n metricType: MetricsDataType,\n) {\n const metricsFromQuery = [\n ...(gaugeMetrics?.map(metric => ({\n value: `${metric}${SEPARATOR}gauge`,\n label: `${metric} (Gauge)`,\n })) ?? []),\n ...(histogramMetrics?.map(metric => ({\n value: `${metric}${SEPARATOR}histogram`,\n label: `${metric} (Histogram)`,\n })) ?? []),\n ...(sumMetrics?.map(metric => ({\n value: `${metric}${SEPARATOR}sum`,\n label: `${metric} (Sum)`,\n })) ?? []),\n ];\n // if saved metric does not exist in the available options, assume it exists\n // and add it to options\n if (\n metricName &&\n !metricsFromQuery.find(\n metric => metric.value === `${metricName}${SEPARATOR}${metricType}`,\n )\n ) {\n metricsFromQuery.push({\n value: `${metricName}${SEPARATOR}${metricType}`,\n label: `${metricName} (${capitalizeFirstLetter(metricType)})`,\n });\n }\n return metricsFromQuery;\n}\n\nexport function MetricNameSelect({\n dateRange,\n metricType,\n metricName,\n setMetricType,\n setMetricName,\n isLoading,\n isError,\n metricSource,\n error,\n onFocus,\n 'data-testid': dataTestId,\n}: {\n dateRange?: DateRange['dateRange'];\n metricType: MetricsDataType;\n metricName: string | undefined | null;\n setMetricType: (metricType: MetricsDataType) => void;\n setMetricName: (metricName: string) => void;\n isLoading?: boolean;\n isError?: boolean;\n metricSource: TMetricSource;\n error?: string;\n onFocus?: () => void;\n 'data-testid'?: string;\n}) {\n const { gaugeMetrics, histogramMetrics, sumMetrics } =\n useMetricNames(metricSource);\n\n const options = useMemo(() => {\n return getMetricOptions(\n gaugeMetrics,\n histogramMetrics,\n sumMetrics,\n metricName,\n metricType,\n );\n }, [gaugeMetrics, histogramMetrics, sumMetrics, metricName, metricType]);\n\n const currentValue =\n metricName && metricType ? `${metricName}${SEPARATOR}${metricType}` : null;\n\n return (\n {\n const [_metricName, _metricType] = value?.split(SEPARATOR) ?? [];\n setMetricName(_metricName ?? '');\n if (_metricType) {\n setMetricType(_metricType.toLowerCase() as MetricsDataType);\n }\n }}\n onFocus={onFocus}\n error={error}\n data-testid={dataTestId}\n />\n );\n}\n" }, { "path": "packages/app/src/components/NetworkPropertyPanel.tsx", "content": "import React, { useMemo } from 'react';\nimport Link from 'next/link';\nimport { pickBy } from 'lodash';\nimport CopyToClipboard from 'react-copy-to-clipboard';\nimport { JSONTree } from 'react-json-tree';\nimport { Accordion, Box, Button, CopyButton, TableData } from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\nimport { IconTerminal } from '@tabler/icons-react';\n\nimport HyperJson from '@/components/HyperJson';\nimport { Table } from '@/components/Table';\nimport {\n headerColumns,\n networkColumns,\n SectionWrapper,\n} from '@/LogSidePanelElements';\nimport { CollapsibleSection } from '@/LogSidePanelElements';\nimport { CurlGenerator } from '@/utils/curlGenerator';\n\ninterface NetworkPropertyPanelProps {\n eventAttributes: Record;\n}\n\n// https://github.com/reduxjs/redux-devtools/blob/f11383d294c1139081f119ef08aa1169bd2ad5ff/packages/react-json-tree/src/createStylingFromTheme.ts\nconst JSON_TREE_THEME = {\n base00: '#00000000',\n base01: '#383830',\n base02: '#49483e',\n base03: '#75715e',\n base04: '#a59f85',\n base05: '#f8f8f2',\n base06: '#f5f4f1',\n base07: '#f9f8f5',\n base08: '#f92672',\n base09: '#fd971f',\n base0A: '#f4bf75',\n base0B: '#a6e22e',\n base0C: '#a1efe4',\n base0D: '#8378FF', // Value Labels\n base0E: '#ae81ff',\n base0F: '#cc6633',\n};\n\nconst parseHeaders = (\n keyPrefix: string,\n parsedProperties: any,\n): [string, string][] => {\n const reqHeaderObj: Record<\n string,\n string | string[] | Record\n > = pickBy(parsedProperties, (value, key) => key.startsWith(keyPrefix));\n\n return Object.entries(reqHeaderObj).flatMap(([fullKey, _value]) => {\n let value = _value;\n try {\n if (typeof _value === 'string') {\n value = JSON.parse(_value);\n }\n } catch (e) {\n // ignore\n }\n\n // Replacing _ -> - is part of the otel spec, idk why\n const key = fullKey.replace(keyPrefix, '').replace('_', '-');\n\n let keyVal = [[key, `${value}`]] as [string, string][];\n\n if (Array.isArray(value)) {\n keyVal = value.map(value => [key, `${value}`] as [string, string]);\n } else if (typeof value === 'object' && Object.keys(value).length > 0) {\n try {\n // TODO: We actually shouldn't be re-serializing this as it may mess with the original value\n keyVal = [[key, `${JSON.stringify(value)}`]] as [string, string][];\n } catch (e) {\n console.error(e);\n }\n }\n\n return keyVal;\n });\n};\n\nconst generateCurl = ({\n method,\n headers,\n url,\n body,\n}: {\n method?: string;\n headers: Array<{ name: string; value: string }>;\n url?: string;\n body?: string;\n}) => {\n if (!url || !method) return '';\n\n let curl = `curl -X ${method} '${url}'`;\n headers.forEach(({ name, value }) => {\n curl += `\\n -H '${name}: ${value}'`;\n });\n\n if (body) {\n curl += `\\n -d '${body}'`;\n }\n\n return curl;\n};\n\nexport const NetworkBody = ({\n body,\n theme,\n emptyMessage,\n notCollectedMessage,\n}: {\n body: any;\n theme?: any;\n emptyMessage?: string;\n notCollectedMessage?: string;\n}) => {\n const valueRenderer = React.useCallback((raw: any) => {\n return (\n \n {raw}\n \n );\n }, []);\n\n const parsedBody = React.useMemo(() => {\n if (typeof body !== 'string') return null;\n try {\n if (\n (body.startsWith('{') && body.endsWith('}')) ||\n (body.startsWith('[') && body.endsWith(']'))\n ) {\n const parsed = JSON.parse(body);\n return parsed;\n }\n } catch (e) {\n return null;\n }\n }, [body]);\n\n return (\n <>\n {body != null && body != '' ? (\n \n {parsedBody ? (\n \n ) : typeof body === 'string' ? (\n body\n ) : (\n \n )}\n \n ) : body === '' ? (\n
{emptyMessage}
\n ) : (\n
{notCollectedMessage}
\n )}\n \n );\n};\n\nexport function NetworkPropertySubpanel({\n eventAttributes,\n}: NetworkPropertyPanelProps) {\n const requestHeaders = useMemo(\n () => parseHeaders('http.request.header.', eventAttributes),\n [eventAttributes],\n );\n\n const responseHeaders = useMemo(\n () => parseHeaders('http.response.header.', eventAttributes),\n [eventAttributes],\n );\n\n const url = eventAttributes['http.url'];\n const remoteAddress = eventAttributes['net.peer.ip'];\n const statusCode = eventAttributes['http.status_code'];\n const method = eventAttributes['http.method'];\n const requestBody = eventAttributes['http.request.body'];\n const responseBody = eventAttributes['http.response.body'];\n\n const curl = CurlGenerator({\n method,\n headers: requestHeaders,\n url,\n body: requestBody,\n });\n\n if (!url && !method && !statusCode) {\n return null;\n }\n\n return (\n
\n
\n {\n notifications.show({\n color: 'green',\n message: 'Curl command copied to clipboard',\n });\n }}\n >\n \n \n {/* \n \n \n Endpoint Trends\n \n */}\n
\n\n \n = 500\n ? 'text-danger'\n : statusCode >= 400\n ? 'text-warning'\n : 'text-success',\n },\n ].filter(Boolean)}\n hideHeader\n />\n \n\n {requestHeaders.length > 0 && (\n \n \n \n \n \n )}\n\n {requestBody != null && (\n \n \n \n \n \n )}\n {responseHeaders.length > 0 && (\n \n \n \n \n \n )}\n {responseBody != null && (\n \n \n \n \n \n )}\n
\n );\n}\n" }, { "path": "packages/app/src/components/NumberFormat.tsx", "content": "import * as React from 'react';\nimport { useMemo } from 'react';\nimport { Control, Controller, useWatch } from 'react-hook-form';\nimport { NumberFormat } from '@hyperdx/common-utils/dist/types';\nimport {\n Checkbox as MCheckbox,\n NativeSelect,\n Paper,\n Slider,\n Stack,\n TextInput,\n} from '@mantine/core';\nimport {\n IconClock,\n IconCurrencyDollar,\n IconDatabase,\n IconNumbers,\n IconPercentage,\n} from '@tabler/icons-react';\n\nimport { formatNumber } from '../utils';\n\nimport { ChartConfigDisplaySettings } from './ChartDisplaySettingsDrawer';\n\nconst FORMAT_ICONS: Record = {\n number: ,\n currency: ,\n percent: ,\n byte: ,\n time: ,\n};\n\nconst TEST_NUMBER = 1234;\n\nexport const DEFAULT_NUMBER_FORMAT: NumberFormat = {\n factor: 1,\n output: 'number' as const,\n mantissa: 2,\n thousandSeparated: true,\n average: false,\n decimalBytes: false,\n};\n\nexport const NumberFormatForm: React.FC<{\n control: Control;\n}> = ({ control }) => {\n const format =\n useWatch({ control, name: 'numberFormat' }) ?? DEFAULT_NUMBER_FORMAT;\n\n return (\n <>\n \n \n (\n \n )}\n />\n {format.output === 'currency' && (\n (\n \n )}\n />\n )}\n \n\n
\n \n \n Example\n
\n {formatNumber(TEST_NUMBER || 0, format)}\n \n \n\n {format.output !== 'time' && (\n
\n
Decimals
\n (\n `Decimals: ${val}`}\n marks={[\n { value: 0, label: '0' },\n { value: 10, label: '10' },\n ]}\n value={value ?? 2}\n onChange={onChange}\n />\n )}\n />\n
\n )}\n \n {format.output === 'byte' ? (\n {\n return (\n \n );\n }}\n />\n ) : format.output === 'time' ? (\n {\n const options = [\n { value: '1', label: 'Seconds' },\n { value: '0.001', label: 'Milliseconds' },\n { value: '0.000001', label: 'Microseconds' },\n { value: '0.000000001', label: 'Nanoseconds' },\n ];\n\n const stringValue =\n options.find(option => parseFloat(option.value) === value)\n ?.value ?? '1';\n\n return (\n onChange(parseFloat(e.target.value))}\n data={options}\n />\n );\n }}\n />\n ) : (\n <>\n (\n \n )}\n />\n (\n \n )}\n />\n \n )}\n \n \n \n );\n};\n" }, { "path": "packages/app/src/components/OnboardingModal.tsx", "content": "import { memo, useCallback, useEffect, useState } from 'react';\nimport { ClickhouseClient } from '@hyperdx/common-utils/dist/clickhouse/browser';\nimport {\n isLogSource,\n isTraceSource,\n MetricsDataType,\n MetricTable,\n SourceKind,\n TLogSource,\n TSource,\n TTraceSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { Button, Divider, Flex, Loader, Modal, Text } from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\nimport { IconArrowLeft } from '@tabler/icons-react';\n\nimport { ConnectionForm } from '@/components/ConnectionForm';\nimport { IS_CLICKHOUSE_BUILD, IS_LOCAL_MODE } from '@/config';\nimport { useConnections, useCreateConnection } from '@/connection';\nimport { useMetadataWithSettings } from '@/hooks/useMetadata';\nimport {\n inferTableSourceConfig,\n useCreateSource,\n useDeleteSource,\n useSources,\n useUpdateSource,\n} from '@/source';\nimport { useBrandDisplayName } from '@/theme/ThemeProvider';\n\nimport { TableSourceForm } from './Sources/SourceForm';\nimport { SourcesList } from './Sources/SourcesList';\n\nasync function addOtelDemoSources({\n connectionId,\n createSourceMutation,\n updateSourceMutation,\n\n logSourceDatabaseName,\n logSourceName,\n logSourceTableName,\n\n metricsSourceDatabaseName,\n metricsSourceName,\n\n sessionSourceDatabaseName,\n sessionSourceName,\n sessionSourceTableName,\n\n traceSourceDatabaseName,\n traceSourceName,\n traceSourceTableName,\n traceSourceHighlightedTraceAttributes,\n traceSourceMaterializedViews,\n}: {\n connectionId: string;\n createSourceMutation: ReturnType;\n createConnectionMutation: ReturnType;\n updateSourceMutation: ReturnType;\n deleteSourceMutation: ReturnType;\n\n logSourceDatabaseName?: string;\n logSourceName?: string;\n logSourceTableName?: string;\n\n metricsSourceDatabaseName?: string;\n metricsSourceName?: string;\n\n sessionSourceDatabaseName: string;\n sessionSourceName: string;\n sessionSourceTableName: string;\n\n traceSourceDatabaseName: string;\n traceSourceName: string;\n traceSourceTableName: string;\n traceSourceHighlightedTraceAttributes?: TTraceSource['highlightedTraceAttributeExpressions'];\n traceSourceMaterializedViews?: TTraceSource['materializedViews'];\n}) {\n const hasLogSource =\n logSourceDatabaseName && logSourceName && logSourceTableName;\n const hasMetricsSource = metricsSourceDatabaseName && metricsSourceName;\n\n let logSource: TLogSource | undefined;\n if (hasLogSource) {\n const newSource = await createSourceMutation.mutateAsync({\n source: {\n kind: SourceKind.Log,\n name: logSourceName,\n connection: connectionId,\n from: {\n databaseName: logSourceDatabaseName,\n tableName: logSourceTableName,\n },\n timestampValueExpression: 'TimestampTime',\n defaultTableSelectExpression:\n 'Timestamp, ServiceName, SeverityText, Body',\n serviceNameExpression: 'ServiceName',\n severityTextExpression: 'SeverityText',\n eventAttributesExpression: 'LogAttributes',\n resourceAttributesExpression: 'ResourceAttributes',\n traceIdExpression: 'TraceId',\n spanIdExpression: 'SpanId',\n implicitColumnExpression: 'Body',\n displayedTimestampValueExpression: 'Timestamp',\n },\n });\n if (isLogSource(newSource)) {\n logSource = newSource;\n }\n }\n const traceSource = await createSourceMutation.mutateAsync({\n source: {\n kind: SourceKind.Trace,\n name: traceSourceName,\n connection: connectionId,\n from: {\n databaseName: traceSourceDatabaseName,\n tableName: traceSourceTableName,\n },\n timestampValueExpression: 'Timestamp',\n defaultTableSelectExpression:\n 'Timestamp, ServiceName, StatusCode, round(Duration / 1e6), SpanName',\n serviceNameExpression: 'ServiceName',\n eventAttributesExpression: 'SpanAttributes',\n resourceAttributesExpression: 'ResourceAttributes',\n traceIdExpression: 'TraceId',\n spanIdExpression: 'SpanId',\n implicitColumnExpression: 'SpanName',\n durationExpression: 'Duration',\n durationPrecision: 9,\n parentSpanIdExpression: 'ParentSpanId',\n spanKindExpression: 'SpanKind',\n spanNameExpression: 'SpanName',\n ...(hasLogSource ? { logSourceId: 'l-758211293' } : {}),\n statusCodeExpression: 'StatusCode',\n statusMessageExpression: 'StatusMessage',\n spanEventsValueExpression: 'Events',\n highlightedTraceAttributeExpressions:\n traceSourceHighlightedTraceAttributes,\n materializedViews: traceSourceMaterializedViews,\n },\n });\n if (!isTraceSource(traceSource)) {\n // Should be impossible\n throw new Error('Source that is not trace was somehow created');\n }\n let metricsSource: TSource | undefined;\n if (hasMetricsSource) {\n metricsSource = await createSourceMutation.mutateAsync({\n source: {\n kind: SourceKind.Metric,\n name: metricsSourceName,\n connection: connectionId,\n from: {\n databaseName: metricsSourceDatabaseName,\n tableName: '',\n },\n timestampValueExpression: 'TimeUnix',\n serviceNameExpression: 'ServiceName',\n metricTables: {\n [MetricsDataType.Gauge]: 'otel_metrics_gauge',\n [MetricsDataType.Histogram]: 'otel_metrics_histogram',\n [MetricsDataType.Sum]: 'otel_metrics_sum',\n [MetricsDataType.Summary]: 'otel_metrics_summary',\n [MetricsDataType.ExponentialHistogram]:\n 'otel_metrics_exponential_histogram',\n },\n resourceAttributesExpression: 'ResourceAttributes',\n ...(hasLogSource && logSource ? { logSourceId: logSource.id } : {}),\n },\n });\n }\n const sessionSource = await createSourceMutation.mutateAsync({\n source: {\n kind: SourceKind.Session,\n name: sessionSourceName,\n connection: connectionId,\n from: {\n databaseName: sessionSourceDatabaseName,\n tableName: sessionSourceTableName,\n },\n timestampValueExpression: 'TimestampTime',\n resourceAttributesExpression: 'ResourceAttributes',\n traceSourceId: traceSource.id,\n },\n });\n await Promise.all([\n ...(hasLogSource && logSource\n ? [\n updateSourceMutation.mutateAsync({\n source: {\n ...logSource,\n traceSourceId: traceSource.id,\n ...(hasMetricsSource && metricsSource\n ? { metricSourceId: metricsSource.id }\n : {}),\n },\n }),\n ]\n : []),\n updateSourceMutation.mutateAsync({\n source: {\n ...traceSource,\n ...(hasLogSource && logSource ? { logSourceId: logSource.id } : {}),\n ...(hasMetricsSource && metricsSource\n ? { metricSourceId: metricsSource.id }\n : {}),\n sessionSourceId: sessionSource.id,\n },\n }),\n ]);\n}\n\nfunction OnboardingModalComponent({\n requireSource = true,\n}: {\n requireSource?: boolean;\n}) {\n const brandName = useBrandDisplayName();\n const { data: sources } = useSources();\n const { data: connections } = useConnections();\n\n const startStep =\n connections?.length === 0\n ? 'connection'\n : sources?.length === 0 && requireSource\n ? 'auto-detect'\n : undefined;\n\n const [_step, setStep] = useState<\n 'connection' | 'auto-detect' | 'source' | 'closed' | undefined\n >(undefined);\n\n const step = _step;\n\n useEffect(() => {\n if (startStep != null && step == null) {\n setStep(startStep);\n }\n }, [startStep, step]);\n useEffect(() => {\n if (\n (step === 'auto-detect' || step === 'source') &&\n sources &&\n sources.length > 0\n ) {\n // Sources may load in late once a connection is defined.\n // If this happens, close the modal, we don't want to bother the user\n // by forcing redefining their sources\n setStep('closed');\n }\n }, [step, sources]);\n\n const createSourceMutation = useCreateSource();\n const createConnectionMutation = useCreateConnection();\n const updateSourceMutation = useUpdateSource();\n const deleteSourceMutation = useDeleteSource();\n const metadata = useMetadataWithSettings();\n\n const [isAutoDetecting, setIsAutoDetecting] = useState(false);\n // We should only try to auto-detect once\n const [hasAutodetected, setHasAutodetected] = useState(false);\n const [autoDetectedSources, setAutoDetectedSources] = useState([]);\n\n // Auto-connect for clickstack build: test default credentials against origin\n const [hasAttemptedAutoConnect, setHasAttemptedAutoConnect] = useState(false);\n useEffect(() => {\n if (!IS_CLICKHOUSE_BUILD) return;\n if (step !== 'connection') return;\n if (connections?.length !== 0) return;\n if (hasAttemptedAutoConnect) return;\n // lets try to auto connect to the origin clickhouse server\n setHasAttemptedAutoConnect(true);\n const host = window.location.origin;\n const client = new ClickhouseClient({\n host,\n username: 'default',\n password: '',\n });\n client\n .query({ query: 'SELECT 1', shouldSkipApplySettings: true })\n .then(result => {\n result.json().then(() => {\n createConnectionMutation.mutate(\n {\n connection: {\n name: 'Default',\n host,\n username: 'default',\n password: '',\n },\n },\n {\n onSuccess: () => {\n setStep('auto-detect');\n },\n },\n );\n });\n })\n .catch(() => {\n // Auto-connect failed, user will use the form manually\n });\n }, [step, connections, hasAttemptedAutoConnect, createConnectionMutation]);\n\n const handleAutoDetectSources = useCallback(\n async (connectionId: string) => {\n try {\n setIsAutoDetecting(true);\n setHasAutodetected(true);\n\n // Try to detect OTEL tables\n const otelTables = await metadata.getOtelTables({ connectionId });\n\n if (!otelTables) {\n // No tables detected, go to manual source setup\n setStep('source');\n return;\n }\n\n const createdSources: TSource[] = [];\n\n // Create Log Source if available\n if (otelTables.tables.logs) {\n const inferredConfig = await inferTableSourceConfig({\n kind: SourceKind.Log,\n databaseName: otelTables.database,\n tableName: otelTables.tables.logs,\n connectionId,\n metadata,\n });\n\n if (\n inferredConfig.kind === SourceKind.Log &&\n inferredConfig.timestampValueExpression != null\n ) {\n const logSource = await createSourceMutation.mutateAsync({\n source: {\n name: 'Logs',\n connection: connectionId,\n from: {\n databaseName: otelTables.database,\n tableName: otelTables.tables.logs,\n },\n ...inferredConfig,\n timestampValueExpression:\n inferredConfig.timestampValueExpression,\n defaultTableSelectExpression:\n inferredConfig.defaultTableSelectExpression ?? '',\n },\n });\n createdSources.push(logSource);\n } else {\n console.error(\n 'Log source was found but missing required fields',\n inferredConfig,\n );\n }\n }\n\n // Create Trace Source if available\n if (otelTables.tables.traces) {\n const inferredConfig = await inferTableSourceConfig({\n kind: SourceKind.Trace,\n databaseName: otelTables.database,\n tableName: otelTables.tables.traces,\n connectionId,\n metadata,\n });\n\n if (\n inferredConfig.kind === SourceKind.Trace &&\n inferredConfig.timestampValueExpression != null\n ) {\n const traceSource = await createSourceMutation.mutateAsync({\n source: {\n name: 'Traces',\n connection: connectionId,\n from: {\n databaseName: otelTables.database,\n tableName: otelTables.tables.traces,\n },\n ...inferredConfig,\n // Help typescript understand it's not null\n defaultTableSelectExpression:\n inferredConfig.defaultTableSelectExpression ?? '',\n timestampValueExpression:\n inferredConfig.timestampValueExpression,\n durationExpression: inferredConfig.durationExpression ?? '',\n durationPrecision: inferredConfig.durationPrecision ?? 9,\n traceIdExpression: inferredConfig.traceIdExpression ?? '',\n spanIdExpression: inferredConfig.spanIdExpression ?? '',\n parentSpanIdExpression:\n inferredConfig.parentSpanIdExpression ?? '',\n spanNameExpression: inferredConfig.spanNameExpression ?? '',\n spanKindExpression: inferredConfig.spanKindExpression ?? '',\n },\n });\n createdSources.push(traceSource);\n } else {\n console.error(\n 'Trace source was found but missing required fields',\n inferredConfig,\n );\n }\n }\n\n // Create Metrics Source if any metrics tables are available\n const hasMetrics = Object.values(otelTables.tables.metrics).some(\n t => t != null,\n );\n if (hasMetrics) {\n const metricTables: MetricTable = {\n [MetricsDataType.Gauge]: '',\n [MetricsDataType.Histogram]: '',\n [MetricsDataType.Sum]: '',\n [MetricsDataType.Summary]: '',\n [MetricsDataType.ExponentialHistogram]: '',\n };\n if (otelTables.tables.metrics.gauge) {\n metricTables[MetricsDataType.Gauge] =\n otelTables.tables.metrics.gauge;\n }\n if (otelTables.tables.metrics.histogram) {\n metricTables[MetricsDataType.Histogram] =\n otelTables.tables.metrics.histogram;\n }\n if (otelTables.tables.metrics.sum) {\n metricTables[MetricsDataType.Sum] = otelTables.tables.metrics.sum;\n }\n if (otelTables.tables.metrics.summary) {\n metricTables[MetricsDataType.Summary] =\n otelTables.tables.metrics.summary;\n }\n if (otelTables.tables.metrics.expHistogram) {\n metricTables[MetricsDataType.ExponentialHistogram] =\n otelTables.tables.metrics.expHistogram;\n }\n\n const metricsSource = await createSourceMutation.mutateAsync({\n source: {\n kind: SourceKind.Metric,\n name: 'Metrics',\n connection: connectionId,\n from: {\n databaseName: otelTables.database,\n tableName: '',\n },\n timestampValueExpression: 'TimeUnix',\n metricTables,\n resourceAttributesExpression: 'ResourceAttributes',\n },\n });\n createdSources.push(metricsSource);\n }\n\n // Create Session Source if available\n if (otelTables.tables.sessions) {\n const inferredConfig = await inferTableSourceConfig({\n kind: SourceKind.Session,\n databaseName: otelTables.database,\n tableName: otelTables.tables.sessions,\n connectionId,\n metadata,\n });\n const traceSource = createdSources.find(\n s => s.kind === SourceKind.Trace,\n );\n\n if (\n inferredConfig.kind === SourceKind.Session &&\n inferredConfig.timestampValueExpression != null &&\n traceSource != null\n ) {\n const sessionSource = await createSourceMutation.mutateAsync({\n source: {\n name: 'Sessions',\n connection: connectionId,\n from: {\n databaseName: otelTables.database,\n tableName: otelTables.tables.sessions,\n },\n ...inferredConfig,\n timestampValueExpression:\n inferredConfig.timestampValueExpression,\n traceSourceId: traceSource.id, // this is required for session source creation\n },\n });\n createdSources.push(sessionSource);\n } else {\n console.error(\n 'Session source was found but missing required fields',\n inferredConfig,\n );\n }\n }\n\n if (createdSources.length === 0) {\n console.error('No sources created due to missing required fields');\n // No sources created, go to manual source setup\n setStep('source');\n return;\n }\n\n // Update sources to link them together\n const logSource = createdSources.find(s => s.kind === SourceKind.Log);\n const traceSource = createdSources.find(\n s => s.kind === SourceKind.Trace,\n );\n const metricsSource = createdSources.find(\n s => s.kind === SourceKind.Metric,\n );\n const sessionSource = createdSources.find(\n s => s.kind === SourceKind.Session,\n );\n\n const updatePromises = [];\n\n if (logSource) {\n updatePromises.push(\n updateSourceMutation.mutateAsync({\n source: {\n ...logSource,\n ...(traceSource ? { traceSourceId: traceSource.id } : {}),\n ...(metricsSource ? { metricSourceId: metricsSource.id } : {}),\n },\n }),\n );\n }\n\n if (traceSource) {\n updatePromises.push(\n updateSourceMutation.mutateAsync({\n source: {\n ...traceSource,\n ...(logSource ? { logSourceId: logSource.id } : {}),\n ...(metricsSource ? { metricSourceId: metricsSource.id } : {}),\n ...(sessionSource ? { sessionSourceId: sessionSource.id } : {}),\n },\n }),\n );\n }\n\n await Promise.all(updatePromises);\n\n setAutoDetectedSources(createdSources);\n notifications.show({\n title: 'Success',\n message: `Automatically detected and created ${createdSources.length} source${createdSources.length > 1 ? 's' : ''}.`,\n });\n setStep('closed');\n } catch (err) {\n console.error('Error auto-detecting sources:', err);\n notifications.show({\n color: 'red',\n title: 'Error',\n message:\n 'Failed to auto-detect telemetry sources. Please set up manually.',\n });\n // Fall back to manual source setup\n setStep('source');\n } finally {\n setIsAutoDetecting(false);\n }\n },\n [\n metadata,\n createSourceMutation,\n updateSourceMutation,\n setStep,\n setAutoDetectedSources,\n ],\n );\n\n // Trigger auto-detection when entering the auto-detect step\n useEffect(() => {\n if (\n step === 'auto-detect' && // we should be trying to auto detect\n sources?.length === 0 && // no sources yet\n connections && // we need connections\n connections.length > 0 &&\n isAutoDetecting === false && // make sure we aren't currently auto detecting\n hasAutodetected === false // only call it once\n ) {\n handleAutoDetectSources(connections[0].id);\n }\n }, [\n step,\n connections,\n handleAutoDetectSources,\n isAutoDetecting,\n sources,\n hasAutodetected,\n ]);\n\n const handleDemoServerClick = useCallback(async () => {\n if (IS_CLICKHOUSE_BUILD) return;\n try {\n if (sources) {\n for (const source of sources) {\n // Clean out old demo sources. All new ones use the otel_v2 database\n if (\n source.connection === 'local' &&\n source.name.startsWith('Demo') &&\n source.from.databaseName !== 'otel_v2'\n ) {\n await deleteSourceMutation.mutateAsync({\n id: source.id,\n });\n }\n }\n }\n let createdConnectionId = '';\n await createConnectionMutation.mutateAsync(\n {\n connection: {\n name: 'Demo',\n host: 'https://sql-clickhouse.clickhouse.com',\n username: 'otel_demo',\n password: '',\n },\n },\n {\n onSuccess(data) {\n createdConnectionId = data.id;\n },\n onError(error) {\n console.error('Failed to create demo connection: ', error);\n return;\n },\n },\n );\n\n await addOtelDemoSources({\n connectionId: createdConnectionId,\n createConnectionMutation,\n createSourceMutation,\n deleteSourceMutation,\n\n logSourceDatabaseName: 'otel_v2',\n logSourceName: 'Demo Logs',\n logSourceTableName: 'otel_logs',\n\n metricsSourceDatabaseName: 'otel_v2',\n metricsSourceName: 'Demo Metrics',\n\n sessionSourceDatabaseName: 'otel_v2',\n sessionSourceName: 'Demo Sessions',\n sessionSourceTableName: 'hyperdx_sessions',\n\n traceSourceDatabaseName: 'otel_v2',\n traceSourceName: 'Demo Traces',\n traceSourceTableName: 'otel_traces',\n traceSourceMaterializedViews: [\n {\n databaseName: 'otel_v2',\n tableName: 'otel_traces_1m',\n dimensionColumns: 'ServiceName, StatusCode',\n minGranularity: '1 minute',\n timestampColumn: 'Timestamp',\n aggregatedColumns: [\n { mvColumn: 'count', aggFn: 'count', sourceColumn: '' },\n {\n mvColumn: 'max__Duration',\n aggFn: 'max',\n sourceColumn: 'Duration',\n },\n {\n mvColumn: 'avg__Duration',\n aggFn: 'avg',\n sourceColumn: 'Duration',\n },\n ],\n },\n {\n databaseName: 'otel_v2',\n tableName: 'otel_traces_1m_v2',\n dimensionColumns: 'ServiceName, SpanName, SpanKind',\n minGranularity: '1 minute',\n timestampColumn: 'Timestamp',\n aggregatedColumns: [\n { mvColumn: 'count', aggFn: 'count', sourceColumn: '' },\n {\n mvColumn: 'max__Duration',\n aggFn: 'max',\n sourceColumn: 'Duration',\n },\n {\n mvColumn: 'avg__Duration',\n aggFn: 'avg',\n sourceColumn: 'Duration',\n },\n {\n mvColumn: 'quantile__Duration',\n aggFn: 'quantile',\n sourceColumn: 'Duration',\n },\n ],\n },\n ],\n\n updateSourceMutation,\n });\n\n // ClickPy demo sources\n await addOtelDemoSources({\n connectionId: createdConnectionId,\n createConnectionMutation,\n createSourceMutation,\n deleteSourceMutation,\n\n sessionSourceDatabaseName: 'otel_clickpy',\n sessionSourceName: 'ClickPy Sessions',\n sessionSourceTableName: 'hyperdx_sessions',\n\n traceSourceDatabaseName: 'otel_clickpy',\n traceSourceName: 'ClickPy Traces',\n traceSourceTableName: 'otel_traces',\n traceSourceHighlightedTraceAttributes: [\n {\n sqlExpression:\n \"if((SpanAttributes['http.route']) LIKE '%dashboard%', concat('https://clickpy.clickhouse.com', path(SpanAttributes['http.target'])), '')\",\n alias: 'clickpy_link',\n },\n ],\n\n updateSourceMutation,\n });\n\n notifications.show({\n title: 'Success',\n message: `Connected to ${brandName} demo server.`,\n });\n setStep('closed');\n } catch (err) {\n console.error(err);\n notifications.show({\n color: 'red',\n title: 'Error',\n message: `Could not connect to the ${brandName} demo server, please try again later.`,\n });\n }\n }, [\n brandName,\n createSourceMutation,\n createConnectionMutation,\n updateSourceMutation,\n deleteSourceMutation,\n sources,\n ]);\n\n return (\n {}}\n title={`Welcome to ${brandName}`}\n size=\"xl\"\n withCloseButton={false}\n >\n {step === 'connection' && connections != null && (\n <>\n \n Lets set up your connection to ClickHouse\n \n {connections.length === 0 ? (\n {\n if (hasAutodetected) {\n setStep('source');\n } else {\n setStep('auto-detect');\n }\n }}\n isNew={true}\n />\n ) : (\n {\n // If we've already auto-detected, just go to manual source setup\n if (hasAutodetected) {\n setStep('source');\n } else {\n setStep('auto-detect');\n }\n }}\n showCancelButton={false}\n showDeleteButton={false}\n />\n )}\n {!IS_LOCAL_MODE && (\n \n You can always add and edit connections later.\n \n )}\n {!IS_CLICKHOUSE_BUILD && (\n <>\n \n \n Connect to Demo Server\n \n \n )}\n \n )}\n {step === 'auto-detect' && (\n <>\n {isAutoDetecting ? (\n <>\n \n \n \n Detecting available tables...\n \n {\n setIsAutoDetecting(false);\n setStep('source');\n }}\n >\n Skip and setup manually\n \n \n \n ) : autoDetectedSources.length > 0 ? (\n <>\n setStep('connection')}\n p=\"xs\"\n mb=\"md\"\n >\n Back\n \n \n We automatically detected and created{' '}\n {autoDetectedSources.length} source\n {autoDetectedSources.length > 1 ? 's' : ''} from your\n connection. You can review, edit, or continue.\n \n \n \n {\n setStep('source');\n }}\n >\n Add more sources\n \n {\n setStep('closed');\n }}\n >\n Continue\n \n \n \n ) : (\n \n {/* We don't expect users to hit this - but this allows them to get unstuck if they do */}\n \n No OTel tables detected automatically, please setup sources\n manually.\n \n {\n setStep('source');\n }}\n >\n Continue\n \n \n )}\n \n )}\n {step === 'source' && (\n <>\n setStep('connection')}\n p=\"xs\"\n mb=\"md\"\n >\n Back\n \n \n Lets set up a source table to query telemetry from.\n \n {\n setStep('closed');\n }}\n />\n \n You can always add and edit sources later.\n \n \n )}\n \n );\n}\nconst OnboardingModal = memo(OnboardingModalComponent);\nexport default OnboardingModal;\n" }, { "path": "packages/app/src/components/PageHeader.module.scss", "content": ".header {\n align-items: center;\n background-color: var(--color-bg-body);\n border-bottom: 1px solid var(--color-border);\n color: var(--color-text-default);\n display: flex;\n font-weight: 500;\n height: 60px;\n justify-content: space-between;\n line-height: 1;\n padding: 0 32px;\n position: sticky;\n top: 0;\n z-index: 100;\n}\n" }, { "path": "packages/app/src/components/PageHeader.tsx", "content": "import styles from './PageHeader.module.scss';\n\nexport const PageHeader = ({ children }: { children: React.ReactNode }) => {\n return
{children}
;\n};\n" }, { "path": "packages/app/src/components/PatternSidePanel.tsx", "content": "import * as React from 'react';\nimport { JSDataType } from '@hyperdx/common-utils/dist/clickhouse';\nimport { SourceKind, TSource } from '@hyperdx/common-utils/dist/types';\nimport { Card, Drawer, Stack, Text } from '@mantine/core';\n\nimport DBRowSidePanel from '@/components/DBRowSidePanel';\nimport { RawLogTable } from '@/components/DBRowTable';\nimport { DrawerBody, DrawerHeader } from '@/components/DrawerUtils';\nimport { Pattern } from '@/hooks/usePatterns';\nimport {\n PATTERN_COLUMN_ALIAS,\n SEVERITY_TEXT_COLUMN_ALIAS,\n TIMESTAMP_COLUMN_ALIAS,\n} from '@/hooks/usePatterns';\nimport useRowWhere, { RowWhereResult } from '@/hooks/useRowWhere';\nimport { getFirstTimestampValueExpression } from '@/source';\nimport { useZIndex, ZIndexContext } from '@/zIndex';\n\nimport styles from '../../styles/LogSidePanel.module.scss';\n\nexport default function PatternSidePanel({\n isOpen,\n onClose,\n pattern,\n bodyValueExpression,\n source,\n}: {\n isOpen: boolean;\n onClose: () => void;\n pattern: Pattern;\n bodyValueExpression: string;\n source: TSource;\n}) {\n const contextZIndex = useZIndex();\n const drawerZIndex = contextZIndex + 100;\n\n const [selectedRowWhere, setSelectedRowWhere] =\n React.useState(null);\n\n const serviceNameExpression =\n ((source?.kind === SourceKind.Log || source?.kind === SourceKind.Trace) &&\n source.serviceNameExpression) ||\n 'Service';\n\n const columnTypeMap = React.useMemo(() => {\n const map = new Map([\n [TIMESTAMP_COLUMN_ALIAS, { _type: JSDataType.Date }],\n [PATTERN_COLUMN_ALIAS, { _type: JSDataType.String }],\n [SEVERITY_TEXT_COLUMN_ALIAS, { _type: JSDataType.String }],\n [serviceNameExpression, { _type: JSDataType.String }],\n ]);\n return map;\n }, [serviceNameExpression]);\n\n const columnNameMap = React.useMemo(() => {\n return {\n [TIMESTAMP_COLUMN_ALIAS]: 'Timestamp',\n [serviceNameExpression]: 'Service',\n [SEVERITY_TEXT_COLUMN_ALIAS]: 'level',\n [PATTERN_COLUMN_ALIAS]: 'Body',\n };\n }, [serviceNameExpression]);\n\n const displayedColumns = React.useMemo(() => {\n return [\n TIMESTAMP_COLUMN_ALIAS,\n serviceNameExpression,\n SEVERITY_TEXT_COLUMN_ALIAS,\n PATTERN_COLUMN_ALIAS,\n ];\n }, [serviceNameExpression]);\n\n const getRowWhere = useRowWhere({\n meta: [\n { name: 'body', type: 'String' },\n { name: 'ts', type: 'DateTime64(9)' },\n ],\n aliasMap: {\n body: bodyValueExpression,\n ts: getFirstTimestampValueExpression(source.timestampValueExpression),\n },\n });\n\n const handleRowClick = React.useCallback(\n (row: Record) => {\n const rowWhereResult = getRowWhere({\n body: row[PATTERN_COLUMN_ALIAS],\n ts: row[TIMESTAMP_COLUMN_ALIAS],\n });\n setSelectedRowWhere(rowWhereResult);\n },\n [getRowWhere],\n );\n\n const handleCloseRowSidePanel = React.useCallback(() => {\n setSelectedRowWhere(null);\n }, []);\n\n return (\n \n \n
\n \n \n \n \n {pattern.pattern}\n \n \n \n ~{pattern.count?.toLocaleString()} Sample Events\n \n ({ where: row.id, aliasWith: [] })}\n displayedColumns={displayedColumns}\n columnTypeMap={columnTypeMap}\n columnNameMap={columnNameMap}\n onRowDetailsClick={handleRowClick}\n wrapLines={false}\n showExpandButton={false}\n isLive={false}\n />\n \n \n \n {selectedRowWhere && (\n \n )}\n
\n \n \n );\n}\n" }, { "path": "packages/app/src/components/PatternTable.tsx", "content": "import { useMemo, useState } from 'react';\nimport {\n BuilderChartConfigWithDateRange,\n SourceKind,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\n\nimport { RawLogTable } from '@/components/DBRowTable';\nimport { useSearchTotalCount } from '@/components/SearchTotalCountChart';\nimport { Pattern, useGroupedPatterns } from '@/hooks/usePatterns';\n\nimport PatternSidePanel from './PatternSidePanel';\n\nconst emptyMap = new Map();\n\nexport default function PatternTable({\n config,\n totalCountConfig,\n totalCountQueryKeyPrefix,\n bodyValueExpression,\n source,\n}: {\n config: BuilderChartConfigWithDateRange;\n totalCountConfig: BuilderChartConfigWithDateRange;\n bodyValueExpression: string;\n totalCountQueryKeyPrefix: string;\n source?: TSource;\n}) {\n const SAMPLES = 10_000;\n\n const [selectedPattern, setSelectedPattern] = useState(null);\n\n const {\n totalCount,\n isLoading: isTotalCountLoading,\n isTotalCountComplete,\n } = useSearchTotalCount(totalCountConfig, totalCountQueryKeyPrefix);\n\n const {\n data: groupedResults,\n isLoading: isGroupedPatternsLoading,\n patternQueryConfig,\n } = useGroupedPatterns({\n config,\n samples: SAMPLES,\n bodyValueExpression,\n severityTextExpression:\n (source?.kind === SourceKind.Log && source.severityTextExpression) || '',\n statusCodeExpression:\n (source?.kind === SourceKind.Trace && source.statusCodeExpression) || '',\n totalCount,\n });\n\n const isLoading =\n isTotalCountLoading || !isTotalCountComplete || isGroupedPatternsLoading;\n\n const sortedGroupedResults = useMemo(() => {\n return Object.values(groupedResults).sort(\n (a, b) => b.count - a.count,\n ) as Pattern[];\n }, [groupedResults]);\n\n return (\n <>\n setSelectedPattern(row as Pattern)}\n hasNextPage={false}\n fetchNextPage={() => {}}\n highlightedLineId={''}\n columnTypeMap={emptyMap}\n generateRowId={row => ({ where: row.id, aliasWith: [] })}\n columnNameMap={{\n __hdx_pattern_trend: 'Trend',\n countStr: 'Count',\n pattern: 'Pattern',\n severityText: 'Level',\n }}\n config={patternQueryConfig}\n showExpandButton={false}\n />\n {selectedPattern && source && (\n setSelectedPattern(null)}\n />\n )}\n \n );\n}\n" }, { "path": "packages/app/src/components/PropertyComparisonChart.tsx", "content": "import { memo, useState } from 'react';\nimport { withErrorBoundary } from 'react-error-boundary';\nimport type { TooltipProps } from 'recharts';\nimport {\n Bar,\n BarChart,\n Cell,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from 'recharts';\nimport { Flex, Popover, Text } from '@mantine/core';\nimport { useClipboard } from '@mantine/hooks';\nimport { IconCopy, IconFilter, IconFilterX } from '@tabler/icons-react';\n\nimport {\n getChartColorError,\n getChartColorSuccess,\n truncateMiddle,\n} from '@/utils';\n\nimport { DBRowTableIconButton } from './DBTable/DBRowTableIconButton';\nimport type { AddFilterFn } from './deltaChartUtils';\nimport {\n ALL_SPANS_COLOR,\n applyTopNAggregation,\n mergeValueStatisticsMaps,\n OTHER_BUCKET_COLOR,\n} from './deltaChartUtils';\n\nimport styles from '../../styles/HDXLineChart.module.scss';\n\n// Layout constants for dynamic grid calculation.\n// CHART_WIDTH is the minimum chart width used to determine how many columns fit; actual rendered\n// width expands to fill the container (charts use width: '100%' inside a CSS grid).\n// CHART_HEIGHT must match PropertyComparisonChart's outer div height.\n// CHART_GAP is used both in the column/row formula and as the CSS grid gap.\nexport const CHART_WIDTH = 340; // minimum column width threshold (px)\nexport const CHART_HEIGHT = 120; // must match PropertyComparisonChart outer div height (px)\nexport const CHART_GAP = 16; // px; used in grid gap and layout math\n// Space reserved for the pagination row: Pagination control (~32px) + top padding (16px).\n// Always reserved (even when pagination is hidden via visibility:hidden) so rows count is stable.\nexport const PAGINATION_HEIGHT = 48;\n\ntype TooltipPayloadItem = {\n dataKey: string;\n name: string;\n value: number;\n payload?: Record;\n};\n\ntype TooltipContentProps = TooltipProps & {\n title?: string;\n};\n\n// Hover-only tooltip: shows value name and percentages.\n// Actions are handled by the click popover in PropertyComparisonChart.\nconst HDXBarChartTooltip = withErrorBoundary(\n memo(({ active, payload, label, title }: TooltipContentProps) => {\n if (active && payload && payload.length) {\n return (\n
\n
\n {title && (\n \n {title}\n \n )}\n \n {String(label).length === 0 ? Empty String : String(label)}\n \n {(payload as TooltipPayloadItem[])\n .sort((a, b) => b.value - a.value)\n .map(p => (\n
\n {p.name}: {p.value.toFixed(2)}%\n
\n ))}\n
\n
\n );\n }\n return null;\n }),\n {\n onError: console.error,\n fallback: (\n
\n An error occurred while rendering the tooltip.\n
\n ),\n },\n);\n\ntype TickProps = {\n x?: number;\n y?: number;\n payload?: { value: string | number };\n};\n\n// Custom XAxis tick that truncates long labels and adds a native SVG tooltip.\nfunction TruncatedTick({ x = 0, y = 0, payload }: TickProps) {\n const value = String(payload?.value ?? '');\n const MAX_CHARS = 12;\n const displayValue =\n value.length > MAX_CHARS ? value.slice(0, MAX_CHARS) + '\\u2026' : value;\n return (\n \n {value}\n \n {displayValue}\n \n \n );\n}\n\nexport function PropertyComparisonChart({\n name,\n outlierValueOccurences,\n inlierValueOccurences,\n onAddFilter,\n hasSelection = true,\n}: {\n name: string;\n outlierValueOccurences: Map;\n inlierValueOccurences: Map;\n onAddFilter?: AddFilterFn;\n hasSelection?: boolean;\n}) {\n const mergedValueStatistics = mergeValueStatisticsMaps(\n outlierValueOccurences,\n inlierValueOccurences,\n );\n const chartData = applyTopNAggregation(mergedValueStatistics);\n\n const [clickedValue, setClickedValue] = useState(null);\n const clipboard = useClipboard({ timeout: 2000 });\n\n const handleChartClick = (data: any) => {\n if (!data?.activePayload?.length) {\n setClickedValue(null);\n return;\n }\n if (data.activePayload[0]?.payload?.isOther) {\n setClickedValue(null);\n return;\n }\n const newValue = String(data.activeLabel ?? '');\n // Toggle off if clicking the same bar\n if (newValue === clickedValue) {\n setClickedValue(null);\n return;\n }\n clipboard.reset();\n setClickedValue(newValue);\n };\n\n return (\n {\n if (!opened) setClickedValue(null);\n }}\n position=\"top\"\n withArrow\n shadow=\"md\"\n >\n \n
\n \n {name}\n \n \n \n } />\n \n }\n allowEscapeViewBox={{ x: true, y: true }}\n wrapperStyle={{ zIndex: 1000 }}\n />\n \n {chartData.map((entry, index) => (\n \n ))}\n \n {hasSelection && (\n \n {chartData.map((entry, index) => (\n \n ))}\n \n )}\n \n \n
\n \n \n {clickedValue !== null && (\n <>\n \n {truncateMiddle(name, 40)}\n \n \n {clickedValue.length === 0 ? Empty String : clickedValue}\n \n \n \n {hasSelection ? 'Selection' : 'All spans'}:{' '}\n {(outlierValueOccurences.get(clickedValue) ?? 0).toFixed(1)}%\n \n {hasSelection && (\n \n Background:{' '}\n {(inlierValueOccurences.get(clickedValue) ?? 0).toFixed(1)}%\n \n )}\n \n \n {onAddFilter && (\n <>\n {\n onAddFilter(name, clickedValue, 'include');\n setClickedValue(null);\n }}\n >\n \n \n {\n onAddFilter(name, clickedValue, 'exclude');\n setClickedValue(null);\n }}\n >\n \n \n \n )}\n clipboard.copy(clickedValue)}\n >\n \n \n \n \n )}\n \n \n );\n}\n" }, { "path": "packages/app/src/components/SQLEditor/SQLEditor.stories.tsx", "content": "import React, { useState } from 'react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n\nimport SQLEditor from './SQLEditor';\n\nconst story = {\n title: 'Components/SQLEditor',\n component: SQLEditor,\n};\nexport default story;\n\nexport const Default = () => {\n const [value, setValue] = useState('SELECT * FROM users');\n const queryClient = new QueryClient();\n return (\n \n \n \n );\n};\n" }, { "path": "packages/app/src/components/SQLEditor/SQLEditor.tsx", "content": "import { useCallback, useEffect, useRef } from 'react';\nimport { useController, UseControllerProps } from 'react-hook-form';\nimport { acceptCompletion } from '@codemirror/autocomplete';\nimport { sql } from '@codemirror/lang-sql';\nimport { TableConnection } from '@hyperdx/common-utils/dist/core/metadata';\nimport { Paper, useMantineColorScheme } from '@mantine/core';\nimport CodeMirror, {\n Compartment,\n EditorView,\n keymap,\n ReactCodeMirrorRef,\n} from '@uiw/react-codemirror';\n\nimport { useMultipleAllFields } from '@/hooks/useMetadata';\n\nimport {\n createCodeMirrorSqlDialect,\n createCodeMirrorStyleTheme,\n DEFAULT_CODE_MIRROR_BASIC_SETUP,\n type SQLCompletion,\n} from './utils';\n\ntype SQLEditorProps = {\n value: string;\n onChange: (value: string) => void;\n placeholder?: string;\n height?: string;\n enableLineWrapping?: boolean;\n tableConnections?: TableConnection[];\n additionalCompletions?: SQLCompletion[];\n};\n\nexport default function SQLEditor({\n onChange,\n placeholder,\n value,\n height,\n enableLineWrapping = false,\n tableConnections,\n additionalCompletions,\n}: SQLEditorProps) {\n const { colorScheme } = useMantineColorScheme();\n const ref = useRef(null);\n const compartmentRef = useRef(new Compartment());\n\n const { data: fields } = useMultipleAllFields(tableConnections ?? []);\n\n const updateAutocompleteColumns = useCallback(\n (viewRef: EditorView) => {\n const identifiers: string[] = [\n // Suggest database and table names for autocompletion\n ...new Set(tableConnections?.map(tc => tc.tableName) ?? []),\n ...new Set(tableConnections?.map(tc => tc.databaseName) ?? []),\n ...new Set(\n tableConnections?.map(tc => `${tc.databaseName}.${tc.tableName}`) ??\n [],\n ),\n\n // Suggest column names for autocompletion, including Map keys\n ...(fields?.map(column => {\n if (column.path.length > 1) {\n return `${column.path[0]}['${column.path[1]}']`;\n }\n return column.path[0];\n }) ?? []),\n ];\n\n viewRef.dispatch({\n effects: compartmentRef.current.reconfigure(\n createCodeMirrorSqlDialect({\n identifiers,\n additionalCompletions,\n includeAggregateFunctions: true,\n includeRegularFunctions: true,\n }),\n ),\n });\n },\n [additionalCompletions, fields, tableConnections],\n );\n\n useEffect(() => {\n if (ref.current != null && ref.current.view != null) {\n updateAutocompleteColumns(ref.current.view);\n }\n }, [updateAutocompleteColumns]);\n\n return (\n \n \n \n );\n}\n\nexport function SQLEditorControlled({\n ...props\n}: Omit & UseControllerProps) {\n const { field } = useController(props);\n\n return ;\n}\n" }, { "path": "packages/app/src/components/SQLEditor/SQLInlineEditor.module.scss", "content": ".wrapper {\n position: relative;\n flex: 1 1 0%;\n width: 100%;\n min-width: 0;\n}\n\n.placeholder {\n min-height: var(--editor-base-height, 36px);\n width: 100%;\n}\n\n.paper {\n background-color: var(--color-bg-field);\n border: 1px solid var(--color-border);\n display: flex;\n align-items: flex-start;\n min-height: var(--editor-base-height, 36px);\n box-shadow: none;\n\n &.error {\n border-color: var(--color-bg-danger);\n }\n\n &.expanded {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n z-index: 100;\n box-shadow: var(--mb-shadow, var(--mantine-shadow-xs));\n border-bottom: 2px solid var(--color-bg-brand) !important;\n }\n\n &:not(.expanded) {\n position: relative;\n max-height: var(--editor-base-height, 36px);\n overflow: hidden;\n }\n}\n\n.label {\n white-space: nowrap;\n\n &.sizeXs {\n padding-top: 6px;\n }\n\n &:not(.sizeXs) {\n padding-top: 8px;\n }\n}\n\n.cmWrapper {\n min-width: 10px;\n width: 100%;\n padding-top: 3.4px;\n font-size: var(--mantine-font-size-sm);\n\n &.sizeXs {\n padding-top: 2.4px;\n font-size: var(--mantine-font-size-xs);\n }\n\n &.collapsed {\n overflow: hidden;\n }\n}\n\n.languageSwitchWrapper {\n display: flex;\n align-items: center;\n min-height: 100%;\n}\n\n/* Fade at the bottom when allowMultiline and collapsed (single-line) so text doesn't appear hard-cut */\n.collapseFade::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n height: 12px;\n background: linear-gradient(to bottom, transparent, var(--color-bg-field));\n pointer-events: none;\n}\n\n.expanded {\n /* Expanded state: no fade, full height */\n}\n" }, { "path": "packages/app/src/components/SQLEditor/SQLInlineEditor.stories.tsx", "content": "import React, { useState } from 'react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n\nimport SQLInlineEditor from './SQLInlineEditor';\n\nexport default {\n title: 'Components/SQLInlineEditor',\n component: SQLInlineEditor,\n};\n\nexport const Default = () => {\n const [value, setValue] = useState('SELECT * FROM table');\n const queryClient = new QueryClient();\n return (\n \n \n \n );\n};\n" }, { "path": "packages/app/src/components/SQLEditor/SQLInlineEditor.tsx", "content": "import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport cx from 'classnames';\nimport { useController, UseControllerProps } from 'react-hook-form';\nimport { useHotkeys } from 'react-hotkeys-hook';\nimport {\n acceptCompletion,\n autocompletion,\n closeCompletion,\n Completion,\n startCompletion,\n} from '@codemirror/autocomplete';\nimport { sql } from '@codemirror/lang-sql';\nimport {\n Field,\n TableConnectionChoice,\n} from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n Flex,\n Paper,\n Text,\n Tooltip,\n useMantineColorScheme,\n} from '@mantine/core';\nimport { IconInfoCircle } from '@tabler/icons-react';\nimport CodeMirror, {\n Compartment,\n EditorView,\n keymap,\n Prec,\n ReactCodeMirrorRef,\n tooltips,\n} from '@uiw/react-codemirror';\n\nimport InputLanguageSwitch from '@/components/SearchInput/InputLanguageSwitch';\nimport { useMultipleAllFields } from '@/hooks/useMetadata';\nimport { useQueryHistory } from '@/utils';\n\nimport { KEYWORDS_FOR_WHERE_OR_ORDER_BY } from './constants';\nimport {\n createCodeMirrorSqlDialect,\n createCodeMirrorStyleTheme,\n DEFAULT_CODE_MIRROR_BASIC_SETUP,\n} from './utils';\n\nimport styles from './SQLInlineEditor.module.scss';\n\ntype SQLInlineEditorProps = {\n filterField?: (field: Field) => boolean;\n value: string;\n onChange: (value: string) => void;\n placeholder?: string;\n onLanguageChange?: (language: 'sql' | 'lucene') => void;\n language?: 'sql' | 'lucene';\n onSubmit?: () => void;\n error?: React.ReactNode;\n size?: string;\n label?: React.ReactNode;\n disableKeywordAutocomplete?: boolean;\n enableHotkey?: boolean;\n tooltipText?: string;\n additionalSuggestions?: string[];\n queryHistoryType?: string;\n parentRef?: HTMLElement | null;\n allowMultiline?: boolean;\n};\n\nconst MAX_EDITOR_HEIGHT = '150px';\n\nexport default function SQLInlineEditor({\n tableConnection,\n tableConnections,\n filterField,\n onChange,\n placeholder,\n onLanguageChange,\n language,\n onSubmit,\n error,\n value,\n size,\n label,\n disableKeywordAutocomplete,\n enableHotkey,\n tooltipText,\n additionalSuggestions,\n queryHistoryType,\n parentRef,\n allowMultiline = true,\n}: SQLInlineEditorProps & TableConnectionChoice) {\n const { colorScheme } = useMantineColorScheme();\n const _tableConnections = tableConnection\n ? [tableConnection]\n : tableConnections;\n const { data: fields } = useMultipleAllFields(_tableConnections ?? []);\n const filteredFields = useMemo(() => {\n return filterField ? fields?.filter(filterField) : fields;\n }, [fields, filterField]);\n\n // query search history\n const [queryHistory, setQueryHistory] = useQueryHistory(queryHistoryType);\n\n const onSelectSearchHistory = useCallback(\n (view: EditorView, from: number, to: number, q: string) => {\n // update history into search bar\n view.dispatch({\n changes: { from, to, insert: q },\n });\n // close history bar;\n closeCompletion(view);\n // update history order\n setQueryHistory(q);\n // execute search\n if (onSubmit) onSubmit();\n },\n [onSubmit, setQueryHistory],\n );\n\n const createHistoryList = useMemo(() => {\n return () => {\n return {\n from: 0,\n options: queryHistory.map(q => {\n return {\n label: q,\n section: 'Search History',\n type: 'keyword',\n apply: (\n view: EditorView,\n _completion: Completion,\n from: number,\n to: number,\n ) => {\n onSelectSearchHistory(view, from, to, q);\n },\n };\n }),\n };\n };\n }, [queryHistory, onSelectSearchHistory]);\n\n const [isFocused, setIsFocused] = useState(false);\n\n const ref = useRef(null);\n\n const compartmentRef = useRef(new Compartment());\n\n const updateAutocompleteColumns = useCallback(\n (viewRef: EditorView) => {\n const currentText = viewRef.state.doc.toString();\n const identifiers = [\n ...(filteredFields?.map(column => {\n if (column.path.length > 1) {\n return `${column.path[0]}['${column.path[1]}']`;\n }\n return column.path[0];\n }) ?? []),\n ...(additionalSuggestions ?? []),\n ];\n\n const auto = createCodeMirrorSqlDialect({\n identifiers,\n keywords: KEYWORDS_FOR_WHERE_OR_ORDER_BY,\n includeRegularFunctions: !disableKeywordAutocomplete,\n });\n\n const queryHistoryList = autocompletion({\n compareCompletions: (a: any, b: any) => {\n return 0;\n }, // don't sort the history search\n override: [createHistoryList],\n });\n viewRef.dispatch({\n effects: compartmentRef.current.reconfigure(\n currentText.length > 0 ? auto : queryHistoryList,\n ),\n });\n },\n [\n filteredFields,\n additionalSuggestions,\n createHistoryList,\n disableKeywordAutocomplete,\n ],\n );\n\n useEffect(() => {\n if (ref.current != null && ref.current.view != null) {\n updateAutocompleteColumns(ref.current.view);\n }\n // Otherwise we'll update the columns in `onCreateEditor` hook\n }, [updateAutocompleteColumns]);\n\n useHotkeys(\n ['/', 's'],\n () => {\n if (enableHotkey) {\n ref.current?.view?.focus();\n }\n },\n {\n preventDefault: true,\n enableOnFormTags: false,\n enableOnContentEditable: false,\n },\n [enableHotkey],\n );\n\n /**\n * If the editor is inside a modal, we need to position the tooltip\n * relative to the modal. This ensures that the autocompletion results\n * are properly calculated off the correct element.\n */\n const tooltipExt = useMemo(() => {\n if (parentRef == null) {\n return [];\n }\n return [\n tooltips({\n parent: parentRef,\n tooltipSpace: view => {\n const box = view.dom.getBoundingClientRect();\n const parentBox = parentRef.getBoundingClientRect();\n return {\n ...box,\n right: box.right ?? 0,\n left: parentBox.left ?? box.left,\n top: parentBox.top ?? box.top,\n bottom: parentBox.bottom ?? box.bottom,\n };\n },\n }),\n ];\n }, [parentRef]);\n\n const cmExtensions = useMemo(\n () => [\n ...tooltipExt,\n createCodeMirrorStyleTheme(MAX_EDITOR_HEIGHT),\n\n // Enable line wrapping when multiline is allowed (regardless of focus)\n ...(allowMultiline ? [EditorView.lineWrapping] : []),\n\n // eslint-disable-next-line react-hooks/refs\n compartmentRef.current.of(\n sql({\n upperCaseKeywords: true,\n }),\n ),\n\n // Configure Enter key to submit search, and Shift + Enter to insert new line when multiline is allowed\n Prec.highest(\n keymap.of([\n {\n key: 'Enter',\n run: () => {\n if (onSubmit == null) {\n return false;\n }\n if (queryHistoryType && ref?.current?.view) {\n setQueryHistory(ref?.current?.view.state.doc.toString());\n }\n onSubmit();\n return true;\n },\n },\n ...(allowMultiline\n ? [\n {\n key: 'Shift-Enter',\n run: () => {\n // Allow default behavior (insert new line)\n return false;\n },\n },\n ]\n : []),\n ]),\n ),\n keymap.of([\n {\n key: 'Tab',\n run: acceptCompletion,\n },\n ]),\n ],\n [allowMultiline, onSubmit, queryHistoryType, setQueryHistory, tooltipExt],\n );\n\n const onClickCodeMirror = useCallback(() => {\n if (ref?.current?.view) {\n startCompletion(ref.current.view);\n }\n }, []);\n\n // Only apply expanded styling when multiline is enabled and focused\n const isExpanded = allowMultiline && isFocused;\n const baseHeight = size === 'xs' ? 32 : 36;\n\n return (\n \n {/* When expanded, Paper is absolute; this keeps the wrapper width stable */}\n {isExpanded &&
}\n \n {label != null && (\n \n \n \n {label}\n {tooltipText && }\n \n \n \n )}\n \n {\n setIsFocused(true);\n }, [setIsFocused])}\n onBlur={useCallback(() => {\n setIsFocused(false);\n }, [setIsFocused])}\n extensions={cmExtensions}\n onCreateEditor={updateAutocompleteColumns}\n basicSetup={DEFAULT_CODE_MIRROR_BASIC_SETUP}\n placeholder={placeholder}\n onClick={onClickCodeMirror}\n />\n
\n {onLanguageChange != null && language != null && (\n
\n \n
\n )}\n \n \n );\n}\n\nfunction SQLInlineEditorControlledComponent({\n placeholder,\n filterField,\n additionalSuggestions,\n queryHistoryType,\n ...props\n}: Omit &\n UseControllerProps &\n TableConnectionChoice) {\n const { field, fieldState } = useController(props);\n\n // Guard against wrongly typed values\n const value = field.value || props.defaultValue;\n\n let stringValue = '';\n if (typeof value === 'string') {\n stringValue = value;\n } else if (value !== undefined) {\n console.error('SQLInlineEditor: value is not a string', value);\n }\n\n return (\n \n );\n}\nexport const SQLInlineEditorControlled = memo(\n SQLInlineEditorControlledComponent,\n);\n" }, { "path": "packages/app/src/components/SQLEditor/constants.ts", "content": "export const REGULAR_FUNCTIONS = [\n 'abs',\n 'avg2',\n 'byteSwap',\n 'divide',\n 'divideDecimal',\n 'divideOrNull',\n 'gcd',\n 'ifNotFinite',\n 'intDiv',\n 'intDivOrNull',\n 'intDivOrZero',\n 'isFinite',\n 'isInfinite',\n 'isNaN',\n 'lcm',\n 'max2',\n 'midpoint',\n 'min2',\n 'minus',\n 'modulo',\n 'moduloOrNull',\n 'moduloOrZero',\n 'multiply',\n 'multiplyDecimal',\n 'negate',\n 'plus',\n 'positiveModulo',\n 'positiveModuloOrNull',\n 'array',\n 'arrayAUCPR',\n 'arrayAll',\n 'arrayAvg',\n 'arrayCompact',\n 'arrayConcat',\n 'arrayCount',\n 'arrayCumSum',\n 'arrayCumSumNonNegative',\n 'arrayDifference',\n 'arrayDistinct',\n 'arrayDotProduct',\n 'arrayElement',\n 'arrayElementOrNull',\n 'arrayEnumerate',\n 'arrayEnumerateDense',\n 'arrayEnumerateDenseRanked',\n 'arrayEnumerateUniq',\n 'arrayEnumerateUniqRanked',\n 'arrayExcept',\n 'arrayExists',\n 'arrayFill',\n 'arrayFilter',\n 'arrayFirst',\n 'arrayFirstIndex',\n 'arrayFirstOrNull',\n 'arrayFlatten',\n 'arrayFold',\n 'arrayIntersect',\n 'arrayJaccardIndex',\n 'arrayJoin',\n 'arrayLast',\n 'arrayLastIndex',\n 'arrayLastOrNull',\n 'arrayLevenshteinDistance',\n 'arrayLevenshteinDistanceWeighted',\n 'arrayMap',\n 'arrayMax',\n 'arrayMin',\n 'arrayNormalizedGini',\n 'arrayPartialReverseSort',\n 'arrayPartialShuffle',\n 'arrayPartialSort',\n 'arrayPopBack',\n 'arrayPopFront',\n 'arrayProduct',\n 'arrayPushBack',\n 'arrayPushFront',\n 'arrayROCAUC',\n 'arrayRandomSample',\n 'arrayReduce',\n 'arrayReduceInRanges',\n 'arrayRemove',\n 'arrayResize',\n 'arrayReverse',\n 'arrayReverseFill',\n 'arrayReverseSort',\n 'arrayReverseSplit',\n 'arrayRotateLeft',\n 'arrayRotateRight',\n 'arrayShiftLeft',\n 'arrayShiftRight',\n 'arrayShingles',\n 'arrayShuffle',\n 'arraySimilarity',\n 'arraySlice',\n 'arraySort',\n 'arraySplit',\n 'arraySum',\n 'arraySymmetricDifference',\n 'arrayUnion',\n 'arrayUniq',\n 'arrayWithConstant',\n 'arrayZip',\n 'arrayZipUnaligned',\n 'countEqual',\n 'empty',\n 'emptyArrayDate',\n 'emptyArrayDateTime',\n 'emptyArrayFloat32',\n 'emptyArrayFloat64',\n 'emptyArrayInt16',\n 'emptyArrayInt32',\n 'emptyArrayInt64',\n 'emptyArrayInt8',\n 'emptyArrayString',\n 'emptyArrayToSingle',\n 'emptyArrayUInt16',\n 'emptyArrayUInt32',\n 'emptyArrayUInt64',\n 'emptyArrayUInt8',\n 'has',\n 'hasAll',\n 'hasAny',\n 'hasSubstr',\n 'indexOf',\n 'indexOfAssumeSorted',\n 'length',\n 'notEmpty',\n 'range',\n 'replicate',\n 'reverse',\n 'bitmapAnd',\n 'bitmapAndCardinality',\n 'bitmapAndnot',\n 'bitmapAndnotCardinality',\n 'bitmapBuild',\n 'bitmapCardinality',\n 'bitmapContains',\n 'bitmapHasAll',\n 'bitmapHasAny',\n 'bitmapMax',\n 'bitmapMin',\n 'bitmapOr',\n 'bitmapOrCardinality',\n 'bitmapSubsetInRange',\n 'bitmapSubsetLimit',\n 'bitmapToArray',\n 'bitmapTransform',\n 'bitmapXor',\n 'bitmapXorCardinality',\n 'subBitmap',\n 'equals',\n 'greater',\n 'greaterOrEquals',\n 'isDistinctFrom',\n 'isNotDistinctFrom',\n 'less',\n 'lessOrEquals',\n 'notEquals',\n 'clamp',\n 'greatest',\n 'if',\n 'least',\n 'multiIf',\n 'UTCTimestamp',\n 'YYYYMMDDToDate',\n 'YYYYMMDDToDate32',\n 'YYYYMMDDhhmmssToDateTime',\n 'YYYYMMDDhhmmssToDateTime64',\n 'addDate',\n 'addDays',\n 'addHours',\n 'addInterval',\n 'addMicroseconds',\n 'addMilliseconds',\n 'addMinutes',\n 'addMonths',\n 'addNanoseconds',\n 'addQuarters',\n 'addSeconds',\n 'addTupleOfIntervals',\n 'addWeeks',\n 'addYears',\n 'age',\n 'changeDay',\n 'changeHour',\n 'changeMinute',\n 'changeMonth',\n 'changeSecond',\n 'changeYear',\n 'dateDiff',\n 'dateName',\n 'dateTrunc',\n 'formatDateTime',\n 'formatDateTimeInJodaSyntax',\n 'fromDaysSinceYearZero',\n 'fromDaysSinceYearZero32',\n 'fromModifiedJulianDay',\n 'fromModifiedJulianDayOrNull',\n 'fromUTCTimestamp',\n 'fromUnixTimestamp',\n 'fromUnixTimestampInJodaSyntax',\n 'makeDate',\n 'makeDate32',\n 'makeDateTime',\n 'makeDateTime64',\n 'monthName',\n 'now',\n 'now64',\n 'nowInBlock',\n 'nowInBlock64',\n 'serverTimezone',\n 'subDate',\n 'subtractDays',\n 'subtractHours',\n 'subtractInterval',\n 'subtractMicroseconds',\n 'subtractMilliseconds',\n 'subtractMinutes',\n 'subtractMonths',\n 'subtractNanoseconds',\n 'subtractQuarters',\n 'subtractSeconds',\n 'subtractTupleOfIntervals',\n 'subtractWeeks',\n 'subtractYears',\n 'timeDiff',\n 'timeSlot',\n 'timeSlots',\n 'timestamp',\n 'timezone',\n 'timezoneOf',\n 'timezoneOffset',\n 'toDayOfMonth',\n 'toDayOfWeek',\n 'toDayOfYear',\n 'toDaysSinceYearZero',\n 'toHour',\n 'toISOWeek',\n 'toISOYear',\n 'toLastDayOfMonth',\n 'toLastDayOfWeek',\n 'toMillisecond',\n 'toMinute',\n 'toModifiedJulianDay',\n 'toModifiedJulianDayOrNull',\n 'toMonday',\n 'toMonth',\n 'toMonthNumSinceEpoch',\n 'toQuarter',\n 'toRelativeDayNum',\n 'toRelativeHourNum',\n 'toRelativeMinuteNum',\n 'toRelativeMonthNum',\n 'toRelativeQuarterNum',\n 'toRelativeSecondNum',\n 'toRelativeWeekNum',\n 'toRelativeYearNum',\n 'toSecond',\n 'toStartOfDay',\n 'toStartOfFifteenMinutes',\n 'toStartOfFiveMinutes',\n 'toStartOfHour',\n 'toStartOfISOYear',\n 'toStartOfInterval',\n 'toStartOfMicrosecond',\n 'toStartOfMillisecond',\n 'toStartOfMinute',\n 'toStartOfMonth',\n 'toStartOfNanosecond',\n 'toStartOfQuarter',\n 'toStartOfSecond',\n 'toStartOfTenMinutes',\n 'toStartOfWeek',\n 'toStartOfYear',\n 'toTimeWithFixedDate',\n 'toTimezone',\n 'toUTCTimestamp',\n 'toUnixTimestamp',\n 'toWeek',\n 'toYYYYMM',\n 'toYYYYMMDD',\n 'toYYYYMMDDhhmmss',\n 'toYear',\n 'toYearNumSinceEpoch',\n 'toYearWeek',\n 'today',\n 'yesterday',\n 'dictGet',\n 'dictGetAll',\n 'dictGetChildren',\n 'dictGetDate',\n 'dictGetDateOrDefault',\n 'dictGetDateTime',\n 'dictGetDateTimeOrDefault',\n 'dictGetDescendants',\n 'dictGetFloat32',\n 'dictGetFloat32OrDefault',\n 'dictGetFloat64',\n 'dictGetFloat64OrDefault',\n 'dictGetHierarchy',\n 'dictGetIPv4',\n 'dictGetIPv4OrDefault',\n 'dictGetIPv6',\n 'dictGetIPv6OrDefault',\n 'dictGetInt16',\n 'dictGetInt16OrDefault',\n 'dictGetInt32',\n 'dictGetInt32OrDefault',\n 'dictGetInt64',\n 'dictGetInt64OrDefault',\n 'dictGetInt8',\n 'dictGetInt8OrDefault',\n 'dictGetKeys',\n 'dictGetOrDefault',\n 'dictGetOrNull',\n 'dictGetString',\n 'dictGetStringOrDefault',\n 'dictGetUInt16',\n 'dictGetUInt16OrDefault',\n 'dictGetUInt32',\n 'dictGetUInt32OrDefault',\n 'dictGetUInt64',\n 'dictGetUInt64OrDefault',\n 'dictGetUInt8',\n 'dictGetUInt8OrDefault',\n 'dictGetUUID',\n 'dictGetUUIDOrDefault',\n 'dictHas',\n 'dictIsIn',\n 'bech32Decode',\n 'bech32Encode',\n 'bin',\n 'bitPositionsToArray',\n 'bitmaskToArray',\n 'bitmaskToList',\n 'char',\n 'hex',\n 'hilbertDecode',\n 'hilbertEncode',\n 'mortonDecode',\n 'mortonEncode',\n 'sqidDecode',\n 'sqidEncode',\n 'unbin',\n 'unhex',\n 'BLAKE3',\n 'MD4',\n 'MD5',\n 'RIPEMD160',\n 'SHA1',\n 'SHA224',\n 'SHA256',\n 'SHA384',\n 'SHA512',\n 'SHA512_256',\n 'URLHash',\n 'cityHash64',\n 'farmFingerprint64',\n 'farmHash64',\n 'gccMurmurHash',\n 'halfMD5',\n 'hiveHash',\n 'icebergHash',\n 'intHash32',\n 'intHash64',\n 'javaHash',\n 'javaHashUTF16LE',\n 'jumpConsistentHash',\n 'kafkaMurmurHash',\n 'keccak256',\n 'kostikConsistentHash',\n 'metroHash64',\n 'murmurHash2_32',\n 'murmurHash2_64',\n 'murmurHash3_128',\n 'murmurHash3_32',\n 'murmurHash3_64',\n 'ngramMinHash',\n 'ngramMinHashArg',\n 'ngramMinHashArgCaseInsensitive',\n 'ngramMinHashArgCaseInsensitiveUTF8',\n 'ngramMinHashArgUTF8',\n 'ngramMinHashCaseInsensitive',\n 'ngramMinHashCaseInsensitiveUTF8',\n 'ngramMinHashUTF8',\n 'ngramSimHash',\n 'ngramSimHashCaseInsensitive',\n 'ngramSimHashCaseInsensitiveUTF8',\n 'ngramSimHashUTF8',\n 'sipHash128',\n 'sipHash128Keyed',\n 'sipHash128Reference',\n 'sipHash128ReferenceKeyed',\n 'sipHash64',\n 'sipHash64Keyed',\n 'wordShingleMinHash',\n 'wordShingleMinHashArg',\n 'wordShingleMinHashArgCaseInsensitive',\n 'wordShingleMinHashArgCaseInsensitiveUTF8',\n 'wordShingleMinHashArgUTF8',\n 'wordShingleMinHashCaseInsensitive',\n 'wordShingleMinHashCaseInsensitiveUTF8',\n 'wordShingleMinHashUTF8',\n 'wordShingleSimHash',\n 'wordShingleSimHashCaseInsensitive',\n 'wordShingleSimHashCaseInsensitiveUTF8',\n 'wordShingleSimHashUTF8',\n 'wyHash64',\n 'xxHash32',\n 'xxHash64',\n 'xxh3',\n 'IPv4CIDRToRange',\n 'IPv4NumToString',\n 'IPv4NumToStringClassC',\n 'IPv4StringToNum',\n 'IPv4StringToNumOrDefault',\n 'IPv4StringToNumOrNull',\n 'IPv4ToIPv6',\n 'IPv6CIDRToRange',\n 'IPv6NumToString',\n 'IPv6StringToNum',\n 'IPv6StringToNumOrDefault',\n 'IPv6StringToNumOrNull',\n 'cutIPv6',\n 'isIPAddressInRange',\n 'isIPv4String',\n 'isIPv6String',\n 'toIPv4',\n 'toIPv4OrDefault',\n 'toIPv4OrNull',\n 'toIPv4OrZero',\n 'toIPv6',\n 'toIPv6OrDefault',\n 'toIPv6OrNull',\n 'toIPv6OrZero',\n 'and',\n 'not',\n 'or',\n 'xor',\n 'extractKeyValuePairs',\n 'extractKeyValuePairsWithEscaping',\n 'map',\n 'mapAdd',\n 'mapAll',\n 'mapApply',\n 'mapConcat',\n 'mapContainsKey',\n 'mapContainsKeyLike',\n 'mapContainsValue',\n 'mapContainsValueLike',\n 'mapExists',\n 'mapExtractKeyLike',\n 'mapExtractValueLike',\n 'mapFilter',\n 'mapFromArrays',\n 'mapKeys',\n 'mapPartialReverseSort',\n 'mapPartialSort',\n 'mapPopulateSeries',\n 'mapReverseSort',\n 'mapSort',\n 'mapSubtract',\n 'mapUpdate',\n 'mapValues',\n 'acos',\n 'acosh',\n 'asin',\n 'asinh',\n 'atan',\n 'atan2',\n 'atanh',\n 'cbrt',\n 'cos',\n 'cosh',\n 'degrees',\n 'e',\n 'erf',\n 'erfc',\n 'exp',\n 'exp10',\n 'exp2',\n 'factorial',\n 'hypot',\n 'intExp10',\n 'intExp2',\n 'lgamma',\n 'log',\n 'log10',\n 'log1p',\n 'log2',\n 'pi',\n 'pow',\n 'radians',\n 'sign',\n 'sin',\n 'sinh',\n 'sqrt',\n 'tan',\n 'tanh',\n 'tgamma',\n 'widthBucket',\n 'fuzzBits',\n 'rand',\n 'rand64',\n 'randBernoulli',\n 'randBinomial',\n 'randCanonical',\n 'randChiSquared',\n 'randConstant',\n 'randExponential',\n 'randFisherF',\n 'randLogNormal',\n 'randNegativeBinomial',\n 'randNormal',\n 'randPoisson',\n 'randStudentT',\n 'randUniform',\n 'randomFixedString',\n 'randomPrintableASCII',\n 'randomString',\n 'randomStringUTF8',\n 'ceil',\n 'floor',\n 'round',\n 'roundAge',\n 'roundBankers',\n 'roundDown',\n 'roundDuration',\n 'roundToExp2',\n 'trunc',\n 'CRC32',\n 'CRC32IEEE',\n 'CRC64',\n 'appendTrailingCharIfAbsent',\n 'ascii',\n 'base32Decode',\n 'base32Encode',\n 'base58Decode',\n 'base58Encode',\n 'base64Decode',\n 'base64Encode',\n 'base64URLDecode',\n 'base64URLEncode',\n 'basename',\n 'byteHammingDistance',\n 'compareSubstrings',\n 'concat',\n 'concatAssumeInjective',\n 'concatWithSeparator',\n 'concatWithSeparatorAssumeInjective',\n 'conv',\n 'convertCharset',\n 'damerauLevenshteinDistance',\n 'decodeHTMLComponent',\n 'decodeXMLComponent',\n 'editDistance',\n 'editDistanceUTF8',\n 'encodeXMLComponent',\n 'endsWith',\n 'endsWithCaseInsensitive',\n 'endsWithCaseInsensitiveUTF8',\n 'endsWithUTF8',\n 'extractTextFromHTML',\n 'firstLine',\n 'idnaDecode',\n 'idnaEncode',\n 'initcap',\n 'initcapUTF8',\n 'isValidASCII',\n 'isValidUTF8',\n 'jaroSimilarity',\n 'jaroWinklerSimilarity',\n 'left',\n 'leftPad',\n 'leftPadUTF8',\n 'leftUTF8',\n 'lengthUTF8',\n 'lower',\n 'lowerUTF8',\n 'normalizeUTF8NFC',\n 'normalizeUTF8NFD',\n 'normalizeUTF8NFKC',\n 'normalizeUTF8NFKD',\n 'punycodeDecode',\n 'punycodeEncode',\n 'regexpExtract',\n 'repeat',\n 'reverseUTF8',\n 'right',\n 'rightPad',\n 'rightPadUTF8',\n 'rightUTF8',\n 'soundex',\n 'space',\n 'sparseGrams',\n 'sparseGramsHashes',\n 'sparseGramsHashesUTF8',\n 'sparseGramsUTF8',\n 'startsWith',\n 'startsWithCaseInsensitive',\n 'startsWithCaseInsensitiveUTF8',\n 'startsWithUTF8',\n 'stringBytesEntropy',\n 'stringBytesUniq',\n 'stringJaccardIndex',\n 'stringJaccardIndexUTF8',\n 'substring',\n 'substringIndex',\n 'substringIndexUTF8',\n 'substringUTF8',\n 'toValidUTF8',\n 'trimBoth',\n 'trimLeft',\n 'trimRight',\n 'tryBase32Decode',\n 'tryBase58Decode',\n 'tryBase64Decode',\n 'tryBase64URLDecode',\n 'tryIdnaEncode',\n 'tryPunycodeDecode',\n 'upper',\n 'upperUTF8',\n 'format',\n 'overlay',\n 'overlayUTF8',\n 'printf',\n 'regexpQuoteMeta',\n 'replaceAll',\n 'replaceOne',\n 'replaceRegexpAll',\n 'replaceRegexpOne',\n 'translate',\n 'translateUTF8',\n 'countMatches',\n 'countMatchesCaseInsensitive',\n 'countSubstrings',\n 'countSubstringsCaseInsensitive',\n 'countSubstringsCaseInsensitiveUTF8',\n 'extract',\n 'extractAll',\n 'extractAllGroupsHorizontal',\n 'extractGroups',\n 'hasAllTokens',\n 'hasAnyTokens',\n 'hasSubsequence',\n 'hasSubsequenceCaseInsensitive',\n 'hasSubsequenceCaseInsensitiveUTF8',\n 'hasSubsequenceUTF8',\n 'hasToken',\n 'hasTokenCaseInsensitive',\n 'hasTokenCaseInsensitiveOrNull',\n 'hasTokenOrNull',\n 'ilike',\n 'like',\n 'locate',\n 'match',\n 'multiFuzzyMatchAllIndices',\n 'multiFuzzyMatchAny',\n 'multiFuzzyMatchAnyIndex',\n 'multiMatchAllIndices',\n 'multiMatchAny',\n 'multiMatchAnyIndex',\n 'multiSearchAllPositions',\n 'multiSearchAllPositionsCaseInsensitive',\n 'multiSearchAllPositionsCaseInsensitiveUTF8',\n 'multiSearchAllPositionsUTF8',\n 'multiSearchAny',\n 'multiSearchAnyCaseInsensitive',\n 'multiSearchAnyCaseInsensitiveUTF8',\n 'multiSearchAnyUTF8',\n 'multiSearchFirstIndex',\n 'multiSearchFirstIndexCaseInsensitive',\n 'multiSearchFirstIndexCaseInsensitiveUTF8',\n 'multiSearchFirstIndexUTF8',\n 'multiSearchFirstPosition',\n 'multiSearchFirstPositionCaseInsensitive',\n 'multiSearchFirstPositionCaseInsensitiveUTF8',\n 'multiSearchFirstPositionUTF8',\n 'ngramDistance',\n 'ngramDistanceCaseInsensitive',\n 'ngramDistanceCaseInsensitiveUTF8',\n 'ngramDistanceUTF8',\n 'ngramSearch',\n 'ngramSearchCaseInsensitive',\n 'ngramSearchCaseInsensitiveUTF8',\n 'ngramSearchUTF8',\n 'notILike',\n 'notLike',\n 'position',\n 'positionCaseInsensitive',\n 'positionCaseInsensitiveUTF8',\n 'positionUTF8',\n 'alphaTokens',\n 'arrayStringConcat',\n 'extractAllGroupsVertical',\n 'ngrams',\n 'reverseBySeparator',\n 'splitByChar',\n 'splitByNonAlpha',\n 'splitByRegexp',\n 'splitByString',\n 'splitByWhitespace',\n 'tokens',\n 'seriesDecomposeSTL',\n 'seriesOutliersDetectTukey',\n 'seriesPeriodDetectFFT',\n 'timeSeriesCopyTag',\n 'timeSeriesCopyTags',\n 'timeSeriesExtractTag',\n 'timeSeriesFromGrid',\n 'timeSeriesGroupToTags',\n 'timeSeriesIdToGroup',\n 'timeSeriesIdToTags',\n 'timeSeriesJoinTags',\n 'timeSeriesRange',\n 'timeSeriesRemoveAllTagsExcept',\n 'timeSeriesRemoveTag',\n 'timeSeriesRemoveTags',\n 'timeSeriesReplaceTag',\n 'timeSeriesStoreTags',\n 'timeSeriesTagsToGroup',\n 'hop',\n 'hopEnd',\n 'hopStart',\n 'tumble',\n 'tumbleEnd',\n 'tumbleStart',\n 'flattenTuple',\n 'tuple',\n 'tupleConcat',\n 'tupleDivide',\n 'tupleDivideByNumber',\n 'tupleElement',\n 'tupleHammingDistance',\n 'tupleIntDiv',\n 'tupleIntDivByNumber',\n 'tupleIntDivOrZero',\n 'tupleIntDivOrZeroByNumber',\n 'tupleMinus',\n 'tupleModulo',\n 'tupleModuloByNumber',\n 'tupleMultiply',\n 'tupleMultiplyByNumber',\n 'tupleNames',\n 'tupleNegate',\n 'tuplePlus',\n 'tupleToNameValuePairs',\n 'CAST',\n 'accurateCast',\n 'accurateCastOrDefault',\n 'accurateCastOrNull',\n 'formatRow',\n 'formatRowNoNewline',\n 'fromUnixTimestamp64Micro',\n 'fromUnixTimestamp64Milli',\n 'fromUnixTimestamp64Nano',\n 'fromUnixTimestamp64Second',\n 'parseDateTime',\n 'parseDateTime32BestEffort',\n 'parseDateTime32BestEffortOrNull',\n 'parseDateTime32BestEffortOrZero',\n 'parseDateTime64',\n 'parseDateTime64BestEffort',\n 'parseDateTime64BestEffortOrNull',\n 'parseDateTime64BestEffortOrZero',\n 'parseDateTime64BestEffortUS',\n 'parseDateTime64BestEffortUSOrNull',\n 'parseDateTime64BestEffortUSOrZero',\n 'parseDateTime64InJodaSyntax',\n 'parseDateTime64InJodaSyntaxOrNull',\n 'parseDateTime64InJodaSyntaxOrZero',\n 'parseDateTime64OrNull',\n 'parseDateTime64OrZero',\n 'parseDateTimeBestEffort',\n 'parseDateTimeBestEffortOrNull',\n 'parseDateTimeBestEffortOrZero',\n 'parseDateTimeBestEffortUS',\n 'parseDateTimeBestEffortUSOrNull',\n 'parseDateTimeBestEffortUSOrZero',\n 'parseDateTimeInJodaSyntax',\n 'parseDateTimeInJodaSyntaxOrNull',\n 'parseDateTimeInJodaSyntaxOrZero',\n 'parseDateTimeOrNull',\n 'parseDateTimeOrZero',\n 'reinterpret',\n 'reinterpretAsDate',\n 'reinterpretAsDateTime',\n 'reinterpretAsFixedString',\n 'reinterpretAsFloat32',\n 'reinterpretAsFloat64',\n 'reinterpretAsInt128',\n 'reinterpretAsInt16',\n 'reinterpretAsInt256',\n 'reinterpretAsInt32',\n 'reinterpretAsInt64',\n 'reinterpretAsInt8',\n 'reinterpretAsString',\n 'reinterpretAsUInt128',\n 'reinterpretAsUInt16',\n 'reinterpretAsUInt256',\n 'reinterpretAsUInt32',\n 'reinterpretAsUInt64',\n 'reinterpretAsUInt8',\n 'reinterpretAsUUID',\n 'toBFloat16',\n 'toBFloat16OrNull',\n 'toBFloat16OrZero',\n 'toBool',\n 'toDate',\n 'toDate32',\n 'toDate32OrDefault',\n 'toDate32OrNull',\n 'toDate32OrZero',\n 'toDateOrDefault',\n 'toDateOrNull',\n 'toDateOrZero',\n 'toDateTime',\n 'toDateTime32',\n 'toDateTime64',\n 'toDateTime64OrDefault',\n 'toDateTime64OrNull',\n 'toDateTime64OrZero',\n 'toDateTimeOrDefault',\n 'toDateTimeOrNull',\n 'toDateTimeOrZero',\n 'toDecimal128',\n 'toDecimal128OrDefault',\n 'toDecimal128OrNull',\n 'toDecimal128OrZero',\n 'toDecimal256',\n 'toDecimal256OrDefault',\n 'toDecimal256OrNull',\n 'toDecimal256OrZero',\n 'toDecimal32',\n 'toDecimal32OrDefault',\n 'toDecimal32OrNull',\n 'toDecimal32OrZero',\n 'toDecimal64',\n 'toDecimal64OrDefault',\n 'toDecimal64OrNull',\n 'toDecimal64OrZero',\n 'toDecimalString',\n 'toFixedString',\n 'toFloat32',\n 'toFloat32OrDefault',\n 'toFloat32OrNull',\n 'toFloat32OrZero',\n 'toFloat64',\n 'toFloat64OrDefault',\n 'toFloat64OrNull',\n 'toFloat64OrZero',\n 'toInt128',\n 'toInt128OrDefault',\n 'toInt128OrNull',\n 'toInt128OrZero',\n 'toInt16',\n 'toInt16OrDefault',\n 'toInt16OrNull',\n 'toInt16OrZero',\n 'toInt256',\n 'toInt256OrDefault',\n 'toInt256OrNull',\n 'toInt256OrZero',\n 'toInt32',\n 'toInt32OrDefault',\n 'toInt32OrNull',\n 'toInt32OrZero',\n 'toInt64',\n 'toInt64OrDefault',\n 'toInt64OrNull',\n 'toInt64OrZero',\n 'toInt8',\n 'toInt8OrDefault',\n 'toInt8OrNull',\n 'toInt8OrZero',\n 'toInterval',\n 'toIntervalDay',\n 'toIntervalHour',\n 'toIntervalMicrosecond',\n 'toIntervalMillisecond',\n 'toIntervalMinute',\n 'toIntervalMonth',\n 'toIntervalNanosecond',\n 'toIntervalQuarter',\n 'toIntervalSecond',\n 'toIntervalWeek',\n 'toIntervalYear',\n 'toLowCardinality',\n 'toString',\n 'toStringCutToZero',\n 'toTime',\n 'toTime64',\n 'toTime64OrNull',\n 'toTime64OrZero',\n 'toTimeOrNull',\n 'toTimeOrZero',\n 'toUInt128',\n 'toUInt128OrDefault',\n 'toUInt128OrNull',\n 'toUInt128OrZero',\n 'toUInt16',\n 'toUInt16OrDefault',\n 'toUInt16OrNull',\n 'toUInt16OrZero',\n 'toUInt256',\n 'toUInt256OrDefault',\n 'toUInt256OrNull',\n 'toUInt256OrZero',\n 'toUInt32',\n 'toUInt32OrDefault',\n 'toUInt32OrNull',\n 'toUInt32OrZero',\n 'toUInt64',\n 'toUInt64OrDefault',\n 'toUInt64OrNull',\n 'toUInt64OrZero',\n 'toUInt8',\n 'toUInt8OrDefault',\n 'toUInt8OrNull',\n 'toUInt8OrZero',\n 'toUUID',\n 'toUUIDOrZero',\n 'toUnixTimestamp64Micro',\n 'toUnixTimestamp64Milli',\n 'toUnixTimestamp64Nano',\n 'toUnixTimestamp64Second',\n 'cutFragment',\n 'cutQueryString',\n 'cutQueryStringAndFragment',\n 'cutToFirstSignificantSubdomain',\n 'cutToFirstSignificantSubdomainCustom',\n 'cutToFirstSignificantSubdomainCustomRFC',\n 'cutToFirstSignificantSubdomainCustomWithWWW',\n 'cutToFirstSignificantSubdomainCustomWithWWWRFC',\n 'cutToFirstSignificantSubdomainRFC',\n 'cutToFirstSignificantSubdomainWithWWW',\n 'cutToFirstSignificantSubdomainWithWWWRFC',\n 'cutURLParameter',\n 'cutWWW',\n 'decodeURLComponent',\n 'decodeURLFormComponent',\n 'domain',\n 'domainRFC',\n 'domainWithoutWWW',\n 'domainWithoutWWWRFC',\n 'encodeURLComponent',\n 'encodeURLFormComponent',\n 'extractURLParameter',\n 'extractURLParameterNames',\n 'extractURLParameters',\n 'firstSignificantSubdomain',\n 'firstSignificantSubdomainRFC',\n 'fragment',\n 'netloc',\n 'path',\n 'pathFull',\n 'port',\n 'portRFC',\n 'protocol',\n 'queryString',\n 'queryStringAndFragment',\n 'topLevelDomain',\n 'topLevelDomainRFC',\n];\n\nexport const AGGREGATE_FUNCTIONS = [\n 'BIT_AND',\n 'BIT_OR',\n 'BIT_XOR',\n 'COVAR_POP',\n 'COVAR_SAMP',\n 'STD',\n 'STDDEV_POP',\n 'STDDEV_SAMP',\n 'VAR_POP',\n 'VAR_SAMP',\n 'aggThrow',\n 'analysisOfVariance',\n 'anova',\n 'any',\n 'anyHeavy',\n 'anyLast',\n 'anyLastRespectNulls',\n 'anyLast_respect_nulls',\n 'anyRespectNulls',\n 'anyValueRespectNulls',\n 'any_respect_nulls',\n 'any_value',\n 'any_value_respect_nulls',\n 'approx_top_count',\n 'approx_top_k',\n 'approx_top_sum',\n 'argMax',\n 'argMin',\n 'array_agg',\n 'array_concat_agg',\n 'avg',\n 'avgWeighted',\n 'boundingRatio',\n 'categoricalInformationValue',\n 'contingency',\n 'corr',\n 'corrMatrix',\n 'corrStable',\n 'count',\n 'covarPop',\n 'covarPopMatrix',\n 'covarPopStable',\n 'covarSamp',\n 'covarSampMatrix',\n 'covarSampStable',\n 'cramersV',\n 'cramersVBiasCorrected',\n 'deltaSum',\n 'deltaSumTimestamp',\n 'denseRank',\n 'dense_rank',\n 'distinctDynamicTypes',\n 'distinctJSONPaths',\n 'distinctJSONPathsAndTypes',\n 'entropy',\n 'estimateCompressionRatio',\n 'exponentialMovingAverage',\n 'exponentialTimeDecayedAvg',\n 'exponentialTimeDecayedCount',\n 'exponentialTimeDecayedMax',\n 'exponentialTimeDecayedSum',\n 'firstValueRespectNulls',\n 'first_value',\n 'first_value_respect_nulls',\n 'flameGraph',\n 'groupArray',\n 'groupArrayInsertAt',\n 'groupArrayIntersect',\n 'groupArrayLast',\n 'groupArrayMovingAvg',\n 'groupArrayMovingSum',\n 'groupArraySample',\n 'groupArraySorted',\n 'groupBitAnd',\n 'groupBitOr',\n 'groupBitXor',\n 'groupBitmap',\n 'groupBitmapAnd',\n 'groupBitmapOr',\n 'groupBitmapXor',\n 'groupConcat',\n 'groupNumericIndexedVector',\n 'groupUniqArray',\n 'group_concat',\n 'histogram',\n 'intervalLengthSum',\n 'kolmogorovSmirnovTest',\n 'kurtPop',\n 'kurtSamp',\n 'lag',\n 'lagInFrame',\n 'largestTriangleThreeBuckets',\n 'lastValueRespectNulls',\n 'last_value',\n 'last_value_respect_nulls',\n 'lead',\n 'leadInFrame',\n 'lttb',\n 'mannWhitneyUTest',\n 'max',\n 'maxIntersections',\n 'maxIntersectionsPosition',\n 'maxMappedArrays',\n 'meanZTest',\n 'median',\n 'medianBFloat16',\n 'medianBFloat16Weighted',\n 'medianDD',\n 'medianDeterministic',\n 'medianExact',\n 'medianExactHigh',\n 'medianExactLow',\n 'medianExactWeighted',\n 'medianExactWeightedInterpolated',\n 'medianGK',\n 'medianInterpolatedWeighted',\n 'medianTDigest',\n 'medianTDigestWeighted',\n 'medianTiming',\n 'medianTimingWeighted',\n 'min',\n 'minMappedArrays',\n 'nonNegativeDerivative',\n 'nothing',\n 'nothingNull',\n 'nothingUInt64',\n 'nth_value',\n 'ntile',\n 'percentRank',\n 'percent_rank',\n 'quantile',\n 'quantileBFloat16',\n 'quantileBFloat16Weighted',\n 'quantileDD',\n 'quantileDeterministic',\n 'quantileExact',\n 'quantileExactExclusive',\n 'quantileExactHigh',\n 'quantileExactInclusive',\n 'quantileExactLow',\n 'quantileExactWeighted',\n 'quantileExactWeightedInterpolated',\n 'quantileGK',\n 'quantileInterpolatedWeighted',\n 'quantileTDigest',\n 'quantileTDigestWeighted',\n 'quantileTiming',\n 'quantileTimingWeighted',\n 'quantiles',\n 'quantilesBFloat16',\n 'quantilesBFloat16Weighted',\n 'quantilesDD',\n 'quantilesDeterministic',\n 'quantilesExact',\n 'quantilesExactExclusive',\n 'quantilesExactHigh',\n 'quantilesExactInclusive',\n 'quantilesExactLow',\n 'quantilesExactWeighted',\n 'quantilesExactWeightedInterpolated',\n 'quantilesGK',\n 'quantilesInterpolatedWeighted',\n 'quantilesTDigest',\n 'quantilesTDigestWeighted',\n 'quantilesTiming',\n 'quantilesTimingWeighted',\n 'rank',\n 'rankCorr',\n 'retention',\n 'row_number',\n 'sequenceCount',\n 'sequenceMatch',\n 'sequenceMatchEvents',\n 'sequenceNextNode',\n 'simpleLinearRegression',\n 'singleValueOrNull',\n 'skewPop',\n 'skewSamp',\n 'sparkBar',\n 'sparkbar',\n 'stddevPop',\n 'stddevPopStable',\n 'stddevSamp',\n 'stddevSampStable',\n 'stochasticLinearRegression',\n 'stochasticLogisticRegression',\n 'studentTTest',\n 'sum',\n 'sumCount',\n 'sumKahan',\n 'sumMapFiltered',\n 'sumMapFilteredWithOverflow',\n 'sumMapWithOverflow',\n 'sumMappedArrays',\n 'sumWithOverflow',\n 'theilsU',\n 'timeSeriesDeltaToGrid',\n 'timeSeriesDerivToGrid',\n 'timeSeriesGroupArray',\n 'timeSeriesInstantDeltaToGrid',\n 'timeSeriesInstantRateToGrid',\n 'timeSeriesLastToGrid',\n 'timeSeriesLastTwoSamples',\n 'timeSeriesPredictLinearToGrid',\n 'timeSeriesRateToGrid',\n 'timeSeriesResampleToGridWithStaleness',\n 'topK',\n 'topKWeighted',\n 'uniq',\n 'uniqCombined',\n 'uniqCombined64',\n 'uniqExact',\n 'uniqHLL12',\n 'uniqTheta',\n 'uniqUpTo',\n 'varPop',\n 'varPopStable',\n 'varSamp',\n 'varSampStable',\n 'welchTTest',\n 'windowFunnel',\n];\n\nexport const ALL_KEYWORDS = [\n 'SELECT',\n 'FROM',\n 'PREWHERE',\n 'WHERE',\n 'GROUP',\n 'HAVING',\n 'ORDER',\n 'BY',\n 'LIMIT',\n 'OFFSET',\n 'WITH',\n 'ASC',\n 'AS',\n 'AND',\n 'OR',\n 'DESC',\n 'NULL',\n 'NOT',\n 'INTERSECT',\n 'INTO',\n 'IN',\n 'DISTINCT',\n 'JOIN',\n 'ON',\n 'USING',\n 'FINAL',\n 'SETTINGS',\n 'UNION',\n 'ILIKE',\n 'LIKE',\n 'BETWEEN',\n 'EXCEPT',\n 'WINDOW',\n 'OVER',\n 'QUALIFY',\n 'SAMPLE',\n];\n\n/** Keywords useful for WHERE or ORDER BY clauses */\nexport const KEYWORDS_FOR_WHERE_OR_ORDER_BY = [\n 'AND',\n 'OR',\n 'NOT',\n 'IN',\n 'LIKE',\n 'ILIKE',\n 'BETWEEN',\n 'ASC',\n 'DESC',\n];\n" }, { "path": "packages/app/src/components/SQLEditor/utils.ts", "content": "import {\n autocompletion,\n Completion,\n CompletionContext,\n} from '@codemirror/autocomplete';\nimport { sql } from '@codemirror/lang-sql';\nimport { EditorView } from '@uiw/react-codemirror';\n\nimport {\n AGGREGATE_FUNCTIONS,\n ALL_KEYWORDS,\n REGULAR_FUNCTIONS,\n} from './constants';\n\nexport type SQLCompletion = {\n label: string;\n apply?: string;\n detail?: string;\n type?: string;\n};\n\n/**\n * Creates a custom CodeMirror completion source for SQL identifiers (column names, table\n * names, functions, etc.) that inserts them verbatim, without quoting.\n */\nfunction createIdentifierCompletionSource(completions: Completion[]) {\n return (context: CompletionContext) => {\n // Match word characters, dots, single quotes, brackets, $, {, }, and :\n // to support identifiers like `ResourceAttributes['service.name']`,\n // macros like `$__dateFilter`, and query params like `{name:Type}`\n const prefix = context.matchBefore(/[\\w.'[\\]${}:]+/);\n if (!prefix && !context.explicit) return null;\n return {\n from: prefix?.from ?? context.pos,\n options: completions,\n validFor: /^[\\w.'[\\]${}:]*$/,\n };\n };\n}\n\nexport const createCodeMirrorSqlDialect = ({\n identifiers,\n keywords = ALL_KEYWORDS,\n additionalCompletions = [],\n includeRegularFunctions = false,\n includeAggregateFunctions = false,\n}: {\n identifiers: string[];\n keywords?: string[];\n additionalCompletions?: SQLCompletion[];\n includeRegularFunctions?: boolean;\n includeAggregateFunctions?: boolean;\n}) => {\n const completions: Completion[] = [\n ...identifiers.map(id => ({ label: id, type: 'variable' as const })),\n ...keywords.map(kw => ({\n label: kw,\n type: 'keyword' as const,\n })),\n ...(includeRegularFunctions\n ? REGULAR_FUNCTIONS.map(fn => ({\n label: fn,\n type: 'function' as const,\n apply: `${fn}(`,\n }))\n : []),\n ...(includeAggregateFunctions\n ? AGGREGATE_FUNCTIONS.map(fn => ({\n label: fn,\n type: 'function' as const,\n apply: `${fn}(`,\n }))\n : []),\n ...additionalCompletions,\n ];\n\n return [\n // SQL language for syntax highlighting (completions are overridden below)\n sql({ upperCaseKeywords: true }),\n // Override built-in SQL completions with our custom source\n autocompletion({\n override: [createIdentifierCompletionSource(completions)],\n }),\n ];\n};\n\nexport const DEFAULT_CODE_MIRROR_BASIC_SETUP = {\n lineNumbers: false,\n foldGutter: false,\n highlightActiveLine: false,\n highlightActiveLineGutter: false,\n};\n\nexport const createCodeMirrorStyleTheme = (maxEditorHeight?: string) =>\n EditorView.baseTheme({\n '&.cm-editor.cm-focused': {\n outline: '0px solid transparent',\n },\n '&.cm-editor': {\n background: 'transparent !important',\n },\n '& .cm-tooltip-autocomplete': {\n whiteSpace: 'nowrap',\n wordWrap: 'break-word',\n maxWidth: '100%',\n backgroundColor: 'var(--color-bg-surface) !important',\n border: '1px solid var(--color-border) !important',\n borderRadius: '8px',\n boxShadow:\n '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n padding: '4px',\n },\n '& .cm-tooltip-autocomplete > ul': {\n fontFamily: 'inherit',\n maxHeight: '300px',\n },\n '& .cm-tooltip-autocomplete > ul > li': {\n padding: '4px 8px',\n borderRadius: '4px',\n cursor: 'pointer',\n color: 'var(--color-text)',\n },\n '& .cm-tooltip-autocomplete > ul > li[aria-selected]': {\n backgroundColor: 'var(--color-bg-highlighted) !important',\n color: 'var(--color-text-muted) !important',\n },\n '& .cm-tooltip-autocomplete .cm-completionLabel': {\n color: 'var(--color-text)',\n },\n '& .cm-tooltip-autocomplete .cm-completionDetail': {\n color: 'var(--color-text-muted)',\n fontStyle: 'normal',\n marginLeft: '8px',\n },\n '& .cm-tooltip-autocomplete .cm-completionInfo': {\n backgroundColor: 'var(--color-bg-field)',\n border: '1px solid var(--color-border)',\n borderRadius: '4px',\n padding: '8px',\n color: 'var(--color-text)',\n },\n '& .cm-completionIcon': {\n width: '16px',\n marginRight: '6px',\n opacity: 0.7,\n },\n '& .cm-scroller': {\n overflowX: 'hidden',\n },\n ...(maxEditorHeight\n ? {\n '.cm-editor-multiline &.cm-editor': {\n maxHeight: maxEditorHeight,\n },\n '.cm-editor-multiline & .cm-scroller': {\n maxHeight: maxEditorHeight,\n overflowY: 'auto',\n },\n }\n : {}),\n });\n" }, { "path": "packages/app/src/components/SaveToDashboardModal.tsx", "content": "import { useEffect, useState } from 'react';\nimport { Controller, useForm, useWatch } from 'react-hook-form';\nimport { SavedChartConfig } from '@hyperdx/common-utils/dist/types';\nimport {\n Box,\n Button,\n Card,\n Group,\n Modal,\n Select,\n Stack,\n Text,\n TextInput,\n} from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\nimport { useQueryClient } from '@tanstack/react-query';\n\nimport {\n Dashboard,\n Tile,\n useCreateDashboard,\n useDashboards,\n useUpdateDashboard,\n} from '@/dashboard';\nimport {\n calculateNextTilePosition,\n getDefaultTileSize,\n makeId,\n} from '@/utils/tilePositioning';\n\ninterface SaveToDashboardModalProps {\n chartConfig: SavedChartConfig;\n opened: boolean;\n onClose: () => void;\n}\n\nconst CREATE_NEW_DASHBOARD_VALUE = '_new';\n\nexport default function SaveToDashboardModal({\n chartConfig,\n opened,\n onClose,\n}: SaveToDashboardModalProps) {\n const queryClient = useQueryClient();\n const { data: dashboards, isLoading: isLoadingDashboards } = useDashboards();\n const createDashboard = useCreateDashboard();\n const updateDashboard = useUpdateDashboard();\n\n const { control, handleSubmit, reset, formState } = useForm<{\n dashboardId: string;\n newDashboardName: string;\n }>({\n defaultValues: {\n dashboardId: '',\n newDashboardName: '',\n },\n });\n\n const dashboardId = useWatch({ control, name: 'dashboardId' });\n const isCreatingNew = dashboardId === CREATE_NEW_DASHBOARD_VALUE;\n\n // Reset form when modal is closed\n useEffect(() => {\n if (!opened) {\n reset();\n }\n }, [opened, reset]);\n\n const dashboardOptions = [\n ...(dashboards?.map(d => ({ value: d.id, label: d.name })) || []),\n {\n value: CREATE_NEW_DASHBOARD_VALUE,\n label: 'Create New Dashboard',\n },\n ];\n\n const createNewTile = (dashboard: Dashboard): Tile => {\n const position = calculateNextTilePosition(dashboard.tiles);\n const size = getDefaultTileSize(chartConfig.displayType);\n\n return {\n id: makeId(),\n x: position.x,\n y: position.y,\n w: size.w,\n h: size.h,\n config: chartConfig,\n };\n };\n\n const onSubmit = handleSubmit(async data => {\n try {\n if (isCreatingNew) {\n // Create new dashboard with the chart as first tile\n if (!data.newDashboardName.trim()) {\n notifications.show({\n color: 'red',\n title: 'Validation Error',\n message: 'Dashboard name is required',\n });\n return;\n }\n\n const newTile = createNewTile({\n id: '',\n name: '',\n tiles: [],\n tags: [],\n });\n\n const result = await createDashboard.mutateAsync({\n name: data.newDashboardName.trim(),\n tiles: [newTile],\n tags: [],\n });\n\n notifications.show({\n color: 'green',\n title: 'Chart saved to dashboard',\n message: (\n <>\n View on{' '}\n \n {result.name}\n \n \n ),\n autoClose: 5000,\n });\n\n onClose();\n } else {\n // Add chart to existing dashboard\n if (!data.dashboardId) {\n notifications.show({\n color: 'red',\n title: 'Validation Error',\n message: 'Please select a dashboard',\n });\n return;\n }\n\n // Get dashboard data from query cache\n const dashboardsData = queryClient.getQueryData([\n 'dashboards',\n ]);\n const targetDashboard = dashboardsData?.find(\n d => d.id === data.dashboardId,\n );\n\n if (!targetDashboard) {\n notifications.show({\n color: 'red',\n title: 'Error',\n message: 'Dashboard not found. Please refresh and try again.',\n });\n return;\n }\n\n const newTile = createNewTile(targetDashboard);\n\n await updateDashboard.mutateAsync({\n id: targetDashboard.id,\n tiles: [...targetDashboard.tiles, newTile],\n });\n\n notifications.show({\n color: 'green',\n title: 'Chart saved to dashboard',\n message: (\n <>\n View on{' '}\n \n {targetDashboard.name}\n \n \n ),\n autoClose: 5000,\n });\n\n onClose();\n }\n } catch (error) {\n notifications.show({\n color: 'red',\n title: 'Error saving chart',\n message:\n error instanceof Error\n ? error.message\n : 'Failed to save chart to dashboard',\n });\n }\n });\n\n const isLoading = createDashboard.isPending || updateDashboard.isPending;\n\n return (\n \n
\n \n {/* Chart Preview */}\n \n \n \n Chart Preview\n \n \n \n Name:\n \n {chartConfig.name || 'Untitled Chart'}\n \n {chartConfig.displayType && (\n \n \n Type:\n \n {chartConfig.displayType}\n \n )}\n \n \n\n {/* Dashboard Selection */}\n \n \n Dashboard *\n \n (\n \n )}\n />\n \n\n {/* New Dashboard Name (conditional) */}\n {isCreatingNew && (\n \n \n Dashboard Name *\n \n (\n \n )}\n />\n \n )}\n\n {/* Actions */}\n \n \n \n \n \n
\n \n );\n}\n" }, { "path": "packages/app/src/components/Search/DBSearchHeatmapChart.tsx", "content": "import { useCallback, useState } from 'react';\nimport { parseAsFloat, parseAsString, useQueryStates } from 'nuqs';\nimport { useForm } from 'react-hook-form';\nimport { z } from 'zod';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport {\n TableConnection,\n tcFromSource,\n} from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n BuilderChartConfigWithDateRange,\n DisplayType,\n TTraceSource,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n ActionIcon,\n Box,\n Button,\n Divider,\n Drawer,\n Flex,\n Group,\n SegmentedControl,\n Stack,\n Text,\n Tooltip,\n useMantineColorScheme,\n} from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { IconPlayerPlay, IconSettings } from '@tabler/icons-react';\n\nimport { MS_NUMBER_FORMAT } from '@/ChartUtils';\nimport { SQLInlineEditorControlled } from '@/components/SQLEditor/SQLInlineEditor';\nimport { getDurationMsExpression } from '@/source';\n\nimport type { AddFilterFn } from '../DBDeltaChart';\nimport DBDeltaChart from '../DBDeltaChart';\nimport DBHeatmapChart, {\n ColorLegend,\n darkPalette,\n type HeatmapScaleType,\n lightPalette,\n} from '../DBHeatmapChart';\n\nconst Schema = z.object({\n value: z.string().trim().min(1),\n count: z.string().trim().optional(),\n});\n\nexport function DBSearchHeatmapChart({\n chartConfig,\n source,\n isReady,\n onAddFilter,\n}: {\n chartConfig: BuilderChartConfigWithDateRange;\n source: TTraceSource;\n isReady: boolean;\n onAddFilter?: AddFilterFn;\n}) {\n const [fields, setFields] = useQueryStates({\n value: parseAsString.withDefault(getDurationMsExpression(source)),\n count: parseAsString.withDefault('count()'),\n scaleType: parseAsString.withDefault('log'),\n // Heatmap selection coordinates\n xMin: parseAsFloat,\n xMax: parseAsFloat,\n yMin: parseAsFloat,\n yMax: parseAsFloat,\n });\n const [container, setContainer] = useState(null);\n const scaleType = (fields.scaleType ?? 'log') as HeatmapScaleType;\n const setScaleType = useCallback(\n (v: HeatmapScaleType) => {\n void setFields({ scaleType: v });\n },\n [setFields],\n );\n const [settingsOpened, settingsHandlers] = useDisclosure(false);\n const { colorScheme } = useMantineColorScheme();\n const palette = colorScheme === 'light' ? lightPalette : darkPalette;\n\n // After applying a filter, clear the heatmap selection so the delta chart\n // resets instead of staying in comparison mode.\n const handleAddFilterAndClearSelection = useCallback<\n NonNullable\n >(\n (property, value, action) => {\n setFields({ xMin: null, xMax: null, yMin: null, yMax: null });\n onAddFilter?.(property, value, action);\n },\n [onAddFilter, setFields],\n );\n\n return (\n \n \n {\n setFields({ xMin, xMax, yMin, yMax });\n }}\n />\n {/* Gear icon overlaid on chart top-right */}\n \n \n \n \n \n \n {\n setFields({\n value: data.value,\n count: data.count,\n });\n settingsHandlers.close();\n }}\n />\n \n }\n />\n \n \n );\n}\n\nfunction HeatmapSettingsDrawer({\n opened,\n onClose,\n connection,\n parentRef,\n defaultValues,\n scaleType,\n onScaleTypeChange,\n onSubmit,\n}: {\n opened: boolean;\n onClose: () => void;\n connection: TableConnection;\n parentRef?: HTMLElement | null;\n defaultValues: z.infer;\n scaleType: HeatmapScaleType;\n onScaleTypeChange: (v: HeatmapScaleType) => void;\n onSubmit: (v: z.infer) => void;\n}) {\n const form = useForm({\n resolver: zodResolver(Schema),\n defaultValues,\n });\n\n const handleClose = useCallback(() => {\n form.reset(defaultValues);\n onClose();\n }, [onClose, form, defaultValues]);\n\n return (\n \n
\n \n \n \n Scale\n \n onScaleTypeChange(v as HeatmapScaleType)}\n data={[\n { label: 'Log', value: 'log' },\n { label: 'Linear', value: 'linear' },\n ]}\n />\n \n\n \n\n \n\n \n\n \n \n \n }\n >\n Apply\n \n \n \n
\n \n );\n}\n" }, { "path": "packages/app/src/components/SearchInput/AutocompleteInput.module.scss", "content": ".root {\n position: relative;\n flex: 1;\n min-height: var(--autocomplete-base-height, 36px);\n}\n\n.textarea {\n flex-grow: 1;\n resize: none;\n border: 1px solid var(--color-border);\n border-radius: var(--mantine-radius-default);\n\n textarea {\n border: none !important;\n }\n\n textarea::placeholder {\n transform: translateY(1px);\n }\n\n &.focused {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n z-index: 100;\n box-shadow: var(--mb-shadow, var(--mantine-shadow-xs));\n border-bottom: 2px solid var(--color-bg-brand) !important;\n }\n\n /* Fade at the bottom when collapsed (single-line, not focused); applied to textarea */\n &.collapseFade {\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n height: 12px;\n background: linear-gradient(\n to bottom,\n transparent,\n var(--color-bg-field)\n );\n pointer-events: none;\n border-radius: var(--mantine-radius-default);\n }\n }\n}\n\n/* Dropdown content */\n.aboveSuggestions {\n display: flex;\n padding: 0.5rem 0.75rem;\n flex-wrap: wrap;\n}\n\n.suggestionsSection {\n border-top: 1px solid var(--color-border);\n font-size: var(--mantine-font-size-sm);\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.suggestionsHeaderRow {\n display: flex;\n justify-content: space-between;\n padding: 0 0.75rem;\n margin-bottom: 0.5rem;\n}\n\n.suggestionsHeader {\n margin-right: 0.5rem;\n color: var(--color-text);\n}\n\n.suggestionsLimit {\n color: var(--color-text-muted);\n}\n\n.suggestionItem {\n padding: 0.5rem 0.75rem;\n\n &.selected {\n background-color: var(--color-bg-muted);\n }\n}\n\n.suggestionLabel {\n margin-right: 0.25rem;\n}\n\n.belowSuggestions {\n border-top: 1px solid var(--color-border);\n padding: 0.5rem 0.75rem 0.25rem;\n font-size: var(--mantine-font-size-sm);\n display: flex;\n align-items: center;\n color: var(--color-text-muted);\n flex-wrap: wrap;\n}\n\n.historySection {\n border-top: 1px solid var(--color-border);\n font-size: var(--mantine-font-size-sm);\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.historyTitle {\n color: var(--color-text-muted);\n font-size: var(--mantine-font-size-sm);\n font-weight: 700;\n margin-right: 0.25rem;\n padding: 0 0.75rem;\n}\n\n.historyItem {\n display: block;\n width: 100%;\n text-align: start;\n color: var(--color-text-muted);\n font-weight: 400;\n padding: 0.5rem 0.75rem;\n font-size: var(--mantine-font-size-sm);\n border: none;\n background: none;\n cursor: pointer;\n\n &:hover {\n background-color: var(--color-bg-muted);\n }\n\n &.selected {\n background-color: var(--color-bg-muted);\n }\n}\n\n.historyItemLabel {\n margin-right: 0.25rem;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.dropdown {\n padding: 0;\n}\n" }, { "path": "packages/app/src/components/SearchInput/AutocompleteInput.tsx", "content": "import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport cx from 'classnames';\nimport Fuse from 'fuse.js';\nimport { Popover, Textarea, UnstyledButton } from '@mantine/core';\n\nimport { useQueryHistory } from '@/utils';\nimport { useDebounce } from '@/utils';\n\nimport InputLanguageSwitch from './InputLanguageSwitch';\n\nimport styles from './AutocompleteInput.module.scss';\n\nexport default function AutocompleteInput({\n inputRef,\n value,\n onChange,\n placeholder = 'Search your events for anything...',\n autocompleteOptions,\n size = 'sm',\n aboveSuggestions,\n belowSuggestions,\n showSuggestionsOnEmpty,\n suggestionsHeader = 'Properties',\n zIndex = 999,\n onLanguageChange,\n language,\n onSubmit,\n queryHistoryType,\n 'data-testid': dataTestId,\n}: {\n inputRef: React.RefObject;\n value?: string;\n onChange: (value: string) => void;\n onSubmit?: () => void;\n placeholder?: string;\n size?: 'xs' | 'sm' | 'lg';\n autocompleteOptions?: { value: string; label: string }[];\n aboveSuggestions?: React.ReactNode;\n belowSuggestions?: React.ReactNode;\n showSuggestionsOnEmpty?: boolean;\n suggestionsHeader?: string;\n zIndex?: number;\n onLanguageChange?: (language: 'sql' | 'lucene') => void;\n language?: 'sql' | 'lucene';\n queryHistoryType?: string;\n 'data-testid'?: string;\n}) {\n const suggestionsLimit = 10;\n\n const [isSearchInputFocused, _setIsSearchInputFocused] = useState(false);\n const [isInputDropdownOpen, setIsInputDropdownOpen] = useState(false);\n const setIsSearchInputFocused = useCallback(\n (state: boolean) => {\n _setIsSearchInputFocused(state);\n setIsInputDropdownOpen(state);\n },\n [_setIsSearchInputFocused],\n );\n const [rightSectionWidth, setRightSectionWidth] = useState(\n 'auto',\n );\n const [inputWidth, setInputWidth] = useState(720);\n\n const [selectedAutocompleteIndex, setSelectedAutocompleteIndex] =\n useState(-1);\n\n const [selectedQueryHistoryIndex, setSelectedQueryHistoryIndex] =\n useState(-1);\n // query search history\n const [queryHistory, setQueryHistory] = useQueryHistory(queryHistoryType);\n const queryHistoryList = useMemo(() => {\n if (!queryHistoryType || !queryHistory) return [];\n return queryHistory.map(q => {\n return {\n value: q,\n label: q,\n };\n });\n }, [queryHistory, queryHistoryType]);\n\n const showSearchHistory =\n value != null &&\n value.length === 0 &&\n queryHistoryList.length > 0 &&\n queryHistoryType;\n\n const fuse = useMemo(\n () =>\n new Fuse(autocompleteOptions ?? [], {\n keys: ['value'],\n threshold: 0,\n ignoreLocation: true,\n }),\n [autocompleteOptions],\n );\n\n const debouncedValue = useDebounce(value ?? '', 200);\n const suggestedProperties = useMemo(() => {\n const tokens = debouncedValue.split(' ');\n const lastToken = tokens[tokens.length - 1];\n\n if (lastToken.length === 0 && showSuggestionsOnEmpty) {\n return autocompleteOptions ?? [];\n }\n return fuse.search(lastToken).map(result => result.item);\n }, [debouncedValue, fuse, autocompleteOptions, showSuggestionsOnEmpty]);\n\n const onSelectSearchHistory = (query: string) => {\n setSelectedQueryHistoryIndex(-1);\n onChange(query); // update inputText bar\n setQueryHistory(query); // update history order\n setIsInputDropdownOpen(false); // close dropdown since we execute search\n onSubmit?.(); // search\n };\n\n const onAcceptSuggestion = (suggestion: string) => {\n setSelectedAutocompleteIndex(-1);\n\n const newValue =\n value == null\n ? suggestion\n : value.split(' ').slice(0, -1).join(' ') +\n `${value.split(' ').length > 1 ? ' ' : ''}${suggestion}`;\n onChange(newValue);\n inputRef.current?.focus();\n };\n const ref = useRef(null);\n useLayoutEffect(() => {\n if (ref.current) {\n setRightSectionWidth(ref.current.clientWidth);\n }\n if (inputRef.current) {\n setInputWidth(inputRef.current.clientWidth);\n }\n }, [language, onLanguageChange, inputRef]);\n\n // Height including the 2px border from .textarea (1px top + 1px bottom)\n const baseHeight = size === 'xs' ? 32 : size === 'lg' ? 44 : 38;\n\n return (\n \n 300 ? inputWidth : 720,\n width: '100%',\n zIndex,\n },\n }}\n >\n \n onChange(e.target.value)}\n onFocus={() => {\n setSelectedAutocompleteIndex(-1);\n setSelectedQueryHistoryIndex(-1);\n setIsSearchInputFocused(true);\n }}\n onBlur={() => {\n setSelectedAutocompleteIndex(-1);\n setSelectedQueryHistoryIndex(-1);\n setIsSearchInputFocused(false);\n }}\n onKeyDown={e => {\n if (\n e.key === 'Escape' &&\n e.target instanceof HTMLTextAreaElement\n ) {\n e.preventDefault();\n setIsInputDropdownOpen(false);\n e.target.blur();\n }\n\n // Autocomplete Navigation/Acceptance Keys\n if (e.key === 'Tab' && e.target instanceof HTMLTextAreaElement) {\n if (\n suggestedProperties.length > 0 &&\n selectedAutocompleteIndex < suggestedProperties.length &&\n selectedAutocompleteIndex >= 0\n ) {\n e.preventDefault();\n onAcceptSuggestion(\n suggestedProperties[selectedAutocompleteIndex].value,\n );\n }\n }\n if (\n e.key === 'Enter' &&\n e.target instanceof HTMLTextAreaElement\n ) {\n if (\n suggestedProperties.length > 0 &&\n selectedAutocompleteIndex < suggestedProperties.length &&\n selectedAutocompleteIndex >= 0\n ) {\n e.preventDefault();\n onAcceptSuggestion(\n suggestedProperties[selectedAutocompleteIndex].value,\n );\n } else {\n // Allow shift+enter to still create new lines\n if (!e.shiftKey) {\n e.preventDefault();\n if (queryHistoryType && value) {\n setQueryHistory(value);\n }\n onSubmit?.();\n }\n }\n }\n if (\n e.key === 'ArrowDown' &&\n e.target instanceof HTMLTextAreaElement\n ) {\n if (suggestedProperties.length > 0) {\n setSelectedAutocompleteIndex(\n Math.min(\n selectedAutocompleteIndex + 1,\n suggestedProperties.length - 1,\n suggestionsLimit - 1,\n ),\n );\n }\n }\n if (\n e.key === 'ArrowUp' &&\n e.target instanceof HTMLTextAreaElement\n ) {\n if (suggestedProperties.length > 0) {\n setSelectedAutocompleteIndex(\n Math.max(selectedAutocompleteIndex - 1, 0),\n );\n }\n }\n }}\n rightSectionWidth={rightSectionWidth}\n rightSection={\n language != null && onLanguageChange != null ? (\n
\n \n
\n ) : undefined\n }\n />\n \n \n {aboveSuggestions != null && (\n
{aboveSuggestions}
\n )}\n
\n {suggestedProperties.length > 0 && (\n
\n
\n
\n {suggestionsHeader}\n
\n {suggestedProperties.length > suggestionsLimit && (\n
\n (Showing Top {suggestionsLimit})\n
\n )}\n
\n {suggestedProperties\n .slice(0, suggestionsLimit)\n .map(({ value, label }, i) => (\n {\n setSelectedAutocompleteIndex(i);\n }}\n onClick={() => {\n onAcceptSuggestion(value);\n }}\n >\n {label}\n
\n ))}\n
\n )}\n \n {belowSuggestions != null && (\n
{belowSuggestions}
\n )}\n
\n {showSearchHistory && (\n
\n
Search History:
\n {queryHistoryList.map(({ value, label }, i) => {\n return (\n setSelectedQueryHistoryIndex(i)}\n onClick={() => onSelectSearchHistory(value)}\n >\n {label}\n \n );\n })}\n
\n )}\n
\n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/SearchInput/InputLanguageSwitch.tsx", "content": "import { Select } from '@mantine/core';\nimport { IconChevronDown } from '@tabler/icons-react';\n\ntype Language = 'sql' | 'lucene';\n\nconst DATA: { value: Language; label: string }[] = [\n { value: 'sql', label: 'SQL' },\n { value: 'lucene', label: 'Lucene' },\n];\n\nexport default function InputLanguageSwitch({\n language,\n onLanguageChange,\n}: {\n language: Language;\n onLanguageChange: (language: Language) => void;\n}) {\n return (\n {\n if (value === 'sql' || value === 'lucene') {\n onLanguageChange(value);\n }\n }}\n data={DATA}\n w={80}\n rightSection={}\n styles={{\n input: {\n border: 'none',\n background: 'transparent',\n minHeight: 28,\n fontWeight: 500,\n },\n dropdown: {\n minWidth: 96,\n },\n }}\n aria-label=\"Query language\"\n />\n );\n}\n" }, { "path": "packages/app/src/components/SearchInput/SearchInputV2.module.scss", "content": ".searchingHeader {\n color: var(--color-text-muted);\n font-size: var(--mantine-font-size-sm);\n font-weight: 700;\n margin-right: 0.25rem;\n}\n\n.searchingDescription {\n color: var(--color-text-muted);\n font-size: var(--mantine-font-size-sm);\n}\n\n.examplesLabel {\n margin-right: 0.5rem;\n margin-bottom: 0.5rem;\n color: var(--color-text);\n}\n\n.exampleRow {\n margin-bottom: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.exampleLabel {\n margin-right: 0.25rem;\n}\n\n.exampleCode {\n color: var(--color-text-muted);\n background-color: var(--color-bg-highlighted);\n padding: 0.25rem;\n border-radius: var(--mantine-radius-default);\n border: 1px solid var(--color-border);\n cursor: pointer;\n\n &:hover {\n opacity: 0.9;\n }\n}\n\n.docsLink {\n color: var(--color-text-muted);\n margin-bottom: 0.5rem;\n}\n" }, { "path": "packages/app/src/components/SearchInput/SearchInputV2.tsx", "content": "import { useEffect, useRef, useState } from 'react';\nimport { useController, UseControllerProps } from 'react-hook-form';\nimport { useHotkeys } from 'react-hotkeys-hook';\nimport {\n Field,\n TableConnectionChoice,\n} from '@hyperdx/common-utils/dist/core/metadata';\nimport { genEnglishExplanation } from '@hyperdx/common-utils/dist/queryParser';\nimport { Group } from '@mantine/core';\nimport { IconBook } from '@tabler/icons-react';\n\nimport {\n ILanguageFormatter,\n useAutoCompleteOptions,\n} from '@/hooks/useAutoCompleteOptions';\nimport { useMetadataWithSettings } from '@/hooks/useMetadata';\n\nimport AutocompleteInput from './AutocompleteInput';\n\nimport styles from './SearchInputV2.module.scss';\n\nexport class LuceneLanguageFormatter implements ILanguageFormatter {\n formatFieldValue(f: Field): string {\n return f.path.join('.');\n }\n formatFieldLabel(f: Field): string {\n return `${f.path.join('.')} (${f.jsType})`;\n }\n formatKeyValPair(key: string, value: string): string {\n return `${key}:\"${value}\"`;\n }\n}\n\nconst luceneLanguageFormatter = new LuceneLanguageFormatter();\nexport default function SearchInputV2({\n tableConnection,\n tableConnections,\n placeholder = 'Search your events for anything...',\n size = 'sm',\n zIndex,\n language,\n onLanguageChange,\n enableHotkey,\n onSubmit,\n additionalSuggestions,\n queryHistoryType,\n 'data-testid': dataTestId,\n ...props\n}: {\n placeholder?: string;\n size?: 'xs' | 'sm' | 'lg';\n zIndex?: number;\n onLanguageChange?: (language: 'sql' | 'lucene') => void;\n language?: 'sql' | 'lucene';\n enableHotkey?: boolean;\n onSubmit?: () => void;\n additionalSuggestions?: string[];\n queryHistoryType?: string;\n 'data-testid'?: string;\n} & UseControllerProps &\n TableConnectionChoice) {\n const {\n field: { onChange, value },\n } = useController(props);\n\n const metadata = useMetadataWithSettings();\n const ref = useRef(null);\n const [parsedEnglishQuery, setParsedEnglishQuery] = useState('');\n\n const autoCompleteOptions = useAutoCompleteOptions(\n luceneLanguageFormatter,\n value != null ? `${value}` : '',\n {\n tableConnection: tableConnection ? tableConnection : tableConnections,\n additionalSuggestions,\n },\n );\n\n useEffect(() => {\n if (tableConnection) {\n genEnglishExplanation({\n query: value,\n tableConnection,\n metadata,\n }).then(q => {\n setParsedEnglishQuery(q);\n });\n }\n }, [value, tableConnection, metadata]);\n\n useHotkeys(\n ['/', 's'],\n () => {\n if (enableHotkey) {\n ref.current?.focus();\n }\n },\n {\n preventDefault: true,\n enableOnFormTags: false,\n enableOnContentEditable: false,\n },\n [enableHotkey],\n );\n\n return (\n \n
Searching for:
\n
\n {parsedEnglishQuery === ''\n ? 'Matching all events, enter a query to search.'\n : parsedEnglishQuery}\n
\n \n }\n belowSuggestions={\n <>\n
Examples:
\n
\n Full Text:\n {\n const newValue =\n value + (value.length > 0 ? ' ' : '') + 'my log';\n onChange(newValue);\n }}\n >\n my log\n \n
\n\n
\n Substring:\n {\n const newValue =\n value + (value.length > 0 ? ' ' : '') + '*err*';\n onChange(newValue);\n }}\n >\n *err*\n \n
\n\n
\n Exact:\n {\n const newValue =\n value + (value.length > 0 ? ' ' : '') + 'level:\"info\"';\n onChange(newValue);\n }}\n >\n level:{'\"'}info{'\"'}\n \n
\n\n
\n Not:\n {\n const newValue =\n value + (value.length > 0 ? ' ' : '') + '-level:info';\n onChange(newValue);\n }}\n >\n -level:info\n \n
\n\n
\n Existence:\n {\n const newValue =\n value + (value.length > 0 ? ' ' : '') + 'service:*';\n onChange(newValue);\n }}\n >\n service:*\n \n
\n\n
\n Boolean:\n {\n const newValue =\n value + (value.length > 0 ? ' ' : '') + '(\"foo\" OR \"bar\")';\n onChange(newValue);\n }}\n >\n (foo OR bar)\n \n
\n\n \n \n \n Docs\n \n \n \n }\n />\n );\n}\n" }, { "path": "packages/app/src/components/SearchInput/SearchWhereInput.module.scss", "content": ".root {\n position: relative;\n flex: 1 1 0%;\n min-width: 0;\n display: flex;\n flex-direction: row;\n align-items: stretch;\n\n /* visible so expanded SQL editor (position:absolute overlay) is not clipped */\n overflow: visible;\n}\n\n.inputWrapper {\n position: relative;\n flex: 1;\n min-width: 0;\n\n /* When SQLInlineEditor is expanded, round the Paper bottom-left corner */\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n :global([data-expanded='true']) :global(.mantine-Paper-root) {\n border-bottom-left-radius: var(--mantine-radius-default);\n min-height: 38px;\n border-bottom: 2px solid var(--color-bg-brand) !important;\n }\n\n /* When AutocompleteInput (Lucene) is expanded, round the input wrapper bottom-left corner */\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n :global([data-expanded='true']) :global(.mantine-InputWrapper-root) {\n border-bottom-left-radius: var(--mantine-radius-default);\n border-bottom: 2px solid var(--color-bg-brand);\n\n textarea {\n min-height: 38px !important;\n }\n }\n\n /* target only the SQLInlineEditor Paper (not the AutocompleteInput) */\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n :global(.mantine-Paper-root) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n /* target only the AutocompleteInput Paper (not the SQLInlineEditor) */\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n :global(.mantine-InputWrapper-root) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n\n textarea {\n border-radius: 0 var(--mantine-radius-default)\n var(--mantine-radius-default) 0;\n\n /* Prevent scrollbar when placeholder text wraps in narrow containers (maxRows=1 when unfocused) */\n overflow: hidden;\n }\n }\n\n /* !important overrides the inline min-height set by react-textarea-autosize */\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n &.sizeXs :global(.mantine-InputWrapper-root) textarea {\n min-height: 30px !important;\n }\n\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n &.sizeSm :global(.mantine-InputWrapper-root) textarea {\n min-height: 34px !important;\n }\n}\n\n.languageSwitch {\n position: relative;\n flex-shrink: 0;\n align-items: center;\n padding-left: 4px;\n border: 1px solid var(--color-border);\n border-right: none;\n border-radius: var(--mantine-radius-default) 0 0 var(--mantine-radius-default);\n background-color: var(--color-bg-field-addon);\n\n &.sizeXs {\n height: 32px;\n }\n\n &.sizeSm {\n height: 36px;\n }\n}\n\n.shortcutHint {\n position: absolute;\n top: 50%;\n right: 8px;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n\n /* Perfect square Kbd: Mantine Kbd renders as */\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n :global(kbd) {\n width: 22px;\n height: 22px;\n min-width: 22px;\n min-height: 22px;\n padding: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n }\n}\n" }, { "path": "packages/app/src/components/SearchInput/SearchWhereInput.stories.tsx", "content": "import React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { Stack } from '@mantine/core';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n\nimport SearchWhereInput from './SearchWhereInput';\n\nexport default {\n title: 'Components/SearchWhereInput',\n component: SearchWhereInput,\n};\n\nconst queryClient = new QueryClient();\n\n// Mock table connection for stories\nconst mockTableConnection = {\n databaseName: 'default',\n tableName: 'otel_logs',\n connectionId: 'default',\n};\n\nfunction SearchWhereInputWrapper({\n defaultLanguage = 'lucene',\n width,\n showLabel,\n allowMultiline,\n}: {\n defaultLanguage?: 'sql' | 'lucene';\n width?: string;\n showLabel?: boolean;\n allowMultiline?: boolean;\n}) {\n const { control } = useForm({\n defaultValues: {\n where: '',\n whereLanguage: defaultLanguage,\n },\n });\n\n return (\n \n \n \n \n \n );\n}\n\nexport const DefaultLucene = () => (\n \n);\nDefaultLucene.storyName = 'Default (Lucene Mode)';\n\nexport const SqlMode = () => ;\nSqlMode.storyName = 'SQL Mode';\n\nexport const CustomWidth = () => (\n \n);\nCustomWidth.storyName = 'Custom Width (50%)';\n\nexport const NoLabel = () => (\n \n);\nNoLabel.storyName = 'SQL Without Label';\n\nexport const NoMultiline = () => (\n \n);\nNoMultiline.storyName = 'SQL Without Multiline';\n" }, { "path": "packages/app/src/components/SearchInput/SearchWhereInput.tsx", "content": "import { FieldPath, useController, UseControllerProps } from 'react-hook-form';\nimport { TableConnectionChoice } from '@hyperdx/common-utils/dist/core/metadata';\nimport { Box, Flex, Kbd } from '@mantine/core';\n\nimport { SQLInlineEditorControlled } from '@/components/SQLEditor/SQLInlineEditor';\n\nimport InputLanguageSwitch from './InputLanguageSwitch';\nimport SearchInputV2 from './SearchInputV2';\n\nimport styles from './SearchWhereInput.module.scss';\n\nconst STORAGE_KEY = 'hdx-search-where-language';\n\n/**\n * Returns the user's stored WHERE language preference, or null if none or unavailable.\n * Use when building form/URL defaults so the same selection applies across pages and on navigation.\n */\nexport function getStoredLanguage(): 'sql' | 'lucene' | null {\n try {\n const stored =\n typeof window !== 'undefined'\n ? window.localStorage.getItem(STORAGE_KEY)\n : null;\n if (stored === 'sql' || stored === 'lucene') return stored;\n } catch {\n // localStorage may throw in private browsing\n }\n return null;\n}\n\nfunction setStoredLanguage(lang: 'sql' | 'lucene'): void {\n try {\n if (typeof window !== 'undefined')\n window.localStorage.setItem(STORAGE_KEY, lang);\n } catch {\n // localStorage may throw in private browsing\n }\n}\n\nexport type SearchWhereInputProps = {\n /**\n * Callback when form should be submitted\n */\n onSubmit?: () => void;\n /**\n * Callback when language changes - typically used to update form state\n * If not provided, language switching will be handled internally\n */\n onLanguageChange?: (lang: 'sql' | 'lucene') => void;\n /**\n * Enable keyboard shortcut (/ or s) to focus the input\n */\n enableHotkey?: boolean;\n /**\n * Size of the input\n */\n size?: 'xs' | 'sm';\n /**\n * Show label on SQL input (default true). Use label to customize text (e.g. \"GLOBAL WHERE\").\n */\n showLabel?: boolean;\n /**\n * Label text when showLabel is true (default \"WHERE\")\n */\n label?: string;\n /**\n * Enable multiline for SQL input\n */\n allowMultiline?: boolean;\n /**\n * Query history type for SQL input\n */\n sqlQueryHistoryType?: string;\n /**\n * Query history type for Lucene input\n */\n luceneQueryHistoryType?: string;\n /**\n * Placeholder for SQL input\n */\n sqlPlaceholder?: string;\n /**\n * Placeholder for Lucene input\n */\n lucenePlaceholder?: string;\n /**\n * Width style for the wrapper Box\n */\n width?: string | number;\n /**\n * Max width style for the wrapper Box\n */\n maxWidth?: string | number;\n /**\n * Min width style for the wrapper Box (useful in wrapping flex containers)\n */\n minWidth?: string | number;\n /**\n * Test ID for the input\n */\n 'data-testid'?: string;\n /**\n * Additional autocomplete/suggestion options (e.g. attribute names)\n */\n additionalSuggestions?: string[];\n /**\n * Form field name for the language value ('sql' | 'lucene').\n * If not provided, defaults to `${name}Language` (e.g. name=\"where\" → \"whereLanguage\").\n */\n languageName?: string;\n} & TableConnectionChoice &\n UseControllerProps;\n\n/**\n * A unified search input component that handles both SQL and Lucene modes.\n *\n * This component expects two form fields:\n * - `name` (e.g., \"where\") - The actual search query value\n * - The language field - controlled by `languageName` (defaults to `${name}Language`, e.g. \"whereLanguage\")\n *\n * @example\n * ```tsx\n * setValue('whereLanguage', lang, { shouldDirty: true })}\n * enableHotkey\n * />\n * ```\n */\nexport default function SearchWhereInput({\n tableConnection,\n tableConnections,\n control,\n name,\n onSubmit,\n onLanguageChange,\n enableHotkey,\n size = 'sm',\n showLabel = true,\n label: labelText = 'WHERE',\n allowMultiline = true,\n sqlQueryHistoryType,\n luceneQueryHistoryType,\n sqlPlaceholder = \"SQL WHERE clause (ex. column = 'foo')\",\n lucenePlaceholder = 'Search your events w/ Lucene ex. column:foo',\n width = '100%',\n maxWidth = '100%',\n minWidth,\n 'data-testid': dataTestId,\n additionalSuggestions,\n languageName = `${name}Language`,\n}: SearchWhereInputProps) {\n const { field: languageField } = useController({\n control,\n name: languageName as FieldPath,\n });\n\n const language: 'sql' | 'lucene' = languageField.value ?? 'lucene';\n const isSql = language === 'sql';\n\n const handleLanguageChange = (lang: 'sql' | 'lucene') => {\n setStoredLanguage(lang);\n languageField.onChange(lang);\n onLanguageChange?.(lang);\n };\n\n const tc = tableConnection ? { tableConnection } : { tableConnections };\n const sizeClass = size === 'xs' ? styles.sizeXs : styles.sizeSm;\n\n return (\n \n e.preventDefault()}\n >\n \n \n \n {isSql ? (\n \n ) : (\n \n )}\n {enableHotkey && (\n \n /\n \n )}\n \n \n );\n}\n" }, { "path": "packages/app/src/components/SearchInput/__tests__/SearchWhereInput.test.tsx", "content": "import React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { MantineProvider } from '@mantine/core';\nimport { Notifications } from '@mantine/notifications';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport SearchWhereInput from '../SearchWhereInput';\n\nfunction renderWithMantine(ui: React.ReactElement) {\n return render(\n \n \n {ui}\n ,\n );\n}\n\n// Mock table connection for tests\nconst mockTableConnection = {\n databaseName: 'default',\n tableName: 'otel_logs',\n connectionId: 'test-connection',\n};\n\nconst queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n retry: false,\n },\n },\n});\n\n// Test wrapper component that provides form context and query client\nfunction TestWrapper({\n defaultLanguage = 'lucene',\n onSubmit,\n children,\n}: {\n defaultLanguage?: 'sql' | 'lucene';\n onSubmit?: jest.Mock;\n children?: (props: { control: any }) => React.ReactNode;\n}) {\n const form = useForm({\n defaultValues: {\n where: '',\n whereLanguage: defaultLanguage,\n },\n });\n\n return (\n \n {children ? (\n children({ control: form.control })\n ) : (\n \n )}\n \n );\n}\n\ndescribe('SearchWhereInput', () => {\n beforeEach(() => {\n queryClient.clear();\n });\n\n describe('Lucene Mode', () => {\n it('renders Lucene input when whereLanguage is lucene', () => {\n renderWithMantine();\n\n // Lucene mode uses a textarea from AutocompleteInput\n const input = screen.getByPlaceholderText(\n /Search your events w\\/ Lucene/i,\n );\n expect(input).toBeInTheDocument();\n });\n\n it('allows typing in Lucene mode', async () => {\n const user = userEvent.setup();\n renderWithMantine();\n\n const input = screen.getByPlaceholderText(\n /Search your events w\\/ Lucene/i,\n );\n await user.type(input, 'level:error');\n\n await waitFor(() => {\n expect(input).toHaveValue('level:error');\n });\n });\n });\n\n describe('SQL Mode', () => {\n it('renders SQL input with WHERE label when whereLanguage is sql', () => {\n renderWithMantine();\n\n // SQL mode shows the WHERE label\n expect(screen.getByText('WHERE')).toBeInTheDocument();\n });\n\n it('renders SQL placeholder', () => {\n renderWithMantine();\n\n // Check for placeholder text in the CodeMirror editor\n // Note: CodeMirror may render placeholder differently\n const sqlPlaceholder = screen.queryByText(/SQL WHERE clause/i);\n // If placeholder is not directly visible, the component should still render\n expect(screen.getByText('WHERE')).toBeInTheDocument();\n });\n });\n\n describe('Form Integration', () => {\n it('reads language from whereLanguage field', () => {\n // Default is lucene\n renderWithMantine();\n expect(\n screen.getByPlaceholderText(/Search your events w\\/ Lucene/i),\n ).toBeInTheDocument();\n });\n\n it('calls onSubmit when provided', async () => {\n const mockOnSubmit = jest.fn();\n const user = userEvent.setup();\n\n renderWithMantine(\n ,\n );\n\n const input = screen.getByPlaceholderText(\n /Search your events w\\/ Lucene/i,\n );\n await user.type(input, 'test query{enter}');\n\n await waitFor(() => {\n expect(mockOnSubmit).toHaveBeenCalled();\n });\n });\n });\n\n describe('Component Props', () => {\n it('respects width prop in SQL mode', () => {\n renderWithMantine(\n \n {({ control }) => (\n \n )}\n ,\n );\n\n // The Box wrapper should have the width style\n expect(screen.getByText('WHERE')).toBeInTheDocument();\n });\n\n it('hides label when showLabel is false', () => {\n renderWithMantine(\n \n {({ control }) => (\n \n )}\n ,\n );\n\n expect(screen.queryByText('WHERE')).not.toBeInTheDocument();\n });\n\n it('uses custom placeholders when provided', () => {\n renderWithMantine(\n \n {({ control }) => (\n \n )}\n ,\n );\n\n expect(\n screen.getByPlaceholderText('Custom Lucene placeholder'),\n ).toBeInTheDocument();\n });\n });\n});\n" }, { "path": "packages/app/src/components/SearchInput/index.ts", "content": "export { default as AutocompleteInput } from './AutocompleteInput';\nexport { default as InputLanguageSwitch } from './InputLanguageSwitch';\nexport { default as SearchInputV2 } from './SearchInputV2';\nexport {\n getStoredLanguage,\n default as SearchWhereInput,\n type SearchWhereInputProps,\n} from './SearchWhereInput';\n" }, { "path": "packages/app/src/components/SearchPageActionBar.tsx", "content": "import { ActionIcon, Menu } from '@mantine/core';\nimport { IconDotsVertical, IconForms, IconTrash } from '@tabler/icons-react';\n\nexport default function SearchPageActionBar({\n onClickDeleteSavedSearch,\n onClickRenameSavedSearch,\n}: {\n onClickDeleteSavedSearch: () => void;\n onClickRenameSavedSearch: () => void;\n}) {\n return (\n \n \n \n \n \n \n\n \n }\n onClick={onClickDeleteSavedSearch}\n >\n Delete Saved Search\n \n }\n onClick={onClickRenameSavedSearch}\n >\n Rename Saved Search\n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/SearchTotalCountChart.tsx", "content": "import { useMemo } from 'react';\nimport {\n filterColumnMetaByType,\n JSDataType,\n ResponseJSON,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport { BuilderChartConfigWithDateRange } from '@hyperdx/common-utils/dist/types';\nimport { Text } from '@mantine/core';\nimport { keepPreviousData } from '@tanstack/react-query';\n\nimport api from '@/api';\nimport { convertToTimeChartConfig } from '@/ChartUtils';\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\n\nfunction inferCountColumn(meta: ResponseJSON['meta'] | undefined): string {\n if (!meta) return 'count()';\n if (meta.find(col => col.name === 'count()')) {\n return 'count()';\n }\n\n // The column may be named differently, particularly when using Materialized Views.\n return (\n filterColumnMetaByType(meta, [JSDataType.Number])?.[0].name ?? 'count()'\n );\n}\n\nexport function useSearchTotalCount(\n config: BuilderChartConfigWithDateRange,\n queryKeyPrefix: string,\n {\n disableQueryChunking,\n enableParallelQueries,\n }: {\n disableQueryChunking?: boolean;\n enableParallelQueries?: boolean;\n } = {},\n) {\n // queriedConfig, queryKey, and enableQueryChunking match DBTimeChart so that react query can de-dupe these queries.\n const queriedConfig = useMemo(\n () => convertToTimeChartConfig(config),\n [config],\n );\n\n const { data: me, isLoading: isLoadingMe } = api.useMe();\n const {\n data: totalCountData,\n isLoading,\n isError,\n } = useQueriedChartConfig(queriedConfig, {\n queryKey: [\n queryKeyPrefix,\n queriedConfig,\n 'chunked',\n {\n disableQueryChunking,\n enableParallelQueries,\n parallelizeWhenPossible: me?.team?.parallelizeWhenPossible,\n },\n ],\n staleTime: 1000 * 60 * 5,\n refetchOnWindowFocus: false,\n placeholderData: keepPreviousData, // no need to flash loading state when in live tail\n enableQueryChunking: true,\n enabled: !isLoadingMe,\n });\n\n const isTotalCountComplete = !!totalCountData?.isComplete;\n\n const totalCount = useMemo(() => {\n const countColumn = inferCountColumn(totalCountData?.meta);\n return totalCountData?.data?.reduce(\n (p: number, v: any) => p + Number.parseInt(v[countColumn]),\n 0,\n );\n }, [totalCountData]);\n\n return {\n totalCount,\n isLoading,\n isError,\n isTotalCountComplete,\n };\n}\n\nexport default function SearchTotalCountChart({\n config,\n queryKeyPrefix,\n disableQueryChunking,\n enableParallelQueries,\n}: {\n config: BuilderChartConfigWithDateRange;\n queryKeyPrefix: string;\n disableQueryChunking?: boolean;\n enableParallelQueries?: boolean;\n}) {\n const { totalCount, isLoading, isError } = useSearchTotalCount(\n config,\n queryKeyPrefix,\n {\n disableQueryChunking,\n enableParallelQueries,\n },\n );\n\n return (\n \n {isLoading ? (\n ··· Results\n ) : totalCount !== null && !isError ? (\n `${totalCount?.toLocaleString()} Results`\n ) : (\n '0 Results'\n )}\n \n );\n}\n" }, { "path": "packages/app/src/components/SectionHeader.tsx", "content": "import { useState } from 'react';\nimport { DashboardContainer } from '@hyperdx/common-utils/dist/types';\nimport { ActionIcon, Flex, Input, Menu, Text } from '@mantine/core';\nimport {\n IconChevronRight,\n IconDotsVertical,\n IconEye,\n IconEyeOff,\n IconPlus,\n IconTrash,\n} from '@tabler/icons-react';\n\nexport default function SectionHeader({\n section,\n tileCount,\n onToggle,\n onRename,\n onDelete,\n onAddTile,\n}: {\n section: DashboardContainer;\n tileCount: number;\n onToggle: () => void;\n onRename?: (newTitle: string) => void;\n onDelete?: () => void;\n onAddTile?: () => void;\n}) {\n const [editing, setEditing] = useState(false);\n const [editedTitle, setEditedTitle] = useState(section.title);\n const [hovered, setHovered] = useState(false);\n const [menuOpen, setMenuOpen] = useState(false);\n\n const showControls = hovered || menuOpen;\n const hasMenuControls = onDelete != null;\n\n const handleSaveRename = () => {\n const trimmed = editedTitle.trim();\n if (trimmed && trimmed !== section.title) {\n onRename?.(trimmed);\n } else {\n setEditedTitle(section.title);\n }\n setEditing(false);\n };\n\n const handleTitleClick = (e: React.MouseEvent) => {\n if (!onRename) return;\n e.stopPropagation();\n setEditedTitle(section.title);\n setEditing(true);\n };\n\n return (\n setHovered(true)}\n onMouseLeave={() => setHovered(false)}\n style={{\n borderBottom: '1px solid var(--mantine-color-dark-4)',\n userSelect: 'none',\n }}\n data-testid={`section-header-${section.id}`}\n >\n {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n onToggle();\n }\n }\n }\n role=\"button\"\n tabIndex={editing ? undefined : 0}\n aria-expanded={!section.collapsed}\n aria-label={`Toggle ${section.title} section`}\n >\n \n {editing ? (\n {\n e.preventDefault();\n handleSaveRename();\n }}\n onClick={e => e.stopPropagation()}\n >\n setEditedTitle(e.currentTarget.value)}\n onBlur={handleSaveRename}\n onKeyDown={e => {\n if (e.key === 'Escape') {\n setEditedTitle(section.title);\n setEditing(false);\n }\n }}\n autoFocus\n data-testid={`section-rename-input-${section.id}`}\n />\n \n ) : (\n <>\n \n {section.title}\n \n {section.collapsed && tileCount > 0 && (\n \n ({tileCount} {tileCount === 1 ? 'tile' : 'tiles'})\n \n )}\n \n )}\n \n {onAddTile && !editing && (\n {\n e.stopPropagation();\n onAddTile();\n }}\n title=\"Add tile to section\"\n data-testid={`section-add-tile-${section.id}`}\n style={{\n opacity: showControls ? 1 : 0,\n pointerEvents: showControls ? 'auto' : 'none',\n }}\n >\n \n \n )}\n {hasMenuControls && !editing && (\n \n \n e.stopPropagation()}\n data-testid={`section-menu-${section.id}`}\n style={{\n opacity: showControls ? 1 : 0,\n pointerEvents: showControls ? 'auto' : 'none',\n }}\n >\n \n \n \n \n \n ) : (\n \n )\n }\n onClick={onToggle}\n >\n {section.collapsed ? 'Expand by Default' : 'Collapse by Default'}\n \n {onDelete && (\n <>\n \n }\n color=\"red\"\n onClick={onDelete}\n data-testid={`section-delete-${section.id}`}\n >\n Delete Section\n \n \n )}\n \n \n )}\n \n );\n}\n" }, { "path": "packages/app/src/components/SelectControlled.tsx", "content": "import { useCallback } from 'react';\nimport { useController, UseControllerProps } from 'react-hook-form';\nimport { Select, SelectProps } from '@mantine/core';\n\nexport enum SelectControlledSpecialValues {\n CreateNewValue = '_create_new_value',\n EditValue = '_edit_value',\n}\n\nexport type SelectControlledProps = SelectProps &\n UseControllerProps & {\n onCreate?: () => void;\n onEdit?: () => void;\n allowDeselect?: boolean;\n };\n\nexport default function SelectControlled(props: SelectControlledProps) {\n const {\n field: {\n value: fieldValue,\n onChange: fieldOnChange,\n onBlur: fieldOnBlur,\n name: fieldName,\n ref: fieldRef,\n },\n fieldState,\n } = useController(props);\n const { onCreate, onEdit, allowDeselect = true, ...restProps } = props;\n\n // Mantine does not clear the select if the value is removed from data\n // after it was previously present (ex. data was deleted)\n const selected = props.data?.some(d => {\n if (typeof d === 'string') return d === fieldValue;\n if ('value' in d) return d.value === fieldValue;\n if ('items' in d) {\n return d.items.some(item =>\n typeof item === 'string'\n ? item === fieldValue\n : item.value === fieldValue,\n );\n }\n return false;\n });\n\n const onChange = useCallback(\n (value: string | null) => {\n if (\n value === SelectControlledSpecialValues.CreateNewValue &&\n onCreate != null\n ) {\n onCreate();\n } else if (\n value === SelectControlledSpecialValues.EditValue &&\n onEdit != null\n ) {\n onEdit();\n } else if (value !== null || allowDeselect) {\n fieldOnChange(value);\n }\n },\n [fieldOnChange, onCreate, onEdit, allowDeselect],\n );\n\n return (\n \n );\n}\n" }, { "path": "packages/app/src/components/ServiceDashboardDbQuerySidePanel.tsx", "content": "import { useCallback, useMemo } from 'react';\nimport { pick } from 'lodash';\nimport { parseAsString, useQueryState } from 'nuqs';\nimport {\n DisplayType,\n type Filter,\n SourceKind,\n} from '@hyperdx/common-utils/dist/types';\nimport { Drawer, Grid, Text } from '@mantine/core';\nimport { IconServer } from '@tabler/icons-react';\n\nimport { INTEGER_NUMBER_FORMAT, MS_NUMBER_FORMAT } from '@/ChartUtils';\nimport { ChartBox } from '@/components/ChartBox';\nimport { DBTimeChart } from '@/components/DBTimeChart';\nimport { DrawerBody, DrawerHeader } from '@/components/DrawerUtils';\nimport SlowestEventsTile from '@/components/ServiceDashboardSlowestEventsTile';\nimport { useServiceDashboardExpressions } from '@/serviceDashboard';\nimport { useSource } from '@/source';\nimport { useZIndex, ZIndexContext } from '@/zIndex';\n\nimport styles from '@/../styles/LogSidePanel.module.scss';\n\nexport default function ServiceDashboardDbQuerySidePanel({\n sourceId,\n service,\n searchedTimeRange,\n}: {\n sourceId?: string;\n service?: string;\n searchedTimeRange: [Date, Date];\n}) {\n const { data: source } = useSource({\n id: sourceId,\n kinds: [SourceKind.Trace],\n });\n const { expressions } = useServiceDashboardExpressions({ source });\n\n const [dbQuery, setDbQuery] = useQueryState('dbquery', parseAsString);\n const onClose = useCallback(() => {\n setDbQuery(null);\n }, [setDbQuery]);\n\n const contextZIndex = useZIndex();\n const drawerZIndex = contextZIndex + 10;\n\n const dbQueryFilters = useMemo(() => {\n const filters: Filter[] = [\n {\n type: 'sql',\n condition: `${expressions?.dbStatement} IN ('${dbQuery}')`,\n },\n ];\n if (service) {\n filters.push({\n type: 'sql',\n condition: `${expressions?.service} IN ('${service}')`,\n });\n }\n return filters;\n }, [dbQuery, expressions, service]);\n\n if (!dbQuery) {\n return null;\n }\n\n return (\n \n \n
\n \n Details for {dbQuery}\n {service && (\n \n \n {service}\n \n )}\n \n }\n onClose={onClose}\n />\n \n \n \n \n {source && expressions && (\n \n )}\n \n \n \n \n {source && expressions && (\n \n )}\n \n \n \n {source && (\n \n )}\n \n \n \n
\n \n \n );\n}\n" }, { "path": "packages/app/src/components/ServiceDashboardEndpointPerformanceChart.tsx", "content": "import { pick } from 'lodash';\nimport { TTraceSource } from '@hyperdx/common-utils/dist/types';\n\nimport { MS_NUMBER_FORMAT } from '@/ChartUtils';\nimport { ChartBox } from '@/components/ChartBox';\nimport DBListBarChart from '@/components/DBListBarChart';\nimport { useJsonColumns } from '@/hooks/useMetadata';\nimport {\n makeCoalescedFieldsAccessQuery,\n useServiceDashboardExpressions,\n} from '@/serviceDashboard';\n\nconst MAX_NUM_GROUPS = 200;\n\nexport default function ServiceDashboardEndpointPerformanceChart({\n source,\n dateRange,\n service,\n endpoint,\n}: {\n source?: TTraceSource;\n dateRange: [Date, Date];\n service?: string;\n endpoint?: string;\n}) {\n const { data: jsonColumns = [] } = useJsonColumns({\n databaseName: source?.from?.databaseName || '',\n tableName: source?.from?.tableName || '',\n connectionId: source?.connection || '',\n });\n const { expressions } = useServiceDashboardExpressions({ source });\n\n if (!source || !expressions) {\n return null;\n }\n\n const parentSpanWhereCondition = [\n service && `${expressions.service} = '${service}'`,\n endpoint && `${expressions.spanName} = '${endpoint}'`,\n // Ideally should use `timeFilterExpr`, but it returns chSql while filter.condition is string\n `${source.timestampValueExpression} >=\n fromUnixTimestamp64Milli(${dateRange[0].getTime()}) AND\n ${source.timestampValueExpression} <=\n fromUnixTimestamp64Milli(${dateRange[1].getTime()})`,\n ]\n .filter(Boolean)\n .join(' AND ');\n\n const selectTraceIdsSql = `SELECT distinct ${expressions.traceId}\n FROM ${source.from.databaseName}.${source.from.tableName}\n WHERE ${parentSpanWhereCondition}\n `;\n\n let spanNameColSql = `\n concat(\n ${expressions.spanName}, ' ',\n if(\n has(['HTTP DELETE', 'DELETE', 'HTTP GET', 'GET', 'HTTP HEAD', 'HEAD', 'HTTP OPTIONS', 'OPTIONS', 'HTTP PATCH', 'PATCH', 'HTTP POST', 'POST', 'HTTP PUT', 'PUT'], ${expressions.spanName}),\n COALESCE(\n NULLIF(${expressions.serverAddress}, ''),\n NULLIF(${expressions.httpHost}, '')\n ),\n ''\n ))`;\n\n const spanAttributesExpression =\n source.eventAttributesExpression || 'SpanAttributes';\n\n // ClickHouse does not support NULLIF(some_dynamic_column)\n // so we instead use toString() and an empty string check to check for\n // existence of the serverAddress/httpHost to build the span name\n if (jsonColumns.includes(spanAttributesExpression)) {\n const coalescedServerAddress = makeCoalescedFieldsAccessQuery(\n [expressions.serverAddress, expressions.httpHost],\n true,\n );\n spanNameColSql = `\n concat(\n ${expressions.spanName}, ' ',\n if(\n has(['HTTP DELETE', 'DELETE', 'HTTP GET', 'GET', 'HTTP HEAD', 'HEAD', 'HTTP OPTIONS', 'OPTIONS', 'HTTP PATCH', 'PATCH', 'HTTP POST', 'POST', 'HTTP PUT', 'PUT'], ${expressions.spanName}),\n ${coalescedServerAddress},\n ''\n )\n )`;\n }\n\n return (\n \n {source && (\n = 0 AND ${expressions.spanName} != '${endpoint}'`,\n },\n ],\n numberFormat: MS_NUMBER_FORMAT,\n dateRange,\n limit: {\n limit: MAX_NUM_GROUPS,\n },\n }}\n />\n )}\n \n );\n}\n" }, { "path": "packages/app/src/components/ServiceDashboardEndpointSidePanel.tsx", "content": "import { useCallback, useMemo } from 'react';\nimport { pick } from 'lodash';\nimport { parseAsString, useQueryState } from 'nuqs';\nimport {\n DisplayType,\n type Filter,\n SourceKind,\n} from '@hyperdx/common-utils/dist/types';\nimport { Drawer, Grid, Text } from '@mantine/core';\nimport { IconServer } from '@tabler/icons-react';\n\nimport {\n ERROR_RATE_PERCENTAGE_NUMBER_FORMAT,\n INTEGER_NUMBER_FORMAT,\n} from '@/ChartUtils';\nimport { ChartBox } from '@/components/ChartBox';\nimport { DBTimeChart } from '@/components/DBTimeChart';\nimport { DrawerBody, DrawerHeader } from '@/components/DrawerUtils';\nimport ServiceDashboardEndpointPerformanceChart from '@/components/ServiceDashboardEndpointPerformanceChart';\nimport SlowestEventsTile from '@/components/ServiceDashboardSlowestEventsTile';\nimport { useServiceDashboardExpressions } from '@/serviceDashboard';\nimport { EndpointLatencyChart } from '@/ServicesDashboardPage';\nimport { useSource } from '@/source';\nimport { useZIndex, ZIndexContext } from '@/zIndex';\n\nimport styles from '@/../styles/LogSidePanel.module.scss';\n\nexport default function ServiceDashboardEndpointSidePanel({\n sourceId,\n service,\n searchedTimeRange,\n}: {\n sourceId?: string;\n service?: string;\n searchedTimeRange: [Date, Date];\n}) {\n const { data: source } = useSource({\n id: sourceId,\n kinds: [SourceKind.Trace],\n });\n const { expressions } = useServiceDashboardExpressions({ source });\n\n const [endpoint, setEndpoint] = useQueryState('endpoint', parseAsString);\n const onClose = useCallback(() => {\n setEndpoint(null);\n }, [setEndpoint]);\n\n const contextZIndex = useZIndex();\n const drawerZIndex = contextZIndex + 10;\n\n const endpointFilters = useMemo(() => {\n if (!expressions) return [];\n\n const filters: Filter[] = [\n {\n type: 'sql',\n condition: `${expressions.endpoint} IN ('${endpoint}') AND ${expressions.isSpanKindServer}`,\n },\n ];\n if (service) {\n filters.push({\n type: 'sql',\n condition: `${expressions.service} IN ('${service}')`,\n });\n }\n return filters;\n }, [endpoint, service, expressions]);\n\n if (!endpoint || !source) {\n return null;\n }\n\n return (\n \n \n
\n \n Details for {endpoint}\n {service && (\n \n \n {service}\n \n )}\n \n }\n onClose={onClose}\n />\n \n \n \n \n {source && expressions && (\n \n )}\n \n \n \n \n {source && expressions && (\n \n )}\n \n \n \n \n \n \n \n \n \n {/* Ensure expressions exists to ensure that endpointFilters has set */}\n {expressions && (\n \n )}\n \n \n \n
\n \n \n );\n}\n" }, { "path": "packages/app/src/components/ServiceDashboardSlowestEventsTile.tsx", "content": "import { pick } from 'lodash';\nimport { ClickHouseQueryError } from '@hyperdx/common-utils/dist/clickhouse';\nimport type { Filter, TTraceSource } from '@hyperdx/common-utils/dist/types';\nimport { Box, Code, Group, Text } from '@mantine/core';\n\nimport { ChartBox } from '@/components/ChartBox';\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { useServiceDashboardExpressions } from '@/serviceDashboard';\n\nimport { SQLPreview } from './ChartSQLPreview';\nimport DBSqlRowTableWithSideBar from './DBSqlRowTableWithSidebar';\n\nexport default function SlowestEventsTile({\n source,\n dateRange,\n height = 350,\n title,\n queryKeyPrefix,\n enabled = true,\n extraFilters = [],\n}: {\n source: TTraceSource;\n dateRange: [Date, Date];\n height?: number;\n title: React.ReactNode;\n queryKeyPrefix?: string;\n enabled?: boolean;\n extraFilters?: Filter[];\n}) {\n const { expressions } = useServiceDashboardExpressions({ source });\n\n const { data, isLoading, isError, error } = useQueriedChartConfig(\n {\n source: source.id,\n ...pick(source, ['timestampValueExpression', 'connection', 'from']),\n where: '',\n whereLanguage: 'sql',\n select: [\n // Separate the aggregations from the conversion to ms so that AggregatingMergeTree MVs can be used\n {\n alias: 'p95_duration_ns',\n aggFn: 'quantile',\n valueExpression: expressions?.duration ?? 'Duration',\n level: 0.95,\n },\n {\n alias: 'p95',\n valueExpression: `p95_duration_ns / ${expressions?.durationDivisorForMillis}`,\n },\n ],\n dateRange,\n filters: [...extraFilters],\n },\n {\n placeholderData: (prev: any) => prev,\n queryKey: [queryKeyPrefix, source],\n enabled: enabled && !!expressions,\n },\n );\n\n const p95 = data?.data?.[0]?.['p95'];\n const roundedP95 = Math.round(p95 ?? 0);\n\n return (\n \n \n {title}\n (Slower than {roundedP95}ms)\n \n {isLoading && !data ? (\n
\n Loading Chart Data...\n
\n ) : isError ? (\n
\n \n Error loading chart, please check your query or try again later.\n \n \n \n Error Message:\n \n \n {error.message}\n \n {error instanceof ClickHouseQueryError && (\n <>\n \n Sent Query:\n \n \n \n )}\n \n
\n ) : data?.data.length === 0 ? (\n
\n No data found within time range.\n
\n ) : (\n source &&\n expressions && (\n <>\n ${roundedP95}`,\n },\n ],\n }}\n isLive={false}\n queryKeyPrefix=\"service-dashboard-slowest-transactions\"\n />\n \n )\n )}\n \n );\n}\n" }, { "path": "packages/app/src/components/ServiceMap/ServiceMap.module.scss", "content": ".container {\n display: flex;\n flex: 1;\n min-height: 100px;\n width: 100%;\n}\n\n.toolbar {\n padding: 4px;\n border-radius: 4px;\n background-color: var(--color-bg-header);\n border: 1px solid var(--color-border);\n}\n\n.serviceNode {\n display: flex;\n flex-direction: column;\n align-items: center;\n cursor: pointer;\n\n .body {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n\n .circle {\n width: 40px;\n height: 40px;\n background-color: #f0f0f0;\n border: 1px solid #ccc;\n border-radius: 50%;\n }\n }\n}\n" }, { "path": "packages/app/src/components/ServiceMap/ServiceMap.tsx", "content": "import { useCallback, useEffect, useMemo, useState } from 'react';\nimport dagre from '@dagrejs/dagre';\nimport { ClickHouseQueryError } from '@hyperdx/common-utils/dist/clickhouse';\nimport { TTraceSource } from '@hyperdx/common-utils/dist/types';\nimport { Box, Center, Code, Loader, Text } from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\nimport {\n applyEdgeChanges,\n applyNodeChanges,\n Controls,\n Edge,\n EdgeChange,\n EdgeTypes,\n Node,\n NodeChange,\n Position,\n ReactFlow,\n ReactFlowProvider,\n useReactFlow,\n} from '@xyflow/react';\n\nimport useServiceMap, { ServiceAggregation } from '@/hooks/useServiceMap';\n\nimport { SQLPreview } from '../ChartSQLPreview';\n\nimport ServiceMapEdge, { ServiceMapEdgeData } from './ServiceMapEdge';\nimport ServiceMapNode, { ServiceMapNodeData } from './ServiceMapNode';\n\nimport styles from './ServiceMap.module.scss';\n\nconst nodeTypes = {\n service: ServiceMapNode,\n};\n\nconst edgeTypes: EdgeTypes = {\n request: ServiceMapEdge,\n};\n\nfunction getGraphLayout(nodes: Node[], edges: Edge[]): Node[] {\n const NODE_SIZE = 80;\n\n const dagreGraph = new dagre.graphlib.Graph().setDefaultEdgeLabel(() => ({}));\n dagreGraph.setGraph({ rankdir: 'LR' });\n\n for (const node of nodes) {\n dagreGraph.setNode(node.id, { width: NODE_SIZE, height: NODE_SIZE / 2 });\n }\n\n for (const edge of edges) {\n dagreGraph.setEdge(edge.source, edge.target);\n }\n\n dagre.layout(dagreGraph);\n\n const newNodes: Node[] = nodes.map(node => {\n const nodeWithPosition = dagreGraph.node(node.id);\n const newNode = {\n ...node,\n targetPosition: Position.Left,\n sourcePosition: Position.Right,\n position: {\n x: nodeWithPosition.x - NODE_SIZE / 2,\n y: nodeWithPosition.y - NODE_SIZE / 2,\n },\n };\n\n return newNode;\n });\n\n return newNodes;\n}\n\ninterface ServiceMapPresentationProps {\n services: Map | undefined;\n isLoading: boolean;\n error: Error | null;\n dateRange: [Date, Date];\n source: TTraceSource;\n isSingleTrace?: boolean;\n}\n\nfunction ServiceMapPresentation({\n services,\n isLoading,\n error,\n dateRange,\n source,\n isSingleTrace,\n}: ServiceMapPresentationProps) {\n const [nodes, setNodes] = useState([]);\n const [edges, setEdges] = useState([]);\n const { fitView } = useReactFlow();\n\n // Fit the data to the viewport whenever input service information changes\n useEffect(() => {\n fitView();\n }, [fitView, services]);\n\n const onNodesChange = useCallback(\n (changes: NodeChange[]) =>\n setNodes(nodesSnapshot => applyNodeChanges(changes, nodesSnapshot)),\n [],\n );\n\n const onEdgesChange = useCallback(\n (changes: EdgeChange[]) =>\n setEdges(edgesSnapshot => applyEdgeChanges(changes, edgesSnapshot)),\n [],\n );\n\n const maxErrorPercentage = useMemo(() => {\n let maxError = 0;\n for (const service of services?.values() ?? []) {\n maxError = Math.max(service.incomingRequests.errorPercentage, maxError);\n }\n return maxError;\n }, [services]);\n\n useEffect(() => {\n const nodes: Node[] =\n Array.from(services?.values() ?? []).map((service, index) => ({\n id: service.serviceName,\n data: {\n ...service,\n dateRange,\n source,\n maxErrorPercentage,\n isSingleTrace,\n },\n position: { x: index * 150, y: 100 },\n type: 'service',\n })) ?? [];\n\n const edges: Edge[] = Array.from(\n services?.values() ?? [],\n )\n .filter(service => service.incomingRequestsByClient.size > 0)\n .flatMap(\n ({\n serviceName,\n incomingRequestsByClient: requestCountPerClientPerStatus,\n }) =>\n Array.from(requestCountPerClientPerStatus.entries()).map(\n ([clientServiceName, { totalRequests, errorPercentage }]) => {\n return {\n id: `${serviceName}-${clientServiceName}`,\n source: clientServiceName,\n target: serviceName,\n animated: true,\n type: 'request',\n data: {\n totalRequests,\n errorPercentage,\n source,\n dateRange,\n serviceName,\n isSingleTrace,\n },\n };\n },\n ),\n );\n\n const nodeWithLayout = getGraphLayout(nodes, edges);\n\n setNodes(nodeWithLayout);\n setEdges(edges);\n }, [services, dateRange, source, maxErrorPercentage, isSingleTrace]);\n\n if (isLoading) {\n return (\n
\n \n
\n );\n }\n\n if (services && services.size === 0) {\n return (\n
\n \n No services found. The Service Map shows links between services with\n related Client- and Server-kind spans.\n \n
\n );\n }\n\n if (error) {\n return (\n \n \n Error message:\n \n \n {error?.message}\n \n {error instanceof ClickHouseQueryError && (\n \n \n Original query:\n \n \n \n \n \n )}\n \n );\n }\n\n return (\n
\n \n \n \n
\n );\n}\n\ninterface ServiceMapProps {\n traceId?: string;\n traceTableSource: TTraceSource;\n dateRange: [Date, Date];\n samplingFactor?: number;\n isSingleTrace?: boolean;\n}\n\nexport default function ServiceMap({\n traceId,\n traceTableSource,\n dateRange,\n samplingFactor = 1,\n isSingleTrace,\n}: ServiceMapProps) {\n const {\n isLoading,\n data: services,\n error,\n } = useServiceMap({\n traceId,\n source: traceTableSource,\n dateRange,\n samplingFactor,\n });\n\n useEffect(() => {\n if (error) {\n notifications.show({\n title: 'Error loading service map',\n message: error.message,\n color: 'red',\n });\n }\n }, [error]);\n\n return (\n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/ServiceMap/ServiceMapEdge.tsx", "content": "import { TTraceSource } from '@hyperdx/common-utils/dist/types';\nimport {\n BaseEdge,\n Edge,\n EdgeProps,\n EdgeToolbar,\n getBezierPath,\n} from '@xyflow/react';\n\nimport ServiceMapTooltip from './ServiceMapTooltip';\n\nexport type ServiceMapEdgeData = {\n totalRequests: number;\n errorPercentage: number;\n dateRange: [Date, Date];\n source: TTraceSource;\n serviceName: string;\n isSingleTrace?: boolean;\n};\n\nexport default function ServiceMapEdge(\n props: EdgeProps>,\n) {\n const [edgePath, centerX, centerY] = getBezierPath(props);\n\n if (!props.data) {\n return null;\n }\n\n const {\n totalRequests,\n errorPercentage,\n dateRange,\n serviceName,\n source,\n isSingleTrace,\n } = props.data;\n\n return (\n <>\n \n \n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/ServiceMap/ServiceMapNode.tsx", "content": "import { TTraceSource } from '@hyperdx/common-utils/dist/types';\nimport { Text } from '@mantine/core';\nimport { Handle, Node, NodeProps, NodeToolbar, Position } from '@xyflow/react';\n\nimport { ServiceAggregation } from '@/hooks/useServiceMap';\n\nimport ServiceMapTooltip from './ServiceMapTooltip';\nimport { getNodeColors } from './utils';\n\nimport styles from './ServiceMap.module.scss';\n\nexport type ServiceMapNodeData = ServiceAggregation & {\n dateRange: [Date, Date];\n source: TTraceSource;\n maxErrorPercentage: number;\n isSingleTrace?: boolean;\n};\n\nexport default function ServiceMapNode(\n props: NodeProps>,\n) {\n const { data } = props;\n const {\n serviceName,\n incomingRequests: {\n totalRequests: totalIncomingRequestCount,\n errorPercentage,\n },\n source,\n dateRange,\n maxErrorPercentage,\n isSingleTrace,\n } = data;\n\n const { backgroundColor, borderColor } = getNodeColors(\n errorPercentage,\n maxErrorPercentage,\n props.selected,\n );\n\n return (\n <>\n \n \n \n
\n
\n
\n \n
\n \n
\n \n
\n
\n {serviceName}\n
\n \n );\n}\n" }, { "path": "packages/app/src/components/ServiceMap/ServiceMapSidePanel.tsx", "content": "import { SourceKind } from '@hyperdx/common-utils/dist/types';\nimport { Badge, Group, Stack, Text } from '@mantine/core';\n\nimport { useSource } from '@/source';\n\nimport ServiceMap from './ServiceMap';\n\ninterface ServiceMapSidePanelProps {\n traceId: string;\n dateRange: [Date, Date];\n traceTableSourceId: string;\n}\n\nexport default function ServiceMapSidePanel({\n traceId,\n dateRange,\n traceTableSourceId,\n}: ServiceMapSidePanelProps) {\n const { data: traceTableSource } = useSource({ id: traceTableSourceId });\n\n return (\n \n \n \n Service Map\n \n \n Beta\n \n \n {traceTableSource && traceTableSource.kind === SourceKind.Trace ? (\n \n ) : null}\n \n );\n}\n" }, { "path": "packages/app/src/components/ServiceMap/ServiceMapTooltip.tsx", "content": "import { useCallback } from 'react';\nimport SqlString from 'sqlstring';\nimport { TTraceSource } from '@hyperdx/common-utils/dist/types';\nimport { Button, Stack } from '@mantine/core';\nimport { IconSearch } from '@tabler/icons-react';\n\nimport { formatApproximateNumber, navigateToTraceSearch } from './utils';\n\nimport styles from './ServiceMap.module.scss';\n\nexport default function ServiceMapTooltip({\n totalRequests,\n errorPercentage,\n source,\n dateRange,\n serviceName,\n isSingleTrace,\n}: {\n totalRequests: number;\n errorPercentage: number;\n source: TTraceSource;\n dateRange: [Date, Date];\n serviceName: string;\n isSingleTrace?: boolean;\n}) {\n const requestText = `${isSingleTrace ? totalRequests : formatApproximateNumber(totalRequests)} request${\n totalRequests !== 1 ? 's' : ''\n }`;\n const errorsText = `${errorPercentage.toFixed(2)}% errors`;\n\n const handleRequestsClick = useCallback(() => {\n navigateToTraceSearch({\n dateRange,\n source,\n where: SqlString.format(\"? = ? AND ? IN ('Server', 'Consumer')\", [\n SqlString.raw(source.serviceNameExpression ?? 'ServiceName'),\n serviceName,\n SqlString.raw(source.spanKindExpression ?? 'SpanKind'),\n ]),\n });\n }, [dateRange, source, serviceName]);\n\n const handleErrorsClick = useCallback(() => {\n navigateToTraceSearch({\n dateRange,\n source,\n where: SqlString.format(\n \"? = ? AND ? IN ('Server', 'Consumer') AND ? = 'Error'\",\n [\n SqlString.raw(source.serviceNameExpression ?? 'ServiceName'),\n serviceName,\n SqlString.raw(source.spanKindExpression ?? 'SpanKind'),\n SqlString.raw(source.statusCodeExpression ?? 'StatusCode'),\n ],\n ),\n });\n }, [dateRange, source, serviceName]);\n\n return (\n \n }\n >\n {requestText}\n \n {errorPercentage > 0 ? (\n <>\n }\n >\n {errorsText}\n \n \n ) : null}\n \n );\n}\n" }, { "path": "packages/app/src/components/ServiceMap/__tests__/utils.test.ts", "content": "import router from 'next/router';\nimport { SourceKind, TTraceSource } from '@hyperdx/common-utils/dist/types';\n\nimport {\n formatApproximateNumber,\n getNodeColors,\n navigateToTraceSearch,\n} from '../utils';\n\n// Mock next/router\njest.mock('next/router', () => ({\n __esModule: true,\n default: {\n push: jest.fn(),\n },\n}));\n\ndescribe('navigateToTraceSearch', () => {\n const mockSource: TTraceSource = {\n id: 'test-source-id',\n name: 'Test Source',\n from: {\n tableName: 'test_table',\n databaseName: 'test_db',\n },\n timestampValueExpression: 'timestamp',\n defaultTableSelectExpression: 'timestamp',\n connection: 'test-connection',\n kind: SourceKind.Trace,\n durationExpression: 'Duration',\n durationPrecision: 9,\n traceIdExpression: 'TraceId',\n spanIdExpression: 'SpanId',\n parentSpanIdExpression: 'ParentSpanId',\n spanNameExpression: 'SpanName',\n spanKindExpression: 'SpanKind',\n };\n\n beforeEach(() => {\n jest.clearAllMocks();\n });\n\n it('should navigate to search page with correct query parameters', () => {\n const dateRange: [Date, Date] = [\n new Date('2024-01-15T10:00:00.000Z'),\n new Date('2024-01-15T11:00:00.000Z'),\n ];\n\n navigateToTraceSearch({\n dateRange,\n source: mockSource,\n where: \"service_name = 'my-service'\",\n });\n\n expect(router.push).toHaveBeenCalledTimes(1);\n\n const callArg = (router.push as jest.Mock).mock.calls[0][0];\n expect(callArg).toContain('/search?');\n\n // Parse query params\n const url = new URL(callArg, 'http://localhost');\n const params = url.searchParams;\n\n expect(params.get('isLive')).toBe('false');\n expect(params.get('source')).toBe('test-source-id');\n expect(params.get('where')).toBe(\"service_name = 'my-service'\");\n expect(params.get('whereLanguage')).toBe('sql');\n expect(params.get('from')).toBe('1705312800000');\n expect(params.get('to')).toBe('1705316400000');\n });\n\n it('should handle different date ranges', () => {\n const dateRange: [Date, Date] = [\n new Date('2023-12-01T00:00:00.000Z'),\n new Date('2023-12-31T23:59:59.999Z'),\n ];\n\n navigateToTraceSearch({\n dateRange,\n source: mockSource,\n where: 'status_code = 500',\n });\n\n const callArg = (router.push as jest.Mock).mock.calls[0][0];\n const url = new URL(callArg, 'http://localhost');\n const params = url.searchParams;\n\n expect(params.get('from')).toBe('1701388800000');\n expect(params.get('to')).toBe('1704067199999');\n });\n\n it('should handle complex where clauses', () => {\n const dateRange: [Date, Date] = [\n new Date('2024-01-01T00:00:00.000Z'),\n new Date('2024-01-02T00:00:00.000Z'),\n ];\n\n const complexWhere =\n \"service_name = 'my-service' AND status_code >= 400 AND span_kind = 'server'\";\n\n navigateToTraceSearch({\n dateRange,\n source: mockSource,\n where: complexWhere,\n });\n\n const callArg = (router.push as jest.Mock).mock.calls[0][0];\n const url = new URL(callArg, 'http://localhost');\n const params = url.searchParams;\n\n expect(params.get('where')).toBe(complexWhere);\n });\n\n it('should handle special characters in where clause', () => {\n const dateRange: [Date, Date] = [\n new Date('2024-01-01T00:00:00.000Z'),\n new Date('2024-01-02T00:00:00.000Z'),\n ];\n\n const whereWithSpecialChars = \"service_name = 'test&service=value'\";\n\n navigateToTraceSearch({\n dateRange,\n source: mockSource,\n where: whereWithSpecialChars,\n });\n\n const callArg = (router.push as jest.Mock).mock.calls[0][0];\n const url = new URL(callArg, 'http://localhost');\n const params = url.searchParams;\n\n // URL encoding should preserve the where clause\n expect(params.get('where')).toBe(whereWithSpecialChars);\n });\n});\n\ndescribe('formatApproximateNumber', () => {\n describe('numbers less than 1000', () => {\n it('should format zero correctly', () => {\n expect(formatApproximateNumber(0)).toBe('~0');\n });\n\n it('should format small positive numbers correctly', () => {\n expect(formatApproximateNumber(1)).toBe('~1');\n expect(formatApproximateNumber(42)).toBe('~42');\n expect(formatApproximateNumber(999)).toBe('~999');\n });\n\n it('should format decimal numbers correctly', () => {\n expect(formatApproximateNumber(1.5)).toBe('~1.5');\n expect(formatApproximateNumber(42.7)).toBe('~42.7');\n expect(formatApproximateNumber(999.99)).toBe('~999.99');\n });\n });\n\n describe('thousands (1K - 999K)', () => {\n it('should format exact thousands correctly', () => {\n expect(formatApproximateNumber(1000)).toBe('~1k');\n expect(formatApproximateNumber(5000)).toBe('~5k');\n expect(formatApproximateNumber(10000)).toBe('~10k');\n });\n\n it('should round to nearest thousand', () => {\n expect(formatApproximateNumber(1234)).toBe('~1k');\n expect(formatApproximateNumber(1500)).toBe('~2k');\n expect(formatApproximateNumber(1499)).toBe('~1k');\n expect(formatApproximateNumber(9876)).toBe('~10k');\n });\n\n it('should handle values near million boundary', () => {\n expect(formatApproximateNumber(999000)).toBe('~999k');\n expect(formatApproximateNumber(999499)).toBe('~999k');\n expect(formatApproximateNumber(999500)).toBe('~1000k');\n });\n });\n\n describe('millions (1M - 999M)', () => {\n it('should format exact millions correctly', () => {\n expect(formatApproximateNumber(1_000_000)).toBe('~1M');\n expect(formatApproximateNumber(5_000_000)).toBe('~5M');\n expect(formatApproximateNumber(10_000_000)).toBe('~10M');\n });\n\n it('should round to nearest million', () => {\n expect(formatApproximateNumber(1_234_567)).toBe('~1M');\n expect(formatApproximateNumber(1_500_000)).toBe('~2M');\n expect(formatApproximateNumber(1_499_999)).toBe('~1M');\n expect(formatApproximateNumber(9_876_543)).toBe('~10M');\n });\n\n it('should handle values near billion boundary', () => {\n expect(formatApproximateNumber(999_000_000)).toBe('~999M');\n expect(formatApproximateNumber(999_499_999)).toBe('~999M');\n expect(formatApproximateNumber(999_500_000)).toBe('~1000M');\n });\n });\n\n describe('billions (1B+)', () => {\n it('should format exact billions correctly', () => {\n expect(formatApproximateNumber(1_000_000_000)).toBe('~1B');\n expect(formatApproximateNumber(5_000_000_000)).toBe('~5B');\n expect(formatApproximateNumber(10_000_000_000)).toBe('~10B');\n });\n\n it('should round to nearest billion', () => {\n expect(formatApproximateNumber(1_234_567_890)).toBe('~1B');\n expect(formatApproximateNumber(1_500_000_000)).toBe('~2B');\n expect(formatApproximateNumber(1_499_999_999)).toBe('~1B');\n expect(formatApproximateNumber(9_876_543_210)).toBe('~10B');\n });\n\n it('should handle very large numbers', () => {\n expect(formatApproximateNumber(999_000_000_000)).toBe('~999B');\n expect(formatApproximateNumber(1_000_000_000_000)).toBe('~1000B');\n });\n });\n\n describe('edge cases', () => {\n it('should handle boundary values precisely', () => {\n expect(formatApproximateNumber(999.99)).toBe('~999.99');\n expect(formatApproximateNumber(1000.01)).toBe('~1k');\n expect(formatApproximateNumber(999_999.99)).toBe('~1000k');\n expect(formatApproximateNumber(1_000_000.01)).toBe('~1M');\n expect(formatApproximateNumber(999_999_999.99)).toBe('~1000M');\n expect(formatApproximateNumber(1_000_000_000.01)).toBe('~1B');\n });\n });\n});\n\ndescribe('getNodeColors', () => {\n describe('background color calculation', () => {\n it('should return light background when error percent is 0', () => {\n const colors = getNodeColors(0, 20, false);\n expect(colors.backgroundColor).toBe('hsl(0 0% 80%)');\n });\n\n it('should calculate background color based on error percentage', () => {\n const colors = getNodeColors(10, 20, false);\n // (10 / 20) * 100 = 50% saturation\n expect(colors.backgroundColor).toBe('hsl(0 50% 80%)');\n });\n\n it('should use full saturation when error percent equals max', () => {\n const colors = getNodeColors(20, 20, false);\n // (20 / 20) * 100 = 100% saturation\n expect(colors.backgroundColor).toBe('hsl(0 100% 80%)');\n });\n\n it('should cap at max error rate even if actual error is higher', () => {\n const colors = getNodeColors(30, 20, false);\n // Math.min(20, 30) = 20, (20 / 20) * 100 = 100% saturation\n expect(colors.backgroundColor).toBe('hsl(0 100% 80%)');\n });\n\n it('should handle very small error percentages', () => {\n const colors = getNodeColors(0.1, 20, false);\n // (0.1 / 20) * 100 = 0.5% saturation\n expect(colors.backgroundColor).toBe('hsl(0 0.5% 80%)');\n });\n\n it('should handle when maxErrorPercent is 0', () => {\n // This would cause division by zero, but Math results in Infinity\n const colors = getNodeColors(5, 0, false);\n expect(colors.backgroundColor).toContain('hsl(0');\n });\n });\n\n describe('border color calculation', () => {\n it('should return white border when node is selected', () => {\n const colors = getNodeColors(10, 20, true);\n expect(colors.borderColor).toBe('white');\n });\n\n it('should return calculated border color when not selected', () => {\n const colors = getNodeColors(10, 20, false);\n // (10 / 20) * 100 = 50% saturation with 40% lightness\n expect(colors.borderColor).toBe('hsl(0 50% 40%)');\n });\n\n it('should return dark border for high error rates when not selected', () => {\n const colors = getNodeColors(20, 20, false);\n expect(colors.borderColor).toBe('hsl(0 100% 40%)');\n });\n\n it('should return light border for zero errors when not selected', () => {\n const colors = getNodeColors(0, 20, false);\n expect(colors.borderColor).toBe('hsl(0 0% 40%)');\n });\n\n it('should cap border color saturation like background', () => {\n const colors = getNodeColors(30, 20, false);\n // Should cap at 20% error rate\n expect(colors.borderColor).toBe('hsl(0 100% 40%)');\n });\n });\n\n describe('selected state', () => {\n it('should always use white border when selected regardless of error rate', () => {\n expect(getNodeColors(0, 20, true).borderColor).toBe('white');\n expect(getNodeColors(5, 20, true).borderColor).toBe('white');\n expect(getNodeColors(10, 20, true).borderColor).toBe('white');\n expect(getNodeColors(20, 20, true).borderColor).toBe('white');\n expect(getNodeColors(30, 20, true).borderColor).toBe('white');\n });\n\n it('should still calculate background color correctly when selected', () => {\n const colors = getNodeColors(10, 20, true);\n expect(colors.backgroundColor).toBe('hsl(0 50% 80%)');\n expect(colors.borderColor).toBe('white');\n });\n });\n\n describe('various error percentage scenarios', () => {\n it('should handle low error rates', () => {\n const colors = getNodeColors(1, 20, false);\n expect(colors.backgroundColor).toBe('hsl(0 5% 80%)');\n expect(colors.borderColor).toBe('hsl(0 5% 40%)');\n });\n\n it('should handle medium error rates', () => {\n const colors = getNodeColors(10, 20, false);\n expect(colors.backgroundColor).toBe('hsl(0 50% 80%)');\n expect(colors.borderColor).toBe('hsl(0 50% 40%)');\n });\n\n it('should handle high error rates', () => {\n const colors = getNodeColors(18, 20, false);\n expect(colors.backgroundColor).toBe('hsl(0 90% 80%)');\n expect(colors.borderColor).toBe('hsl(0 90% 40%)');\n });\n });\n\n describe('return value structure', () => {\n it('should return an object with backgroundColor and borderColor', () => {\n const colors = getNodeColors(10, 20, false);\n expect(colors).toHaveProperty('backgroundColor');\n expect(colors).toHaveProperty('borderColor');\n expect(typeof colors.backgroundColor).toBe('string');\n expect(typeof colors.borderColor).toBe('string');\n });\n\n it('should return different objects for different inputs', () => {\n const colors1 = getNodeColors(5, 20, false);\n const colors2 = getNodeColors(10, 20, false);\n expect(colors1).not.toEqual(colors2);\n });\n });\n});\n" }, { "path": "packages/app/src/components/ServiceMap/utils.ts", "content": "import router from 'next/router';\nimport { TTraceSource } from '@hyperdx/common-utils/dist/types';\n\nexport function navigateToTraceSearch({\n dateRange,\n source,\n where,\n}: {\n dateRange: [Date, Date];\n source: TTraceSource;\n where: string;\n}) {\n const from = dateRange[0].getTime().toString();\n const to = dateRange[1].getTime().toString();\n const query = new URLSearchParams({\n isLive: 'false',\n source: source?.id,\n where,\n whereLanguage: 'sql',\n from,\n to,\n });\n\n router.push(`/search?${query.toString()}`);\n}\n\nexport function formatApproximateNumber(num: number): string {\n if (num < 1000) {\n return `~${num.toString()}`;\n }\n\n if (num < 1_000_000) {\n const thousands = num / 1000;\n return `~${Math.round(thousands)}k`;\n }\n\n if (num < 1_000_000_000) {\n const millions = num / 1_000_000;\n return `~${Math.round(millions)}M`;\n }\n\n const billions = num / 1_000_000_000;\n return `~${Math.round(billions)}B`;\n}\n\nexport function getNodeColors(\n errorPercent: number,\n maxErrorPercent: number,\n isSelected: boolean,\n) {\n const saturation =\n maxErrorPercent > 0\n ? (Math.min(errorPercent, maxErrorPercent) / maxErrorPercent) * 100\n : 0;\n const backgroundColor = `hsl(0 ${saturation}% 80%)`;\n const borderColor = isSelected ? 'white' : `hsl(0 ${saturation}% 40%)`;\n\n return {\n backgroundColor,\n borderColor,\n };\n}\n" }, { "path": "packages/app/src/components/SourceSchemaPreview.tsx", "content": "import { useState } from 'react';\nimport {\n MetricsDataType,\n TLogSource,\n TMetricSource,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n Modal,\n Paper,\n Stack,\n Tabs,\n Text,\n TextProps,\n Tooltip,\n} from '@mantine/core';\nimport { IconCode, IconRefresh } from '@tabler/icons-react';\n\nimport { useTableMetadata } from '@/hooks/useMetadata';\n\nimport { SQLPreview } from './ChartSQLPreview';\n\ninterface SourceSchemaInfoIconProps {\n onClick: () => void;\n isEnabled: boolean;\n tableCount: number;\n iconStyles?: Pick;\n variant?: 'icon' | 'text';\n}\n\nconst SourceSchemaInfoIcon = ({\n onClick,\n isEnabled,\n tableCount,\n iconStyles,\n variant = 'icon',\n}: SourceSchemaInfoIconProps) => {\n const tooltipText = isEnabled\n ? tableCount > 1\n ? `Show Table Schemas`\n : 'Show Table Schema'\n : 'Select a table to view its schema';\n\n return (\n isEnabled && onClick()}\n >\n {variant === 'text' ? (\n \n Schema\n \n ) : (\n \n )}\n \n );\n};\n\ninterface TableSchemaPreviewProps {\n databaseName: string;\n tableName: string;\n connectionId: string;\n}\n\nconst TableSchemaPreview = ({\n databaseName,\n tableName,\n connectionId,\n}: TableSchemaPreviewProps) => {\n const { data, isLoading } = useTableMetadata({\n databaseName,\n tableName,\n connectionId,\n });\n\n return (\n \n {isLoading ? (\n
\n \n
\n ) : (\n \n {data?.create_local_table_query && (\n \n Distributed Table\n \n )}\n \n {data?.create_local_table_query && (\n <>\n \n Local Table\n \n \n \n )}\n \n )}\n \n );\n};\n\nexport interface SourceSchemaPreviewSource {\n connection: TSource['connection'];\n from: TSource['from'];\n metricTables?: TMetricSource['metricTables'];\n kind?: TSource['kind'];\n name?: TSource['name'];\n materializedViews?: TLogSource['materializedViews'];\n}\n\nexport interface SourceSchemaPreviewProps {\n source?: SourceSchemaPreviewSource;\n iconStyles?: Pick;\n variant?: 'icon' | 'text';\n}\n\nconst METRIC_TYPE_NAMES: Record = {\n [MetricsDataType.Sum]: 'Sum',\n [MetricsDataType.Gauge]: 'Gauge',\n [MetricsDataType.Histogram]: 'Histogram',\n [MetricsDataType.Summary]: 'Summary',\n [MetricsDataType.ExponentialHistogram]: 'Exponential Histogram',\n};\n\nconst SourceSchemaPreview = ({\n source,\n iconStyles,\n variant = 'icon',\n}: SourceSchemaPreviewProps) => {\n const [isModalOpen, setIsModalOpen] = useState(false);\n\n const isMetricSource = source?.kind === 'metric';\n const tables: (TableSchemaPreviewProps & { title: string })[] = [];\n if (source && isMetricSource) {\n tables.push(\n ...Object.values(MetricsDataType)\n .map(metricType => ({\n metricType,\n tableName: source.metricTables?.[metricType],\n }))\n .filter(({ tableName }) => !!tableName)\n .map(({ metricType, tableName }) => ({\n databaseName: source.from.databaseName,\n tableName: tableName!,\n connectionId: source.connection,\n title: METRIC_TYPE_NAMES[metricType],\n })),\n );\n } else if (source && source.from.tableName) {\n tables.push({\n databaseName: source.from.databaseName,\n tableName: source.from.tableName,\n connectionId: source.connection,\n title: source.name ?? source.from.tableName,\n });\n }\n\n const mvConfigs = source?.materializedViews ?? [];\n tables.push(\n ...mvConfigs.map(({ tableName, databaseName }) => ({\n databaseName,\n tableName,\n connectionId: source!.connection,\n title: `${tableName} (MV)`,\n })),\n );\n\n const isEnabled = !!source && tables.length > 0;\n\n return (\n <>\n setIsModalOpen(true)}\n iconStyles={iconStyles}\n tableCount={tables.length}\n variant={variant}\n />\n {isEnabled && (\n setIsModalOpen(false)}\n size=\"auto\"\n title={tables.length > 1 ? `Table Schemas` : `Table Schema`}\n >\n \n \n {tables.map(table => (\n \n {table.title}\n \n ))}\n \n {tables.map(table => (\n \n \n \n ))}\n \n \n )}\n \n );\n};\n\nexport default SourceSchemaPreview;\n" }, { "path": "packages/app/src/components/SourceSelect.tsx", "content": "import { memo, useCallback, useMemo } from 'react';\nimport { UseControllerProps, useWatch } from 'react-hook-form';\nimport { SourceKind } from '@hyperdx/common-utils/dist/types';\nimport {\n ComboboxChevron,\n ComboboxItem,\n Group,\n SelectProps,\n UnstyledButton,\n} from '@mantine/core';\nimport {\n IconChartLine,\n IconConnection,\n IconDeviceLaptop,\n IconLogs,\n IconPlus,\n IconSettings,\n IconStack,\n} from '@tabler/icons-react';\n\nimport SelectControlled, {\n SelectControlledSpecialValues,\n} from '@/components/SelectControlled';\nimport { useSources } from '@/source';\n\nimport styles from '../../styles/SourceSelectControlled.module.scss';\n\ninterface SourceSelectRightSectionProps {\n sourceSchemaPreview?: React.ReactNode;\n}\n\nexport const SourceSelectRightSection = ({\n sourceSchemaPreview,\n}: SourceSelectRightSectionProps) => {\n if (!sourceSchemaPreview) {\n return {\n rightSection: ,\n };\n }\n\n return {\n rightSection: (\n <>\n ) => {\n e.stopPropagation();\n e.preventDefault();\n }}\n className={styles.sourceSchemaPreviewButton}\n >\n {sourceSchemaPreview}\n \n \n \n ),\n rightSectionWidth: 70,\n };\n};\n\nconst SOURCE_KIND_ICONS: Record = {\n [SourceKind.Log]: ,\n [SourceKind.Trace]: ,\n [SourceKind.Session]: ,\n [SourceKind.Metric]: ,\n};\n\nconst OPTION_ICONS: Record = {\n [SelectControlledSpecialValues.CreateNewValue]: ,\n [SelectControlledSpecialValues.EditValue]: ,\n};\n\nfunction SourceSelectControlledComponent({\n size,\n onCreate,\n onEdit,\n allowedSourceKinds,\n connectionId,\n comboboxProps,\n sourceSchemaPreview,\n ...props\n}: {\n size?: string;\n onCreate?: () => void;\n onEdit?: () => void;\n allowedSourceKinds?: SourceKind[];\n connectionId?: string;\n sourceSchemaPreview?: React.ReactNode;\n} & UseControllerProps &\n SelectProps) {\n const { data } = useSources();\n const selectedSourceId = useWatch({\n control: props.control,\n name: props.name,\n });\n\n const selectedSourceKind = useMemo(\n () => data?.find(s => s.id === selectedSourceId)?.kind,\n [data, selectedSourceId],\n );\n\n const leftIcon = SOURCE_KIND_ICONS[selectedSourceKind ?? ''] ?? (\n \n );\n\n const sourceKindMap = useMemo(() => {\n const map = new Map();\n data?.forEach(s => map.set(s.id, s.kind));\n return map;\n }, [data]);\n\n const renderOption = useCallback(\n ({ option }: { option: ComboboxItem }) => {\n const icon =\n OPTION_ICONS[option.value] ??\n SOURCE_KIND_ICONS[sourceKindMap.get(option.value) ?? ''];\n if (!icon) return option.label;\n return (\n \n {icon}\n {option.label}\n \n );\n },\n [sourceKindMap],\n );\n\n const hasActions = !!onCreate || !!onEdit;\n\n const values = useMemo(() => {\n const sourceItems = (\n data\n ?.filter(\n source =>\n (!allowedSourceKinds || allowedSourceKinds.includes(source.kind)) &&\n (!connectionId || source.connection === connectionId),\n )\n .map(d => ({\n value: d.id,\n label: d.name,\n })) ?? []\n ).sort((a, b) => a.label.localeCompare(b.label));\n\n if (!hasActions) {\n return sourceItems;\n }\n\n const actionItems: { value: string; label: string }[] = [];\n if (onCreate) {\n actionItems.push({\n value: SelectControlledSpecialValues.CreateNewValue,\n label: 'Create New Source',\n });\n }\n if (onEdit) {\n actionItems.push({\n value: SelectControlledSpecialValues.EditValue,\n label: 'Edit Sources',\n });\n }\n\n return [...sourceItems, { group: 'Actions', items: actionItems }];\n }, [data, onCreate, onEdit, allowedSourceKinds, connectionId, hasActions]);\n\n const rightSectionProps = SourceSelectRightSection({ sourceSchemaPreview });\n\n return (\n \n );\n}\n\nexport const SourceSelectControlled = memo(SourceSelectControlledComponent);\n" }, { "path": "packages/app/src/components/Sources/SourceForm.stories.tsx", "content": "import { delay, http, HttpResponse } from 'msw';\nimport { SourceKind } from '@hyperdx/common-utils/dist/types';\nimport { Box, Card, Text } from '@mantine/core';\nimport type { Meta, StoryObj } from '@storybook/nextjs';\n\nimport { TableSourceForm } from './SourceForm';\n\n// Mock data\nconst mockConnections = [\n {\n id: 'conn-1',\n name: 'Local ClickHouse',\n host: 'localhost:8123',\n username: 'default',\n },\n];\n\nconst mockSources = [\n {\n id: 'source-logs',\n name: 'Logs',\n kind: SourceKind.Log,\n connection: 'conn-1',\n from: { databaseName: 'default', tableName: 'otel_logs' },\n timestampValueExpression: 'Timestamp',\n },\n {\n id: 'source-traces',\n name: 'Traces',\n kind: SourceKind.Trace,\n connection: 'conn-1',\n from: { databaseName: 'default', tableName: 'otel_traces' },\n timestampValueExpression: 'Timestamp',\n },\n];\n\nconst mockDatabases = ['default', 'system', 'logs'];\n\nconst mockTables = [\n 'otel_logs',\n 'otel_traces',\n 'otel_metrics_gauge',\n 'otel_metrics_sum',\n 'otel_metrics_histogram',\n];\n\n// MSW handlers for API mocking (using named handlers for easy per-story overrides)\nconst defaultHandlers = {\n connections: http.get('*/api/connections', () => {\n return HttpResponse.json(mockConnections);\n }),\n sources: http.get('*/api/sources', () => {\n return HttpResponse.json(mockSources);\n }),\n sourceById: http.get('*/api/sources/:id', ({ params }) => {\n const source = mockSources.find(s => s.id === params.id);\n if (source) {\n return HttpResponse.json(source);\n }\n return new HttpResponse(null, { status: 404 });\n }),\n databases: http.get('*/api/clickhouse/databases', () => {\n return HttpResponse.json(mockDatabases);\n }),\n tables: http.get('*/api/clickhouse/tables', () => {\n return HttpResponse.json(mockTables);\n }),\n createSource: http.post('*/api/sources', async ({ request }) => {\n const body = (await request.json()) as Record;\n return HttpResponse.json({ id: 'new-source-id', ...body });\n }),\n updateSource: http.put('*/api/sources/:id', async ({ request }) => {\n const body = (await request.json()) as Record;\n return HttpResponse.json(body);\n }),\n deleteSource: http.delete('*/api/sources/:id', () => {\n return HttpResponse.json({ success: true });\n }),\n};\n\nconst meta: Meta = {\n title: 'Components/Sources/SourceForm',\n component: TableSourceForm,\n parameters: {\n layout: 'padded',\n msw: {\n handlers: defaultHandlers,\n },\n },\n decorators: [\n Story => (\n \n \n \n ),\n ],\n argTypes: {\n isNew: {\n control: 'boolean',\n description: 'Whether this is a new source (create mode)',\n },\n defaultName: {\n control: 'text',\n description: 'Default name for new sources',\n },\n },\n};\n\nexport default meta;\n\ntype Story = StoryObj;\n\n/** Create new source form */\nexport const CreateNew: Story = {\n name: 'Create New Source',\n args: {\n isNew: true,\n defaultName: 'My New Source',\n onCreate: () => {\n // Source created\n },\n onCancel: () => {\n // Cancelled\n },\n },\n};\n\n/** Edit existing source */\nexport const EditExisting: Story = {\n name: 'Edit Existing Source',\n args: {\n sourceId: 'source-logs',\n onSave: () => {\n // Saved\n },\n },\n};\n" }, { "path": "packages/app/src/components/Sources/SourceForm.tsx", "content": "import React, {\n Fragment,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport {\n Control,\n Controller,\n useFieldArray,\n useForm,\n UseFormSetValue,\n useWatch,\n} from 'react-hook-form';\nimport { z } from 'zod';\nimport { ClickHouseQueryError } from '@hyperdx/common-utils/dist/clickhouse';\nimport {\n MetricsDataType,\n SourceKind,\n SourceSchema,\n SourceSchemaNoId,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n ActionIcon,\n Anchor,\n Box,\n Button,\n Center,\n Divider,\n Flex,\n Grid,\n Group,\n Radio,\n Select,\n Slider,\n Stack,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport { DateInput } from '@mantine/dates';\nimport { useDebouncedCallback, useDidUpdate } from '@mantine/hooks';\nimport { notifications } from '@mantine/notifications';\nimport {\n IconCheck,\n IconCirclePlus,\n IconHelpCircle,\n IconSettings,\n IconTrash,\n} from '@tabler/icons-react';\n\nimport { SourceSelectControlled } from '@/components/SourceSelect';\nimport { SQLInlineEditorControlled } from '@/components/SQLEditor/SQLInlineEditor';\nimport { IS_METRICS_ENABLED, IS_SESSIONS_ENABLED } from '@/config';\nimport { useConnections } from '@/connection';\nimport { useExplainQuery } from '@/hooks/useExplainQuery';\nimport { useMetadataWithSettings } from '@/hooks/useMetadata';\nimport {\n inferTableSourceConfig,\n isValidMetricTable,\n useCreateSource,\n useDeleteSource,\n useSource,\n useSources,\n useUpdateSource,\n} from '@/source';\nimport { useBrandDisplayName } from '@/theme/ThemeProvider';\nimport {\n inferMaterializedViewConfig,\n MV_AGGREGATE_FUNCTIONS,\n MV_GRANULARITY_OPTIONS,\n} from '@/utils/materializedViews';\n\nimport ConfirmDeleteMenu from '../ConfirmDeleteMenu';\nimport { ConnectionSelectControlled } from '../ConnectionSelect';\nimport { DatabaseSelectControlled } from '../DatabaseSelect';\nimport { DBTableSelectControlled } from '../DBTableSelect';\nimport { ErrorCollapse } from '../Error/ErrorCollapse';\nimport { InputControlled } from '../InputControlled';\nimport SelectControlled from '../SelectControlled';\n\ntype CorrelationField =\n | 'logSourceId'\n | 'traceSourceId'\n | 'sessionSourceId'\n | 'metricSourceId';\n\nfunction getCorrelationFieldValue(\n source: TSource,\n field: CorrelationField,\n): string | undefined {\n switch (field) {\n case 'logSourceId':\n if (source.kind === SourceKind.Trace)\n return source.logSourceId ?? undefined;\n if (source.kind === SourceKind.Metric)\n return source.logSourceId ?? undefined;\n return undefined;\n case 'traceSourceId':\n if (source.kind === SourceKind.Log)\n return source.traceSourceId ?? undefined;\n if (source.kind === SourceKind.Session) return source.traceSourceId;\n return undefined;\n case 'sessionSourceId':\n if (source.kind === SourceKind.Trace)\n return source.sessionSourceId ?? undefined;\n return undefined;\n case 'metricSourceId':\n if (source.kind === SourceKind.Log)\n return source.metricSourceId ?? undefined;\n if (source.kind === SourceKind.Trace)\n return source.metricSourceId ?? undefined;\n return undefined;\n }\n}\n\nfunction setCorrelationFieldValue(\n source: TSource,\n field: CorrelationField,\n value: string | undefined,\n): TSource {\n switch (source.kind) {\n case SourceKind.Log:\n if (field === 'traceSourceId' || field === 'metricSourceId') {\n return { ...source, [field]: value };\n }\n return source;\n case SourceKind.Trace:\n if (\n field === 'logSourceId' ||\n field === 'sessionSourceId' ||\n field === 'metricSourceId'\n ) {\n return { ...source, [field]: value };\n }\n return source;\n case SourceKind.Session:\n if (field === 'traceSourceId') {\n return { ...source, traceSourceId: value ?? '' };\n }\n return source;\n case SourceKind.Metric:\n if (field === 'logSourceId') {\n return { ...source, [field]: value };\n }\n return source;\n }\n}\n\nconst DEFAULT_DATABASE = 'default';\n\nconst MV_AGGREGATE_FUNCTION_OPTIONS = MV_AGGREGATE_FUNCTIONS.map(fn => ({\n value: fn,\n label: fn,\n}));\n\n// TODO: maybe otel clickhouse export migrate the schema?\nconst OTEL_CLICKHOUSE_EXPRESSIONS = {\n timestampValueExpression: 'TimeUnix',\n resourceAttributesExpression: 'ResourceAttributes',\n};\n\nconst CORRELATION_FIELD_MAP: Record<\n SourceKind,\n Partial<\n Record<\n CorrelationField,\n { targetKind: SourceKind; targetField: CorrelationField }[]\n >\n >\n> = {\n [SourceKind.Log]: {\n metricSourceId: [\n { targetKind: SourceKind.Metric, targetField: 'logSourceId' },\n ],\n traceSourceId: [\n { targetKind: SourceKind.Trace, targetField: 'logSourceId' },\n ],\n },\n [SourceKind.Trace]: {\n logSourceId: [{ targetKind: SourceKind.Log, targetField: 'traceSourceId' }],\n sessionSourceId: [\n { targetKind: SourceKind.Session, targetField: 'traceSourceId' },\n ],\n metricSourceId: [\n { targetKind: SourceKind.Metric, targetField: 'logSourceId' },\n ],\n },\n [SourceKind.Session]: {\n traceSourceId: [\n { targetKind: SourceKind.Trace, targetField: 'sessionSourceId' },\n ],\n },\n [SourceKind.Metric]: {\n logSourceId: [\n { targetKind: SourceKind.Log, targetField: 'metricSourceId' },\n ],\n },\n};\n\nfunction FormRow({\n label,\n children,\n helpText,\n}: {\n label: React.ReactNode;\n children: React.ReactNode;\n helpText?: string;\n}) {\n return (\n // \n \n \n \n {typeof label === 'string' ? (\n \n {label}\n \n ) : (\n label\n )}\n \n \n \n \n \n \n \n \n {children}\n \n \n );\n}\n\ntype HighlightedAttributeRowProps = Omit & {\n id: string;\n index: number;\n databaseName: string;\n name:\n | 'highlightedTraceAttributeExpressions'\n | 'highlightedRowAttributeExpressions';\n tableName: string;\n connectionId: string;\n removeHighlightedAttribute: (index: number) => void;\n};\n\nfunction HighlightedAttributeRow({\n id,\n index,\n control,\n databaseName,\n name,\n tableName,\n connectionId,\n removeHighlightedAttribute,\n}: HighlightedAttributeRowProps) {\n const expressionInput = useWatch({\n control,\n name: `${name}.${index}.sqlExpression`,\n });\n\n const aliasInput = useWatch({\n control,\n name: `${name}.${index}.alias`,\n });\n\n const [explainParams, setExplainParams] = useState<{\n expression: typeof expressionInput;\n alias: typeof aliasInput;\n }>();\n\n const setExplainParamsDebounced = useDebouncedCallback(\n (params: typeof explainParams) => {\n setExplainParams(params);\n },\n 1_000,\n );\n\n useDidUpdate(() => {\n setExplainParamsDebounced({\n expression: expressionInput,\n alias: aliasInput,\n });\n }, [expressionInput, aliasInput]);\n\n const {\n data: explainData,\n error: explainError,\n isLoading: explainLoading,\n } = useExplainQuery(\n {\n from: { databaseName, tableName },\n connection: connectionId,\n select: [\n {\n alias: explainParams?.alias,\n valueExpression: explainParams?.expression ?? '',\n },\n ],\n where: '',\n },\n\n {\n enabled: !!explainParams?.expression,\n },\n );\n\n const runExpression = () => {\n setExplainParams({\n expression: expressionInput,\n alias: aliasInput,\n });\n };\n\n const isExpressionValid = !!explainData?.length;\n const isExpressionInvalid = explainError instanceof ClickHouseQueryError;\n\n const shouldShowResult =\n explainParams?.expression === expressionInput &&\n explainParams?.alias === aliasInput &&\n (isExpressionValid || isExpressionInvalid);\n\n return (\n \n \n \n \n \n \n \n \n AS\n \n \n \n \n \n \n removeHighlightedAttribute(index)}\n >\n \n \n \n \n\n {shouldShowResult && (\n \n {isExpressionValid && (\n \n Expression is valid.\n \n )}\n {isExpressionInvalid && (\n \n )}\n \n )}\n\n \n \n \n \n \n \n \n \n \n \n \n );\n}\n\nfunction HighlightedAttributeExpressionsFormRow({\n control,\n name,\n label,\n helpText,\n}: Omit & {\n name:\n | 'highlightedTraceAttributeExpressions'\n | 'highlightedRowAttributeExpressions';\n label: string;\n helpText?: string;\n}) {\n const databaseName = useWatch({\n control,\n name: 'from.databaseName',\n defaultValue: DEFAULT_DATABASE,\n });\n const tableName = useWatch({ control, name: 'from.tableName' });\n const connectionId = useWatch({ control, name: 'connection' });\n\n const {\n fields: highlightedAttributes,\n append: appendHighlightedAttribute,\n remove: removeHighlightedAttribute,\n } = useFieldArray({\n control,\n name,\n });\n\n return (\n \n \n {highlightedAttributes.map(({ id }, index) => (\n \n ))}\n \n {\n appendHighlightedAttribute(\n {\n sqlExpression: '',\n luceneExpression: '',\n alias: '',\n },\n { shouldFocus: false },\n );\n }}\n >\n \n Add expression\n \n \n );\n}\n\n/** Component for configuring one or more materialized views */\nfunction MaterializedViewsFormSection({ control, setValue }: TableModelProps) {\n const databaseName = useWatch({\n control,\n name: `from.databaseName`,\n defaultValue: DEFAULT_DATABASE,\n });\n\n const {\n fields: materializedViews,\n append: appendMaterializedView,\n remove: removeMaterializedView,\n } = useFieldArray({\n control,\n name: 'materializedViews',\n });\n\n return (\n \n \n \n {materializedViews.map((field, index) => (\n removeMaterializedView(index)}\n />\n ))}\n\n {\n appendMaterializedView({\n databaseName: databaseName,\n tableName: '',\n dimensionColumns: '',\n minGranularity: '',\n timestampColumn: '',\n aggregatedColumns: [],\n });\n }}\n >\n \n \n Add Materialized View\n \n \n \n \n \n );\n}\n\n/** Component for configuring a single materialized view */\nfunction MaterializedViewFormSection({\n control,\n mvIndex,\n onRemove,\n setValue,\n}: { mvIndex: number; onRemove: () => void } & TableModelProps) {\n const brandName = useBrandDisplayName();\n const connection = useWatch({ control, name: `connection` });\n const sourceDatabaseName = useWatch({\n control,\n name: `from.databaseName`,\n defaultValue: DEFAULT_DATABASE,\n });\n const mvDatabaseName = useWatch({\n control,\n name: `materializedViews.${mvIndex}.databaseName`,\n defaultValue: sourceDatabaseName,\n });\n const mvTableName = useWatch({\n control,\n name: `materializedViews.${mvIndex}.tableName`,\n defaultValue: '',\n });\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n Timestamp Column\n \n \n \n\n \n \n Granularity\n \n \n \n \n (\n \n )}\n />\n \n\n \n \n Minimum Date\n \n \n \n \n (\n \n field.onChange(dateStr ? dateStr.toISOString() : null)\n }\n clearable\n highlightToday\n placeholder=\"YYYY-MM-DD HH:mm:ss\"\n valueFormat=\"YYYY-MM-DD HH:mm:ss\"\n />\n )}\n />\n \n \n\n \n \n Dimension Columns (comma-separated)\n \n \n \n \n \n \n\n \n \n \n );\n}\n\n/** Component for configuring the Aggregated Columns list for a single materialized view */\nfunction AggregatedColumnsFormSection({\n control,\n setValue,\n mvIndex,\n}: TableModelProps & { mvIndex: number }) {\n const {\n fields: aggregates,\n append: appendAggregate,\n remove: removeAggregate,\n replace: replaceAggregates,\n } = useFieldArray({\n control,\n name: `materializedViews.${mvIndex}.aggregatedColumns`,\n });\n\n const addAggregate = useCallback(() => {\n appendAggregate({ sourceColumn: '', aggFn: 'avg', mvColumn: '' });\n }, [appendAggregate]);\n\n const kind = useWatch({ control, name: 'kind' });\n const connection = useWatch({ control, name: 'connection' });\n const mvTableName = useWatch({\n control,\n name: `materializedViews.${mvIndex}.tableName`,\n });\n const mvDatabaseName = useWatch({\n control,\n name: `materializedViews.${mvIndex}.databaseName`,\n });\n const fromDatabaseName = useWatch({ control, name: 'from.databaseName' });\n const fromTableName = useWatch({ control, name: 'from.tableName' });\n const prevMvTableNameRef = useRef(mvTableName);\n\n const metadata = useMetadataWithSettings();\n\n useEffect(() => {\n (async () => {\n try {\n if (mvTableName !== prevMvTableNameRef.current) {\n prevMvTableNameRef.current = mvTableName;\n\n if (\n (kind === SourceKind.Log || kind === SourceKind.Trace) &&\n connection &&\n mvDatabaseName &&\n mvTableName &&\n fromDatabaseName &&\n fromTableName\n ) {\n const config = await inferMaterializedViewConfig(\n {\n databaseName: mvDatabaseName,\n tableName: mvTableName,\n connectionId: connection,\n },\n {\n databaseName: fromDatabaseName,\n tableName: fromTableName,\n connectionId: connection,\n },\n metadata,\n );\n\n if (config) {\n setValue(`materializedViews.${mvIndex}`, config);\n replaceAggregates(config.aggregatedColumns ?? []);\n notifications.show({\n color: 'green',\n id: 'mv-infer-success',\n message:\n 'Partially inferred materialized view configuration from view schema.',\n });\n } else {\n notifications.show({\n color: 'yellow',\n id: 'mv-infer-failure',\n message: 'Unable to infer materialized view configuration.',\n });\n }\n }\n }\n } catch (e) {\n console.error(e);\n }\n })();\n }, [\n mvTableName,\n kind,\n connection,\n mvDatabaseName,\n fromDatabaseName,\n fromTableName,\n mvIndex,\n replaceAggregates,\n setValue,\n metadata,\n ]);\n\n return (\n \n \n Pre-aggregated Columns\n \n \n \n \n \n {aggregates.map((field, colIndex) => (\n removeAggregate(colIndex)}\n />\n ))}\n \n \n \n );\n}\n\n/** Component to render one row in the MV Aggregated Columns section */\nfunction AggregatedColumnRow({\n control,\n mvIndex,\n colIndex,\n onRemove,\n}: TableModelProps & {\n mvIndex: number;\n colIndex: number;\n onRemove: () => void;\n}) {\n const connectionId = useWatch({ control, name: `connection` });\n const sourceDatabaseName = useWatch({\n control,\n name: `from.databaseName`,\n defaultValue: DEFAULT_DATABASE,\n });\n const sourceTableName = useWatch({ control, name: `from.tableName` });\n const mvDatabaseName = useWatch({\n control,\n name: `materializedViews.${mvIndex}.databaseName`,\n defaultValue: sourceDatabaseName,\n });\n const mvTableName = useWatch({\n control,\n name: `materializedViews.${mvIndex}.tableName`,\n });\n const isCount =\n useWatch({\n control,\n name: `materializedViews.${mvIndex}.aggregatedColumns.${colIndex}.aggFn`,\n }) === 'count';\n\n return (\n <>\n \n \n \n {!isCount && (\n \n \n \n )}\n \n \n \n \n \n \n \n \n \n \n \n );\n}\n\n// traceModel= ...\n// logModel=....\n// traceModel.logModel = 'custom'\n// will pop open the custom trace model form as well\n// need to make sure we don't recursively render them :joy:\n// OR traceModel.logModel = 'log_id_blah'\n// custom always points towards the url param\n\nfunction OrderByFormRow({\n control,\n databaseName,\n tableName,\n connectionId,\n}: {\n control: Control;\n databaseName: string;\n tableName: string;\n connectionId: string;\n}) {\n const orderByInput = useWatch({\n control,\n name: 'orderByExpression',\n });\n\n const [explainExpression, setExplainExpression] = useState();\n\n const setExplainExpressionDebounced = useDebouncedCallback((expr: string) => {\n setExplainExpression(expr);\n }, 1_000);\n\n useDidUpdate(() => {\n setExplainExpressionDebounced(orderByInput ?? '');\n }, [orderByInput]);\n\n const {\n data: explainData,\n error: explainError,\n isLoading: explainLoading,\n } = useExplainQuery(\n {\n from: { databaseName, tableName },\n connection: connectionId,\n select: '*',\n where: '',\n orderBy: explainExpression,\n },\n {\n enabled: !!explainExpression,\n },\n );\n\n const runValidation = () => {\n setExplainExpression(orderByInput ?? '');\n };\n\n const isExpressionValid = !!explainData?.length;\n const isExpressionInvalid = explainError instanceof ClickHouseQueryError;\n\n const shouldShowResult =\n explainExpression === (orderByInput ?? '') &&\n !!explainExpression &&\n (isExpressionValid || isExpressionInvalid);\n\n return (\n <>\n \n \n \n \n \n \n \n \n \n \n \n {shouldShowResult && (\n \n {isExpressionValid && (\n \n Expression is valid.\n \n )}\n {isExpressionInvalid && (\n \n )}\n \n )}\n \n \n );\n}\n\nexport function LogTableModelForm(props: TableModelProps) {\n const { control } = props;\n const brandName = useBrandDisplayName();\n const databaseName = useWatch({\n control,\n name: 'from.databaseName',\n defaultValue: DEFAULT_DATABASE,\n });\n const tableName = useWatch({ control, name: 'from.tableName' });\n const connectionId = useWatch({ control, name: 'connection' });\n\n const [showOptionalFields, setShowOptionalFields] = useState(false);\n\n return (\n <>\n \n \n \n \n \n \n \n \n {!showOptionalFields && (\n setShowOptionalFields(true)}\n size=\"xs\"\n >\n \n \n Configure Optional Fields\n \n \n )}\n {showOptionalFields && (\n setShowOptionalFields(false)}\n size=\"xs\"\n variant=\"subtle\"\n >\n Hide Optional Fields\n \n )}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n\n \n {/* \n \n */}\n {/* \n \n */}\n \n \n \n \n \n \n \n \n \n \n \n \n );\n}\n\nexport function TraceTableModelForm(props: TableModelProps) {\n const { control } = props;\n const brandName = useBrandDisplayName();\n const databaseName = useWatch({\n control,\n name: 'from.databaseName',\n defaultValue: DEFAULT_DATABASE,\n });\n const tableName = useWatch({ control, name: 'from.tableName' });\n const connectionId = useWatch({ control, name: 'connection' });\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n (\n
\n \n
\n )}\n />\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n}\n\nexport function SessionTableModelForm({ control }: TableModelProps) {\n const brandName = useBrandDisplayName();\n const databaseName = useWatch({\n control,\n name: 'from.databaseName',\n defaultValue: DEFAULT_DATABASE,\n });\n const connectionId = useWatch({ control, name: 'connection' });\n const tableName = useWatch({ control, name: 'from.tableName' });\n\n return (\n <>\n \n \n \n \n \n \n \n \n \n \n \n \n );\n}\n\ninterface TableModelProps {\n control: Control;\n setValue: UseFormSetValue;\n}\n\nexport function MetricTableModelForm({ control, setValue }: TableModelProps) {\n const brandName = useBrandDisplayName();\n const databaseName = useWatch({\n control,\n name: 'from.databaseName',\n defaultValue: DEFAULT_DATABASE,\n });\n const connectionId = useWatch({ control, name: 'connection' });\n const metricTables = useWatch({ control, name: 'metricTables' });\n const prevMetricTablesRef = useRef(metricTables);\n\n const metadata = useMetadataWithSettings();\n\n useEffect(() => {\n for (const [_key, _value] of Object.entries(OTEL_CLICKHOUSE_EXPRESSIONS)) {\n setValue(_key as any, _value);\n }\n }, [setValue]);\n\n useEffect(() => {\n (async () => {\n try {\n if (metricTables && prevMetricTablesRef.current) {\n // Check which metric table changed\n for (const metricType of Object.values(MetricsDataType)) {\n const newValue =\n metricTables[metricType as keyof typeof metricTables];\n const prevValue =\n prevMetricTablesRef.current[\n metricType as keyof typeof prevMetricTablesRef.current\n ];\n\n if (newValue !== prevValue) {\n const isValid = await isValidMetricTable({\n databaseName,\n tableName: newValue as string,\n connectionId,\n metricType: metricType as MetricsDataType,\n metadata,\n });\n if (!isValid) {\n notifications.show({\n color: 'red',\n message: `${newValue} is not a valid OTEL ${metricType} schema.`,\n });\n }\n }\n }\n }\n prevMetricTablesRef.current = metricTables;\n } catch (e) {\n console.error(e);\n notifications.show({\n color: 'red',\n message: e.message,\n });\n }\n })();\n }, [metricTables, databaseName, connectionId, metadata]);\n\n return (\n <>\n \n {Object.values(MetricsDataType).map(metricType => (\n \n \n \n ))}\n \n \n \n \n \n );\n}\n\nfunction TableModelForm({\n control,\n setValue,\n kind,\n}: {\n control: Control;\n setValue: UseFormSetValue;\n kind: SourceKind;\n}) {\n switch (kind) {\n case SourceKind.Log:\n return ;\n case SourceKind.Trace:\n return ;\n case SourceKind.Session:\n return ;\n case SourceKind.Metric:\n return ;\n }\n}\n\nexport function TableSourceForm({\n sourceId,\n onSave,\n onCreate,\n isNew = false,\n defaultName = '',\n onCancel,\n}: {\n sourceId?: string;\n onSave?: () => void;\n onCreate?: (source: TSource) => void;\n onCancel?: () => void;\n isNew?: boolean;\n defaultName?: string;\n}) {\n const { data: source } = useSource({ id: sourceId });\n const { data: connections } = useConnections();\n\n const { control, setValue, handleSubmit, resetField, setError, clearErrors } =\n useForm({\n defaultValues: {\n kind: SourceKind.Log,\n name: defaultName,\n connection: connections?.[0]?.id,\n from: {\n databaseName: 'default',\n tableName: '',\n },\n querySettings: source?.querySettings,\n },\n values: source,\n resetOptions: {\n keepDirtyValues: true,\n keepErrors: true,\n },\n });\n\n const watchedConnection = useWatch({\n control,\n name: 'connection',\n defaultValue: source?.connection,\n });\n const watchedDatabaseName = useWatch({\n control,\n name: 'from.databaseName',\n defaultValue: source?.from?.databaseName || DEFAULT_DATABASE,\n });\n const watchedTableName = useWatch({\n control,\n name: 'from.tableName',\n defaultValue: source?.from?.tableName,\n });\n const watchedKind = useWatch({\n control,\n name: 'kind',\n defaultValue: source?.kind || SourceKind.Log,\n });\n const prevTableNameRef = useRef(watchedTableName);\n\n const metadata = useMetadataWithSettings();\n\n useEffect(() => {\n (async () => {\n try {\n if (watchedTableName !== prevTableNameRef.current) {\n prevTableNameRef.current = watchedTableName;\n\n if (\n watchedConnection != null &&\n watchedDatabaseName != null &&\n (watchedKind === SourceKind.Metric || watchedTableName != null)\n ) {\n const config = await inferTableSourceConfig({\n databaseName: watchedDatabaseName,\n tableName:\n watchedKind !== SourceKind.Metric ? watchedTableName : '',\n connectionId: watchedConnection,\n kind: watchedKind,\n metadata,\n });\n if (Object.keys(config).length > 0) {\n notifications.show({\n color: 'green',\n message:\n 'Automatically inferred source configuration from table schema.',\n });\n }\n Object.entries(config).forEach(([key, value]) => {\n resetField(key as any, {\n keepDirty: true,\n defaultValue: value,\n });\n });\n }\n }\n } catch (e) {\n console.error(e);\n }\n })();\n }, [\n watchedTableName,\n watchedConnection,\n watchedDatabaseName,\n watchedKind,\n resetField,\n metadata,\n ]);\n\n // Sets the default connection field to the first connection after the\n // connections have been loaded\n useEffect(() => {\n resetField('connection', { defaultValue: connections?.[0]?.id });\n }, [connections, resetField]);\n\n const kind = useWatch({\n control,\n name: 'kind',\n defaultValue: source?.kind || SourceKind.Log,\n });\n\n const createSource = useCreateSource();\n const updateSource = useUpdateSource();\n const deleteSource = useDeleteSource();\n\n // Bidirectional source linking\n const { data: sources } = useSources();\n const currentSourceId = useWatch({ control, name: 'id' });\n\n // Watch all potential correlation fields\n const logSourceId = useWatch({ control, name: 'logSourceId' });\n const traceSourceId = useWatch({ control, name: 'traceSourceId' });\n const metricSourceId = useWatch({ control, name: 'metricSourceId' });\n const sessionTraceSourceId = useWatch({ control, name: 'traceSourceId' }); // For sessions\n\n const prevLogSourceIdRef = useRef(logSourceId);\n const prevTraceSourceIdRef = useRef(traceSourceId);\n const prevMetricSourceIdRef = useRef(metricSourceId);\n const prevSessionTraceSourceIdRef = useRef(sessionTraceSourceId);\n\n useEffect(() => {\n (async () => {\n if (!currentSourceId || !sources || !kind) return;\n\n const correlationFields = CORRELATION_FIELD_MAP[kind];\n if (!correlationFields) return;\n\n // Check each field for changes\n const changedFields: Array<{\n name: CorrelationField;\n value: string | undefined;\n }> = [];\n\n if (logSourceId !== prevLogSourceIdRef.current) {\n prevLogSourceIdRef.current = logSourceId;\n changedFields.push({\n name: 'logSourceId',\n value: logSourceId ?? undefined,\n });\n }\n if (traceSourceId !== prevTraceSourceIdRef.current) {\n prevTraceSourceIdRef.current = traceSourceId;\n changedFields.push({\n name: 'traceSourceId',\n value: traceSourceId ?? undefined,\n });\n }\n if (metricSourceId !== prevMetricSourceIdRef.current) {\n prevMetricSourceIdRef.current = metricSourceId;\n changedFields.push({\n name: 'metricSourceId',\n value: metricSourceId ?? undefined,\n });\n }\n if (\n sessionTraceSourceId !== prevSessionTraceSourceIdRef.current &&\n kind === SourceKind.Session\n ) {\n prevSessionTraceSourceIdRef.current = sessionTraceSourceId;\n changedFields.push({\n name: 'traceSourceId',\n value: sessionTraceSourceId ?? undefined,\n });\n }\n\n for (const {\n name: fieldName,\n value: newTargetSourceId,\n } of changedFields) {\n const targetConfigs = correlationFields[fieldName];\n if (!targetConfigs) continue;\n\n for (const { targetKind, targetField } of targetConfigs) {\n // Find the previously linked source if any\n const previouslyLinkedSource = sources.find(\n s =>\n s.kind === targetKind &&\n getCorrelationFieldValue(s, targetField) === currentSourceId,\n );\n\n // If there was a previously linked source and it's different from the new one, unlink it\n if (\n previouslyLinkedSource &&\n previouslyLinkedSource.id !== newTargetSourceId\n ) {\n await updateSource.mutateAsync({\n source: setCorrelationFieldValue(\n previouslyLinkedSource,\n targetField,\n undefined,\n ),\n });\n }\n\n // If a new source is selected, link it back\n if (newTargetSourceId) {\n const targetSource = sources.find(s => s.id === newTargetSourceId);\n if (targetSource && targetSource.kind === targetKind) {\n // Only update if the target field is empty to avoid overwriting existing correlations\n if (!getCorrelationFieldValue(targetSource, targetField)) {\n await updateSource.mutateAsync({\n source: setCorrelationFieldValue(\n targetSource,\n targetField,\n currentSourceId,\n ),\n });\n }\n }\n }\n }\n }\n })();\n }, [\n logSourceId,\n traceSourceId,\n metricSourceId,\n sessionTraceSourceId,\n kind,\n currentSourceId,\n sources,\n updateSource,\n ]);\n\n const handleError = useCallback(\n ({ errors }: z.ZodError, eventName: 'create' | 'save') => {\n const notificationMsgs: string[] = [];\n\n // eslint-disable-next-line no-console\n console.debug(\n // HDX-3148\n `[${eventName}] SourceForm validation error`,\n JSON.stringify(errors),\n );\n\n for (const err of errors) {\n const errorPath: string = err.path.join('.');\n // react-hook-form requires a static path type; dynamic errorPath needs assertion\n setError(errorPath as any, { ...err });\n\n const message =\n // HDX-3148\n err.message === 'Required'\n ? `${errorPath}: ${err.message}`\n : err.message;\n\n notificationMsgs.push(message);\n }\n\n notifications.show({\n color: 'red',\n message: (\n \n \n Failed to create source\n \n {notificationMsgs.map((message, i) => (\n \n ✖ {message}\n \n ))}\n \n ),\n });\n },\n [setError],\n );\n\n const _onCreate = useCallback(() => {\n clearErrors();\n handleSubmit(async data => {\n const parseResult = SourceSchemaNoId.safeParse(data);\n if (parseResult.error) {\n handleError(parseResult.error, 'create');\n return;\n }\n\n createSource.mutate(\n { source: parseResult.data },\n {\n onSuccess: async newSource => {\n // Handle bidirectional linking for new sources\n const correlationFields = CORRELATION_FIELD_MAP[newSource.kind];\n if (correlationFields && sources) {\n for (const [fieldName, targetConfigs] of Object.entries(\n correlationFields,\n )) {\n const targetSourceId = getCorrelationFieldValue(\n newSource,\n fieldName as CorrelationField,\n );\n if (targetSourceId) {\n for (const { targetKind, targetField } of targetConfigs) {\n const targetSource = sources.find(\n s => s.id === targetSourceId,\n );\n if (targetSource && targetSource.kind === targetKind) {\n // Only update if the target field is empty to avoid overwriting existing correlations\n if (\n !getCorrelationFieldValue(targetSource, targetField)\n ) {\n await updateSource.mutateAsync({\n source: setCorrelationFieldValue(\n targetSource,\n targetField,\n newSource.id,\n ),\n });\n }\n }\n }\n }\n }\n }\n\n onCreate?.(newSource);\n notifications.show({\n color: 'green',\n message: 'Source created',\n });\n },\n onError: error => {\n notifications.show({\n color: 'red',\n message: `Failed to create source - ${error.message}`,\n });\n },\n },\n );\n })();\n }, [\n clearErrors,\n handleError,\n handleSubmit,\n createSource,\n onCreate,\n sources,\n updateSource,\n ]);\n\n const _onSave = useCallback(() => {\n clearErrors();\n handleSubmit(data => {\n const parseResult = SourceSchema.safeParse(data);\n if (parseResult.error) {\n handleError(parseResult.error, 'save');\n return;\n }\n updateSource.mutate(\n { source: parseResult.data },\n {\n onSuccess: () => {\n onSave?.();\n notifications.show({\n color: 'green',\n message: 'Source updated',\n });\n },\n onError: () => {\n notifications.show({\n color: 'red',\n message: 'Failed to update source',\n });\n },\n },\n );\n })();\n }, [handleSubmit, updateSource, onSave, clearErrors, handleError]);\n\n const databaseName = useWatch({\n control,\n name: 'from.databaseName',\n defaultValue: source?.from?.databaseName || DEFAULT_DATABASE,\n });\n const connectionId = useWatch({\n control,\n name: 'connection',\n defaultValue: source?.connection,\n });\n\n const {\n fields: querySettingFields,\n append: appendSetting,\n remove: removeSetting,\n } = useFieldArray({ control, name: 'querySettings' });\n\n return (\n \n \n Source Settings\n \n \n \n \n (\n onChange(v)}\n withAsterisk\n >\n \n \n \n {IS_METRICS_ENABLED && (\n \n )}\n {IS_SESSIONS_ENABLED && (\n \n )}\n \n \n )}\n />\n \n \n \n \n \n \n \n {kind !== SourceKind.Metric && (\n \n \n \n )}\n \n Query Settings\n \n }\n helpText=\"Query-level Session Settings that will be added to each query for this source.\"\n >\n \n {querySettingFields.map((field, index) => (\n \n \n \n \n \n \n \n \n \n removeSetting(index)}\n >\n \n \n \n \n \n ))}\n \n = 10}\n onClick={() => {\n if (querySettingFields.length < 10) {\n appendSetting({ setting: '', value: '' });\n }\n }}\n >\n \n Add Setting\n \n \n \n \n \n {onCancel && (\n \n )}\n {isNew ? (\n \n Save New Source\n \n ) : (\n <>\n deleteSource.mutate({ id: sourceId ?? '' })}\n />\n \n Save Source\n \n \n )}\n \n \n );\n}\n" }, { "path": "packages/app/src/components/Sources/Sources.module.scss", "content": ".sourcesCard {\n background-color: var(--color-bg);\n}\n" }, { "path": "packages/app/src/components/Sources/SourcesList.stories.tsx", "content": "import { delay, http, HttpResponse } from 'msw';\nimport { SourceKind } from '@hyperdx/common-utils/dist/types';\nimport { Box } from '@mantine/core';\nimport type { Meta, StoryObj } from '@storybook/nextjs';\n\nimport { SourcesList } from './SourcesList';\n\nconst mockConnections = [\n {\n id: 'conn-1',\n name: 'Local ClickHouse',\n host: 'localhost:8123',\n username: 'default',\n },\n];\n\nconst mockSources = [\n {\n id: 'source-logs',\n name: 'Logs',\n kind: SourceKind.Log,\n connection: 'conn-1',\n from: { databaseName: 'default', tableName: 'otel_logs' },\n timestampValueExpression: 'Timestamp',\n },\n {\n id: 'source-traces',\n name: 'Traces',\n kind: SourceKind.Trace,\n connection: 'conn-1',\n from: { databaseName: 'default', tableName: 'otel_traces' },\n timestampValueExpression: 'Timestamp',\n },\n];\n\n// Default handlers that return mock data\nconst defaultHandlers = {\n connections: http.get('*/api/connections', () => {\n return HttpResponse.json(mockConnections);\n }),\n sources: http.get('*/api/sources', () => {\n return HttpResponse.json(mockSources);\n }),\n};\n\nconst meta: Meta = {\n title: 'Components/Sources/SourcesList',\n component: SourcesList,\n parameters: {\n layout: 'padded',\n msw: {\n handlers: defaultHandlers,\n },\n },\n decorators: [\n Story => (\n \n \n \n ),\n ],\n argTypes: {\n variant: {\n control: 'select',\n options: ['compact', 'default'],\n description: 'Visual variant for text/icon sizing',\n },\n withCard: {\n control: 'boolean',\n description: 'Whether to wrap in a Card component',\n },\n withBorder: {\n control: 'boolean',\n description: 'Whether the card has a border',\n },\n showEmptyState: {\n control: 'boolean',\n description: 'Whether to show empty state UI',\n },\n },\n};\n\nexport default meta;\n\ntype Story = StoryObj;\n\n/* Default with mock data - compact variant (for GettingStarted) */\nexport const Default: Story = {\n name: 'Compact Variant (GettingStarted)',\n args: {\n variant: 'compact',\n withCard: true,\n withBorder: true,\n },\n};\n\n/* Default variant (for TeamPage) */\nexport const DefaultVariant: Story = {\n name: 'Default Variant (TeamPage)',\n args: {\n variant: 'default',\n withCard: true,\n withBorder: false,\n showEmptyState: false,\n },\n};\n\n/* Loading State - simulates slow API */\nexport const Loading: Story = {\n name: 'Loading State',\n parameters: {\n msw: {\n handlers: {\n connections: http.get('*/api/connections', async () => {\n await delay('infinite');\n return HttpResponse.json([]);\n }),\n sources: http.get('*/api/sources', async () => {\n await delay('infinite');\n return HttpResponse.json([]);\n }),\n },\n },\n },\n};\n\n/* Error State - simulates API failure */\nexport const Error: Story = {\n name: 'Error State',\n parameters: {\n msw: {\n handlers: {\n connections: http.get('*/api/connections', () => {\n return HttpResponse.json(\n { message: 'Failed to connect to database' },\n { status: 500 },\n );\n }),\n sources: http.get('*/api/sources', () => {\n return HttpResponse.json(\n { message: 'Failed to fetch sources' },\n { status: 500 },\n );\n }),\n },\n },\n },\n};\n\n/* Empty State - no sources configured */\nexport const Empty: Story = {\n name: 'Empty (No Sources)',\n args: {\n showEmptyState: true,\n },\n parameters: {\n msw: {\n handlers: {\n connections: http.get('*/api/connections', () => {\n return HttpResponse.json([]);\n }),\n sources: http.get('*/api/sources', () => {\n return HttpResponse.json([]);\n }),\n },\n },\n },\n};\n" }, { "path": "packages/app/src/components/Sources/SourcesList.tsx", "content": "import React, { useState } from 'react';\nimport { SourceKind } from '@hyperdx/common-utils/dist/types';\nimport {\n ActionIcon,\n Alert,\n Box,\n Button,\n Card,\n Divider,\n Flex,\n Group,\n Loader,\n Stack,\n Text,\n Title,\n} from '@mantine/core';\nimport {\n IconAlertCircle,\n IconChevronDown,\n IconChevronUp,\n IconPlus,\n IconRefresh,\n IconServer,\n IconStack,\n} from '@tabler/icons-react';\n\nimport { IS_LOCAL_MODE } from '@/config';\nimport { useConnections } from '@/connection';\nimport { useSources } from '@/source';\nimport { capitalizeFirstLetter } from '@/utils';\n\nimport { TableSourceForm } from './SourceForm';\n\nimport styles from './Sources.module.scss';\n\nexport interface SourcesListProps {\n /** Callback when add source button is clicked */\n onAddSource?: () => void;\n /** Whether to wrap content in a Card component (default: true) */\n withCard?: boolean;\n /** Whether the card has a border (default: true) */\n withBorder?: boolean;\n /** Custom className for the card */\n cardClassName?: string;\n /** Visual variant: 'compact' for smaller text, 'default' for standard sizing */\n variant?: 'compact' | 'default';\n /** Whether to show empty state UI (default: true) */\n showEmptyState?: boolean;\n}\n\nexport function SourcesList({\n onAddSource,\n withCard = true,\n withBorder = true,\n cardClassName,\n variant = 'compact',\n showEmptyState = true,\n}: SourcesListProps) {\n const {\n data: connections,\n isLoading: isLoadingConnections,\n error: connectionsError,\n refetch: refetchConnections,\n } = useConnections();\n const {\n data: sources,\n isLoading: isLoadingSources,\n error: sourcesError,\n refetch: refetchSources,\n } = useSources();\n\n const [editedSourceId, setEditedSourceId] = useState(null);\n const [isCreatingSource, setIsCreatingSource] = useState(false);\n\n const isLoading = isLoadingConnections || isLoadingSources;\n const error = connectionsError || sourcesError;\n\n const handleRetry = () => {\n refetchConnections();\n refetchSources();\n };\n\n // Sizing based on variant\n const textSize = variant === 'compact' ? 'sm' : 'md';\n const subtextSize = variant === 'compact' ? 'xs' : 'sm';\n const iconSize = variant === 'compact' ? 11 : 14;\n const buttonSize = variant === 'compact' ? 'xs' : 'sm';\n\n const Wrapper = withCard ? Card : React.Fragment;\n const wrapperProps = withCard\n ? {\n withBorder,\n p: 'md',\n radius: 'sm',\n className: cardClassName ?? styles.sourcesCard,\n }\n : {};\n\n if (isLoading) {\n return (\n \n \n \n \n Loading sources...\n \n \n \n );\n }\n\n if (error) {\n return (\n \n }\n title=\"Failed to load sources\"\n color=\"red\"\n variant=\"light\"\n >\n \n {error instanceof Error\n ? error.message\n : 'An error occurred while loading data sources.'}\n \n }\n onClick={handleRetry}\n >\n Retry\n \n \n \n );\n }\n\n const isEmpty = !sources || sources.length === 0;\n\n return (\n \n \n {isEmpty && !isCreatingSource && showEmptyState && (\n \n \n \n No data sources configured yet.\n \n \n Add a source to start querying your data.\n \n \n )}\n\n {sources?.map((s, index) => (\n \n \n
\n \n {s.name}\n \n \n \n {capitalizeFirstLetter(s.kind)}\n \n \n {connections?.find(c => c.id === s.connection)?.name}\n \n \n {s.from && (\n <>\n \n {s.from.databaseName}\n {s.kind === SourceKind.Metric ? '' : '.'}\n {s.from.tableName}\n \n )}\n \n \n \n
\n \n setEditedSourceId(editedSourceId === s.id ? null : s.id)\n }\n >\n {editedSourceId === s.id ? (\n \n ) : (\n \n )}\n \n \n {editedSourceId === s.id && (\n \n setEditedSourceId(null)}\n />\n \n )}\n {index < (sources?.length ?? 0) - 1 && }\n \n ))}\n\n {isCreatingSource && (\n <>\n {sources && sources.length > 0 && }\n setIsCreatingSource(false)}\n onCancel={() => setIsCreatingSource(false)}\n />\n \n )}\n\n {!IS_LOCAL_MODE && !isCreatingSource && (\n 0 ? 'md' : 0}\n >\n }\n onClick={() => {\n setIsCreatingSource(true);\n onAddSource?.();\n }}\n >\n Add source\n \n \n )}\n \n \n );\n}\n" }, { "path": "packages/app/src/components/Sources/index.ts", "content": "export {\n LogTableModelForm,\n MetricTableModelForm,\n SessionTableModelForm,\n TableSourceForm,\n TraceTableModelForm,\n} from './SourceForm';\nexport type { SourcesListProps } from './SourcesList';\nexport { SourcesList } from './SourcesList';\n" }, { "path": "packages/app/src/components/SpanEventsSubpanel.tsx", "content": "import React, { useMemo } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { Box, Button, Text } from '@mantine/core';\nimport { IconChevronDown, IconChevronUp } from '@tabler/icons-react';\nimport { ColumnDef } from '@tanstack/react-table';\n\nimport { FormatTime } from '@/useFormatTime';\n\nimport { DBRowJsonViewer } from './DBRowJsonViewer';\nimport { SectionWrapper, useShowMoreRows } from './ExceptionSubpanel';\nimport { Table } from './Table';\n\n// Make sure SpanEventData implements Record\ninterface SpanEventData extends Record {\n Timestamp: string; // DateTime64(9)\n Name: string;\n Attributes: Record;\n}\n\nconst spanEventColumns: ColumnDef[] = [\n {\n accessorKey: 'Timestamp',\n header: 'Timestamp',\n size: 120,\n cell: ({ row }) => (\n \n \n \n ),\n },\n {\n accessorKey: 'Name',\n header: 'Name',\n size: 180,\n cell: ({ row }) => (\n \n {row.original.Name}\n \n ),\n },\n {\n accessorKey: 'Attributes',\n header: 'Attributes',\n size: 400,\n cell: ({ row }) => {\n const attributes = row.original.Attributes;\n if (attributes && Object.keys(attributes).length > 0) {\n return (\n \n \n \n );\n }\n return Empty;\n },\n },\n];\n\nexport const SpanEventsSubpanel = ({\n spanEvents,\n}: {\n spanEvents?: Record[] | null;\n}) => {\n const sortedEvents = useMemo(() => {\n if (!spanEvents || spanEvents.length === 0) {\n return [];\n }\n\n // Ensure events have the right shape with type checking\n const typedEvents = spanEvents.filter((event): event is SpanEventData => {\n return (\n typeof event.Timestamp === 'string' &&\n typeof event.Name === 'string' &&\n event.Attributes !== undefined\n );\n });\n\n // Sort events by timestamp\n return [...typedEvents].sort((a, b) => {\n const timeA = new Date(a.Timestamp).getTime();\n const timeB = new Date(b.Timestamp).getTime();\n return timeB - timeA; // Latest first\n });\n }, [spanEvents]);\n\n const { handleToggleMoreRows, hiddenRowsCount, visibleRows, isExpanded } =\n useShowMoreRows({\n rows: sortedEvents,\n maxRows: 5,\n });\n\n if (!sortedEvents || sortedEvents.length === 0) {\n return (\n
\n No span events available for this trace\n
\n );\n }\n\n return (\n
\n \n {\n console.error(err);\n }}\n fallbackRender={() => (\n
\n An error occurred while rendering span events\n
\n )}\n >\n \n \n\n {hiddenRowsCount ? (\n \n {isExpanded ? (\n <>\n Hide events\n \n ) : (\n <>\n \n Show {hiddenRowsCount} more events\n \n )}\n \n ) : null}\n \n
\n );\n};\n" }, { "path": "packages/app/src/components/StacktraceFrame.tsx", "content": "import { Group, Loader } from '@mantine/core';\n\nexport const StacktraceFrame = ({\n filename,\n function: functionName,\n lineno,\n colno,\n isLoading,\n}: {\n filename: string;\n function?: string;\n lineno: number;\n colno: number;\n isLoading?: boolean;\n}) => {\n return (\n \n \n {filename}\n \n :{lineno}:{colno}\n \n {' in '}\n {functionName && (\n \n {functionName}\n \n )}\n \n {isLoading && }\n \n );\n};\n" }, { "path": "packages/app/src/components/Table.module.scss", "content": "$compactVerticalPadding: 6px;\n$normalVerticalPadding: 10px;\n$comfortableVerticalPadding: 14px;\n$horizontalPadding: 12px;\n\n.tableWrapper {\n table {\n width: 100%;\n table-layout: fixed;\n\n th,\n td {\n &:first-child {\n padding-left: $horizontalPadding * 2;\n }\n\n &:last-child {\n padding-right: $horizontalPadding * 2;\n }\n }\n\n tr {\n border-bottom: 1px solid var(--color-border);\n }\n\n tbody {\n tr:last-child {\n border-bottom: none;\n }\n }\n\n th {\n color: var(--color-text-muted);\n text-transform: uppercase;\n font-size: 9px;\n font-weight: 500;\n letter-spacing: 1px;\n padding: $normalVerticalPadding $horizontalPadding;\n text-align: left;\n }\n\n td {\n font-size: 12px;\n padding: $normalVerticalPadding $horizontalPadding;\n word-wrap: break-word;\n word-break: break-all;\n vertical-align: top;\n }\n }\n\n // Borderless\n &.tableBorderless {\n padding: 4px 0;\n\n tr {\n border-bottom: none;\n }\n }\n\n // Density\n &.tableDensityZero {\n th,\n td {\n padding: 0;\n\n &:first-child {\n padding-left: 0;\n }\n\n &:last-child {\n padding-right: 0;\n }\n }\n }\n\n &.tableDensityCompact {\n th,\n td {\n padding: $compactVerticalPadding $horizontalPadding;\n }\n }\n\n &.tableDensityComfortable {\n th,\n td {\n padding: $comfortableVerticalPadding $horizontalPadding;\n }\n }\n\n // Interactive\n &.tableInteractive {\n tr:hover td {\n cursor: pointer;\n background-color: #ffffff08;\n }\n\n tr:active td {\n background-color: #00000050;\n opacity: 0.8;\n }\n }\n}\n\n.emptyMessage {\n color: var(--color-text);\n text-align: center;\n padding: 10px;\n}\n\n.tableCellButton {\n display: flex;\n gap: 4px;\n border-radius: 4px;\n background-color: var(--color-bg-field);\n border: 1px solid var(--color-border);\n color: var(--color-text);\n text-align: center;\n font-size: 11px;\n\n &:hover {\n background-color: var(--color-bg-field-highlighted);\n border-color: var(--color-border);\n }\n\n &:active {\n background-color: var(--color-bg-field-highlighted);\n border-color: var(--color-border);\n }\n}\n" }, { "path": "packages/app/src/components/Table.tsx", "content": "import * as React from 'react';\nimport cx from 'classnames';\nimport { IconChevronDown, IconChevronUp } from '@tabler/icons-react';\nimport {\n ColumnDef,\n flexRender,\n getCoreRowModel,\n useReactTable,\n} from '@tanstack/react-table';\n\nimport { UNDEFINED_WIDTH } from '../tableUtils';\n\nimport styles from './Table.module.scss';\n\ntype TableProps | string[]> = {\n data?: T[];\n columns: ColumnDef[];\n emptyMessage?: string;\n hideHeader?: boolean;\n borderless?: boolean;\n density?: 'zero' | 'compact' | 'normal' | 'comfortable';\n interactive?: boolean;\n tableMeta?: Record;\n};\n\n// TODO: Retire this component in favor of Mantine\nexport const Table = | string[]>({\n data = [],\n columns,\n emptyMessage,\n hideHeader,\n borderless,\n density = 'normal',\n interactive,\n tableMeta,\n}: TableProps) => {\n const table = useReactTable({\n data,\n columns,\n meta: tableMeta,\n getCoreRowModel: getCoreRowModel(),\n });\n\n if (!data.length) {\n return
{emptyMessage}
;\n }\n\n return (\n \n \n {!hideHeader && (\n \n {table.getHeaderGroups().map(headerGroup => (\n \n {headerGroup.headers.map(header => (\n \n {header.isPlaceholder\n ? null\n : flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )}\n \n ))}\n \n ))}\n \n )}\n \n {table.getRowModel().rows.map(row => (\n \n {row.getVisibleCells().map(cell => (\n \n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n \n ))}\n \n ))}\n \n
\n \n );\n};\n\nexport const TableCellButton: React.FC<{\n title?: string;\n label: React.ReactNode;\n biIcon?: 'chevron-up' | 'chevron-down';\n onClick: VoidFunction;\n}> = ({ onClick, title, label, biIcon }) => {\n return (\n \n );\n};\n" }, { "path": "packages/app/src/components/Tags.module.scss", "content": ".tagWrapper {\n padding: 2px 16px;\n margin: -2px 0;\n\n button {\n visibility: hidden;\n }\n\n input {\n width: 100%;\n }\n\n &:hover {\n background-color: #fff1;\n\n button {\n visibility: visible;\n }\n }\n}\n" }, { "path": "packages/app/src/components/Tags.tsx", "content": "import * as React from 'react';\nimport {\n ActionIcon,\n Button,\n Checkbox,\n CloseButton,\n Group,\n Input,\n Popover,\n ScrollArea,\n Stack,\n} from '@mantine/core';\nimport { IconSearch, IconTags } from '@tabler/icons-react';\n\nimport api from '@/api';\n\nimport styles from './Tags.module.scss';\n\nexport const Tags = React.memo(\n ({\n values,\n onChange,\n allowCreate,\n children,\n }: {\n values: string[];\n onChange: (value: string[]) => void;\n allowCreate?: boolean;\n children?: React.ReactNode;\n }) => {\n const {\n data: prefetchedOptionsData,\n isLoading,\n isError,\n refetch,\n } = api.useTags();\n\n const tags = React.useMemo(() => {\n // Use a case-insensitive Set by creating a Map with lowercase keys\n const tagMap = new Map();\n\n // Combine values and prefetched data\n [...values, ...(prefetchedOptionsData?.data || [])].forEach(tag => {\n // Use lowercase version as key to ensure case insensitivity\n tagMap.set(tag.toLowerCase(), tag);\n });\n\n // Convert back to array and sort\n return Array.from(tagMap.values()).sort((a, b) =>\n a.toLowerCase().localeCompare(b.toLowerCase()),\n );\n }, [prefetchedOptionsData, values]);\n\n const [q, setQ] = React.useState('');\n\n const filtered = React.useMemo(\n () => tags.filter(tag => tag.toLowerCase().includes(q.toLowerCase())),\n [tags, q],\n );\n\n const handleClearAll = React.useCallback(() => {\n onChange([]);\n }, [onChange]);\n\n const handleSearchKeyDown = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === 'Enter') {\n if (allowCreate && q.length > 0) {\n // Check if tag already exists (case insensitive)\n const newTag = event.currentTarget.value;\n const tagExists = values.some(\n tag => tag.toLowerCase() === newTag.toLowerCase(),\n );\n\n if (!tagExists) {\n onChange([...values, newTag]);\n setQ('');\n }\n }\n }\n },\n [allowCreate, q, onChange, values],\n );\n\n return (\n {\n refetch(); // todo: better to use queryClient.invalidateQueries('tags')\n setQ('');\n }}\n position=\"bottom-start\"\n >\n \n {children || (\n \n \n \n )}\n \n \n {isLoading && 'Loading'}\n {isError && 'Error'}\n }\n autoFocus\n m={8}\n mb={0}\n value={q}\n onChange={(event: React.ChangeEvent) =>\n setQ(event.currentTarget.value)\n }\n onKeyDown={handleSearchKeyDown}\n rightSection={\n q && (\n setQ('')} />\n )\n }\n />\n \n {filtered.length === 0 && (\n
\n {allowCreate ? (\n <>\n Type and press Enter to create new tag\n \n ) : (\n 'No tags found'\n )}\n
\n )}\n \n \n {filtered.map(tag => (\n \n \n {tags.length >= 2 && (\n {\n onChange([tag]);\n }}\n >\n Only\n \n )}\n \n ))}\n \n \n \n
\n
{values.length || 'None'} selected
\n {values.length >= 1 && (\n \n Clear all\n \n )}\n
\n \n \n );\n },\n);\n" }, { "path": "packages/app/src/components/TeamSettings/ApiKeysSection.tsx", "content": "import { useState } from 'react';\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\nimport { Box, Button, Card, Divider, Group, Modal, Text } from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\nimport { IconCheck, IconClipboard } from '@tabler/icons-react';\n\nimport api from '@/api';\n\nfunction APIKeyCopyButton({\n value,\n dataTestId,\n}: {\n value: string;\n dataTestId?: string;\n}) {\n const [copied, setCopied] = useState(false);\n\n return (\n \n setCopied(true)}\n variant={copied ? 'light' : 'default'}\n color=\"gray\"\n rightSection={\n \n {copied ? : }\n {copied ? 'Copied!' : 'Copy'}\n \n }\n >\n
\n {value}\n
\n \n \n );\n}\n\nexport default function ApiKeysSection() {\n const { data: team, refetch: refetchTeam } = api.useTeam();\n const { data: me, isLoading: isLoadingMe } = api.useMe();\n const rotateTeamApiKey = api.useRotateTeamApiKey();\n const hasAdminAccess = true;\n const [\n rotateApiKeyConfirmationModalShow,\n setRotateApiKeyConfirmationModalShow,\n ] = useState(false);\n\n const rotateTeamApiKeyAction = () => {\n rotateTeamApiKey.mutate(undefined, {\n onSuccess: () => {\n notifications.show({\n color: 'green',\n message: 'Revoked old API key and generated new key.',\n });\n refetchTeam();\n },\n onError: e => {\n notifications.show({\n color: 'red',\n message: e.message,\n autoClose: 5000,\n });\n },\n });\n };\n\n const onConfirmUpdateTeamApiKey = () => {\n rotateTeamApiKeyAction();\n setRotateApiKeyConfirmationModalShow(false);\n };\n\n return (\n \n API Keys\n \n \n Ingestion API Key\n \n {team?.apiKey && (\n \n )}\n {hasAdminAccess && (\n setRotateApiKeyConfirmationModalShow(true)}\n >\n Rotate API Key\n \n )}\n \n setRotateApiKeyConfirmationModalShow(false)}\n opened={rotateApiKeyConfirmationModalShow}\n size=\"lg\"\n title={\n \n Rotate API Key\n \n }\n >\n \n \n Rotating the API key will invalidate your existing API key and\n generate a new one for you. This action is not reversible.\n \n \n setRotateApiKeyConfirmationModalShow(false)}\n >\n Cancel\n \n \n Confirm\n \n \n \n \n \n {!isLoadingMe && me != null && (\n \n \n Personal API Access Key\n \n \n \n )}\n \n );\n}\n" }, { "path": "packages/app/src/components/TeamSettings/ConnectionsSection.tsx", "content": "import { useState } from 'react';\nimport { Box, Button, Card, Divider, Flex, Stack, Text } from '@mantine/core';\nimport { IconPencil, IconX } from '@tabler/icons-react';\n\nimport { ConnectionForm } from '@/components/ConnectionForm';\nimport { IS_CLICKHOUSE_BUILD, IS_LOCAL_MODE } from '@/config';\nimport { useConnections } from '@/connection';\n\nexport default function ConnectionsSection() {\n const { data: connections } = useConnections();\n const [editedConnectionId, setEditedConnectionId] = useState(\n null,\n );\n const [isCreatingConnection, setIsCreatingConnection] = useState(false);\n\n return (\n \n Connections\n \n \n \n {connections?.map(connection => (\n \n \n \n \n {connection.name}\n \n \n Host: {connection.host}\n \n \n Username: {connection.username}\n \n \n Password: [Configured]\n \n \n {editedConnectionId !== connection.id ? (\n setEditedConnectionId(connection.id)}\n size=\"sm\"\n >\n Edit\n \n ) : (\n setEditedConnectionId(null)}\n size=\"sm\"\n >\n Cancel\n \n )}\n \n {editedConnectionId === connection.id && (\n {\n setEditedConnectionId(null);\n }}\n showCancelButton={false}\n showDeleteButton\n />\n )}\n \n \n ))}\n \n {!isCreatingConnection &&\n (IS_LOCAL_MODE ? (connections?.length ?? 0) < 1 : true) && (\n setIsCreatingConnection(true)}\n >\n Add Connection\n \n )}\n {isCreatingConnection && (\n \n setIsCreatingConnection(false)}\n onClose={() => setIsCreatingConnection(false)}\n showCancelButton\n />\n \n )}\n \n \n );\n}\n" }, { "path": "packages/app/src/components/TeamSettings/IntegrationsSection.tsx", "content": "import { Box, Card, Divider, Stack, Text } from '@mantine/core';\n\nimport WebhooksSection from './WebhooksSection';\n\nexport default function IntegrationsSection() {\n return (\n \n Integrations\n \n \n \n \n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/TeamSettings/SecurityPoliciesSection.tsx", "content": "import { Box, Card, Divider, Text } from '@mantine/core';\n\nexport default function SecurityPoliciesSection({\n allowedAuthMethods,\n}: {\n allowedAuthMethods: string[];\n}) {\n return (\n \n Security Policies\n \n \n \n Team members can only authenticate via{' '}\n \n {allowedAuthMethods.join(', ')}\n \n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/TeamSettings/SourcesSection.tsx", "content": "import { Box, Divider, Text } from '@mantine/core';\n\nimport { SourcesList } from '@/components/Sources/SourcesList';\n\nexport default function SourcesSection() {\n return (\n \n Sources\n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/TeamSettings/TeamMembersSection.tsx", "content": "import { useState } from 'react';\nimport { HTTPError } from 'ky';\nimport CopyToClipboard from 'react-copy-to-clipboard';\nimport {\n Badge,\n Box,\n Button,\n Card,\n Divider,\n Group,\n Modal,\n Stack,\n Table,\n Text,\n TextInput,\n} from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\nimport { IconLock, IconUserPlus } from '@tabler/icons-react';\n\nimport api from '@/api';\nimport { useBrandDisplayName } from '@/theme/ThemeProvider';\n\nexport default function TeamMembersSection() {\n const brandName = useBrandDisplayName();\n const hasAdminAccess = true;\n\n const { data: team } = api.useTeam();\n const {\n data: members,\n isLoading: isLoadingMembers,\n refetch: refetchMembers,\n } = api.useTeamMembers();\n\n const {\n data: invitations,\n isLoading: isLoadingInvitations,\n refetch: refetchInvitations,\n } = api.useTeamInvitations();\n\n const onSubmitTeamInviteForm = ({ email }: { email: string }) => {\n sendTeamInviteAction(email);\n setTeamInviteModalShow(false);\n };\n\n const [\n deleteTeamMemberConfirmationModalData,\n setDeleteTeamMemberConfirmationModalData,\n ] = useState<{\n mode: 'team' | 'teamInvite' | null;\n id: string | null;\n email: string | null;\n }>({\n mode: null,\n id: null,\n email: null,\n });\n const [teamInviteModalShow, setTeamInviteModalShow] = useState(false);\n\n const saveTeamInvitation = api.useSaveTeamInvitation();\n const deleteTeamMember = api.useDeleteTeamMember();\n const deleteTeamInvitation = api.useDeleteTeamInvitation();\n\n const sendTeamInviteAction = (email: string) => {\n if (email) {\n saveTeamInvitation.mutate(\n { email },\n {\n onSuccess: () => {\n notifications.show({\n color: 'green',\n message:\n 'Click \"Copy URL\" and share the URL with your team member',\n });\n refetchInvitations();\n },\n onError: e => {\n if (e instanceof HTTPError) {\n e.response\n .json()\n .then(res => {\n notifications.show({\n color: 'red',\n message: res.message,\n autoClose: 5000,\n });\n })\n .catch(() => {\n notifications.show({\n color: 'red',\n message: `Something went wrong. Please contact ${brandName} team.`,\n\n autoClose: 5000,\n });\n });\n } else {\n notifications.show({\n color: 'red',\n message: `Something went wrong. Please contact ${brandName} team.`,\n autoClose: 5000,\n });\n }\n },\n },\n );\n }\n };\n\n const onConfirmDeleteTeamMember = (id: string) => {\n if (deleteTeamMemberConfirmationModalData.mode === 'team') {\n deleteTeamMemberAction(id);\n } else if (deleteTeamMemberConfirmationModalData.mode === 'teamInvite') {\n deleteTeamInviteAction(id);\n }\n setDeleteTeamMemberConfirmationModalData({\n mode: null,\n id: null,\n email: null,\n });\n };\n\n const deleteTeamInviteAction = (id: string) => {\n if (id) {\n deleteTeamInvitation.mutate(\n { id: encodeURIComponent(id) },\n {\n onSuccess: () => {\n notifications.show({\n color: 'green',\n message: 'Deleted team invite',\n });\n refetchInvitations();\n },\n onError: e => {\n if (e instanceof HTTPError) {\n e.response\n .json()\n .then(res => {\n notifications.show({\n color: 'red',\n message: res.message,\n autoClose: 5000,\n });\n })\n .catch(() => {\n notifications.show({\n color: 'red',\n message: `Something went wrong. Please contact ${brandName} team.`,\n\n autoClose: 5000,\n });\n });\n } else {\n notifications.show({\n color: 'red',\n message: `Something went wrong. Please contact ${brandName} team.`,\n autoClose: 5000,\n });\n }\n },\n },\n );\n }\n };\n const deleteTeamMemberAction = (id: string) => {\n if (id) {\n deleteTeamMember.mutate(\n { userId: encodeURIComponent(id) },\n {\n onSuccess: () => {\n notifications.show({\n color: 'green',\n message: 'Deleted team member',\n });\n refetchMembers();\n },\n onError: e => {\n if (e instanceof HTTPError) {\n e.response\n .json()\n .then(res => {\n notifications.show({\n color: 'red',\n message: res.message,\n autoClose: 5000,\n });\n })\n .catch(() => {\n notifications.show({\n color: 'red',\n message: `Something went wrong. Please contact ${brandName} team.`,\n autoClose: 5000,\n });\n });\n } else {\n notifications.show({\n color: 'red',\n message: `Something went wrong. Please contact ${brandName} team.`,\n autoClose: 5000,\n });\n }\n },\n },\n );\n }\n };\n\n return (\n \n Team Members\n \n \n \n \n
Team Members
\n }\n onClick={() => setTeamInviteModalShow(true)}\n >\n Invite Team Member\n \n \n \n \n \n \n {!isLoadingMembers &&\n Array.isArray(members?.data) &&\n members?.data.map(member => (\n \n \n
\n {member.isCurrentUser && (\n \n You\n \n )}\n \n {member.name}\n \n
\n \n
{member.email}
\n {member.hasPasswordAuth && (\n
\n Password Auth\n
\n )}\n \n \n \n {member.groupName && (\n \n {member.groupName}\n \n )}\n \n \n {!member.isCurrentUser && hasAdminAccess && (\n \n \n setDeleteTeamMemberConfirmationModalData({\n mode: 'team',\n id: member._id,\n email: member.email,\n })\n }\n >\n Remove\n \n \n )}\n \n \n ))}\n {!isLoadingInvitations &&\n Array.isArray(invitations?.data) &&\n invitations.data.map(invitation => (\n \n \n \n {invitation.email}\n \n \n \n \n Pending Invite\n \n \n \n \n \n \n {hasAdminAccess && (\n \n \n setDeleteTeamMemberConfirmationModalData({\n mode: 'teamInvite',\n id: invitation._id,\n email: invitation.email,\n })\n }\n >\n Delete\n \n \n )}\n \n \n ))}\n \n
\n \n \n\n setTeamInviteModalShow(false)}\n opened={teamInviteModalShow}\n title=\"Invite Team Member\"\n >\n \n \n\n \n setDeleteTeamMemberConfirmationModalData({\n mode: null,\n id: null,\n email: null,\n })\n }\n opened={deleteTeamMemberConfirmationModalData.id != null}\n size=\"lg\"\n title=\"Delete Team Member\"\n >\n \n \n Deleting this team member (\n {deleteTeamMemberConfirmationModalData.email}) will revoke their\n access to the team's resources and services. This action is not\n reversible.\n \n \n \n setDeleteTeamMemberConfirmationModalData({\n mode: null,\n id: null,\n email: null,\n })\n }\n >\n Cancel\n \n \n deleteTeamMemberConfirmationModalData.id &&\n onConfirmDeleteTeamMember(\n deleteTeamMemberConfirmationModalData.id,\n )\n }\n >\n Confirm\n \n \n \n \n \n );\n}\n\nfunction InviteTeamMemberForm({\n isSubmitting,\n onSubmit,\n}: {\n isSubmitting?: boolean;\n onSubmit: (arg0: { email: string }) => void;\n}) {\n const [email, setEmail] = useState('');\n\n return (\n {\n onSubmit({ email });\n e.preventDefault();\n }}\n >\n \n setEmail(e.target.value)}\n required\n placeholder=\"you@company.com\"\n withAsterisk={false}\n />\n
\n The invite link will automatically expire after 30 days.\n
\n \n Send Invite\n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/TeamSettings/TeamQueryConfigSection.tsx", "content": "import { useCallback, useState } from 'react';\nimport { SubmitHandler, useForm } from 'react-hook-form';\nimport { DEFAULT_METADATA_MAX_ROWS_TO_READ } from '@hyperdx/common-utils/dist/core/metadata';\nimport { type TeamClickHouseSettings } from '@hyperdx/common-utils/dist/types';\nimport {\n Box,\n Button,\n Card,\n Divider,\n Group,\n InputLabel,\n Stack,\n Text,\n TextInput,\n Tooltip,\n} from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\nimport { IconHelpCircle, IconPencil } from '@tabler/icons-react';\n\nimport api from '@/api';\nimport SelectControlled from '@/components/SelectControlled';\nimport { DEFAULT_QUERY_TIMEOUT, DEFAULT_SEARCH_ROW_LIMIT } from '@/defaults';\nimport { useBrandDisplayName } from '@/theme/ThemeProvider';\n\ntype ClickhouseSettingType = 'number' | 'boolean';\n\ninterface ClickhouseSettingFormProps {\n settingKey: keyof TeamClickHouseSettings;\n label: string;\n tooltip?: string;\n type: ClickhouseSettingType;\n defaultValue?: number | string;\n placeholder?: string;\n min?: number;\n max?: number;\n displayValue?: (value: any, defaultValue?: any) => string;\n}\n\nfunction getFieldErrorMessage(error: unknown): string | undefined {\n return typeof error === 'object' &&\n error != null &&\n 'message' in error &&\n typeof error.message === 'string'\n ? error.message\n : undefined;\n}\n\nfunction ClickhouseSettingForm({\n settingKey,\n label,\n tooltip,\n type,\n defaultValue,\n placeholder,\n min,\n max,\n displayValue,\n}: ClickhouseSettingFormProps) {\n const { data: me, refetch: refetchMe } = api.useMe();\n const updateClickhouseSettings = api.useUpdateClickhouseSettings();\n const hasAdminAccess = true;\n const [isEditing, setIsEditing] = useState(false);\n const currentValue = me?.team[settingKey];\n\n const form = useForm<{ value: any }>({\n defaultValues: {\n value:\n type === 'boolean' && displayValue != null && currentValue != null\n ? displayValue(currentValue)\n : (currentValue ?? defaultValue ?? ''),\n },\n });\n\n const onSubmit: SubmitHandler<{ value: any }> = useCallback(\n async values => {\n try {\n const settingValue =\n type === 'boolean'\n ? values.value === displayValue?.(true)\n : Number(values.value);\n\n updateClickhouseSettings.mutate(\n { [settingKey]: settingValue },\n {\n onError: _e => {\n notifications.show({\n color: 'red',\n message: `Failed to update ${label}`,\n });\n },\n onSuccess: () => {\n notifications.show({\n color: 'green',\n message: `Updated ${label}`,\n });\n refetchMe();\n setIsEditing(false);\n },\n },\n );\n } catch (e) {\n notifications.show({\n color: 'red',\n message: e instanceof Error ? e.message : `Failed to update ${label}`,\n });\n }\n },\n [\n refetchMe,\n updateClickhouseSettings,\n settingKey,\n label,\n type,\n displayValue,\n ],\n );\n\n return (\n \n \n {label}\n {tooltip && (\n \n \n \n \n \n )}\n \n {isEditing && hasAdminAccess ? (\n
\n \n {type === 'boolean' && displayValue ? (\n {\n if (e.key === 'Escape') {\n setIsEditing(false);\n }\n }}\n />\n ) : (\n {\n if (e.key === 'Escape') {\n setIsEditing(false);\n }\n }}\n />\n )}\n \n Save\n \n {\n setIsEditing(false);\n }}\n >\n Cancel\n \n \n
\n ) : (\n \n \n {displayValue\n ? displayValue(currentValue, defaultValue)\n : currentValue?.toString() || 'Not set'}\n \n {hasAdminAccess && (\n }\n onClick={() => setIsEditing(true)}\n >\n Change\n \n )}\n \n )}\n \n );\n}\n\nexport default function TeamQueryConfigSection() {\n const brandName = useBrandDisplayName();\n const displayValueWithUnit =\n (unit: string) => (value: any, defaultValue?: any) =>\n value === undefined || value === defaultValue\n ? `${defaultValue.toLocaleString()} ${unit} (System Default)`\n : value === 0\n ? 'Unlimited'\n : `${value.toLocaleString()} ${unit}`;\n\n return (\n \n ClickHouse Client Settings\n \n \n \n \n \n \n (value ? 'Disabled' : 'Enabled')}\n />\n (value ? 'Enabled' : 'Disabled')}\n />\n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/TeamSettings/WebhookForm.tsx", "content": "import { useEffect } from 'react';\nimport { HTTPError } from 'ky';\nimport { Controller, SubmitHandler, useForm, useWatch } from 'react-hook-form';\nimport { ZodIssue } from 'zod';\nimport { json, jsonParseLinter } from '@codemirror/lang-json';\nimport { linter } from '@codemirror/lint';\nimport {\n AlertState,\n WebhookApiData,\n WebhookService,\n} from '@hyperdx/common-utils/dist/types';\nimport { isValidSlackUrl } from '@hyperdx/common-utils/dist/validation';\nimport {\n Alert,\n Button,\n Group,\n Radio,\n Stack,\n Text,\n TextInput,\n} from '@mantine/core';\nimport { notifications } from '@mantine/notifications';\nimport { IconInfoCircleFilled } from '@tabler/icons-react';\nimport ReactCodeMirror, {\n EditorView,\n placeholder,\n} from '@uiw/react-codemirror';\n\nimport api from '@/api';\nimport { useBrandDisplayName } from '@/theme/ThemeProvider';\nimport { isValidUrl } from '@/utils';\n\nconst DEFAULT_GENERIC_WEBHOOK_BODY = [\n '{{title}}',\n '{{body}}',\n '{{link}}',\n '{{state}}',\n '{{startTime}}',\n '{{endTime}}',\n '{{eventId}}',\n];\nconst DEFAULT_GENERIC_WEBHOOK_BODY_TEMPLATE =\n DEFAULT_GENERIC_WEBHOOK_BODY.join(' | ');\n\nconst jsonLinterWithEmptyCheck = () => (editorView: EditorView) => {\n const text = editorView.state.doc.toString().trim();\n if (text === '') return [];\n return jsonParseLinter()(editorView);\n};\n\ntype WebhookForm = {\n name: string;\n url: string;\n service: WebhookService;\n description?: string;\n body?: string;\n headers?: string;\n};\n\nexport function WebhookForm({\n webhook,\n onClose,\n onSuccess,\n}: {\n webhook?: WebhookApiData;\n onClose: VoidFunction;\n onSuccess: (webhookId?: string) => void;\n}) {\n const brandName = useBrandDisplayName();\n const saveWebhook = api.useSaveWebhook();\n const updateWebhook = api.useUpdateWebhook();\n const testWebhook = api.useTestWebhook();\n const isEditing = webhook != null;\n\n const form = useForm({\n defaultValues: {\n service: webhook?.service || WebhookService.Slack,\n name: webhook?.name || '',\n url: webhook?.url || '',\n description: webhook?.description || '',\n body: webhook?.body || '',\n headers: webhook?.headers ? JSON.stringify(webhook.headers, null, 2) : '',\n },\n });\n\n useEffect(() => {\n if (webhook) {\n form.reset(\n {\n service: webhook.service,\n name: webhook.name,\n url: webhook.url,\n description: webhook.description,\n body: webhook.body,\n headers: webhook.headers\n ? JSON.stringify(webhook.headers, null, 2)\n : '',\n },\n {},\n );\n }\n }, [webhook, form]);\n\n const handleTestWebhook = async (values: WebhookForm) => {\n const { service, url, body, headers } = values;\n\n // Parse headers if provided\n let parsedHeaders: Record | undefined;\n if (headers && headers.trim()) {\n try {\n parsedHeaders = JSON.parse(headers);\n } catch (parseError) {\n const errorMessage =\n parseError instanceof Error\n ? parseError.message\n : 'Invalid JSON format';\n notifications.show({\n message: `Invalid JSON in headers: ${errorMessage}`,\n color: 'red',\n autoClose: 5000,\n });\n return;\n }\n }\n\n let defaultBody = body;\n if (!body) {\n if (service === WebhookService.Generic) {\n defaultBody = `{\"text\": \"${DEFAULT_GENERIC_WEBHOOK_BODY_TEMPLATE}\"}`;\n } else if (service === WebhookService.IncidentIO) {\n defaultBody = `{\n \"title\": \"{{title}}\",\n \"description\": \"{{body}}\",\n \"deduplication_key\": \"{{eventId}}\",\n \"status\": \"{{#if (eq state \"${AlertState.ALERT}\")}}firing{{else}}resolved{{/if}}\",\n \"source_url\": \"{{link}}\"\n}`;\n }\n }\n\n try {\n await testWebhook.mutateAsync({\n service,\n url,\n body: defaultBody,\n headers: parsedHeaders,\n });\n notifications.show({\n color: 'green',\n message: 'Test webhook sent successfully',\n });\n } catch (e) {\n console.error(e);\n let message =\n 'Failed to send test webhook. Please check your webhook configuration.';\n\n if (e instanceof HTTPError) {\n try {\n const errorData = await e.response.json();\n if (errorData.message) {\n message = errorData.message;\n }\n } catch (parseError) {\n console.error('Failed to parse error response:', parseError);\n }\n }\n\n notifications.show({\n message,\n color: 'red',\n autoClose: 5000,\n });\n }\n };\n\n const onSubmit: SubmitHandler = async values => {\n const { service, name, url, description, body, headers } = values;\n\n try {\n // Parse headers JSON if provided (API will validate the content)\n let parsedHeaders: Record | undefined;\n if (headers && headers.trim()) {\n try {\n parsedHeaders = JSON.parse(headers);\n } catch (parseError) {\n const errorMessage =\n parseError instanceof Error\n ? parseError.message\n : 'Invalid JSON format';\n notifications.show({\n message: `Invalid JSON in headers: ${errorMessage}`,\n color: 'red',\n autoClose: 5000,\n });\n return;\n }\n }\n\n let defaultBody = body;\n if (!body) {\n if (service === WebhookService.Generic) {\n defaultBody = `{\"text\": \"${DEFAULT_GENERIC_WEBHOOK_BODY_TEMPLATE}\"}`;\n } else if (service === WebhookService.IncidentIO) {\n defaultBody = `{\n \"title\": \"{{title}}\",\n \"description\": \"{{body}}\",\n \"deduplication_key\": \"{{eventId}}\",\n \"status\": \"{{#if (eq state \"${AlertState.ALERT}\")}}firing{{else}}resolved{{/if}}\",\n \"source_url\": \"{{link}}\"\n}`;\n }\n }\n\n const webhookData = {\n service,\n name,\n url,\n description: description || '',\n body: defaultBody,\n headers: parsedHeaders,\n };\n\n const response = isEditing\n ? await updateWebhook.mutateAsync({\n id: webhook._id,\n ...webhookData,\n })\n : await saveWebhook.mutateAsync(webhookData);\n\n notifications.show({\n color: 'green',\n message: `Webhook ${isEditing ? 'updated' : 'created'} successfully`,\n });\n onSuccess(response.data?._id);\n onClose();\n } catch (e) {\n console.error(e);\n let message = `Something went wrong. Please contact ${brandName} team.`;\n\n if (e instanceof HTTPError) {\n try {\n const errorData = await e.response.json();\n // Handle Zod validation errors from zod-express-middleware\n // The library returns errors in format: { error: { issues: [...] } }\n if (\n errorData.error?.issues &&\n Array.isArray(errorData.error.issues)\n ) {\n // TODO: use a library to format Zod validation errors\n // Format Zod validation errors\n const validationErrors = errorData.error.issues\n .map((issue: ZodIssue) => {\n const path = issue.path.join('.');\n return `${path}: ${issue.message}`;\n })\n .join(', ');\n message = `Validation error: ${validationErrors}`;\n } else if (errorData.message) {\n message = errorData.message;\n } else {\n // Fallback: show the entire error object as JSON\n message = JSON.stringify(errorData);\n }\n } catch (parseError) {\n console.error('Failed to parse error response:', parseError);\n // If parsing fails, use default message\n }\n }\n\n notifications.show({\n message,\n color: 'red',\n autoClose: 5000,\n });\n }\n };\n\n const service = useWatch({ control: form.control, name: 'service' });\n\n return (\n
\n \n {isEditing ? 'Edit Webhook' : 'Create Webhook'}\n form.setValue('service', value as WebhookService)}\n >\n \n \n \n \n \n \n \n\n \n formValues.service === WebhookService.Slack\n ? isValidSlackUrl(value) ||\n 'URL must be valid and have a slack.com domain'\n : isValidUrl(value) || 'URL must be valid',\n })}\n />\n\n \n {service === WebhookService.Generic && [\n ,\n
\n (\n field.onChange(value)}\n />\n )}\n />\n
,\n ,\n
\n (\n field.onChange(value)}\n />\n )}\n />\n
,\n }\n key=\"5\"\n className=\"mb-4\"\n color=\"gray\"\n >\n \n Currently the body supports the following message template\n variables:\n \n
\n \n {DEFAULT_GENERIC_WEBHOOK_BODY.map((body, index) => (\n \n {body}\n {index < DEFAULT_GENERIC_WEBHOOK_BODY.length - 1 && ', '}\n \n ))}\n \n ,\n ]}\n \n \n \n {isEditing ? 'Update Webhook' : 'Add Webhook'}\n \n \n Test Webhook\n \n \n \n \n \n
\n );\n}\n" }, { "path": "packages/app/src/components/TeamSettings/WebhooksSection.tsx", "content": "import { Fragment, useMemo, useState } from 'react';\nimport { HTTPError } from 'ky';\nimport {\n WebhookApiData,\n WebhookService,\n} from '@hyperdx/common-utils/dist/types';\nimport { Button, Divider, Group, Stack, Text, Title } from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { notifications } from '@mantine/notifications';\nimport { IconPencil, IconX } from '@tabler/icons-react';\n\nimport api from '../../api';\nimport { useBrandDisplayName } from '../../theme/ThemeProvider';\nimport { useConfirm } from '../../useConfirm';\nimport {\n getWebhookServiceConfig,\n getWebhookServiceName,\n groupWebhooksByService,\n} from '../../utils/webhookIcons';\n\nimport { WebhookForm } from './WebhookForm';\n\nfunction DeleteWebhookButton({\n webhookId,\n webhookName,\n onSuccess,\n}: {\n webhookId: string;\n webhookName: string;\n onSuccess: VoidFunction;\n}) {\n const brandName = useBrandDisplayName();\n const confirm = useConfirm();\n const deleteWebhook = api.useDeleteWebhook();\n\n const handleDelete = async () => {\n if (\n await confirm(\n `Are you sure you want to delete ${webhookName} webhook?`,\n 'Delete',\n { variant: 'danger' },\n )\n ) {\n try {\n await deleteWebhook.mutateAsync({ id: webhookId });\n notifications.show({\n color: 'green',\n message: 'Webhook deleted successfully',\n });\n onSuccess();\n } catch (e) {\n console.error(e);\n const message =\n (e instanceof HTTPError\n ? (await e.response.json())?.message\n : null) ||\n `Something went wrong. Please contact ${brandName} team.`;\n notifications.show({\n message,\n color: 'red',\n autoClose: 5000,\n });\n }\n }\n };\n\n return (\n \n Delete\n \n );\n}\n\nexport default function WebhooksSection() {\n const { data: webhookData, refetch: refetchWebhooks } = api.useWebhooks([\n WebhookService.Slack,\n WebhookService.Generic,\n WebhookService.IncidentIO,\n ]);\n\n const [editedWebhookId, setEditedWebhookId] = useState(null);\n\n const allWebhooks = useMemo((): WebhookApiData[] => {\n return Array.isArray(webhookData?.data) ? webhookData?.data || [] : [];\n }, [webhookData]);\n\n const groupedWebhooks = useMemo(() => {\n return groupWebhooksByService(allWebhooks);\n }, [allWebhooks]);\n\n const [\n isAddWebhookModalOpen,\n { open: openWebhookModal, close: closeWebhookModal },\n ] = useDisclosure();\n\n return (\n <>\n Webhooks\n\n \n {groupedWebhooks.length === 0 ? (\n \n No webhooks configured yet\n \n ) : (\n groupedWebhooks.map(([serviceType, webhooks]) => {\n const config = getWebhookServiceConfig(serviceType);\n return (\n \n {/* Service type header with icon */}\n \n {config?.icon}\n \n {getWebhookServiceName(serviceType)}\n \n \n\n {/* Webhooks in this service type */}\n \n {webhooks.map(webhook => (\n \n \n \n \n {webhook.name} ({webhook.service})\n \n \n {webhook.url}\n \n {webhook.description && (\n \n {webhook.description}\n \n )}\n \n\n \n {editedWebhookId !== webhook._id ? (\n <>\n setEditedWebhookId(webhook._id)}\n size=\"compact-xs\"\n leftSection={}\n >\n Edit\n \n \n \n ) : (\n setEditedWebhookId(null)}\n size=\"compact-xs\"\n >\n Cancel\n \n )}\n \n \n {editedWebhookId === webhook._id && (\n setEditedWebhookId(null)}\n onSuccess={() => {\n setEditedWebhookId(null);\n refetchWebhooks();\n }}\n />\n )}\n \n \n ))}\n \n \n );\n })\n )}\n \n\n {!isAddWebhookModalOpen ? (\n \n Add Webhook\n \n ) : (\n {\n refetchWebhooks();\n closeWebhookModal();\n }}\n />\n )}\n \n );\n}\n" }, { "path": "packages/app/src/components/TimePicker/TimePicker.stories.tsx", "content": "import React from 'react';\nimport type { Meta, StoryObj } from '@storybook/nextjs';\n\nimport { TimePicker } from '@/components/TimePicker';\n\nconst meta = {\n component: TimePicker,\n} satisfies Meta;\n\nexport default meta;\n\ntype Story = StoryObj;\n\nexport const Default = () => {\n const [value, setValue] = React.useState('Past 15m');\n\n return (\n {\n setValue(value);\n }}\n onSearch={() => {}}\n />\n );\n};\n" }, { "path": "packages/app/src/components/TimePicker/TimePicker.tsx", "content": "import React, { memo, useMemo, useState } from 'react';\nimport { add, Duration, format, sub } from 'date-fns';\nimport { useAtom } from 'jotai';\nimport { atomWithStorage } from 'jotai/utils';\nimport { useHotkeys } from 'react-hotkeys-hook';\nimport {\n Button,\n Card,\n CloseButton,\n Divider,\n Group,\n Popover,\n ScrollArea,\n SegmentedControl,\n Select,\n Space,\n Stack,\n Switch,\n Text,\n TextInput,\n Tooltip,\n} from '@mantine/core';\nimport { DateInput, DateInputProps } from '@mantine/dates';\nimport { useDisclosure } from '@mantine/hooks';\nimport { IconBolt, IconCalendarFilled } from '@tabler/icons-react';\n\nimport { useUserPreferences } from '@/useUserPreferences';\n\nimport { TimePickerMode } from './types';\nimport { useTimePickerForm } from './useTimePickerForm';\nimport {\n dateParser,\n DURATION_OPTIONS,\n DURATIONS,\n LIVE_TAIL_DURATION_MS,\n LIVE_TAIL_TIME_QUERY,\n parseTimeRangeInput,\n RELATIVE_TIME_OPTIONS,\n} from './utils';\n\nconst modeAtom = atomWithStorage(\n 'hdx-time-picker-mode',\n TimePickerMode.Range,\n);\n\nconst DATE_INPUT_PLACEHOLDER = 'YYY-MM-DD HH:mm:ss';\nconst DATE_INPUT_FORMAT = 'YYYY-MM-DD HH:mm:ss';\n\nconst DateInputCmp = (props: DateInputProps) => (\n {\n if (e.key === 'Enter' && e.target instanceof HTMLInputElement) {\n e.target.blur();\n }\n }}\n {...props}\n />\n);\n\nconst H = ({ children }: { children: React.ReactNode }) => (\n \n {children}\n \n);\n\nconst TimePickerComponent = ({\n inputValue: value,\n setInputValue: onChange,\n onSearch,\n onRelativeSearch,\n onSubmit,\n showLive = false,\n isLiveMode = false,\n defaultRelativeTimeMode = false,\n}: {\n inputValue: string;\n setInputValue: (str: string) => any;\n onRelativeSearch?: (rangeMs: number) => void;\n onSearch: (range: string) => void;\n onSubmit?: (rangeStr: string) => void;\n showLive?: boolean;\n isLiveMode?: boolean;\n defaultRelativeTimeMode?: boolean;\n}) => {\n const {\n userPreferences: { timeFormat },\n } = useUserPreferences();\n\n const [opened, { close, toggle }] = useDisclosure(false);\n\n useHotkeys('d', () => toggle(), { preventDefault: true }, [toggle]);\n\n // eslint-disable-next-line no-restricted-syntax\n const today = React.useMemo(() => new Date(), []);\n\n const relativeTimeOptions = React.useMemo(() => {\n return [\n ...((showLive\n ? [[LIVE_TAIL_TIME_QUERY, LIVE_TAIL_DURATION_MS], 'divider' as const]\n : []) satisfies typeof RELATIVE_TIME_OPTIONS),\n ...RELATIVE_TIME_OPTIONS,\n ];\n }, [showLive]);\n\n const [mode, setMode] = useAtom(modeAtom);\n const form = useTimePickerForm({ mode });\n\n const dateRange = React.useMemo(() => {\n return parseTimeRangeInput(value);\n }, [value]);\n\n React.useEffect(() => {\n // Only update form values from external dateRange when popover is closed\n // This prevents overwriting user inputs while they're editing\n if (!opened && dateRange[0] && dateRange[1]) {\n if (mode === TimePickerMode.Range) {\n form.setValues({\n startDate: dateRange[0],\n endDate: dateRange[1],\n });\n } else if (mode === TimePickerMode.Around) {\n // For \"Around a time\" mode, set the startDate to the midpoint of the range\n const midpoint = new Date(\n (dateRange[0].getTime() + dateRange[1].getTime()) / 2,\n );\n form.setFieldValue('startDate', midpoint);\n }\n }\n // only run when dateRange changes or opened state changes\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dateRange, opened, mode]);\n\n const handleRelativeSearch = React.useCallback(\n (label: string, value: number) => {\n onChange(label);\n onRelativeSearch?.(value);\n close();\n },\n [close, onChange, onRelativeSearch],\n );\n\n const handleSearch = React.useCallback(\n (value: string | [Date | null, Date | null]) => {\n if (typeof value === 'string') {\n onChange(value);\n onSearch(value);\n close();\n return;\n }\n\n const [from, to] = value;\n if (!from || !to) {\n return;\n }\n const formatStr =\n timeFormat === '24h' ? 'MMM d HH:mm:ss' : 'MMM d h:mm:ss a';\n const rangeStr = [from, to]\n .map(d => d && format(d, formatStr))\n .join(' - ');\n onChange(rangeStr);\n onSearch(rangeStr);\n close();\n },\n [close, onChange, onSearch, timeFormat],\n );\n\n const handleApply = React.useCallback(() => {\n if (!form.isValid() || !opened) {\n return;\n }\n const { startDate, endDate } = form.values;\n if (mode === TimePickerMode.Range) {\n handleSearch([startDate, endDate]);\n close();\n }\n if (mode === TimePickerMode.Around) {\n const duration = DURATIONS[form.values.duration];\n const from = startDate && sub(startDate, duration);\n const to = startDate && add(startDate, duration);\n handleSearch([from, to]);\n close();\n }\n }, [close, form, handleSearch, mode, opened]);\n\n useHotkeys('Enter', handleApply, [handleApply]);\n\n const handleMove = React.useCallback(\n (d: Duration) => {\n const { startDate, endDate } = form.values;\n const from = startDate && add(startDate, d);\n const to = endDate && add(endDate, d);\n handleSearch([from, to]);\n },\n [form.values, handleSearch],\n );\n\n const [isRelative, setIsRelative] = useState(defaultRelativeTimeMode);\n // Must be state to ensure rerenders occur when ref changes\n const [containerRef, setContainerRef] = useState(null);\n const dateComponentPopoverProps = useMemo(\n () => ({\n portalProps: {\n target: containerRef ?? undefined,\n },\n }),\n [containerRef],\n );\n\n return (\n \n \n \n ) : (\n \n )\n }\n styles={{\n input: {\n color: isLiveMode\n ? 'var(--color-text-brand)'\n : 'var(--color-text)',\n },\n }}\n rightSection={\n opened && (\n \n d\n \n )\n }\n value={value}\n onChange={event => onChange(event.currentTarget.value)}\n onClick={toggle}\n placeholder=\"Time Range\"\n size=\"sm\"\n w={350}\n onKeyDown={e => {\n if (e.key === 'Enter' && e.target instanceof HTMLInputElement) {\n onSubmit?.(e.target.value);\n close();\n }\n if (e.key === 'Escape' && e.target instanceof HTMLInputElement) {\n e.target.blur();\n close();\n }\n }}\n />\n \n \n \n \n {typeof onRelativeSearch === 'function' && (\n \n setIsRelative(e.currentTarget.checked)}\n label=\"Relative Time\"\n labelPosition=\"right\"\n styles={{\n label: {\n paddingLeft: '5px',\n },\n }}\n />\n \n )}\n \n \n \n 1h back\n \n \n 1h forward\n \n \n \n \n \n \n \n \n {relativeTimeOptions.map((item, index) =>\n item === 'divider' ? (\n \n ) : (\n {\n if (isRelative || item[0] === LIVE_TAIL_TIME_QUERY) {\n handleRelativeSearch?.(item[0], item[1]);\n } else {\n handleSearch(item[0]);\n }\n }}\n w=\"100%\"\n size=\"compact-xs\"\n color=\"gray\"\n variant={value === item[0] ? 'filled' : 'subtle'}\n fw=\"normal\"\n fz=\"xs\"\n fullWidth\n justify=\"space-between\"\n >\n {item[0]}\n \n ),\n )}\n \n \n \n \n \n {\n const value = newMode as TimePickerMode;\n setMode(value);\n // When switching to \"Around a time\", calculate the center point and appropriate duration\n if (\n value === TimePickerMode.Around &&\n form.values.startDate &&\n form.values.endDate\n ) {\n const midpoint = new Date(\n (form.values.startDate.getTime() +\n form.values.endDate.getTime()) /\n 2,\n );\n const halfRangeMs =\n (form.values.endDate.getTime() -\n form.values.startDate.getTime()) /\n 2;\n\n // Find the closest duration option\n const halfRangeMinutes = halfRangeMs / (1000 * 60);\n let closestDuration = '15m'; // default\n\n if (halfRangeMinutes <= 0.5) closestDuration = '30s';\n else if (halfRangeMinutes <= 1) closestDuration = '1m';\n else if (halfRangeMinutes <= 5) closestDuration = '5m';\n else if (halfRangeMinutes <= 15) closestDuration = '15m';\n else if (halfRangeMinutes <= 30) closestDuration = '30m';\n else if (halfRangeMinutes <= 60) closestDuration = '1h';\n else if (halfRangeMinutes <= 180) closestDuration = '3h';\n else if (halfRangeMinutes <= 360) closestDuration = '6h';\n else closestDuration = '12h';\n\n form.setValues({\n startDate: midpoint,\n duration: closestDuration,\n });\n }\n }}\n />\n {mode === TimePickerMode.Range ? (\n <>\n Start time\n \n End time\n \n \n ) : (\n <>\n Time\n \n Duration ±\n \n \n )}\n \n \n You can use natural language to select dates (e.g. yesterday, last\n monday at 5pm)\n \n \n \n \n Apply\n \n \n \n \n \n \n );\n};\nexport const TimePicker = memo(TimePickerComponent);\n" }, { "path": "packages/app/src/components/TimePicker/__tests__/utils.test.ts", "content": "import { dateParser, parseTimeRangeInput } from '../utils';\n\ndescribe('dateParser', () => {\n let mockDate: Date;\n\n beforeEach(() => {\n // Mock current date to ensure consistent test results\n jest.useFakeTimers();\n mockDate = new Date('2025-01-15T22:00:00');\n jest.setSystemTime(mockDate);\n });\n\n afterEach(() => {\n jest.useRealTimers();\n });\n\n it('returns null for undefined input', () => {\n expect(dateParser(undefined)).toBeNull();\n });\n\n it('returns null for empty string', () => {\n expect(dateParser('')).toBeNull();\n });\n\n it('parses absolute date', () => {\n expect(dateParser('2024-01-15')).toEqual(new Date('2024-01-15T12:00:00'));\n });\n\n it('parses month/date at specific time correctly', () => {\n expect(dateParser('Jan 15 13:12:00')).toEqual(\n new Date('2025-01-15T13:12:00'),\n );\n });\n\n it('parses future numeric month/date with prior year', () => {\n expect(dateParser('01/31')).toEqual(new Date('2024-01-31T12:00:00'));\n });\n\n it('parses non-future numeric month/date with current year', () => {\n expect(dateParser('01/15')).toEqual(new Date('2025-01-15T12:00:00'));\n });\n\n it('parses future month name/date with prior year', () => {\n expect(dateParser('Jan 31')).toEqual(new Date('2024-01-31T12:00:00'));\n });\n\n it('parses non-future month name/date with current year', () => {\n expect(dateParser('Jan 15')).toEqual(new Date('2025-01-15T12:00:00'));\n });\n\n it('clamps slightly future dates to now (within 1 day) - no year specified', () => {\n // Input: 23:00. Now: 22:00. Should clamp to now (22:00)\n const result = dateParser('Jan 15 23:00:00');\n expect(result?.getTime()).toEqual(mockDate.getTime());\n expect(result?.getFullYear()).toEqual(2025);\n });\n\n it('clamps slightly future dates to now (within 1 day) - year specified', () => {\n // Explicit year should be preserved even if in future, but clamped to now\n const result = dateParser('2025-01-15 23:00:00');\n expect(result?.getTime()).toEqual(mockDate.getTime());\n // Verify it didn't shift to 2024\n expect(result?.getFullYear()).toEqual(2025);\n });\n\n it('shifts year back for dates more than 1 day in future with inferred year', () => {\n // mocked time is 2025-01-15 22:00\n // Jan 17 is more than 1 day in future, should shift to 2024\n const result = dateParser('Jan 17 12:00:00');\n expect(result).toEqual(new Date('2024-01-17T12:00:00'));\n });\n\n it('does NOT shift year back for dates more than 1 day in future with explicit year', () => {\n // mocked time is 2025-01-15 22:00\n // Jan 17, 2025 is more than 1 day in future, but year is explicit\n const result = dateParser('2025-01-17 12:00:00');\n expect(result).toEqual(new Date('2025-01-17T12:00:00'));\n expect(result?.getFullYear()).toEqual(2025);\n });\n\n it('handles dates in the past correctly', () => {\n // mocked time is 2025-01-15 22:00\n const result = dateParser('Jan 10 12:00:00');\n expect(result).toEqual(new Date('2025-01-10T12:00:00'));\n expect(result?.getFullYear()).toEqual(2025);\n });\n\n it('handles edge case: exactly 1 day in the future', () => {\n // mocked time is 2025-01-15 22:00:00\n // Exactly 24 hours later: 2025-01-16 22:00:00\n // Should be clamped since it's <= 1 day from now\n const result = dateParser('Jan 16 22:00:00');\n expect(result?.getTime()).toEqual(mockDate.getTime());\n });\n\n it('handles edge case: just over 1 day in the future', () => {\n // mocked time is 2025-01-15 22:00:00\n // 24 hours + 1 second later should shift year\n const result = dateParser('Jan 16 22:00:01');\n expect(result).toEqual(new Date('2024-01-16T22:00:01'));\n });\n});\n\ndescribe('parseTimeRangeInput', () => {\n beforeEach(() => {\n jest.useFakeTimers();\n jest.setSystemTime(new Date('2025-01-15T22:00'));\n });\n\n afterEach(() => {\n jest.useRealTimers();\n });\n\n it('returns [null, null] for empty string', () => {\n expect(parseTimeRangeInput('')).toEqual([null, null]);\n });\n\n it('returns [null, null] for invalid input', () => {\n expect(parseTimeRangeInput('invalid input')).toEqual([null, null]);\n });\n\n it('parses a range fully before the current time correctly', () => {\n expect(parseTimeRangeInput('Jan 2 - Jan 10')).toEqual([\n new Date('2025-01-02T12:00:00'),\n new Date('2025-01-10T12:00:00'),\n ]);\n });\n\n it('parses a range with an implied start date in the previous year', () => {\n expect(parseTimeRangeInput('Jan 31 - Jan 15')).toEqual([\n new Date('2024-01-31T12:00:00'),\n new Date('2025-01-15T12:00:00'),\n ]);\n });\n\n it('parses a range with specific times correctly', () => {\n expect(parseTimeRangeInput('Jan 31 12:00:00 - Jan 14 13:05:29')).toEqual([\n new Date('2024-01-31T12:00:00'),\n new Date('2025-01-14T13:05:29'),\n ]);\n });\n\n it('parses single date correctly', () => {\n expect(parseTimeRangeInput('2024-01-13')).toEqual([\n new Date('2024-01-13T12:00:00'),\n new Date(),\n ]);\n });\n\n it('parses explicit date range correctly', () => {\n expect(parseTimeRangeInput('2024-01-15 to 2024-01-16')).toEqual([\n new Date('2024-01-15T12:00:00'),\n new Date('2024-01-16T12:00:00'),\n ]);\n });\n});\n" }, { "path": "packages/app/src/components/TimePicker/index.ts", "content": "export { TimePicker } from './TimePicker';\n" }, { "path": "packages/app/src/components/TimePicker/types.ts", "content": "export enum TimePickerMode {\n Range = 'Time range',\n Around = 'Around a time',\n}\n" }, { "path": "packages/app/src/components/TimePicker/useTimePickerForm.ts", "content": "import { useForm } from '@mantine/form';\n\nimport { TimePickerMode } from './types';\n\ntype TimePickerForm = {\n startDate: Date | null;\n endDate: Date | null;\n duration: string;\n};\n\nexport const useTimePickerForm = ({ mode }: { mode: TimePickerMode }) => {\n const form = useForm({\n mode: 'controlled',\n initialValues: {\n startDate: null,\n endDate: null,\n duration: '15m',\n },\n\n validate: values => {\n if (mode === TimePickerMode.Range) {\n if (!values.startDate || !values.endDate) {\n return { startDate: 'Required', endDate: 'Required' };\n }\n }\n if (mode === TimePickerMode.Around) {\n if (!values.startDate) {\n return { time: 'Required' };\n }\n if (!values.duration) {\n return { duration: 'Required' };\n }\n }\n return {};\n },\n\n onValuesChange: values => {\n // Ensure that end date is not before start date\n if (\n values.endDate &&\n values.startDate &&\n values.endDate < values.startDate\n ) {\n form.setFieldValue('endDate', values.startDate);\n }\n },\n });\n\n return form;\n};\n" }, { "path": "packages/app/src/components/TimePicker/utils.ts", "content": "import * as chrono from 'chrono-node';\nimport ms from 'ms';\n\nfunction normalizeParsedDate(parsed?: chrono.ParsedComponents): Date | null {\n if (!parsed) {\n return null;\n }\n\n // eslint-disable-next-line no-restricted-syntax\n const now = new Date();\n const parsedDate = parsed.date();\n\n // If all of the time components have been inferred, set the time components of now\n // to match the parsed time components. This ensures that the comparison later on uses\n // the same point in time when only worrying about dates.\n if (\n !(\n parsed.isCertain('hour') ||\n parsed.isCertain('minute') ||\n parsed.isCertain('second') ||\n parsed.isCertain('millisecond')\n )\n ) {\n now.setHours(parsed.get('hour') || 0);\n now.setMinutes(parsed.get('minute') || 0);\n now.setSeconds(parsed.get('second') || 0);\n now.setMilliseconds(parsed.get('millisecond') || 0);\n }\n\n // Handle future dates:\n // - If slightly in the future (within 1 day), clamp to now\n // - If significantly in the future (>1 day) AND year was inferred, shift year back\n // (e.g., \"Dec 25\" typed in June defaults to Dec 25 this year, but user likely meant last Dec 25)\n if (parsedDate > now) {\n const oneDayFromNow = now.getTime() + ms('1d');\n if (parsedDate.getTime() <= oneDayFromNow) {\n // Slightly in the future: clamp to now\n return now;\n } else if (!parsed.isCertain('year')) {\n // Significantly in the future with inferred year: shift year back\n parsedDate.setFullYear(parsedDate.getFullYear() - 1);\n }\n }\n\n return parsedDate;\n}\n\nexport function parseTimeRangeInput(\n str: string,\n isUTC: boolean = false,\n): [Date | null, Date | null] {\n const parsedTimeResults = chrono.parse(str, isUTC ? { timezone: 0 } : {});\n if (parsedTimeResults.length === 0) {\n return [null, null];\n }\n\n const parsedTimeResult =\n parsedTimeResults.length === 1\n ? parsedTimeResults[0]\n : parsedTimeResults[1];\n const start = normalizeParsedDate(parsedTimeResult.start);\n // eslint-disable-next-line no-restricted-syntax\n const end = normalizeParsedDate(parsedTimeResult.end) || new Date();\n if (end && start && end < start) {\n // For date range strings that omit years, the chrono parser will infer the year\n // using the current year. This can cause the start date to be in the future, and\n // returned as the end date instead of the start date. After normalizing the dates,\n // we then need to swap the order to maintain a range from older to newer.\n return [end, start];\n } else {\n return [start, end];\n }\n}\n\nexport const LIVE_TAIL_TIME_QUERY = 'Live Tail' as const;\nexport const LIVE_TAIL_DURATION_MS = ms('15m');\n\nexport const RELATIVE_TIME_OPTIONS: (\n | [label: string, duration: number, relativeSupport?: boolean]\n | 'divider'\n)[] = [\n // ['Last 15 seconds', '15s'],\n // ['Last 30 seconds', '30s'],\n // 'divider',\n ['Last 1 minute', ms('1m'), true],\n ['Last 5 minutes', ms('5m'), true],\n ['Last 15 minutes', ms('15m'), true],\n ['Last 30 minutes', ms('30m'), true],\n ['Last 45 minutes', ms('45m'), true],\n 'divider',\n ['Last 1 hour', ms('1h'), true],\n ['Last 3 hours', ms('3h')],\n ['Last 6 hours', ms('6h')],\n ['Last 12 hours', ms('12h')],\n 'divider',\n ['Last 1 days', ms('1d')],\n ['Last 2 days', ms('2d')],\n ['Last 7 days', ms('7d')],\n ['Last 14 days', ms('14d')],\n ['Last 30 days', ms('30d')],\n];\n\nexport function getRelativeTimeOptionLabel(value: number) {\n if (value === LIVE_TAIL_DURATION_MS) {\n return LIVE_TAIL_TIME_QUERY;\n }\n const option = RELATIVE_TIME_OPTIONS.find(\n option => option !== 'divider' && option[1] === value,\n ) as [string, number, boolean] | undefined;\n return option ? option[0] : undefined;\n}\n\nexport const DURATION_OPTIONS = [\n '30s',\n '1m',\n '5m',\n '15m',\n '30m',\n '1h',\n '3h',\n '6h',\n '12h',\n];\n\nexport const DURATIONS: Record = {\n '30s': { seconds: 30 },\n '1m': { minutes: 1 },\n '5m': { minutes: 5 },\n '15m': { minutes: 15 },\n '30m': { minutes: 30 },\n '1h': { hours: 1 },\n '3h': { hours: 3 },\n '6h': { hours: 6 },\n '12h': { hours: 12 },\n};\n\nexport const dateParser = (input?: string) => {\n if (!input) {\n return null;\n }\n const parsed = chrono.casual.parse(input)[0];\n return normalizeParsedDate(parsed?.start);\n};\n" }, { "path": "packages/app/src/components/TimelineChart/TimelineChart.module.scss", "content": ".timelineRow {\n cursor: pointer;\n\n &:hover {\n background-color: var(--color-bg-highlighted);\n }\n}\n\n.timelineRowActive {\n background-color: var(--color-bg-highlighted);\n border-radius: var(--mantine-radius-xs);\n}\n\n.labelContainer {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding-right: 8px;\n position: relative;\n}\n" }, { "path": "packages/app/src/components/TimelineChart/TimelineChart.tsx", "content": "import {\n memo,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport cx from 'classnames';\nimport { Flex, Kbd, Text } from '@mantine/core';\nimport { useVirtualizer } from '@tanstack/react-virtual';\n\nimport { useDrag } from '@/hooks/useDrag';\nimport { useStableCallback } from '@/hooks/useStableCallback';\n\nimport useResizable from '../../hooks/useResizable';\nimport { usePrevious } from '../../utils';\n\nimport {\n TimelineChartRowEvents,\n type TTimelineEvent,\n} from './TimelineChartRowEvents';\nimport { TimelineCursor } from './TimelineCursor';\nimport { TimelineMouseCursor } from './TimelineMouseCursor';\nimport { TimelineXAxis } from './TimelineXAxis';\n\nimport resizeStyles from '../../../styles/ResizablePanel.module.scss';\nimport styles from './TimelineChart.module.scss';\n\ntype Row = {\n id: string;\n label: React.ReactNode;\n events: TTimelineEvent[];\n style?: any;\n type?: string;\n className?: string;\n isActive?: boolean;\n};\n\ntype Cursor = {\n id: string;\n start: number;\n color: string;\n};\n\ntype TimelineChartProps = {\n rows: Row[];\n cursors?: Cursor[];\n rowHeight: number;\n onEventClick?: (e: Row) => void;\n labelWidth: number;\n className?: string;\n style?: any;\n initialScrollRowIndex?: number;\n};\n\nexport const TimelineChart = memo(function ({\n rows,\n cursors,\n rowHeight,\n onEventClick,\n labelWidth: initialLabelWidth,\n className,\n style,\n initialScrollRowIndex,\n}: TimelineChartProps) {\n const [scale, setScale] = useState(1);\n const [offset, setOffset] = useState(0);\n const [cursorXPerc, setCursorXPerc] = useState(0);\n\n const prevScale = usePrevious(scale);\n const initialWidthPercent = (initialLabelWidth / window.innerWidth) * 100;\n const { size: labelWidthPercent, startResize } = useResizable(\n initialWidthPercent,\n 'left',\n );\n\n const labelWidth = (labelWidthPercent / 100) * window.innerWidth;\n\n const timelineRef = useRef(null);\n\n useLayoutEffect(() => {\n if (prevScale != null && prevScale != scale) {\n setOffset(offset => {\n const newScale = scale;\n\n // we try to calculate the new offset we need to keep the cursor's\n // abs % the same between current scale and new scale\n // cursor abs % = cursorTime/maxVal = offset / 100 + xPerc / scale\n const boundedCursorXPerc = Math.max(Math.min(cursorXPerc, 1), 0);\n const newOffset =\n offset +\n (100 * boundedCursorXPerc) / prevScale -\n (100 * boundedCursorXPerc) / newScale;\n\n return Math.min(Math.max(newOffset, 0), 100 - 100 / scale);\n });\n }\n }, [scale, prevScale, cursorXPerc]);\n\n const onDragMove = useStableCallback(({ movementX }: PointerEvent) => {\n setOffset(v =>\n Math.min(Math.max(v - movementX * (0.125 / scale), 0), 100 - 100 / scale),\n );\n });\n\n const dragHandlers = useMemo(\n () => ({\n onDragStart: () => {\n if (timelineRef.current) {\n timelineRef.current.style.userSelect = 'none';\n }\n },\n\n onDragEnd: () => {\n if (timelineRef.current) {\n timelineRef.current.style.userSelect = 'auto';\n }\n },\n\n onDragMove,\n }),\n [onDragMove],\n );\n\n const onPointerDown = useDrag(dragHandlers);\n\n const onWheel = useStableCallback((e: WheelEvent) => {\n const { deltaX, deltaY, metaKey, ctrlKey } = e;\n\n if (metaKey || ctrlKey) {\n e.preventDefault();\n setScale(v => Math.max(v + -deltaY * 0.01, 1));\n }\n\n if (deltaX !== 0) {\n e.preventDefault();\n }\n\n setOffset(v =>\n Math.min(Math.max(v + deltaX * (0.1 / scale), 0), 100 - 100 / scale),\n );\n });\n\n useEffect(() => {\n const element = timelineRef.current;\n\n if (element != null) {\n element.addEventListener('wheel', onWheel, { passive: false });\n\n return () => {\n element.removeEventListener('wheel', onWheel);\n };\n }\n }, [onWheel]);\n\n const maxVal = useMemo(() => {\n let max = 0;\n for (const row of rows) {\n for (const event of row.events) {\n max = Math.max(max, event.end);\n }\n }\n return max * 1.1; // add 10% padding\n }, [rows]);\n\n const rowVirtualizer = useVirtualizer({\n count: rows.length,\n getScrollElement: () => timelineRef.current,\n estimateSize: () => rowHeight,\n overscan: 5,\n });\n const items = rowVirtualizer.getVirtualItems();\n\n const TIMELINE_AXIS_HEIGHT = 32;\n\n const [initialScrolled, setInitialScrolled] = useState(false);\n useEffect(() => {\n if (\n initialScrollRowIndex != null &&\n !initialScrolled &&\n initialScrollRowIndex >= 0\n ) {\n setInitialScrolled(true);\n rowVirtualizer.scrollToIndex(initialScrollRowIndex, {\n align: 'center',\n });\n }\n }, [initialScrollRowIndex, initialScrolled, rowVirtualizer]);\n\n return (\n <>\n \n \n ⌘/Ctrl + scroll to zoom\n \n \n \n {(cursors ?? ([] as const)).map(cursor => {\n const xPerc = (cursor.start / maxVal - offset / 100) * scale;\n return (\n \n );\n })}\n \n \n\n \n \n {rowVirtualizer.getVirtualItems().map(virtualRow => {\n const row = rows[virtualRow.index];\n\n return (\n onEventClick?.(row)}\n key={virtualRow.index}\n data-index={virtualRow.index}\n ref={rowVirtualizer.measureElement}\n className={`${cx(\n 'd-flex align-items-center overflow-hidden',\n row.className,\n styles.timelineRow,\n row.isActive && styles.timelineRowActive,\n )}`}\n style={row.style}\n >\n \n {row.label}\n {\n // so it doesn't trigger drag start in useDrag\n e.stopPropagation();\n }}\n style={{ backgroundColor: 'var(--color-bg-neutral)' }}\n />\n \n \n \n );\n })}\n \n \n \n \n );\n});\n\nTimelineChart.displayName = 'TimelineChart';\n" }, { "path": "packages/app/src/components/TimelineChart/TimelineChartRowEvents.tsx", "content": "import { memo } from 'react';\nimport { Tooltip } from '@mantine/core';\n\nimport {\n TimelineSpanEventMarker,\n type TTimelineSpanEventMarker,\n} from './TimelineSpanEventMarker';\nimport { renderMs } from './utils';\n\nexport type TTimelineEvent = {\n id: string;\n start: number;\n end: number;\n tooltip: string;\n color: string;\n backgroundColor: string;\n body: React.ReactNode;\n minWidthPerc?: number;\n isError?: boolean;\n markers?: TTimelineSpanEventMarker[];\n showDuration?: boolean;\n};\n\ntype TimelineChartRowProps = {\n events: TTimelineEvent[];\n maxVal: number;\n height: number;\n scale: number;\n offset: number;\n onEventHover?: (eventId: string) => void;\n onEventClick?: (event: TTimelineEvent) => void;\n};\n\nexport const TimelineChartRowEvents = memo(function ({\n events,\n maxVal,\n height,\n onEventHover,\n scale,\n offset,\n}: TimelineChartRowProps) {\n return (\n \n \n {events.map((e: TTimelineEvent, i, arr) => {\n const minWidth = (e.minWidthPerc ?? 0) / 100;\n const lastEvent = arr[i - 1];\n const lastEventMinEnd =\n lastEvent?.start != null ? lastEvent?.start + maxVal * minWidth : 0;\n const lastEventEnd = Math.max(lastEvent?.end ?? 0, lastEventMinEnd);\n\n const percWidth =\n scale * Math.max((e.end - e.start) / maxVal, minWidth) * 100;\n const percMarginLeft =\n scale * (((e.start - lastEventEnd) / maxVal) * 100);\n\n const durationMs = e.end - e.start;\n const barCenter = (e.start + e.end) / 2;\n const timelineMidpoint = maxVal / 2;\n // Duration on left when majority of bar is past halfway, otherwise on right\n const durationOnRight = barCenter <= timelineMidpoint;\n\n return (\n \n \n onEventHover?.(e.id)}\n className=\"d-flex align-items-center h-100 cursor-pointer text-truncate hover-opacity\"\n style={{\n userSelect: 'none',\n width: '100%',\n position: 'relative',\n borderRadius: 2,\n fontSize: height * 0.5,\n color: e.color,\n backgroundColor: e.backgroundColor,\n }}\n >\n
\n {e.body}\n
\n {e.markers?.map((marker, idx) => (\n \n ))}\n \n {!!e.showDuration && (\n \n {renderMs(durationMs)}\n \n )}\n \n \n );\n })}\n \n );\n});\n\nTimelineChartRowEvents.displayName = 'TimelineChartRowEvents';\n" }, { "path": "packages/app/src/components/TimelineChart/TimelineCursor.tsx", "content": "type TimelineCursorProps = {\n xPerc: number;\n overlay?: React.ReactNode;\n labelWidth: number;\n color: string;\n height: number;\n};\n\nexport function TimelineCursor({\n xPerc,\n overlay,\n labelWidth,\n color,\n height,\n}: TimelineCursorProps) {\n // Bound [-1,100] to 6 digits as a percent, -1 so it can slide off the right side of the screen\n const cursorMarginLeft = `${Math.min(Math.max(xPerc * 100, -1), 100).toFixed(\n 6,\n )}%`;\n\n return (\n \n
\n
\n
\n
\n {overlay != null && (\n \n
\n \n {overlay}\n \n
\n
\n )}\n
\n
\n
\n \n \n );\n}\n" }, { "path": "packages/app/src/components/TimelineChart/TimelineMouseCursor.tsx", "content": "import { RefObject, useEffect, useState } from 'react';\n\nimport { TimelineCursor } from './TimelineCursor';\nimport { renderMs } from './utils';\n\nexport function TimelineMouseCursor({\n containerRef,\n maxVal,\n labelWidth,\n height,\n scale,\n offset,\n xPerc,\n setXPerc,\n}: {\n containerRef: RefObject;\n maxVal: number;\n labelWidth: number;\n height: number;\n scale: number;\n offset: number;\n xPerc: number;\n setXPerc: (p: number) => void;\n}) {\n const [showCursor, setShowCursor] = useState(false);\n useEffect(() => {\n const onMouseMove = (e: MouseEvent) => {\n if (containerRef.current != null) {\n const timelineContainer = containerRef.current;\n const rect = timelineContainer.getBoundingClientRect();\n\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n\n // Remove label width from calculations\n // Use clientWidth as that removes scroll bars\n const xPerc =\n (x - labelWidth) / (timelineContainer.clientWidth - labelWidth);\n if (onMouseMove != null) {\n setXPerc(xPerc);\n }\n }\n };\n const onMouseEnter = () => setShowCursor(true);\n const onMouseLeave = () => setShowCursor(false);\n\n const element = containerRef.current;\n element?.addEventListener('mousemove', onMouseMove);\n element?.addEventListener('mouseleave', onMouseLeave);\n element?.addEventListener('mouseenter', onMouseEnter);\n\n return () => {\n element?.removeEventListener('mousemove', onMouseMove);\n element?.removeEventListener('mouseleave', onMouseLeave);\n element?.removeEventListener('mouseenter', onMouseEnter);\n };\n }, [containerRef, labelWidth, setXPerc]);\n\n const cursorTime = (offset / 100 + Math.max(xPerc, 0) / scale) * maxVal;\n\n return showCursor ? (\n \n ) : null;\n}\n" }, { "path": "packages/app/src/components/TimelineChart/TimelineSpanEventMarker.tsx", "content": "import { memo } from 'react';\nimport { Text, Tooltip } from '@mantine/core';\n\nimport { useFormatTime } from '@/useFormatTime';\n\nexport type TTimelineSpanEventMarker = {\n timestamp: number; // ms offset from minOffset\n name: string;\n attributes: Record;\n};\n\nexport const TimelineSpanEventMarker = memo(function ({\n marker,\n eventStart,\n eventEnd,\n height,\n}: {\n marker: TTimelineSpanEventMarker;\n eventStart: number;\n eventEnd: number;\n height: number;\n}) {\n const formatTime = useFormatTime();\n // Calculate marker position as percentage within the span bar (0-100%)\n const spanDuration = eventEnd - eventStart;\n const markerOffsetFromStart = marker.timestamp - eventStart;\n const markerPosition =\n spanDuration > 0 ? (markerOffsetFromStart / spanDuration) * 100 : 0;\n\n // Format attributes for tooltip\n const attributeEntries = Object.entries(marker.attributes);\n const tooltipContent = (\n
\n \n {formatTime(new Date(marker.timestamp), { format: 'withMs' })}\n \n {marker.name}\n {attributeEntries.length > 0 && (\n
\n {attributeEntries.slice(0, 5).map(([key, value]) => (\n
\n {key}:{' '}\n {String(value).length > 50\n ? String(value).substring(0, 50) + '...'\n : String(value)}\n
\n ))}\n {attributeEntries.length > 5 && (\n
\n ...and {attributeEntries.length - 5} more\n
\n )}\n
\n )}\n
\n );\n\n return (\n \n e.stopPropagation()}\n onClick={e => e.stopPropagation()}\n >\n {/* Diamond shape marker */}\n \n {/* Vertical line extending above and below */}\n \n \n \n );\n});\n\nTimelineSpanEventMarker.displayName = 'TimelineSpanEventMarker';\n" }, { "path": "packages/app/src/components/TimelineChart/TimelineXAxis.tsx", "content": "import { calculateInterval, renderMs } from './utils';\n\nexport function TimelineXAxis({\n maxVal,\n labelWidth,\n height,\n scale,\n offset,\n}: {\n maxVal: number;\n labelWidth: number;\n height: number;\n scale: number;\n offset: number;\n}) {\n const scaledMaxVal = maxVal / scale;\n // TODO: Turn this into a function\n const interval = calculateInterval(scaledMaxVal);\n\n const numTicks = Math.floor(maxVal / interval);\n const percSpacing = (interval / maxVal) * 100 * scale;\n\n const ticks = [];\n for (let i = 0; i < numTicks; i++) {\n ticks.push(\n \n
{renderMs(i * interval)}
\n ,\n );\n }\n\n return (\n \n
\n
\n
\n
\n {ticks}\n
\n \n \n );\n}\n" }, { "path": "packages/app/src/components/TimelineChart/__tests__/utils.test.ts", "content": "import { calculateInterval, renderMs } from '../utils';\n\ndescribe('renderMs', () => {\n it('formats sub-second values as ms', () => {\n expect(renderMs(500)).toBe('500ms');\n expect(renderMs(999)).toBe('999ms');\n });\n\n it('rounds sub-second values', () => {\n expect(renderMs(999.4)).toBe('999ms');\n expect(renderMs(999.6)).toBe('1000ms');\n });\n\n it('formats whole seconds without decimals', () => {\n expect(renderMs(1000)).toBe('1s');\n expect(renderMs(2000)).toBe('2s');\n expect(renderMs(5000)).toBe('5s');\n });\n\n it('formats fractional seconds with three decimals', () => {\n expect(renderMs(1500)).toBe('1.500s');\n expect(renderMs(1234.567)).toBe('1.235s');\n });\n\n it('returns \"0µs\" for 0', () => {\n expect(renderMs(0)).toBe('0µs');\n });\n\n it('formats sub-millisecond values as µs', () => {\n expect(renderMs(0.001)).toBe('1µs');\n expect(renderMs(0.5)).toBe('500µs');\n expect(renderMs(0.999)).toBe('999µs');\n });\n\n it('rounds sub-millisecond values to nearest µs', () => {\n expect(renderMs(0.0005)).toBe('1µs');\n expect(renderMs(0.9994)).toBe('999µs');\n });\n\n it('falls through to ms when µs rounds to 1000', () => {\n // 0.9995ms rounds to 1000µs, so it should render as 1ms instead\n expect(renderMs(0.9995)).toBe('1ms');\n });\n});\n\ndescribe('calculateInterval', () => {\n it('returns 0.5 for value 5 (small values)', () => {\n expect(calculateInterval(5)).toBe(0.5);\n });\n\n it('returns magnitude 1 bucket for value 10', () => {\n expect(calculateInterval(10)).toBe(1);\n });\n\n it('returns 2x magnitude for value 25', () => {\n expect(calculateInterval(25)).toBe(2);\n });\n\n it('returns 5x magnitude for value 50', () => {\n expect(calculateInterval(50)).toBe(5);\n });\n\n it('returns magnitude 10 for value 100', () => {\n expect(calculateInterval(100)).toBe(10);\n });\n\n it('returns 2x10 for value 200', () => {\n expect(calculateInterval(200)).toBe(20);\n });\n\n it('returns 5x10 for value 500', () => {\n expect(calculateInterval(500)).toBe(50);\n });\n\n it('returns magnitude 100 for value 1000', () => {\n expect(calculateInterval(1000)).toBe(100);\n });\n});\n" }, { "path": "packages/app/src/components/TimelineChart/index.ts", "content": "export { TimelineChart } from './TimelineChart';\n" }, { "path": "packages/app/src/components/TimelineChart/utils.ts", "content": "export function renderMs(ms: number) {\n if (ms < 1) {\n const µsRounded = Math.round(ms * 1000);\n\n if (µsRounded !== 1000) {\n return `${µsRounded}µs`;\n }\n }\n\n if (ms < 1000) {\n return `${Math.round(ms)}ms`;\n }\n\n if (ms % 1000 === 0) {\n return `${Math.floor(ms / 1000)}s`;\n }\n\n return `${(ms / 1000).toFixed(3)}s`;\n}\n\nexport function calculateInterval(value: number) {\n // Calculate the approximate interval by dividing the value by 10\n const interval = value / 10;\n\n // Round the interval to the nearest power of 10 to make it a human-friendly number\n const magnitude = Math.pow(10, Math.floor(Math.log10(interval)));\n\n // Adjust the interval to the nearest standard bucket size\n let bucketSize = magnitude;\n if (interval >= 2 * magnitude) {\n bucketSize = 2 * magnitude;\n }\n if (interval >= 5 * magnitude) {\n bucketSize = 5 * magnitude;\n }\n\n return bucketSize;\n}\n" }, { "path": "packages/app/src/components/WhereLanguageControlled.tsx", "content": "import { useController, UseControllerProps } from 'react-hook-form';\n\n// Without this, the whereLanguage switch will not cause a re-render\n// and the UI will look frozen/stale on language switching\ntype Props = {\n sqlInput: React.ReactNode;\n luceneInput: React.ReactNode;\n};\nexport default function WhereLanguageControlled(\n props: Props & UseControllerProps,\n) {\n const { field } = useController(props);\n\n return <>{field.value === 'sql' ? props.sqlInput : props.luceneInput};\n}\n" }, { "path": "packages/app/src/components/__tests__/AppNavUserMenu.test.tsx", "content": "import React from 'react';\nimport { screen } from '@testing-library/react';\n\nimport { AppNavContext, AppNavUserMenu } from '../AppNav/AppNav.components';\n\nconst renderAppNavUserMenu = (userName?: string) => {\n return renderWithMantine(\n \n \n ,\n );\n};\n\ndescribe('AppNavUserMenu', () => {\n it('renders initials for multi-word names with extra whitespace', () => {\n renderAppNavUserMenu(' Ada Lovelace ');\n\n expect(screen.getByText('AL')).toBeInTheDocument();\n expect(screen.getByText(/Ada\\s+Lovelace/)).toBeInTheDocument();\n });\n\n it('falls back to the default user label for blank names', () => {\n renderAppNavUserMenu(' ');\n\n expect(screen.getByText('U')).toBeInTheDocument();\n expect(screen.getByText('User')).toBeInTheDocument();\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/ConnectionForm.test.tsx", "content": "import React from 'react';\nimport { Connection } from '@hyperdx/common-utils/dist/types';\nimport { fireEvent, render, screen, waitFor } from '@testing-library/react';\n\nimport { ConnectionForm } from '../ConnectionForm';\n\nimport '@testing-library/jest-dom';\n\n// --- Mocks ---\nconst mockCreateMutate = jest.fn();\nconst mockUpdateMutate = jest.fn();\njest.mock('@/connection', () => ({\n ...jest.requireActual('@/connection'),\n useCreateConnection: () => ({\n mutate: mockCreateMutate,\n isPending: false,\n }),\n useUpdateConnection: () => ({\n mutate: mockUpdateMutate,\n isPending: false,\n }),\n\n useDeleteConnection: () => ({\n mutate: jest.fn(),\n isPending: false,\n }),\n}));\n\njest.mock('@mantine/notifications', () => ({\n notifications: {\n show: jest.fn(),\n },\n}));\n\nconst mockTestConnectionMutateAsync = jest.fn();\njest.mock('@/api', () => ({\n ...(jest.requireActual('@/api') ?? {}),\n useTestConnection: () => ({\n mutateAsync: mockTestConnectionMutateAsync.mockResolvedValue({\n success: true,\n }),\n }),\n}));\n\n// --- Test Suite ---\n\ndescribe('ConnectionForm', () => {\n const baseConnection: Connection = {\n id: '',\n name: 'Test Connection',\n host: 'http://localhost:8123',\n username: 'default',\n password: '',\n };\n\n beforeEach(() => {\n mockCreateMutate.mockClear();\n mockUpdateMutate.mockClear();\n mockTestConnectionMutateAsync.mockClear();\n (\n jest.requireMock('@mantine/notifications') as any\n ).notifications.show.mockClear();\n });\n\n it('should save connection with trailing slash removed from host when creating', async () => {\n renderWithMantine(\n ,\n );\n\n // Wait for form validation to complete\n await waitFor(() => {\n expect(\n screen.getByRole('button', { name: /Create/i }),\n ).toBeInTheDocument();\n });\n\n const hostInput = screen.getByPlaceholderText('http://localhost:8123');\n const nameInput = screen.getByPlaceholderText('My Clickhouse Server');\n const submitButton = screen.getByRole('button', { name: /Create/i });\n\n await fireEvent.change(nameInput, { target: { value: 'Test Name' } });\n await fireEvent.change(hostInput, {\n target: { value: 'http://example.com:8123/' },\n }); // Host with trailing slash\n\n fireEvent.click(submitButton);\n\n await waitFor(() => {\n expect(mockCreateMutate).toHaveBeenCalledTimes(1);\n });\n\n // Check the arguments passed to the mutate function\n expect(mockCreateMutate).toHaveBeenCalledWith(\n expect.objectContaining({\n connection: expect.objectContaining({\n host: 'http://example.com:8123',\n name: 'Test Name',\n }),\n }),\n expect.anything(),\n );\n });\n\n it('should save connection with trailing slash removed from host when updating', async () => {\n const existingConnection = {\n ...baseConnection,\n id: 'existing-id',\n host: 'http://old.com/',\n };\n renderWithMantine(\n ,\n );\n\n // Wait for form validation to complete\n await waitFor(() => {\n expect(screen.getByRole('button', { name: /Save/i })).toBeInTheDocument();\n });\n\n const hostInput = screen.getByPlaceholderText('http://localhost:8123');\n const submitButton = screen.getByRole('button', { name: /Save/i });\n\n // Update host\n await fireEvent.change(hostInput, {\n target: { value: 'http://updated.com:8123/' },\n });\n\n fireEvent.click(submitButton);\n\n // Wait for mutate to be called and assert\n await waitFor(() => {\n expect(mockUpdateMutate).toHaveBeenCalledTimes(1);\n });\n\n // Check the arguments passed to the mutate function\n expect(mockUpdateMutate).toHaveBeenCalledWith(\n expect.objectContaining({\n id: 'existing-id',\n connection: expect.objectContaining({\n host: 'http://updated.com:8123',\n }),\n }),\n expect.anything(),\n );\n });\n\n it('should use stripped host for test connection', async () => {\n renderWithMantine(\n ,\n );\n\n // Wait for form validation to complete\n await waitFor(() => {\n expect(\n screen.getByRole('button', { name: 'Test Connection' }),\n ).toBeInTheDocument();\n });\n\n const hostInput = screen.getByPlaceholderText('http://localhost:8123');\n const nameInput = screen.getByPlaceholderText('My Clickhouse Server');\n const testButton = screen.getByRole('button', { name: 'Test Connection' });\n\n await fireEvent.change(nameInput, { target: { value: 'Test Name' } });\n await fireEvent.change(hostInput, {\n target: { value: 'http://test.com:8123/' },\n });\n\n // Ensure form state is valid before clicking test\n await waitFor(() => expect(testButton).not.toBeDisabled());\n\n fireEvent.click(testButton);\n\n await waitFor(() =>\n expect(mockTestConnectionMutateAsync).toHaveBeenCalled(),\n );\n\n // Assert that the mock API call received the stripped host\n expect(mockTestConnectionMutateAsync).toHaveBeenCalledTimes(1);\n expect(mockTestConnectionMutateAsync).toHaveBeenCalledWith(\n expect.objectContaining({\n host: 'http://test.com:8123',\n }),\n );\n });\n\n it('should include hyperdxSettingPrefix when creating connection', async () => {\n renderWithMantine(\n ,\n );\n\n // Wait for form validation to complete\n await waitFor(() => {\n expect(\n screen.getByRole('button', { name: /Create/i }),\n ).toBeInTheDocument();\n });\n\n const nameInput = screen.getByPlaceholderText('My Clickhouse Server');\n const hostInput = screen.getByPlaceholderText('http://localhost:8123');\n const submitButton = screen.getByRole('button', { name: /Create/i });\n\n // Click \"Advanced Settings\" to reveal the setting prefix input\n const advancedSettingsLink = screen.getByText('Advanced Settings');\n fireEvent.click(advancedSettingsLink);\n\n const settingPrefixInput = screen.getByPlaceholderText('hyperdx');\n\n await fireEvent.change(nameInput, { target: { value: 'Test Name' } });\n await fireEvent.change(hostInput, {\n target: { value: 'http://example.com:8123' },\n });\n await fireEvent.change(settingPrefixInput, {\n target: { value: 'myprefix' },\n });\n\n fireEvent.click(submitButton);\n\n await waitFor(() => {\n expect(mockCreateMutate).toHaveBeenCalledWith(\n expect.objectContaining({\n connection: expect.objectContaining({\n hyperdxSettingPrefix: 'myprefix',\n }),\n }),\n expect.anything(),\n );\n });\n });\n\n it('should convert empty hyperdxSettingPrefix to null when updating', async () => {\n const existingConnection = {\n ...baseConnection,\n id: 'existing-id',\n hyperdxSettingPrefix: 'oldprefix',\n };\n renderWithMantine(\n ,\n );\n\n // Wait for form validation to complete\n await waitFor(() => {\n expect(screen.getByRole('button', { name: /Save/i })).toBeInTheDocument();\n });\n\n // Click \"Advanced Settings\" to reveal the setting prefix input\n const advancedSettingsLink = screen.getByText('Advanced Settings');\n fireEvent.click(advancedSettingsLink);\n\n const settingPrefixInput = screen.getByPlaceholderText('hyperdx');\n const submitButton = screen.getByRole('button', { name: /Save/i });\n\n // Clear the setting prefix\n await fireEvent.change(settingPrefixInput, {\n target: { value: '' },\n });\n\n fireEvent.click(submitButton);\n\n await waitFor(() => {\n expect(mockUpdateMutate).toHaveBeenCalledWith(\n expect.objectContaining({\n connection: expect.objectContaining({\n hyperdxSettingPrefix: null,\n }),\n }),\n expect.anything(),\n );\n });\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/DBEditTimeChartForm.test.tsx", "content": "import React from 'react';\nimport {\n DisplayType,\n MetricsDataType,\n SavedChartConfig,\n SourceKind,\n} from '@hyperdx/common-utils/dist/types';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { fireEvent, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { useSource } from '@/source';\n\nimport DBEditTimeChartForm from '../DBEditTimeChartForm';\n\n// Mock the hooks that fetch data\njest.mock('@/hooks/useFetchMetricResourceAttrs', () => ({\n useFetchMetricResourceAttrs: jest.fn().mockReturnValue({\n data: [],\n }),\n parseAttributeKeysFromSuggestions: jest.fn().mockReturnValue([]),\n}));\n\njest.mock('@/hooks/useFetchMetricMetadata', () => ({\n useFetchMetricMetadata: jest.fn().mockReturnValue({\n data: null,\n }),\n}));\n\njest.mock('@/hooks/useMetadata', () => ({\n useGetKeyValues: jest.fn().mockReturnValue({\n data: [\n {\n key: 'MetricName',\n value: ['test.metric.gauge', 'test.metric.sum'],\n },\n ],\n }),\n useGetValuesDistribution: jest.fn().mockReturnValue({\n data: undefined,\n isFetching: false,\n error: undefined,\n }),\n}));\n\njest.mock('@/source', () => ({\n useSource: jest.fn().mockImplementation(props => {\n if (props && props.id === 'metric-source') {\n return {\n data: {\n id: 'metric-source',\n kind: SourceKind.Metric,\n name: 'Test Metric Source',\n from: {\n databaseName: 'default',\n tableName: '',\n },\n connection: 'default',\n timestampValueExpression: 'Timestamp',\n metricTables: {\n gauge: 'metrics.gauge',\n sum: 'metrics.sum',\n histogram: 'metrics.histogram',\n },\n },\n };\n }\n return { data: undefined };\n }),\n getFirstTimestampValueExpression: jest.fn().mockReturnValue('Timestamp'),\n}));\n\njest.mock('../MetricNameSelect', () => ({\n MetricNameSelect: (props: any) => {\n const { error, onFocus, setMetricName, metricName } = props;\n const testId = props['data-testid'];\n return (\n
\n setMetricName(e.target.value)}\n onFocus={onFocus}\n aria-invalid={!!error}\n >\n \n \n \n \n {error &&
{error}
}\n
\n );\n },\n}));\n\njest.mock('../SourceSelect', () => ({\n SourceSelectControlled: () => (\n \n ),\n}));\n\njest.mock('../ChartSQLPreview', () => ({\n __esModule: true,\n default: () =>
Chart SQL Preview
,\n}));\n\njest.mock('../DBTimeChart', () => ({\n DBTimeChart: () =>
Time Chart
,\n}));\n\njest.mock('../DBTableChart', () => ({\n __esModule: true,\n default: () =>
Table Chart
,\n}));\n\njest.mock('../DBNumberChart', () => ({\n __esModule: true,\n default: () =>
Number Chart
,\n}));\n\njest.mock('@/components/SearchInput/SearchInputV2', () => ({\n __esModule: true,\n default: () =>
Search Input
,\n}));\n\njest.mock('../MaterializedViews/MVOptimizationIndicator', () => ({\n __esModule: true,\n default: () =>
MV Indicator
,\n}));\n\njest.mock('../SQLEditor/SQLInlineEditor', () => ({\n SQLInlineEditorControlled: () =>
SQL Editor
,\n}));\n\njest.mock('@/HDXMarkdownChart', () => ({\n __esModule: true,\n default: () =>
Markdown Chart
,\n}));\n\nconst queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n retry: false,\n },\n },\n});\n\nconst defaultChartConfig: SavedChartConfig = {\n name: 'Test Chart',\n source: 'metric-source',\n displayType: DisplayType.Line,\n select: [\n {\n aggFn: 'avg',\n aggCondition: '',\n aggConditionLanguage: 'lucene' as const,\n valueExpression: '',\n metricType: MetricsDataType.Gauge,\n metricName: '',\n },\n ],\n where: '',\n whereLanguage: 'lucene',\n granularity: 'auto',\n alignDateRangeToGranularity: true,\n};\n\ndescribe('DBEditTimeChartForm - Metric Name Validation', () => {\n const renderComponent = (props = {}) => {\n return renderWithMantine(\n \n \n ,\n );\n };\n\n beforeEach(() => {\n jest.clearAllMocks();\n });\n\n it('should show validation error when clicking play without selecting a metric name', async () => {\n renderComponent();\n\n // Find and click the play button\n const playButton = screen.getByTestId('chart-run-query-button');\n await userEvent.click(playButton);\n\n // Verify that the validation error is displayed\n await waitFor(() => {\n const errorMessage = screen.getByTestId('metric-name-error');\n expect(errorMessage).toBeInTheDocument();\n expect(errorMessage).toHaveTextContent('Metric is required');\n });\n\n // Verify that the metric name select has aria-invalid attribute\n const metricSelect = screen.getByTestId('metric-name-selector');\n expect(metricSelect).toHaveAttribute('aria-invalid', 'true');\n });\n\n it('should clear validation error when focusing on the metric name field', async () => {\n renderComponent();\n\n // Click play button to trigger validation\n const playButton = screen.getByTestId('chart-run-query-button');\n await userEvent.click(playButton);\n\n // Wait for error to appear\n await waitFor(() => {\n expect(screen.getByTestId('metric-name-error')).toBeInTheDocument();\n });\n\n // Focus on the metric name select\n const metricSelect = screen.getByTestId('metric-name-selector');\n fireEvent.focus(metricSelect);\n\n // Verify that the error is cleared\n await waitFor(() => {\n expect(screen.queryByTestId('metric-name-error')).not.toBeInTheDocument();\n });\n });\n\n it('should not show validation error when a metric name is selected', async () => {\n renderComponent();\n\n // Select a metric name\n const metricSelect = screen.getByTestId('metric-name-selector');\n await userEvent.selectOptions(metricSelect, 'test.metric.gauge');\n\n // Click play button\n const playButton = screen.getByTestId('chart-run-query-button');\n await userEvent.click(playButton);\n\n // Verify that no validation error is displayed\n await waitFor(() => {\n expect(screen.queryByTestId('metric-name-error')).not.toBeInTheDocument();\n });\n });\n\n it('should validate all series when multiple series are present', async () => {\n const configWithMultipleSeries = {\n ...defaultChartConfig,\n select: [\n {\n aggFn: 'avg',\n aggCondition: '',\n aggConditionLanguage: 'lucene' as const,\n valueExpression: '',\n metricType: 'gauge' as const,\n metricName: 'test.metric.gauge',\n },\n {\n aggFn: 'sum',\n aggCondition: '',\n aggConditionLanguage: 'lucene' as const,\n valueExpression: '',\n metricType: 'gauge' as const,\n metricName: '', // Empty metric name - should trigger validation\n },\n ],\n };\n\n renderComponent({ chartConfig: configWithMultipleSeries });\n\n // Click play button\n const playButton = screen.getByTestId('chart-run-query-button');\n await userEvent.click(playButton);\n\n // Verify that validation error is displayed for the series without a metric name\n await waitFor(() => {\n const errorMessages = screen.getAllByTestId('metric-name-error');\n // Should only show error for the second series (first has a metric name)\n expect(errorMessages).toHaveLength(1);\n });\n });\n\n it('should allow form submission after fixing validation errors', async () => {\n renderComponent();\n\n // Click play button to trigger validation\n const playButton = screen.getByTestId('chart-run-query-button');\n await userEvent.click(playButton);\n\n // Wait for error to appear\n await waitFor(() => {\n expect(screen.getByTestId('metric-name-error')).toBeInTheDocument();\n });\n\n // Select a metric name to fix the error\n const metricSelect = screen.getByTestId('metric-name-selector');\n await userEvent.selectOptions(metricSelect, 'test.metric.gauge');\n\n // Click play button again\n await userEvent.click(playButton);\n\n // Verify that no validation error is displayed\n await waitFor(() => {\n expect(screen.queryByTestId('metric-name-error')).not.toBeInTheDocument();\n });\n });\n\n it('should not validate non-metric sources', async () => {\n const nonMetricConfig = {\n ...defaultChartConfig,\n source: 'logs-source',\n select: [\n {\n aggFn: 'count',\n aggCondition: '',\n aggConditionLanguage: 'lucene' as const,\n valueExpression: '',\n },\n ],\n };\n\n // Mock useSource to return a non-metric source\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n jest.mocked(useSource).mockReturnValueOnce({\n data: {\n id: 'logs-source',\n kind: SourceKind.Log,\n name: 'Test Logs Source',\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n connection: 'default',\n timestampValueExpression: 'Timestamp',\n },\n } as ReturnType);\n\n renderComponent({ chartConfig: nonMetricConfig });\n\n // Click play button\n const playButton = screen.getByTestId('chart-run-query-button');\n await userEvent.click(playButton);\n\n // Verify that no validation error is displayed (since it's not a metric source)\n await waitFor(() => {\n expect(screen.queryByTestId('metric-name-error')).not.toBeInTheDocument();\n });\n });\n\n it('should show validation error only when metricType is set but metricName is empty', async () => {\n const configWithMetricType = {\n ...defaultChartConfig,\n select: [\n {\n aggFn: 'avg',\n aggCondition: '',\n aggConditionLanguage: 'lucene' as const,\n valueExpression: '',\n metricType: 'gauge' as const,\n metricName: '', // Empty metricName with metricType set - should trigger validation\n },\n ],\n };\n\n renderComponent({ chartConfig: configWithMetricType });\n\n // Click play button\n const playButton = screen.getByTestId('chart-run-query-button');\n await userEvent.click(playButton);\n\n // Verify that validation error is displayed (metricType is set but metricName is empty)\n await waitFor(() => {\n const errorMessage = screen.getByTestId('metric-name-error');\n expect(errorMessage).toBeInTheDocument();\n expect(errorMessage).toHaveTextContent('Metric is required');\n });\n });\n});\n\ndescribe('DBEditTimeChartForm - Save Button Metric Name Validation', () => {\n const renderComponent = (props = {}) => {\n return renderWithMantine(\n \n \n ,\n );\n };\n\n beforeEach(() => {\n jest.clearAllMocks();\n });\n\n it('should show validation error when clicking save without selecting a metric name', async () => {\n const onSave = jest.fn();\n renderComponent({ onSave });\n\n // Find and click the save button\n const saveButton = screen.getByTestId('chart-save-button');\n await userEvent.click(saveButton);\n\n // Verify that the validation error is displayed\n await waitFor(() => {\n const errorMessage = screen.getByTestId('metric-name-error');\n expect(errorMessage).toBeInTheDocument();\n expect(errorMessage).toHaveTextContent('Metric is required');\n });\n\n // Verify that onSave was not called\n expect(onSave).not.toHaveBeenCalled();\n\n // Verify that the metric name select has aria-invalid attribute\n const metricSelect = screen.getByTestId('metric-name-selector');\n expect(metricSelect).toHaveAttribute('aria-invalid', 'true');\n });\n});\n\ndescribe('DBEditTimeChartForm - Add/delete alerts for display type Number', () => {\n const renderComponent = (props = {}) => {\n return renderWithMantine(\n \n \n ,\n );\n };\n\n beforeEach(() => {\n jest.clearAllMocks();\n });\n\n it('should add an alert when clicking the add alert button', async () => {\n renderComponent();\n\n // Find and click the add alert button\n const alertButton = screen.getByTestId('alert-button');\n expect(alertButton).toHaveTextContent('Add Alert');\n await userEvent.click(alertButton);\n\n // Verify that the alert is added\n const alert = screen.getByTestId('alert-details');\n expect(alert).toBeInTheDocument();\n });\n\n it('should remove an alert when clicking the remove alert button', async () => {\n const onSave = jest.fn();\n renderComponent({ onSave });\n\n // Find and click the add alert button\n const alertButton = screen.getByTestId('alert-button');\n await userEvent.click(alertButton);\n\n // Verify that the alert is added\n const alert = screen.getByTestId('alert-details');\n expect(alert).toBeInTheDocument();\n\n // The add and remove alert button are the same element\n expect(alertButton).toHaveTextContent('Remove Alert');\n await userEvent.click(alertButton);\n\n // Verify that the alert is deleted\n expect(alert).not.toBeInTheDocument();\n\n // Verify that onSave was not called\n expect(onSave).not.toHaveBeenCalled();\n });\n\n it('shows alert scheduling fields inside advanced settings', async () => {\n renderComponent();\n\n await userEvent.click(screen.getByTestId('alert-button'));\n\n expect(\n screen.getByTestId('alert-advanced-settings-panel'),\n ).not.toBeVisible();\n\n await userEvent.click(screen.getByTestId('alert-advanced-settings-toggle'));\n\n expect(screen.getByTestId('alert-advanced-settings-panel')).toBeVisible();\n expect(screen.getByText('Anchor start time')).toBeInTheDocument();\n expect(\n screen.getByTestId('alert-advanced-settings-toggle'),\n ).toHaveTextContent('Advanced Settings');\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/DBHistogramChart.test.tsx", "content": "import React from 'react';\n\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { useMVOptimizationExplanation } from '@/hooks/useMVOptimizationExplanation';\nimport { useSource } from '@/source';\n\nimport DateRangeIndicator from '../charts/DateRangeIndicator';\nimport DBHistogramChart from '../DBHistogramChart';\nimport MVOptimizationIndicator from '../MaterializedViews/MVOptimizationIndicator';\n\n// Mock dependencies\njest.mock('@/hooks/useChartConfig', () => ({\n useQueriedChartConfig: jest.fn(),\n}));\n\njest.mock('@/hooks/useMVOptimizationExplanation', () => ({\n useMVOptimizationExplanation: jest.fn().mockReturnValue({\n data: undefined,\n isLoading: false,\n isPlaceholderData: false,\n }),\n}));\n\njest.mock('@/source', () => ({\n useSource: jest.fn().mockReturnValue({ data: null }),\n}));\n\njest.mock('../MaterializedViews/MVOptimizationIndicator', () =>\n jest.fn(() => null),\n);\n\njest.mock('../charts/DateRangeIndicator', () => jest.fn(() => null));\n\ndescribe('DBHistogramChart', () => {\n const mockUseQueriedChartConfig = useQueriedChartConfig as jest.Mock;\n\n const baseTestConfig = {\n dateRange: [new Date(), new Date()] as [Date, Date],\n from: { databaseName: 'test', tableName: 'test' },\n timestampValueExpression: 'timestamp',\n connection: 'test-connection',\n select: '',\n where: '',\n };\n\n beforeEach(() => {\n jest.clearAllMocks();\n\n mockUseQueriedChartConfig.mockReturnValue({\n data: {\n data: [{ bucket: '0-10', count: 5 }],\n meta: [],\n },\n isLoading: false,\n isError: false,\n });\n });\n\n it('passes the same config to useMVOptimizationExplanation, useQueriedChartConfig, and MVOptimizationIndicator', () => {\n // Mock useSource to return a source so MVOptimizationIndicator is rendered\n jest.mocked(useSource).mockReturnValue({\n data: { id: 'test-source', name: 'Test Source' },\n } as any);\n\n renderWithMantine();\n\n // Get the config that was passed to useMVOptimizationExplanation\n expect(jest.mocked(useMVOptimizationExplanation)).toHaveBeenCalled();\n const mvOptExplanationConfig = jest.mocked(useMVOptimizationExplanation)\n .mock.calls[0][0];\n\n // Get the config that was passed to useQueriedChartConfig\n expect(jest.mocked(useQueriedChartConfig)).toHaveBeenCalled();\n const queriedChartConfig = jest.mocked(useQueriedChartConfig).mock\n .calls[0][0];\n\n // Get the config that was passed to MVOptimizationIndicator\n expect(jest.mocked(MVOptimizationIndicator)).toHaveBeenCalled();\n const indicatorConfig = jest.mocked(MVOptimizationIndicator).mock\n .calls[0][0].config;\n\n // All three should receive the same config object reference\n expect(mvOptExplanationConfig).toBe(queriedChartConfig);\n expect(queriedChartConfig).toBe(indicatorConfig);\n expect(mvOptExplanationConfig).toBe(indicatorConfig);\n });\n\n it('renders DateRangeIndicator when MV optimization returns a different date range', () => {\n const originalStartDate = new Date('2024-01-01T00:00:30Z');\n const originalEndDate = new Date('2024-01-01T01:30:45Z');\n const alignedStartDate = new Date('2024-01-01T00:00:00Z');\n const alignedEndDate = new Date('2024-01-01T02:00:00Z');\n\n const config = {\n ...baseTestConfig,\n dateRange: [originalStartDate, originalEndDate] as [Date, Date],\n };\n\n // Mock useMVOptimizationExplanation to return an optimized config with aligned date range\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: {\n optimizedConfig: {\n ...config,\n dateRange: [alignedStartDate, alignedEndDate] as [Date, Date],\n },\n explanations: [\n {\n success: true,\n mvConfig: {\n minGranularity: '1 minute',\n tableName: 'metrics_rollup_1m',\n },\n },\n ],\n },\n isLoading: false,\n isPlaceholderData: false,\n } as any);\n\n renderWithMantine();\n\n // Verify DateRangeIndicator was called\n expect(jest.mocked(DateRangeIndicator)).toHaveBeenCalled();\n\n // Verify it was called with the correct props\n const dateRangeIndicatorCall =\n jest.mocked(DateRangeIndicator).mock.calls[0][0];\n expect(dateRangeIndicatorCall.originalDateRange).toEqual([\n originalStartDate,\n originalEndDate,\n ]);\n expect(dateRangeIndicatorCall.effectiveDateRange).toEqual([\n alignedStartDate,\n alignedEndDate,\n ]);\n expect(dateRangeIndicatorCall.mvGranularity).toBe('1 minute');\n });\n\n it('does not render DateRangeIndicator when MV optimization has no optimized date range', () => {\n // Mock useMVOptimizationExplanation to return data without an optimized config\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: {\n optimizedConfig: undefined,\n explanations: [],\n },\n isLoading: false,\n isPlaceholderData: false,\n } as any);\n\n renderWithMantine();\n\n // Verify DateRangeIndicator was not called\n expect(jest.mocked(DateRangeIndicator)).not.toHaveBeenCalled();\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/DBListBarChart.test.tsx", "content": "import React from 'react';\n\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { useMVOptimizationExplanation } from '@/hooks/useMVOptimizationExplanation';\nimport { useSource } from '@/source';\n\nimport DateRangeIndicator from '../charts/DateRangeIndicator';\nimport DBListBarChart from '../DBListBarChart';\nimport MVOptimizationIndicator from '../MaterializedViews/MVOptimizationIndicator';\n\n// Mock dependencies\njest.mock('@/hooks/useChartConfig', () => ({\n useQueriedChartConfig: jest.fn(),\n}));\n\njest.mock('@/hooks/useMVOptimizationExplanation', () => ({\n useMVOptimizationExplanation: jest.fn().mockReturnValue({\n data: undefined,\n isLoading: false,\n isPlaceholderData: false,\n }),\n}));\n\njest.mock('@/source', () => ({\n useSource: jest.fn().mockReturnValue({ data: null }),\n}));\n\njest.mock('../MaterializedViews/MVOptimizationIndicator', () =>\n jest.fn(() => null),\n);\n\njest.mock('../charts/DateRangeIndicator', () => jest.fn(() => null));\n\ndescribe('DBListBarChart', () => {\n const mockUseQueriedChartConfig = useQueriedChartConfig as jest.Mock;\n\n const baseTestConfig = {\n dateRange: [new Date(), new Date()] as [Date, Date],\n from: { databaseName: 'test', tableName: 'test' },\n timestampValueExpression: 'timestamp',\n connection: 'test-connection',\n select: '',\n where: '',\n };\n\n beforeEach(() => {\n jest.clearAllMocks();\n\n mockUseQueriedChartConfig.mockReturnValue({\n data: { data: [{ group: 'test', value: 100 }] },\n isLoading: false,\n isError: false,\n });\n });\n\n it('passes the same config to useMVOptimizationExplanation, useQueriedChartConfig, and MVOptimizationIndicator', () => {\n // Mock useSource to return a source so MVOptimizationIndicator is rendered\n jest.mocked(useSource).mockReturnValue({\n data: { id: 'test-source', name: 'Test Source' },\n } as any);\n\n renderWithMantine(\n ,\n );\n\n // Get the config that was passed to useMVOptimizationExplanation\n expect(jest.mocked(useMVOptimizationExplanation)).toHaveBeenCalled();\n const mvOptExplanationConfig = jest.mocked(useMVOptimizationExplanation)\n .mock.calls[0][0];\n\n // Get the config that was passed to useQueriedChartConfig\n expect(jest.mocked(useQueriedChartConfig)).toHaveBeenCalled();\n const queriedChartConfig = jest.mocked(useQueriedChartConfig).mock\n .calls[0][0];\n\n // Get the config that was passed to MVOptimizationIndicator\n expect(jest.mocked(MVOptimizationIndicator)).toHaveBeenCalled();\n const indicatorConfig = jest.mocked(MVOptimizationIndicator).mock\n .calls[0][0].config;\n\n // All three should receive the same config object reference\n expect(mvOptExplanationConfig).toBe(queriedChartConfig);\n expect(queriedChartConfig).toBe(indicatorConfig);\n expect(mvOptExplanationConfig).toBe(indicatorConfig);\n });\n\n it('renders DateRangeIndicator when MV optimization returns a different date range', () => {\n const originalStartDate = new Date('2024-01-01T00:00:30Z');\n const originalEndDate = new Date('2024-01-01T01:30:45Z');\n const alignedStartDate = new Date('2024-01-01T00:00:00Z');\n const alignedEndDate = new Date('2024-01-01T02:00:00Z');\n\n const config = {\n ...baseTestConfig,\n dateRange: [originalStartDate, originalEndDate] as [Date, Date],\n };\n\n // Mock useMVOptimizationExplanation to return an optimized config with aligned date range\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: {\n optimizedConfig: {\n ...config,\n dateRange: [alignedStartDate, alignedEndDate] as [Date, Date],\n },\n explanations: [\n {\n success: true,\n mvConfig: {\n minGranularity: '1 minute',\n tableName: 'metrics_rollup_1m',\n },\n },\n ],\n },\n isLoading: false,\n isPlaceholderData: false,\n } as any);\n\n renderWithMantine(\n ,\n );\n\n // Verify DateRangeIndicator was called\n expect(jest.mocked(DateRangeIndicator)).toHaveBeenCalled();\n\n // Verify it was called with the correct props\n const dateRangeIndicatorCall =\n jest.mocked(DateRangeIndicator).mock.calls[0][0];\n expect(dateRangeIndicatorCall.originalDateRange).toEqual([\n originalStartDate,\n originalEndDate,\n ]);\n expect(dateRangeIndicatorCall.effectiveDateRange).toEqual([\n alignedStartDate,\n alignedEndDate,\n ]);\n expect(dateRangeIndicatorCall.mvGranularity).toBe('1 minute');\n });\n\n it('does not render DateRangeIndicator when MV optimization has no optimized date range', () => {\n // Mock useMVOptimizationExplanation to return data without an optimized config\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: {\n optimizedConfig: undefined,\n explanations: [],\n },\n isLoading: false,\n isPlaceholderData: false,\n } as any);\n\n renderWithMantine(\n ,\n );\n\n // Verify DateRangeIndicator was not called\n expect(jest.mocked(DateRangeIndicator)).not.toHaveBeenCalled();\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/DBNumberChart.test.tsx", "content": "import React from 'react';\nimport { act, screen } from '@testing-library/react';\n\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { useMVOptimizationExplanation } from '@/hooks/useMVOptimizationExplanation';\nimport { useSource } from '@/source';\nimport { formatNumber } from '@/utils';\n\nimport { NumberFormat } from '../../types';\nimport DateRangeIndicator from '../charts/DateRangeIndicator';\nimport DBNumberChart from '../DBNumberChart';\nimport MVOptimizationIndicator from '../MaterializedViews/MVOptimizationIndicator';\n\n// Mock dependencies\njest.mock('@/hooks/useChartConfig', () => ({\n useQueriedChartConfig: jest.fn(),\n}));\n\njest.mock('@/hooks/useMVOptimizationExplanation', () => ({\n useMVOptimizationExplanation: jest.fn().mockReturnValue({\n data: undefined,\n isLoading: false,\n isPlaceholderData: false,\n }),\n}));\n\njest.mock('@/source', () => ({\n useSource: jest.fn().mockReturnValue({ data: null }),\n}));\n\njest.mock('@/utils', () => ({\n formatNumber: jest.fn(),\n omit: jest.fn((obj: Record, keys: string[]) => {\n const result = { ...obj };\n keys.forEach((key: string) => delete result[key]);\n return result;\n }),\n}));\n\njest.mock('../MaterializedViews/MVOptimizationIndicator', () =>\n jest.fn(() => null),\n);\n\njest.mock('../charts/DateRangeIndicator', () => jest.fn(() => null));\n\ndescribe('DBNumberChart', () => {\n const mockUseQueriedChartConfig = useQueriedChartConfig as jest.Mock;\n const mockFormatNumber = formatNumber as jest.Mock;\n\n const baseTestConfig = {\n dateRange: [new Date(), new Date()] as [Date, Date],\n from: { databaseName: 'test', tableName: 'test' },\n timestampValueExpression: 'timestamp',\n connection: 'test-connection',\n select: '',\n where: '',\n };\n\n beforeEach(() => {\n jest.clearAllMocks();\n\n mockUseQueriedChartConfig.mockReturnValue({\n data: { data: [{ value: 1234 }] },\n isLoading: false,\n isError: false,\n });\n\n // Mock formatNumber to isolate just testing the chart component\n mockFormatNumber.mockImplementation((value, format) => {\n if (!format) return value.toString();\n\n if (format.output === 'percent') return `${value}%`;\n if (format.output === 'currency') return `$${value}`;\n\n return `${value} (formatted with ${format.output})`;\n });\n });\n\n it('renders the number with default formatting when no numberFormat is provided', () => {\n renderWithMantine();\n expect(mockFormatNumber).toHaveBeenCalledWith(1234, undefined);\n });\n\n it('renders the number with the provided numberFormat', () => {\n const config = {\n ...baseTestConfig,\n numberFormat: {\n output: 'percent' as const,\n mantissa: 2,\n thousandSeparated: true,\n },\n };\n\n renderWithMantine();\n expect(mockFormatNumber).toHaveBeenCalledWith(1234, config.numberFormat);\n });\n\n it('updates the display when numberFormat changes', async () => {\n let setNumberFormatFn: (format: NumberFormat) => void;\n const TestComponent = () => {\n const [numberFormat, setNumberFormat] = React.useState<\n NumberFormat | undefined\n >(undefined);\n // eslint-disable-next-line react-hooks/globals\n setNumberFormatFn = setNumberFormat;\n return ;\n };\n\n renderWithMantine();\n\n const newFormat = {\n output: 'currency' as const,\n mantissa: 0,\n thousandSeparated: true,\n };\n act(() => setNumberFormatFn(newFormat));\n\n expect(mockFormatNumber).toHaveBeenCalledWith(1234, newFormat);\n });\n\n it('includes numberFormat in the query key to ensure re-fetching when format changes', () => {\n const numberFormat = {\n output: 'percent' as const,\n mantissa: 2,\n };\n\n const config = {\n ...baseTestConfig,\n numberFormat,\n };\n\n renderWithMantine();\n\n const [firstCall] = mockUseQueriedChartConfig.mock.calls;\n const [, { queryKey }] = firstCall;\n const [, { numberFormat: queryKeyFormat }] = queryKey;\n\n expect(queryKeyFormat).toEqual(numberFormat);\n });\n\n it('displays formatted number in the UI', () => {\n const config = {\n ...baseTestConfig,\n numberFormat: {\n output: 'currency' as const,\n mantissa: 2,\n thousandSeparated: true,\n },\n };\n\n renderWithMantine();\n expect(screen.getByText('$1234')).toBeInTheDocument();\n });\n\n it('handles zero values correctly', () => {\n mockUseQueriedChartConfig.mockReturnValue({\n data: { data: [{ value: 0 }] },\n isLoading: false,\n isError: false,\n });\n\n const config = {\n ...baseTestConfig,\n numberFormat: {\n output: 'percent' as const,\n mantissa: 1,\n },\n };\n\n renderWithMantine();\n expect(screen.getByText('0%')).toBeInTheDocument();\n });\n\n it('displays NaN for null or undefined values', () => {\n mockUseQueriedChartConfig.mockReturnValue({\n data: { data: [{ value: null }] },\n isLoading: false,\n isError: false,\n });\n\n renderWithMantine();\n expect(screen.getByText('NaN')).toBeInTheDocument();\n });\n\n it('handles loading state correctly', () => {\n mockUseQueriedChartConfig.mockReturnValue({\n data: undefined,\n isLoading: true,\n isError: false,\n });\n\n renderWithMantine();\n expect(screen.getByText('Loading Chart Data...')).toBeInTheDocument();\n });\n\n it('handles error state correctly', () => {\n mockUseQueriedChartConfig.mockReturnValue({\n data: undefined,\n isLoading: false,\n isError: true,\n error: new Error('Test error'),\n });\n\n renderWithMantine();\n expect(screen.getByText(/Error loading chart/)).toBeInTheDocument();\n });\n\n it('passes the same config to useMVOptimizationExplanation, useQueriedChartConfig, and MVOptimizationIndicator', () => {\n // Mock useSource to return a source so MVOptimizationIndicator is rendered\n jest.mocked(useSource).mockReturnValue({\n data: { id: 'test-source', name: 'Test Source' },\n } as any);\n\n renderWithMantine();\n\n // Get the config that was passed to useMVOptimizationExplanation\n expect(jest.mocked(useMVOptimizationExplanation)).toHaveBeenCalled();\n const mvOptExplanationConfig = jest.mocked(useMVOptimizationExplanation)\n .mock.calls[0][0];\n\n // Get the config that was passed to useQueriedChartConfig\n expect(jest.mocked(useQueriedChartConfig)).toHaveBeenCalled();\n const queriedChartConfig = jest.mocked(useQueriedChartConfig).mock\n .calls[0][0];\n\n // Get the config that was passed to MVOptimizationIndicator\n expect(jest.mocked(MVOptimizationIndicator)).toHaveBeenCalled();\n const indicatorConfig = jest.mocked(MVOptimizationIndicator).mock\n .calls[0][0].config;\n\n // All three should receive the same config object reference\n expect(mvOptExplanationConfig).toBe(queriedChartConfig);\n expect(queriedChartConfig).toBe(indicatorConfig);\n expect(mvOptExplanationConfig).toBe(indicatorConfig);\n });\n\n it('renders DateRangeIndicator when MV optimization returns a different date range', () => {\n const originalStartDate = new Date('2024-01-01T00:00:30Z');\n const originalEndDate = new Date('2024-01-01T01:30:45Z');\n const alignedStartDate = new Date('2024-01-01T00:00:00Z');\n const alignedEndDate = new Date('2024-01-01T02:00:00Z');\n\n const config = {\n ...baseTestConfig,\n dateRange: [originalStartDate, originalEndDate] as [Date, Date],\n };\n\n // Mock useMVOptimizationExplanation to return an optimized config with aligned date range\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: {\n optimizedConfig: {\n ...config,\n dateRange: [alignedStartDate, alignedEndDate] as [Date, Date],\n },\n explanations: [\n {\n success: true,\n mvConfig: {\n minGranularity: '1 minute',\n tableName: 'metrics_rollup_1m',\n },\n },\n ],\n },\n isLoading: false,\n isPlaceholderData: false,\n } as any);\n\n renderWithMantine();\n\n // Verify DateRangeIndicator was called\n expect(jest.mocked(DateRangeIndicator)).toHaveBeenCalled();\n\n // Verify it was called with the correct props\n const dateRangeIndicatorCall =\n jest.mocked(DateRangeIndicator).mock.calls[0][0];\n expect(dateRangeIndicatorCall.originalDateRange).toEqual([\n originalStartDate,\n originalEndDate,\n ]);\n expect(dateRangeIndicatorCall.effectiveDateRange).toEqual([\n alignedStartDate,\n alignedEndDate,\n ]);\n expect(dateRangeIndicatorCall.mvGranularity).toBe('1 minute');\n });\n\n it('does not render DateRangeIndicator when MV optimization has no optimized date range', () => {\n // Mock useMVOptimizationExplanation to return data without an optimized config\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: {\n optimizedConfig: undefined,\n explanations: [],\n },\n isLoading: false,\n isPlaceholderData: false,\n } as any);\n\n renderWithMantine();\n\n // Verify DateRangeIndicator was not called\n expect(jest.mocked(DateRangeIndicator)).not.toHaveBeenCalled();\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/DBPieChart.test.tsx", "content": "import { use } from 'react';\nimport { screen } from '@testing-library/react';\n\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { useMVOptimizationExplanation } from '@/hooks/useMVOptimizationExplanation';\nimport { useSource } from '@/source';\n\nimport DateRangeIndicator from '../charts/DateRangeIndicator';\nimport { DBPieChart } from '../DBPieChart';\nimport MVOptimizationIndicator from '../MaterializedViews/MVOptimizationIndicator';\n\njest.mock('@/hooks/useChartConfig', () => ({\n useQueriedChartConfig: jest.fn(),\n}));\n\njest.mock('@/hooks/useMVOptimizationExplanation', () => ({\n useMVOptimizationExplanation: jest.fn().mockReturnValue({\n data: undefined,\n isLoading: false,\n isPlaceholderData: false,\n }),\n}));\n\njest.mock('@/source', () => ({\n useSource: jest.fn().mockReturnValue({ data: null }),\n}));\n\njest.mock('../MaterializedViews/MVOptimizationIndicator', () =>\n jest.fn(() => null),\n);\n\njest.mock('../charts/DateRangeIndicator', () => jest.fn(() => null));\n\ndescribe('DBPieChart', () => {\n const mockUseQueriedChartConfig = useQueriedChartConfig as jest.Mock;\n\n const baseTestConfig = {\n dateRange: [new Date(), new Date()] as [Date, Date],\n from: { databaseName: 'test', tableName: 'test' },\n timestampValueExpression: 'timestamp',\n connection: 'test-connection',\n select: '',\n where: '',\n };\n\n beforeEach(() => {\n jest.clearAllMocks();\n\n mockUseQueriedChartConfig.mockReturnValue({\n data: {\n data: [{ test1: 1234, test2: 5678 }],\n meta: [\n { name: 'test1', type: 'UInt64' },\n { name: 'test2', type: 'UInt64' },\n ],\n },\n isLoading: false,\n isError: false,\n });\n });\n\n it('handles loading state correctly', () => {\n mockUseQueriedChartConfig.mockReturnValue({\n data: undefined,\n isLoading: true,\n isError: false,\n });\n\n renderWithMantine();\n expect(screen.getByText('Loading Chart Data...')).toBeInTheDocument();\n });\n\n it('handles error state correctly', () => {\n mockUseQueriedChartConfig.mockReturnValue({\n data: undefined,\n isLoading: false,\n isError: true,\n error: new Error('Test error'),\n });\n\n renderWithMantine();\n expect(screen.getByText(/Error loading chart/)).toBeInTheDocument();\n });\n\n it('should render pie chart correctly', () => {\n renderWithMantine(\n ,\n );\n expect(screen.getByTestId('pie-chart-container')).toBeInTheDocument();\n });\n\n it('passes the same config to useMVOptimizationExplanation, useQueriedChartConfig, and MVOptimizationIndicator', () => {\n // Mock useSource to return a source so MVOptimizationIndicator is rendered\n jest.mocked(useSource).mockReturnValue({\n data: { id: 'test-source', name: 'Test Source' },\n } as any);\n\n renderWithMantine();\n\n // Get the config that was passed to useMVOptimizationExplanation\n expect(jest.mocked(useMVOptimizationExplanation)).toHaveBeenCalled();\n const mvOptExplanationConfig = jest.mocked(useMVOptimizationExplanation)\n .mock.calls[0][0];\n\n // Get the config that was passed to useQueriedChartConfig\n expect(jest.mocked(useQueriedChartConfig)).toHaveBeenCalled();\n const queriedChartConfig = jest.mocked(useQueriedChartConfig).mock\n .calls[0][0];\n\n // Get the config that was passed to MVOptimizationIndicator\n expect(jest.mocked(MVOptimizationIndicator)).toHaveBeenCalled();\n const indicatorConfig = jest.mocked(MVOptimizationIndicator).mock\n .calls[0][0].config;\n\n // All three should receive the same config object reference\n expect(mvOptExplanationConfig).toBe(queriedChartConfig);\n expect(queriedChartConfig).toBe(indicatorConfig);\n expect(mvOptExplanationConfig).toBe(indicatorConfig);\n });\n\n it('renders DateRangeIndicator when MV optimization returns a different date range', () => {\n const originalStartDate = new Date('2024-01-01T00:00:30Z');\n const originalEndDate = new Date('2024-01-01T01:30:45Z');\n const alignedStartDate = new Date('2024-01-01T00:00:00Z');\n const alignedEndDate = new Date('2024-01-01T02:00:00Z');\n\n const config = {\n ...baseTestConfig,\n dateRange: [originalStartDate, originalEndDate] as [Date, Date],\n };\n\n // Mock useMVOptimizationExplanation to return an optimized config with aligned date range\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: {\n optimizedConfig: {\n ...config,\n dateRange: [alignedStartDate, alignedEndDate] as [Date, Date],\n },\n explanations: [\n {\n success: true,\n mvConfig: {\n minGranularity: '1 minute',\n tableName: 'metrics_rollup_1m',\n },\n },\n ],\n },\n isLoading: false,\n isPlaceholderData: false,\n } as any);\n\n renderWithMantine();\n\n // Verify DateRangeIndicator was called\n expect(jest.mocked(DateRangeIndicator)).toHaveBeenCalled();\n\n // Verify it was called with the correct props\n const dateRangeIndicatorCall =\n jest.mocked(DateRangeIndicator).mock.calls[0][0];\n expect(dateRangeIndicatorCall.originalDateRange).toEqual([\n originalStartDate,\n originalEndDate,\n ]);\n expect(dateRangeIndicatorCall.effectiveDateRange).toEqual([\n alignedStartDate,\n alignedEndDate,\n ]);\n expect(dateRangeIndicatorCall.mvGranularity).toBe('1 minute');\n });\n\n it('does not render DateRangeIndicator when MV optimization has no optimized date range', () => {\n // Mock useMVOptimizationExplanation to return data without an optimized config\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: {\n optimizedConfig: undefined,\n explanations: [],\n },\n isLoading: false,\n isPlaceholderData: false,\n } as any);\n\n renderWithMantine();\n\n // Verify DateRangeIndicator was not called\n expect(jest.mocked(DateRangeIndicator)).not.toHaveBeenCalled();\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/DBRowDataPanel.test.ts", "content": "import { getJSONColumnNames } from '../DBRowDataPanel';\n\ndescribe('DBRowDataPanel', () => {\n describe('getJSONColumnNames', () => {\n it('should return JSON column names', () => {\n const meta = [\n { name: 'col1', type: 'String' },\n { name: 'col2', type: 'JSON' },\n { name: 'col3', type: 'JSON(1)' },\n ];\n const result = getJSONColumnNames(meta);\n expect(result).toEqual(['col2', 'col3']);\n });\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/DBRowTable.test.tsx", "content": "import { screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport {\n appendSelectWithPrimaryAndPartitionKey,\n RawLogTable,\n} from '@/components/DBRowTable';\nimport { RowWhereResult } from '@/hooks/useRowWhere';\n\nimport * as useChartConfigModule from '../../hooks/useChartConfig';\n\nconst mockRowWhereResult: RowWhereResult = { where: '', aliasWith: [] };\n\ndescribe('RawLogTable', () => {\n beforeEach(() => {\n jest.clearAllMocks();\n jest\n .spyOn(useChartConfigModule, 'useAliasMapFromChartConfig')\n .mockReturnValue({\n data: {},\n isLoading: false,\n error: null,\n } as any);\n\n // Suppress console errors for expected errors in tests. Keeps the test output clean.\n jest.spyOn(console, 'error').mockImplementation(() => {\n /* noop */\n });\n });\n\n it('should render no results message when no results found', async () => {\n renderWithMantine(\n {}}\n generateRowId={() => mockRowWhereResult}\n columnTypeMap={new Map()}\n />,\n );\n\n expect(await screen.findByTestId('db-row-table-no-results')).toBeTruthy();\n });\n\n describe('Sorting', () => {\n const baseProps = {\n displayedColumns: ['col1', 'col2'],\n rows: [\n {\n col1: 'value1',\n col2: 'value2',\n },\n ],\n isLoading: false,\n dedupRows: false,\n hasNextPage: false,\n onRowDetailsClick: () => {},\n generateRowId: () => mockRowWhereResult,\n columnTypeMap: new Map(),\n };\n it('Should not allow changing sort if disabled', () => {\n renderWithMantine();\n\n expect(\n screen.queryByTestId('raw-log-table-sort-button'),\n ).not.toBeInTheDocument();\n });\n\n it('Should allow changing sort', async () => {\n const callback = jest.fn();\n\n renderWithMantine(\n ,\n );\n\n const sortElements = await screen.findAllByTestId(\n 'raw-log-table-sort-button',\n );\n expect(sortElements).toHaveLength(2);\n\n await userEvent.click(sortElements.at(0)!);\n\n expect(callback).toHaveBeenCalledWith([\n {\n desc: false,\n id: 'col1',\n },\n ]);\n });\n\n it('Should show sort indicator', async () => {\n renderWithMantine(\n ,\n );\n\n const sortElements = await screen.findByTestId(\n 'raw-log-table-sort-indicator',\n );\n expect(sortElements).toBeInTheDocument();\n expect(sortElements).toHaveClass('sorted-asc');\n });\n\n it('Should reference alias map when possible', async () => {\n jest\n .spyOn(useChartConfigModule, 'useAliasMapFromChartConfig')\n .mockReturnValue({\n data: {\n col1: 'col1_alias',\n col2: 'col2_alias',\n },\n isLoading: false,\n error: null,\n } as any);\n\n const callback = jest.fn();\n renderWithMantine(\n ,\n );\n const sortElements = await screen.findAllByTestId(\n 'raw-log-table-sort-button',\n );\n expect(sortElements).toHaveLength(2);\n\n await userEvent.click(sortElements.at(0)!);\n\n expect(callback).toHaveBeenCalledWith([\n {\n desc: false,\n id: '\"col1\"',\n },\n ]);\n });\n });\n});\n\ndescribe('appendSelectWithPrimaryAndPartitionKey', () => {\n it('should extract columns from partition key with nested function call', () => {\n const result = appendSelectWithPrimaryAndPartitionKey(\n 'col1, col2',\n 'id, created_at',\n ' toStartOfInterval(timestamp, toIntervalDay(3))',\n );\n expect(result).toEqual({\n additionalKeysLength: 3,\n select: 'col1,col2,timestamp,id,created_at',\n });\n });\n\n it('should extract no columns from empty primary key and partition key', () => {\n const result = appendSelectWithPrimaryAndPartitionKey('col1, col2', '', '');\n expect(result).toEqual({\n additionalKeysLength: 0,\n select: 'col1,col2',\n });\n });\n\n it('should extract columns from complex primary key', () => {\n const result = appendSelectWithPrimaryAndPartitionKey(\n 'col1, col2',\n 'id, timestamp, toStartOfInterval(timestamp2, toIntervalDay(3))',\n \"toStartOfInterval(timestamp, toIntervalDay(3)), date_diff('DAY', col3, col4), now(), toDate(col5 + INTERVAL 1 DAY)\",\n );\n expect(result).toEqual({\n additionalKeysLength: 6,\n select: 'col1,col2,timestamp,col3,col4,col5,id,timestamp2',\n });\n });\n\n it('should extract map columns', () => {\n const result = appendSelectWithPrimaryAndPartitionKey(\n 'col1, col2',\n `map['key']`,\n `map2['key'], map1['key3 ']`,\n );\n expect(result).toEqual({\n additionalKeysLength: 3,\n select: `col1,col2,map2['key'],map1['key3 '],map['key']`,\n });\n });\n\n it('should extract map columns', () => {\n const result = appendSelectWithPrimaryAndPartitionKey(\n 'col1, col2',\n ``,\n `map2['key.2']`,\n );\n expect(result).toEqual({\n additionalKeysLength: 1,\n select: `col1,col2,map2['key.2']`,\n });\n });\n\n it('should extract array columns', () => {\n const result = appendSelectWithPrimaryAndPartitionKey(\n 'col1, col2',\n `array[1]`,\n `array[2], array[3]`,\n );\n expect(result).toEqual({\n additionalKeysLength: 3,\n select: `col1,col2,array[2],array[3],array[1]`,\n });\n });\n\n it('should extract json columns', () => {\n const result = appendSelectWithPrimaryAndPartitionKey(\n 'col1, col2',\n `json.b`,\n `json.a, json.b.c, toStartOfDay(timestamp, json_2.d)`,\n );\n expect(result).toEqual({\n additionalKeysLength: 5,\n select: `col1,col2,json.a,json.b.c,timestamp,json_2.d,json.b`,\n });\n });\n\n it('should extract json columns with type specifiers', () => {\n const result = appendSelectWithPrimaryAndPartitionKey(\n 'col1, col2',\n `json.b.:Int64`,\n `toStartOfDay(json.a.b.:DateTime)`,\n );\n expect(result).toEqual({\n additionalKeysLength: 2,\n select: `col1,col2,json.a.b,json.b`,\n });\n });\n\n it('should skip json columns with hard-to-parse type specifiers', () => {\n const result = appendSelectWithPrimaryAndPartitionKey(\n 'col1, col2',\n `json.b.:Array(String), col3`,\n ``,\n );\n expect(result).toEqual({\n additionalKeysLength: 1,\n select: `col1,col2,col3`,\n });\n });\n\n it('should skip nested map references', () => {\n const result = appendSelectWithPrimaryAndPartitionKey(\n 'col1, col2',\n `map['key']['key2'], col3`,\n ``,\n );\n expect(result).toEqual({\n additionalKeysLength: 1,\n select: `col1,col2,col3`,\n });\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/DBSearchPage.test.tsx", "content": "import { getDefaultSourceId } from '../../DBSearchPage';\n\ndescribe('getDefaultSourceId', () => {\n it('returns empty string if sources is undefined', () => {\n expect(getDefaultSourceId(undefined, undefined)).toBe('');\n });\n\n it('returns empty string if sources is empty', () => {\n expect(getDefaultSourceId([], undefined)).toBe('');\n });\n\n it('returns empty string if sources is empty but lastSelectedSourceId is a string', () => {\n expect(getDefaultSourceId([], 'some-id')).toBe('');\n });\n\n it('returns lastSelectedSourceId if it exists in sources', () => {\n const sources = [{ id: 'a' }, { id: 'b' }, { id: 'c' }];\n expect(getDefaultSourceId(sources, 'b')).toBe('b');\n });\n\n it('returns first source id if lastSelectedSourceId is not in sources', () => {\n const sources = [{ id: 'a' }, { id: 'b' }];\n expect(getDefaultSourceId(sources, 'z')).toBe('a');\n });\n\n it('returns first source id if lastSelectedSourceId is undefined', () => {\n const sources = [{ id: 'x' }, { id: 'y' }];\n expect(getDefaultSourceId(sources, undefined)).toBe('x');\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/DBSearchPageFilters.test.tsx", "content": "import { UseQueryOptions, UseQueryResult } from '@tanstack/react-query';\nimport { fireEvent, screen, within } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { useGetValuesDistribution } from '@/hooks/useMetadata';\n\nimport {\n cleanedFacetName,\n FilterGroup,\n type FilterGroupProps,\n} from '../DBSearchPageFilters';\nimport {\n cleanClickHouseExpression,\n groupFacetsByBaseName,\n parseMapFieldName,\n} from '../DBSearchPageFilters/utils';\n\ndescribe('cleanClickHouseExpression', () => {\n it('should remove toString wrapper', () => {\n expect(cleanClickHouseExpression('toString(ResourceAttributes)')).toBe(\n 'ResourceAttributes',\n );\n expect(cleanClickHouseExpression('toString(user_data.name)')).toBe(\n 'user_data.name',\n );\n });\n\n it('should convert backtick notation to clean dot notation', () => {\n expect(cleanClickHouseExpression('`host`.`arch`')).toBe('host.arch');\n expect(cleanClickHouseExpression('`host`.`os`.`type`')).toBe(\n 'host.os.type',\n );\n });\n\n it('should handle mixed expressions', () => {\n expect(cleanClickHouseExpression('toString(`host`.`arch`)')).toBe(\n 'host.arch',\n );\n expect(\n cleanClickHouseExpression('toString(`process`.`executable`.`name`)'),\n ).toBe('process.executable.name');\n });\n\n it('should return unchanged for already clean expressions', () => {\n expect(cleanClickHouseExpression(\"ResourceAttributes['host.arch']\")).toBe(\n \"ResourceAttributes['host.arch']\",\n );\n expect(cleanClickHouseExpression('user_data.name')).toBe('user_data.name');\n });\n});\n\njest.mock('@/hooks/useMetadata', () => ({\n useGetValuesDistribution: jest\n .fn()\n .mockReturnValue({ data: undefined, isFetching: false, error: undefined }),\n}));\n\ndescribe('cleanedFacetName', () => {\n describe('basic functionality', () => {\n it('should return non-toString strings unchanged', () => {\n expect(cleanedFacetName('simple.field')).toBe('simple.field');\n expect(cleanedFacetName('column_name')).toBe('column_name');\n expect(cleanedFacetName('ResourceAttributes.service.name')).toBe(\n 'ResourceAttributes.service.name',\n );\n });\n\n it('should handle empty strings', () => {\n expect(cleanedFacetName('')).toBe('');\n });\n\n it('should handle strings that do not start with toString', () => {\n expect(cleanedFacetName('notToString(field)')).toBe('notToString(field)');\n expect(cleanedFacetName(\"JSONExtractString(data, 'field')\")).toBe(\n \"JSONExtractString(data, 'field')\",\n );\n });\n });\n\n describe('JSON column cleaning', () => {\n it('should clean basic ResourceAttributes paths', () => {\n expect(\n cleanedFacetName('toString(ResourceAttributes.`service`.`name`)'),\n ).toBe('ResourceAttributes.service.name');\n\n expect(\n cleanedFacetName('toString(ResourceAttributes.`hdx`.`sdk`.`version`)'),\n ).toBe('ResourceAttributes.hdx.sdk.version');\n });\n\n it('should handle mixed quoted and unquoted ResourceAttributes', () => {\n expect(\n cleanedFacetName('toString(ResourceAttributes.`service`.name)'),\n ).toBe('ResourceAttributes.service.name');\n\n expect(\n cleanedFacetName('toString(ResourceAttributes.service.`name`)'),\n ).toBe('ResourceAttributes.service.name');\n });\n\n it('should handle deeply nested ResourceAttributes', () => {\n expect(\n cleanedFacetName(\n 'toString(ResourceAttributes.`telemetry`.`sdk`.`language`)',\n ),\n ).toBe('ResourceAttributes.telemetry.sdk.language');\n\n expect(\n cleanedFacetName(\n 'toString(ResourceAttributes.`cloud`.`provider`.`account`.`id`)',\n ),\n ).toBe('ResourceAttributes.cloud.provider.account.id');\n });\n\n it('should handle ResourceAttributes with special characters', () => {\n expect(\n cleanedFacetName('toString(ResourceAttributes.`service-name`)'),\n ).toBe('ResourceAttributes.service-name');\n\n expect(\n cleanedFacetName('toString(ResourceAttributes.`service`.`version`)'),\n ).toBe('ResourceAttributes.service.version');\n\n expect(\n cleanedFacetName('toString(ResourceAttributes.`k8s`.`pod`.`name`)'),\n ).toBe('ResourceAttributes.k8s.pod.name');\n });\n\n it('should clean basic LogAttributes paths', () => {\n expect(\n cleanedFacetName('toString(LogAttributes.`severity`.`text`)'),\n ).toBe('LogAttributes.severity.text');\n\n expect(cleanedFacetName('toString(LogAttributes.`level`)')).toBe(\n 'LogAttributes.level',\n );\n });\n\n it('should handle deeply nested LogAttributes', () => {\n expect(\n cleanedFacetName('toString(LogAttributes.`context`.`user`.`id`)'),\n ).toBe('LogAttributes.context.user.id');\n\n expect(\n cleanedFacetName('toString(LogAttributes.`http`.`request`.`method`)'),\n ).toBe('LogAttributes.http.request.method');\n });\n\n it('should handle Map access in ResourceAttributes', () => {\n expect(\n cleanedFacetName(\n \"ResourceAttributes['http.request.headers.user-agent']\",\n ),\n ).toBe(\"ResourceAttributes['http.request.headers.user-agent']\");\n });\n });\n\n describe('edge cases with Attributes', () => {\n it('should handle attributes with spaces', () => {\n expect(\n cleanedFacetName('toString(ResourceAttributes.`service name`)'),\n ).toBe('ResourceAttributes.service name');\n\n expect(cleanedFacetName('toString(LogAttributes.`error message`)')).toBe(\n 'LogAttributes.error message',\n );\n });\n\n it('should handle attributes with numbers', () => {\n expect(\n cleanedFacetName('toString(ResourceAttributes.`service`.`v2`)'),\n ).toBe('ResourceAttributes.service.v2');\n\n expect(\n cleanedFacetName('toString(LogAttributes.`error`.`code`.`404`)'),\n ).toBe('LogAttributes.error.code.404');\n });\n });\n\n describe('real-world OpenTelemetry patterns', () => {\n // Common OTEL semantic conventions\n it('should handle service attributes', () => {\n expect(\n cleanedFacetName('toString(ResourceAttributes.`service`.`name`)'),\n ).toBe('ResourceAttributes.service.name');\n\n expect(\n cleanedFacetName('toString(ResourceAttributes.`service`.`version`)'),\n ).toBe('ResourceAttributes.service.version');\n\n expect(\n cleanedFacetName(\n 'toString(ResourceAttributes.`service`.`instance`.`id`)',\n ),\n ).toBe('ResourceAttributes.service.instance.id');\n });\n\n it('should handle telemetry SDK attributes', () => {\n expect(\n cleanedFacetName(\n 'toString(ResourceAttributes.`telemetry`.`sdk`.`name`)',\n ),\n ).toBe('ResourceAttributes.telemetry.sdk.name');\n\n expect(\n cleanedFacetName(\n 'toString(ResourceAttributes.`telemetry`.`sdk`.`language`)',\n ),\n ).toBe('ResourceAttributes.telemetry.sdk.language');\n\n expect(\n cleanedFacetName(\n 'toString(ResourceAttributes.`telemetry`.`sdk`.`version`)',\n ),\n ).toBe('ResourceAttributes.telemetry.sdk.version');\n });\n\n it('should handle HTTP attributes', () => {\n expect(cleanedFacetName('toString(LogAttributes.`http`.`method`)')).toBe(\n 'LogAttributes.http.method',\n );\n\n expect(\n cleanedFacetName('toString(LogAttributes.`http`.`status_code`)'),\n ).toBe('LogAttributes.http.status_code');\n\n expect(cleanedFacetName('toString(LogAttributes.`http`.`url`)')).toBe(\n 'LogAttributes.http.url',\n );\n });\n });\n});\n\ndescribe('parseMapFieldName', () => {\n it('should parse ResourceAttributes map access', () => {\n expect(parseMapFieldName(\"ResourceAttributes['service.name']\")).toEqual({\n baseName: 'ResourceAttributes',\n propertyPath: 'service.name',\n });\n });\n\n it('should parse SpanAttributes map access', () => {\n expect(parseMapFieldName(\"SpanAttributes['http.method']\")).toEqual({\n baseName: 'SpanAttributes',\n propertyPath: 'http.method',\n });\n });\n\n it('should parse single property access', () => {\n expect(parseMapFieldName(\"ResourceAttributes['service']\")).toEqual({\n baseName: 'ResourceAttributes',\n propertyPath: 'service',\n });\n });\n\n it('should handle double quotes', () => {\n expect(parseMapFieldName('ResourceAttributes[\"service.name\"]')).toEqual({\n baseName: 'ResourceAttributes',\n propertyPath: 'service.name',\n });\n });\n\n it('should parse dot notation JSON access', () => {\n expect(parseMapFieldName('user_data.name')).toEqual({\n baseName: 'user_data',\n propertyPath: 'name',\n });\n });\n\n it('should parse nested dot notation JSON access', () => {\n expect(parseMapFieldName('user_data.address.city')).toEqual({\n baseName: 'user_data',\n propertyPath: 'address.city',\n });\n });\n\n it('should handle ClickHouse expressions with toString wrapper', () => {\n expect(parseMapFieldName('toString(`host`.`arch`)')).toEqual({\n baseName: 'host',\n propertyPath: 'arch',\n });\n expect(\n parseMapFieldName('toString(`process`.`executable`.`name`)'),\n ).toEqual({\n baseName: 'process',\n propertyPath: 'executable.name',\n });\n });\n\n it('should handle ClickHouse backtick dot notation', () => {\n expect(parseMapFieldName('`host`.`arch`')).toEqual({\n baseName: 'host',\n propertyPath: 'arch',\n });\n expect(parseMapFieldName('`os`.`type`')).toEqual({\n baseName: 'os',\n propertyPath: 'type',\n });\n expect(parseMapFieldName('`process`.`executable`.`path`')).toEqual({\n baseName: 'process',\n propertyPath: 'executable.path',\n });\n });\n\n it('should return null for non-map fields', () => {\n expect(parseMapFieldName('service')).toBeNull();\n expect(parseMapFieldName('')).toBeNull();\n expect(parseMapFieldName('simple_field')).toBeNull();\n });\n});\n\ndescribe('groupFacetsByBaseName', () => {\n it('should group map-like facets by base name', () => {\n const facets = [\n { key: \"ResourceAttributes['service.name']\", value: ['web', 'api'] },\n { key: \"ResourceAttributes['service.version']\", value: ['1.0', '2.0'] },\n { key: \"SpanAttributes['http.method']\", value: ['GET', 'POST'] },\n { key: 'level', value: ['info', 'error'] },\n ];\n\n const result = groupFacetsByBaseName(facets);\n\n expect(result.grouped).toHaveLength(2);\n expect(result.nonGrouped).toHaveLength(1);\n expect(result.nonGrouped[0]).toEqual({\n key: 'level',\n value: ['info', 'error'],\n });\n\n // Check ResourceAttributes group\n const resourceAttrsGroup = result.grouped.find(\n g => g.key === 'ResourceAttributes',\n );\n expect(resourceAttrsGroup).toBeDefined();\n expect(resourceAttrsGroup!.children).toHaveLength(2);\n expect(resourceAttrsGroup!.children[0]).toEqual({\n key: \"ResourceAttributes['service.name']\",\n value: ['web', 'api'],\n propertyPath: 'service.name',\n });\n expect(resourceAttrsGroup!.children[1]).toEqual({\n key: \"ResourceAttributes['service.version']\",\n value: ['1.0', '2.0'],\n propertyPath: 'service.version',\n });\n\n // Check SpanAttributes group\n const spanAttrsGroup = result.grouped.find(g => g.key === 'SpanAttributes');\n expect(spanAttrsGroup).toBeDefined();\n expect(spanAttrsGroup!.children).toHaveLength(1);\n expect(spanAttrsGroup!.children[0]).toEqual({\n key: \"SpanAttributes['http.method']\",\n value: ['GET', 'POST'],\n propertyPath: 'http.method',\n });\n });\n\n it('should return empty groups when no map-like facets exist', () => {\n const facets = [\n { key: 'level', value: ['info', 'error'] },\n { key: 'service', value: ['web', 'api'] },\n ];\n\n const result = groupFacetsByBaseName(facets);\n\n expect(result.grouped).toHaveLength(0);\n expect(result.nonGrouped).toEqual(facets);\n });\n\n it('should handle empty facet list', () => {\n const result = groupFacetsByBaseName([]);\n\n expect(result.grouped).toHaveLength(0);\n expect(result.nonGrouped).toHaveLength(0);\n });\n});\n\ndescribe('FilterGroup', () => {\n const defaultProps: FilterGroupProps = {\n name: 'Test Filter',\n options: [\n { value: 'zebra', label: 'zebra' },\n { value: 'apple', label: 'apple' },\n { value: 'banana', label: 'banana' },\n ],\n selectedValues: { included: new Set(), excluded: new Set() },\n onChange: jest.fn(),\n onClearClick: jest.fn(),\n onOnlyClick: jest.fn(),\n onExcludeClick: jest.fn(),\n onPinClick: jest.fn(),\n isPinned: jest.fn(),\n onLoadMore: jest.fn(),\n loadMoreLoading: false,\n hasLoadedMore: false,\n isDefaultExpanded: true,\n chartConfig: {\n from: {\n databaseName: 'test_db',\n tableName: 'test_table',\n },\n select: '',\n where: '',\n whereLanguage: 'sql',\n timestampValueExpression: '',\n connection: 'test_connection',\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')],\n },\n };\n\n it('should sort options alphabetically by default', () => {\n renderWithMantine();\n\n const options = screen.getAllByTestId(/filter-checkbox-input/);\n expect(options).toHaveLength(3);\n const labels = screen.getAllByText(/apple|banana|zebra/);\n expect(labels[0]).toHaveTextContent('apple');\n expect(labels[1]).toHaveTextContent('banana');\n expect(labels[2]).toHaveTextContent('zebra');\n });\n\n it('should show selected items first, then sort alphabetically', () => {\n renderWithMantine(\n ,\n );\n\n const options = screen.getAllByTestId(/filter-checkbox-input/);\n expect(options).toHaveLength(3);\n const labels = screen.getAllByText(/apple|banana|zebra/);\n expect(labels[0]).toHaveTextContent('apple');\n expect(labels[1]).toHaveTextContent('zebra');\n expect(labels[2]).toHaveTextContent('banana');\n });\n\n it('should show selected items first, then sort by counts, if percentages when they are enabled', () => {\n jest.mocked(useGetValuesDistribution).mockReturnValue({\n data: new Map([\n ['apple', 30],\n ['banana', 20],\n ['zebra', 50],\n ]),\n isFetching: false,\n error: null,\n } as UseQueryResult>);\n\n renderWithMantine(\n ,\n );\n\n const options = screen.getAllByTestId(/filter-checkbox-input/);\n expect(options).toHaveLength(3);\n const labels = screen.getAllByText(/apple|banana|zebra/);\n expect(labels[0]).toHaveTextContent('banana'); // Selected\n expect(labels[1]).toHaveTextContent('zebra'); // 50%\n expect(labels[2]).toHaveTextContent('apple'); // 30%\n });\n\n it('should show percentages, if enabled', async () => {\n jest.mocked(useGetValuesDistribution).mockReturnValue({\n data: new Map([\n ['apple', 99.2],\n ['zebra', 0.6],\n ]),\n isFetching: false,\n error: null,\n } as UseQueryResult>);\n\n renderWithMantine(\n ,\n );\n\n const showPercentages = screen.getByTestId(\n 'toggle-distribution-button-Test Filter',\n );\n await userEvent.click(showPercentages);\n\n const options = screen.getAllByTestId(/filter-checkbox-input/);\n expect(options).toHaveLength(3);\n const labels = screen.getAllByText(/%/);\n expect(labels[0]).toHaveTextContent('~99%'); // apple\n expect(labels[1]).toHaveTextContent('<1%'); // zebra\n expect(labels[2]).toHaveTextContent('<1%'); // banana\n });\n\n it('should handle excluded items', () => {\n renderWithMantine(\n ,\n );\n\n const options = screen.getAllByTestId(/filter-checkbox-input/);\n expect(options).toHaveLength(3);\n const labels = screen.getAllByText(/apple|banana|zebra/);\n expect(labels[0]).toHaveTextContent('apple'); // included first\n expect(labels[1]).toHaveTextContent('zebra'); // excluded second\n expect(labels[2]).toHaveTextContent('banana'); // unselected last\n\n // Check that zebra is marked as excluded\n const excludedCheckbox = options[1];\n expect(excludedCheckbox).toHaveAttribute('data-indeterminate', 'true');\n expect(labels[1]).toHaveStyle({ color: 'var(--color-text-danger)' });\n });\n\n it('should handle more than MAX_FILTER_GROUP_ITEMS', async () => {\n const manyOptions = Array.from({ length: 15 }, (_, i) => ({\n value: `item${i}`,\n label: `item${i}`,\n }));\n\n renderWithMantine(\n ,\n );\n\n // Should show MAX_FILTER_GROUP_ITEMS (10) by default\n let options = screen.getAllByTestId(/filter-checkbox-input/);\n expect(options).toHaveLength(10);\n\n // Selected items should be visible even if they would be beyond MAX_FILTER_GROUP_ITEMS\n const labels = screen.getAllByText(/item13|item14/);\n expect(labels[0]).toHaveTextContent('item14'); // included first\n expect(labels[1]).toHaveTextContent('item13'); // excluded second\n\n // Click \"Show more\"\n const showMoreButton = screen.getByText(/Show more/);\n await userEvent.click(showMoreButton);\n\n // Should show all items\n options = screen.getAllByTestId(/filter-checkbox-input/);\n expect(options).toHaveLength(15);\n });\n\n it('should clear excluded values when clicking Only', async () => {\n const onOnlyClick = jest.fn();\n renderWithMantine(\n ,\n );\n\n // Find and click the \"Only\" button for banana\n const bananaRow = screen\n .getByText('banana')\n .closest('.filterCheckbox') as HTMLElement;\n const onlyButton = within(bananaRow).getByText('Only');\n await userEvent.click(onlyButton);\n\n // Verify onOnlyClick was called\n expect(onOnlyClick).toHaveBeenCalledWith('banana');\n });\n\n it('should filter options when searching', async () => {\n renderWithMantine(\n ,\n );\n\n // Type in search box (shown when expanded and >5 options)\n const searchInput = screen.getByPlaceholderText('Search values...');\n await userEvent.type(searchInput, 'apple');\n\n const labels = screen.getAllByText(/apple123|apple456/);\n expect(labels).toHaveLength(2);\n expect(labels[0]).toHaveTextContent('apple123');\n expect(labels[1]).toHaveTextContent('apple456');\n\n // Verify banana is not shown\n expect(screen.queryByText('banana')).not.toBeInTheDocument();\n });\n\n it('Should allow opening the filter group', async () => {\n renderWithMantine(\n ,\n );\n\n // Verify the filter group is closed\n expect(\n (await screen.findByTestId('filter-group-panel')).getAttribute(\n 'aria-hidden',\n ),\n ).toBe('true');\n\n // Find and click the filter group header\n const header = await screen.findByTestId('filter-group-control');\n await userEvent.click(header);\n\n // Verify the filter group is open\n expect(\n (await screen.findByTestId('filter-group-panel')).getAttribute(\n 'aria-hidden',\n ),\n ).toBe('false');\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/DBTableChart.test.tsx", "content": "import React from 'react';\n\nimport { useMVOptimizationExplanation } from '@/hooks/useMVOptimizationExplanation';\nimport useOffsetPaginatedQuery from '@/hooks/useOffsetPaginatedQuery';\nimport { useSource } from '@/source';\n\nimport DateRangeIndicator from '../charts/DateRangeIndicator';\nimport DBTableChart from '../DBTableChart';\nimport MVOptimizationIndicator from '../MaterializedViews/MVOptimizationIndicator';\n\n// Mock dependencies\njest.mock('@/hooks/useOffsetPaginatedQuery', () => ({\n __esModule: true,\n default: jest.fn(),\n}));\n\njest.mock('@/hooks/useMVOptimizationExplanation', () => ({\n useMVOptimizationExplanation: jest.fn().mockReturnValue({\n data: undefined,\n isLoading: false,\n isPlaceholderData: false,\n }),\n}));\n\njest.mock('@/source', () => ({\n useSource: jest.fn().mockReturnValue({ data: null }),\n}));\n\njest.mock('../MaterializedViews/MVOptimizationIndicator', () =>\n jest.fn(() => null),\n);\n\njest.mock('../charts/DateRangeIndicator', () => jest.fn(() => null));\n\ndescribe('DBTableChart', () => {\n const baseTestConfig = {\n dateRange: [new Date(), new Date()] as [Date, Date],\n from: { databaseName: 'test', tableName: 'test' },\n timestampValueExpression: 'timestamp',\n connection: 'test-connection',\n select: '',\n where: '',\n };\n\n beforeEach(() => {\n jest.clearAllMocks();\n\n jest.mocked(useOffsetPaginatedQuery).mockReturnValue({\n data: {\n data: [{ column1: 'value1', column2: 'value2' }],\n meta: [\n { name: 'column1', type: 'String' },\n { name: 'column2', type: 'String' },\n ],\n chSql: { sql: '', params: {} },\n window: {\n startTime: new Date(),\n endTime: new Date(),\n windowIndex: 0,\n direction: 'DESC' as const,\n },\n },\n fetchNextPage: jest.fn(),\n hasNextPage: false,\n isLoading: false,\n isFetching: false,\n isError: false,\n error: null,\n } as any);\n });\n\n it('passes the same config to useMVOptimizationExplanation, useOffsetPaginatedQuery, and MVOptimizationIndicator', () => {\n // Mock useSource to return a source so MVOptimizationIndicator is rendered\n jest.mocked(useSource).mockReturnValue({\n data: { id: 'test-source', name: 'Test Source' },\n } as any);\n\n renderWithMantine();\n\n // Get the config that was passed to useMVOptimizationExplanation\n expect(jest.mocked(useMVOptimizationExplanation)).toHaveBeenCalled();\n const mvOptExplanationConfig = jest.mocked(useMVOptimizationExplanation)\n .mock.calls[0][0];\n\n // Get the config that was passed to useOffsetPaginatedQuery\n expect(jest.mocked(useOffsetPaginatedQuery)).toHaveBeenCalled();\n const paginatedQueryConfig = jest.mocked(useOffsetPaginatedQuery).mock\n .calls[0][0];\n\n // Get the config that was passed to MVOptimizationIndicator\n expect(jest.mocked(MVOptimizationIndicator)).toHaveBeenCalled();\n const indicatorConfig = jest.mocked(MVOptimizationIndicator).mock\n .calls[0][0].config;\n\n // All three should receive the same config object reference\n expect(mvOptExplanationConfig).toBe(paginatedQueryConfig);\n expect(paginatedQueryConfig).toBe(indicatorConfig);\n expect(mvOptExplanationConfig).toBe(indicatorConfig);\n });\n\n it('renders DateRangeIndicator when MV optimization returns a different date range', () => {\n const originalStartDate = new Date('2024-01-01T00:00:30Z');\n const originalEndDate = new Date('2024-01-01T01:30:45Z');\n const alignedStartDate = new Date('2024-01-01T00:00:00Z');\n const alignedEndDate = new Date('2024-01-01T02:00:00Z');\n\n const config = {\n ...baseTestConfig,\n dateRange: [originalStartDate, originalEndDate] as [Date, Date],\n };\n\n // Mock useMVOptimizationExplanation to return an optimized config with aligned date range\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: {\n optimizedConfig: {\n ...config,\n dateRange: [alignedStartDate, alignedEndDate] as [Date, Date],\n },\n explanations: [\n {\n success: true,\n mvConfig: {\n minGranularity: '1 minute',\n tableName: 'metrics_rollup_1m',\n },\n },\n ],\n },\n isLoading: false,\n isPlaceholderData: false,\n } as any);\n\n renderWithMantine();\n\n // Verify DateRangeIndicator was called\n expect(jest.mocked(DateRangeIndicator)).toHaveBeenCalled();\n\n // Verify it was called with the correct props\n const dateRangeIndicatorCall =\n jest.mocked(DateRangeIndicator).mock.calls[0][0];\n expect(dateRangeIndicatorCall.originalDateRange).toEqual([\n originalStartDate,\n originalEndDate,\n ]);\n expect(dateRangeIndicatorCall.effectiveDateRange).toEqual([\n alignedStartDate,\n alignedEndDate,\n ]);\n expect(dateRangeIndicatorCall.mvGranularity).toBe('1 minute');\n });\n\n it('does not render DateRangeIndicator when MV optimization has no optimized date range', () => {\n // Mock useMVOptimizationExplanation to return data without an optimized config\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: {\n optimizedConfig: undefined,\n explanations: [],\n },\n isLoading: false,\n isPlaceholderData: false,\n } as any);\n\n renderWithMantine();\n\n // Verify DateRangeIndicator was not called\n expect(jest.mocked(DateRangeIndicator)).not.toHaveBeenCalled();\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/DBTimeChart.test.tsx", "content": "import React from 'react';\n\nimport api from '@/api';\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { useMVOptimizationExplanation } from '@/hooks/useMVOptimizationExplanation';\nimport { useSource } from '@/source';\n\nimport DateRangeIndicator from '../charts/DateRangeIndicator';\nimport { DBTimeChart } from '../DBTimeChart';\nimport MVOptimizationIndicator from '../MaterializedViews/MVOptimizationIndicator';\n\n// Mock dependencies\njest.mock('@/hooks/useChartConfig', () => ({\n useQueriedChartConfig: jest.fn(),\n}));\n\njest.mock('@/hooks/useMVOptimizationExplanation', () => ({\n useMVOptimizationExplanation: jest.fn().mockReturnValue({\n data: undefined,\n isLoading: false,\n isPlaceholderData: false,\n }),\n}));\n\njest.mock('@/api', () => ({\n __esModule: true,\n default: {\n useMe: jest.fn(),\n },\n}));\n\njest.mock('@/source', () => ({\n useSource: jest.fn(),\n}));\n\njest.mock('../MaterializedViews/MVOptimizationIndicator', () =>\n jest.fn(() => null),\n);\n\njest.mock('../charts/DateRangeIndicator', () => jest.fn(() => null));\n\ndescribe('DBTimeChart', () => {\n const mockUseQueriedChartConfig = useQueriedChartConfig as jest.Mock;\n const mockUseMe = api.useMe as jest.Mock;\n const mockUseSource = useSource as jest.Mock;\n\n const baseTestConfig = {\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')] as [Date, Date],\n from: { databaseName: 'test', tableName: 'test' },\n timestampValueExpression: 'timestamp',\n connection: 'test-connection',\n select: 'value',\n where: '',\n };\n\n beforeEach(() => {\n jest.clearAllMocks();\n\n mockUseMe.mockReturnValue({\n data: { team: { parallelizeWhenPossible: false } },\n isLoading: false,\n });\n\n mockUseSource.mockReturnValue({\n data: undefined,\n isLoading: false,\n });\n\n mockUseQueriedChartConfig.mockReturnValue({\n data: {\n data: [{ timestamp: 1704067200, value: 100 }],\n meta: [],\n rows: 1,\n isComplete: true,\n },\n isLoading: false,\n isError: false,\n isSuccess: true,\n isPlaceholderData: false,\n });\n });\n\n it('passes enabled: false to useQueriedChartConfig for previous period when compareToPreviousPeriod is undefined', () => {\n const config = {\n ...baseTestConfig,\n compareToPreviousPeriod: undefined,\n };\n\n renderWithMantine();\n\n // Get the second call (previous period query)\n const [, secondCallOptions] = mockUseQueriedChartConfig.mock.calls[1];\n\n // Verify that enabled is false for the previous period query\n expect(secondCallOptions.enabled).toBe(false);\n });\n\n it('passes enabled: true to useQueriedChartConfig for previous period when compareToPreviousPeriod is true', () => {\n const config = {\n ...baseTestConfig,\n compareToPreviousPeriod: true,\n };\n\n renderWithMantine();\n\n // Get the second call (previous period query)\n const [, secondCallOptions] = mockUseQueriedChartConfig.mock.calls[1];\n\n // Verify that enabled is true for the previous period query\n expect(secondCallOptions.enabled).toBe(true);\n });\n\n it('passes enabled: false to useQueriedChartConfig for previous period when compareToPreviousPeriod is false', () => {\n const config = {\n ...baseTestConfig,\n compareToPreviousPeriod: false,\n };\n\n renderWithMantine();\n\n // Get the second call (previous period query)\n const [, secondCallOptions] = mockUseQueriedChartConfig.mock.calls[1];\n\n // Verify that enabled is false for the previous period query\n expect(secondCallOptions.enabled).toBe(false);\n });\n\n it('respects the enabled prop when determining if previous period query should run', () => {\n const config = {\n ...baseTestConfig,\n compareToPreviousPeriod: true,\n };\n\n // Render with enabled=false\n renderWithMantine();\n\n // Get the second call (previous period query)\n const [, secondCallOptions] = mockUseQueriedChartConfig.mock.calls[1];\n\n // Verify that enabled is false even when compareToPreviousPeriod is true\n // because the enabled prop is false\n expect(secondCallOptions.enabled).toBe(false);\n });\n\n it('passes the same config to useMVOptimizationExplanation, useQueriedChartConfig, and MVOptimizationIndicator', () => {\n // Mock useSource to return a source so MVOptimizationIndicator is rendered\n jest.mocked(useSource).mockReturnValue({\n data: { id: 'test-source', name: 'Test Source' },\n } as any);\n\n renderWithMantine();\n\n // Get the config that was passed to useMVOptimizationExplanation\n expect(jest.mocked(useMVOptimizationExplanation)).toHaveBeenCalled();\n const mvOptExplanationConfig = jest.mocked(useMVOptimizationExplanation)\n .mock.calls[0][0];\n\n // Get the config that was passed to useQueriedChartConfig (first call is the main query)\n expect(jest.mocked(useQueriedChartConfig)).toHaveBeenCalled();\n const queriedChartConfig = jest.mocked(useQueriedChartConfig).mock\n .calls[0][0];\n\n // Get the config that was passed to MVOptimizationIndicator\n expect(jest.mocked(MVOptimizationIndicator)).toHaveBeenCalled();\n const indicatorConfig = jest.mocked(MVOptimizationIndicator).mock\n .calls[0][0].config;\n\n // All three should receive the same config object reference\n expect(mvOptExplanationConfig).toBe(queriedChartConfig);\n expect(queriedChartConfig).toBe(indicatorConfig);\n expect(mvOptExplanationConfig).toBe(indicatorConfig);\n });\n\n it('renders DateRangeIndicator when MV optimization returns a different date range', () => {\n const originalStartDate = new Date('2024-01-01T00:00:30Z');\n const originalEndDate = new Date('2024-01-01T01:30:45Z');\n const alignedStartDate = new Date('2024-01-01T00:00:00Z');\n const alignedEndDate = new Date('2024-01-01T02:00:00Z');\n\n const config = {\n ...baseTestConfig,\n alignDateRangeToGranularity: false,\n dateRange: [originalStartDate, originalEndDate] as [Date, Date],\n };\n\n // Mock useMVOptimizationExplanation to return an optimized config with aligned date range\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: {\n optimizedConfig: {\n ...config,\n dateRange: [alignedStartDate, alignedEndDate] as [Date, Date],\n },\n explanations: [\n {\n success: true,\n mvConfig: {\n minGranularity: '1 minute',\n tableName: 'metrics_rollup_1m',\n },\n },\n ],\n },\n isLoading: false,\n isPlaceholderData: false,\n } as any);\n\n renderWithMantine();\n\n // Verify DateRangeIndicator was called\n expect(jest.mocked(DateRangeIndicator)).toHaveBeenCalled();\n\n // Verify it was called with the correct props\n const dateRangeIndicatorCall =\n jest.mocked(DateRangeIndicator).mock.calls[0][0];\n expect(dateRangeIndicatorCall.originalDateRange).toEqual([\n originalStartDate,\n originalEndDate,\n ]);\n expect(dateRangeIndicatorCall.effectiveDateRange).toEqual([\n alignedStartDate,\n alignedEndDate,\n ]);\n expect(dateRangeIndicatorCall.mvGranularity).toBe('1 minute');\n });\n\n it('renders DateRangeIndicator when alignDateRangeToGranularity is true and results in a different date range', () => {\n const originalStartDate = new Date('2024-01-01T00:00:30Z');\n const originalEndDate = new Date('2024-01-01T01:30:45Z');\n const alignedStartDate = new Date('2024-01-01T00:00:00Z');\n const alignedEndDate = new Date('2024-01-01T01:35:00Z');\n\n const config = {\n ...baseTestConfig,\n alignDateRangeToGranularity: true,\n granularity: '5 minute',\n dateRange: [originalStartDate, originalEndDate] as [Date, Date],\n };\n\n // Mock useMVOptimizationExplanation to return no optimized config\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: {\n optimizedConfig: undefined,\n explanations: [],\n },\n isLoading: false,\n isPlaceholderData: false,\n } as any);\n\n renderWithMantine();\n\n // Verify DateRangeIndicator was called\n expect(jest.mocked(DateRangeIndicator)).toHaveBeenCalled();\n\n // Verify it was called with the correct props\n const dateRangeIndicatorCall =\n jest.mocked(DateRangeIndicator).mock.calls[0][0];\n expect(dateRangeIndicatorCall.originalDateRange).toEqual([\n originalStartDate,\n originalEndDate,\n ]);\n expect(dateRangeIndicatorCall.effectiveDateRange).toEqual([\n alignedStartDate,\n alignedEndDate,\n ]);\n expect(dateRangeIndicatorCall.mvGranularity).toBeUndefined();\n });\n\n describe('raw SQL line chart', () => {\n const rawSqlConfig = {\n configType: 'sql' as const,\n sqlTemplate:\n 'SELECT toStartOfInterval(ts, INTERVAL {intervalSeconds:Int64} SECOND) AS ts, count() AS count FROM logs GROUP BY ts ORDER BY ts ASC',\n connection: 'test-connection',\n displayType: 'line' as any,\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')] as [\n Date,\n Date,\n ],\n };\n\n it('passes the raw SQL config directly to useQueriedChartConfig without converting it', () => {\n renderWithMantine();\n\n const firstCallConfig = mockUseQueriedChartConfig.mock.calls[0][0];\n // The config should be passed as-is, not wrapped by convertToTimeChartConfig\n // (which would add `limit`, `dateRangeEndInclusive`, etc.)\n expect(firstCallConfig.configType).toBe('sql');\n expect(firstCallConfig.sqlTemplate).toBe(rawSqlConfig.sqlTemplate);\n expect(firstCallConfig).not.toHaveProperty('limit');\n });\n\n it('does not pass the raw SQL config to useMVOptimizationExplanation', () => {\n renderWithMantine();\n\n // useMVOptimizationExplanation should be called with undefined for raw SQL configs\n expect(\n jest.mocked(useMVOptimizationExplanation).mock.calls[0][0],\n ).toBeUndefined();\n });\n\n it('renders without crashing when query returns timestamp and value columns', () => {\n mockUseQueriedChartConfig.mockReturnValue({\n data: {\n data: [\n { ts: 1704067200, count: 42 },\n { ts: 1704067260, count: 17 },\n ],\n meta: [\n { name: 'ts', type: 'DateTime' },\n { name: 'count', type: 'UInt64' },\n ],\n rows: 2,\n isComplete: true,\n },\n isLoading: false,\n isError: false,\n isSuccess: true,\n isPlaceholderData: false,\n });\n\n // Should render without throwing\n expect(() =>\n renderWithMantine(),\n ).not.toThrow();\n });\n\n it('renders without crashing when query returns no data', () => {\n mockUseQueriedChartConfig.mockReturnValue({\n data: {\n data: [],\n meta: [],\n rows: 0,\n isComplete: true,\n },\n isLoading: false,\n isError: false,\n isSuccess: true,\n isPlaceholderData: false,\n });\n\n expect(() =>\n renderWithMantine(),\n ).not.toThrow();\n });\n\n it('renders without crashing when query returns multiple value columns', () => {\n mockUseQueriedChartConfig.mockReturnValue({\n data: {\n data: [\n { ts: 1704067200, errors: 5, warnings: 12 },\n { ts: 1704067260, errors: 3, warnings: 8 },\n ],\n meta: [\n { name: 'ts', type: 'DateTime' },\n { name: 'errors', type: 'UInt64' },\n { name: 'warnings', type: 'UInt64' },\n ],\n rows: 2,\n isComplete: true,\n },\n isLoading: false,\n isError: false,\n isSuccess: true,\n isPlaceholderData: false,\n });\n\n expect(() =>\n renderWithMantine(),\n ).not.toThrow();\n });\n });\n\n it('does not render DateRangeIndicator when MV optimization has no optimized date range and showDateRangeIndicator is false', () => {\n // Mock useMVOptimizationExplanation to return data without an optimized config\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: {\n optimizedConfig: undefined,\n explanations: [],\n },\n isLoading: false,\n isPlaceholderData: false,\n } as any);\n\n renderWithMantine(\n ,\n );\n\n // Verify DateRangeIndicator was not called\n expect(jest.mocked(DateRangeIndicator)).not.toHaveBeenCalled();\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/DBTraceWaterfallChart.test.tsx", "content": "import React from 'react';\nimport {\n SourceKind,\n TLogSource,\n TTraceSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { screen, waitFor } from '@testing-library/react';\nimport { renderHook } from '@testing-library/react';\n\nimport { TimelineChart } from '@/components/TimelineChart';\nimport useOffsetPaginatedQuery from '@/hooks/useOffsetPaginatedQuery';\nimport useRowWhere from '@/hooks/useRowWhere';\n\nimport { RowSidePanelContext } from '../DBRowSidePanel';\nimport {\n DBTraceWaterfallChartContainer,\n SpanRow,\n useEventsAroundFocus,\n} from '../DBTraceWaterfallChart';\n\n// Mock setup\njest.mock('@/components/TimelineChart', () => {\n const mockComponent = function MockTimelineChart(props: any) {\n mockComponent.latestProps = props;\n return
TimelineChart
;\n };\n mockComponent.latestProps = {};\n return { TimelineChart: mockComponent };\n});\n\njest.mock('@/hooks/useOffsetPaginatedQuery');\njest.mock('@/hooks/useRowWhere');\njest.mock('../DBRowDataPanel', () => ({\n getJSONColumnNames: jest.fn().mockReturnValue([]),\n}));\n\njest.mock('@/hooks/useWaterfallSearchState', () => ({\n __esModule: true,\n default: () => ({\n traceWhere: '',\n logWhere: '',\n clear: jest.fn(),\n isFilterActive: false,\n isFilterExpanded: false,\n setIsFilterExpanded: jest.fn(),\n onSubmit: jest.fn(),\n }),\n}));\n\nconst mockUseOffsetPaginatedQuery = useOffsetPaginatedQuery as jest.Mock;\nconst mockUseRowWhere = useRowWhere as jest.Mock;\nconst MockTimelineChart = TimelineChart as any;\n\ndescribe('DBTraceWaterfallChartContainer', () => {\n // Common test data\n const mockTraceTableSource: TTraceSource = {\n id: 'trace-source-id',\n kind: SourceKind.Trace,\n name: 'trace-source',\n from: { databaseName: 'test_db', tableName: 'trace_table' },\n timestampValueExpression: 'Timestamp',\n defaultTableSelectExpression: 'Timestamp',\n durationExpression: 'Duration',\n durationPrecision: 9,\n traceIdExpression: 'TraceId',\n spanIdExpression: 'SpanId',\n parentSpanIdExpression: 'ParentSpanId',\n statusCodeExpression: 'StatusCode',\n serviceNameExpression: 'ServiceName',\n spanNameExpression: 'SpanName',\n spanKindExpression: 'SpanKind',\n eventAttributesExpression: 'SpanAttributes',\n implicitColumnExpression: 'Body',\n connection: 'conn1',\n };\n\n const mockLogTableSource: TLogSource = {\n id: 'log-source-id',\n kind: SourceKind.Log,\n name: 'log-source',\n from: { databaseName: 'test_db', tableName: 'log_table' },\n timestampValueExpression: 'Timestamp',\n defaultTableSelectExpression: 'Timestamp',\n implicitColumnExpression: 'Body',\n connection: 'conn2',\n };\n\n const mockDateRange = [\n new Date('2024-01-01T00:00:00.000Z'),\n new Date('2024-01-01T01:00:00.000Z'),\n ] as [Date, Date];\n const mockFocusDate = new Date('2024-01-01T00:30:00.000Z');\n const mockTraceId = 'test-trace-id';\n\n // Sample data\n const mockTraceData = {\n data: [\n {\n Body: 'test span',\n Timestamp: '2024-01-01T06:00:00.000000000Z',\n Duration: 0.1,\n SpanId: 'span-1',\n ParentSpanId: '',\n ServiceName: 'test-service',\n HyperDXEventType: 'span' as const,\n type: 'trace',\n } as SpanRow,\n ],\n meta: [{ totalCount: 1 }],\n };\n\n const mockLogData = {\n data: [\n {\n Body: 'test log',\n Timestamp: '2024-01-01T06:00:00.000000000Z',\n SpanId: 'span-1', // same span id to test correlation\n SeverityText: 'warn',\n HyperDXEventType: 'log',\n type: 'log',\n },\n ],\n meta: [{ totalCount: 1 }],\n };\n\n const emptyData = { data: [], meta: [] };\n\n // Reset mocks before each test\n beforeEach(() => {\n jest.clearAllMocks();\n mockUseRowWhere.mockReturnValue(() => ({ where: 'row-id', aliasWith: [] }));\n MockTimelineChart.latestProps = {};\n });\n\n // Helper functions\n const renderComponent = (\n logTableSource: typeof mockLogTableSource | null = mockLogTableSource,\n ) => {\n return renderWithMantine(\n \n \n ,\n );\n };\n\n const waitForLoading = async () => {\n await waitFor(() => {\n expect(screen.getByTestId('timeline-chart')).toBeInTheDocument();\n });\n };\n\n const setupQueryMocks = (options: {\n traceData?: typeof mockTraceData | typeof emptyData;\n logData?: typeof mockLogData | typeof emptyData;\n isFetching?: boolean;\n }) => {\n const {\n traceData = emptyData,\n logData = emptyData,\n isFetching = false,\n } = options;\n\n mockUseOffsetPaginatedQuery.mockReset();\n\n // Use mockImplementation to handle all calls consistently\n let callCount = 0;\n mockUseOffsetPaginatedQuery.mockImplementation(() => {\n const responses = [\n { data: traceData, isFetching, error: undefined }, // trace before\n { data: emptyData, isFetching, error: undefined }, // trace after\n { data: logData, isFetching, error: undefined }, // log before\n { data: emptyData, isFetching, error: undefined }, // log after\n ];\n const response = responses[callCount % responses.length];\n callCount++;\n return response;\n });\n };\n\n // Test cases\n it('renders loading state when data is being fetched', () => {\n mockUseOffsetPaginatedQuery.mockReturnValue({\n data: undefined,\n isFetching: true,\n });\n renderComponent();\n expect(screen.getByText('Loading Traces...')).toBeInTheDocument();\n });\n\n it('renders TimelineChart with trace data only', async () => {\n setupQueryMocks({ traceData: mockTraceData });\n renderComponent(null); // No log table source\n await waitForLoading();\n\n // Verify the chart received the correct data\n expect(MockTimelineChart.latestProps.rows.length).toBe(1);\n expect(MockTimelineChart.latestProps.rows[0]).toBeTruthy();\n });\n\n it('renders TimelineChart with both trace and log data', async () => {\n setupQueryMocks({\n traceData: mockTraceData,\n logData: mockLogData,\n });\n\n renderComponent(); // With log table source\n await waitForLoading();\n\n // Verify both trace and log data are present\n expect(MockTimelineChart.latestProps.rows.length).toBe(2);\n expect(MockTimelineChart.latestProps.rows[0]).toBeTruthy(); // Trace row\n expect(MockTimelineChart.latestProps.rows[1]).toBeTruthy(); // Log row\n });\n\n it('renders empty state when no data is available', async () => {\n mockUseOffsetPaginatedQuery.mockReturnValue({\n data: emptyData,\n isFetching: false,\n });\n\n renderComponent();\n\n await waitFor(() => {\n expect(\n screen.getByText('No matching spans or logs found'),\n ).toBeInTheDocument();\n });\n });\n\n it('renders HTTP spans with URL information', async () => {\n // HTTP span with URL and method information\n const mockHttpSpanData = {\n data: [\n {\n Body: 'http span',\n Timestamp: '2024-01-01T06:00:00.000000000Z',\n Duration: 0.15,\n SpanId: 'span-http',\n ParentSpanId: '',\n ServiceName: 'api-service',\n HyperDXEventType: 'span' as const,\n type: 'trace',\n SpanAttributes: {\n 'http.url': 'https://api.example.com/users',\n 'http.method': 'GET',\n 'http.status_code': 200,\n },\n } as SpanRow,\n ],\n meta: [{ totalCount: 1 }],\n };\n\n setupQueryMocks({ traceData: mockHttpSpanData });\n renderComponent(null);\n await waitForLoading();\n\n // Verify the chart received the HTTP span with URL\n expect(MockTimelineChart.latestProps.rows.length).toBe(1);\n\n const row = MockTimelineChart.latestProps.rows[0];\n expect(row).toBeTruthy();\n\n // Check the display text includes the URL\n expect(row.events[0].body.props.children).toBe(\n 'http span https://api.example.com/users',\n );\n });\n});\n\ndescribe('useEventsAroundFocus', () => {\n // Test data\n const mockTableSource: TTraceSource = {\n id: 'test-table-source-id',\n kind: SourceKind.Trace,\n name: 'trace-source',\n from: { databaseName: 'test_db', tableName: 'trace_table' },\n timestampValueExpression: 'Timestamp',\n defaultTableSelectExpression: 'Timestamp',\n durationExpression: 'Duration',\n durationPrecision: 9,\n traceIdExpression: 'TraceId',\n spanIdExpression: 'SpanId',\n parentSpanIdExpression: 'ParentSpanId',\n statusCodeExpression: 'StatusCode',\n serviceNameExpression: 'ServiceName',\n spanNameExpression: 'SpanName',\n spanKindExpression: 'SpanKind',\n eventAttributesExpression: 'SpanAttributes',\n implicitColumnExpression: 'Body',\n connection: 'conn1',\n };\n\n const mockDateRange = [\n new Date('2024-01-01T00:00:00.000Z'),\n new Date('2024-01-01T01:00:00.000Z'),\n ] as [Date, Date];\n const mockFocusDate = new Date('2024-01-01T00:30:00.000Z');\n const mockTraceId = 'test-trace-id';\n\n beforeEach(() => {\n jest.clearAllMocks();\n mockUseRowWhere.mockReturnValue(() => ({ where: 'row-id', aliasWith: [] }));\n });\n\n const testEventsAroundFocus = (options: {\n beforeData?: any;\n afterData?: any;\n enabled?: boolean;\n }) => {\n const {\n beforeData = { data: [], meta: [] },\n afterData = { data: [], meta: [] },\n enabled = true,\n } = options;\n\n mockUseOffsetPaginatedQuery.mockReset();\n\n if (enabled) {\n mockUseOffsetPaginatedQuery\n .mockReturnValueOnce({ data: beforeData, isFetching: false })\n .mockReturnValueOnce({ data: afterData, isFetching: false });\n } else {\n mockUseOffsetPaginatedQuery.mockReturnValue({\n data: { data: [], meta: [] },\n isFetching: false,\n });\n }\n\n const { result } = renderHook(() =>\n useEventsAroundFocus({\n tableSource: mockTableSource,\n focusDate: mockFocusDate,\n dateRange: mockDateRange,\n traceId: mockTraceId,\n enabled,\n }),\n );\n\n return result.current;\n };\n\n it('fetches events before and after focus date', () => {\n const mockBeforeData = {\n data: [{ Body: 'before focus' }],\n meta: [{ totalCount: 1 }],\n };\n const mockAfterData = {\n data: [{ Body: 'after focus' }],\n meta: [{ totalCount: 1 }],\n };\n\n const result = testEventsAroundFocus({\n beforeData: mockBeforeData,\n afterData: mockAfterData,\n });\n\n // Verify queries were called with correct date ranges\n expect(mockUseOffsetPaginatedQuery.mock.calls[0][0].dateRange).toEqual([\n mockDateRange[0],\n mockFocusDate,\n ]);\n expect(mockUseOffsetPaginatedQuery.mock.calls[1][0].dateRange).toEqual([\n mockFocusDate,\n mockDateRange[1],\n ]);\n\n // Verify results were combined correctly\n expect(result.rows.length).toBe(2);\n expect((result.rows[0] as any).Body).toBe('before focus');\n expect((result.rows[1] as any).Body).toBe('after focus');\n });\n\n it('handles empty data correctly', () => {\n const result = testEventsAroundFocus({});\n expect(result.rows.length).toBe(0);\n });\n\n it('does not fetch when disabled', () => {\n const result = testEventsAroundFocus({ enabled: false });\n expect(result.rows.length).toBe(0);\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/DynamicFavicon.test.tsx", "content": "/**\n * Unit tests for DynamicFavicon component\n *\n * Tests cover:\n * - sanitizeThemeColor XSS prevention\n * - Hydration safety (uses default theme favicon initially)\n * - Correct favicon paths based on theme\n */\n\nimport React from 'react';\nimport { render } from '@testing-library/react';\n\nimport {\n DEFAULT_THEME_COLOR,\n HEX_COLOR_PATTERN,\n sanitizeThemeColor,\n} from '../DynamicFavicon';\n\n// Note: Testing the full DynamicFavicon component requires mocking\n// the Next.js Head component and ThemeProvider, which is complex.\n// These tests focus on the sanitization logic which is the security-critical part.\n\ndescribe('DynamicFavicon', () => {\n describe('HEX_COLOR_PATTERN', () => {\n it('should match valid 6-character hex colors', () => {\n expect(HEX_COLOR_PATTERN.test('#000000')).toBe(true);\n expect(HEX_COLOR_PATTERN.test('#FFFFFF')).toBe(true);\n expect(HEX_COLOR_PATTERN.test('#25292e')).toBe(true);\n expect(HEX_COLOR_PATTERN.test('#1a1a1a')).toBe(true);\n expect(HEX_COLOR_PATTERN.test('#AbCdEf')).toBe(true);\n });\n\n it('should not match invalid hex colors', () => {\n // Too short\n expect(HEX_COLOR_PATTERN.test('#000')).toBe(false);\n expect(HEX_COLOR_PATTERN.test('#FFF')).toBe(false);\n\n // Too long\n expect(HEX_COLOR_PATTERN.test('#0000000')).toBe(false);\n expect(HEX_COLOR_PATTERN.test('#00000000')).toBe(false);\n\n // Missing hash\n expect(HEX_COLOR_PATTERN.test('000000')).toBe(false);\n\n // Invalid characters\n expect(HEX_COLOR_PATTERN.test('#GGGGGG')).toBe(false);\n expect(HEX_COLOR_PATTERN.test('#00000G')).toBe(false);\n\n // XSS attempts\n expect(HEX_COLOR_PATTERN.test('#000000\">')).toBe(\n DEFAULT_THEME_COLOR,\n );\n\n // Event handler injection\n expect(sanitizeThemeColor('#000000\" onload=\"alert(1)\"')).toBe(\n DEFAULT_THEME_COLOR,\n );\n\n // JavaScript protocol\n expect(sanitizeThemeColor(\"javascript:alert('xss')\")).toBe(\n DEFAULT_THEME_COLOR,\n );\n\n // Data URI\n expect(\n sanitizeThemeColor('data:text/html,'),\n ).toBe(DEFAULT_THEME_COLOR);\n\n // CSS injection\n expect(sanitizeThemeColor('#000000; background: url(evil.com)')).toBe(\n DEFAULT_THEME_COLOR,\n );\n });\n\n it('should handle edge cases', () => {\n // @ts-expect-error Testing runtime behavior with null\n expect(sanitizeThemeColor(null)).toBe(DEFAULT_THEME_COLOR);\n\n // @ts-expect-error Testing runtime behavior with undefined\n expect(sanitizeThemeColor(undefined)).toBe(DEFAULT_THEME_COLOR);\n\n // @ts-expect-error Testing runtime behavior with number\n expect(sanitizeThemeColor(123)).toBe(DEFAULT_THEME_COLOR);\n\n // @ts-expect-error Testing runtime behavior with object\n expect(sanitizeThemeColor({})).toBe(DEFAULT_THEME_COLOR);\n });\n });\n\n describe('DEFAULT_THEME_COLOR', () => {\n it('should be a valid hex color', () => {\n expect(HEX_COLOR_PATTERN.test(DEFAULT_THEME_COLOR)).toBe(true);\n });\n\n it('should be the expected value', () => {\n expect(DEFAULT_THEME_COLOR).toBe('#25292e');\n });\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/InputControlled.test.tsx", "content": "import React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { fireEvent, render, screen, waitFor } from '@testing-library/react';\n\nimport { InputControlled, PasswordInputControlled } from '../InputControlled';\n\n// Test wrapper component that provides form context\nfunction TestForm({ children }: { children: React.ReactElement }) {\n const { control } = useForm({\n defaultValues: {\n testInput: '',\n testPassword: '',\n },\n });\n\n return
{React.cloneElement(children, { control } as any)}
;\n}\n\ndescribe('InputControlled', () => {\n it('renders input with correct props', () => {\n renderWithMantine(\n \n \n ,\n );\n\n const input = screen.getByPlaceholderText('Test input');\n expect(input).toBeInTheDocument();\n });\n\n it('handles input changes', async () => {\n const { container } = renderWithMantine(\n \n \n ,\n );\n\n const input = screen.getByPlaceholderText('Test input');\n fireEvent.change(input, { target: { value: 'test value' } });\n\n await waitFor(() => {\n expect(input).toHaveValue('test value');\n });\n });\n});\n\ndescribe('PasswordInputControlled', () => {\n it('renders password input with correct props', () => {\n renderWithMantine(\n \n \n ,\n );\n\n const input = screen.getByPlaceholderText('Enter password');\n expect(input).toBeInTheDocument();\n expect(input).toHaveAttribute('type', 'password');\n });\n\n it('handles password input changes', async () => {\n const { container } = renderWithMantine(\n \n \n ,\n );\n\n const input = screen.getByPlaceholderText('Enter password');\n fireEvent.change(input, { target: { value: 'testpassword123' } });\n\n await waitFor(() => {\n expect(input).toHaveValue('testpassword123');\n });\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/MetricNameSelect.test.ts", "content": "import { MetricsDataType } from '@hyperdx/common-utils/dist/types';\n\nimport { getMetricOptions } from '../MetricNameSelect';\n\nconst SEPARATOR = ':::::::';\n\ndescribe('getMetricOptions', () => {\n describe('no metrics provided', () => {\n it('returns empty array when all metric lists are undefined', () => {\n const result = getMetricOptions(\n undefined,\n undefined,\n undefined,\n null,\n MetricsDataType.Gauge,\n );\n expect(result).toEqual([]);\n });\n\n it('returns empty array when all metric lists are empty', () => {\n const result = getMetricOptions([], [], [], null, MetricsDataType.Gauge);\n expect(result).toEqual([]);\n });\n\n it('adds saved metricName when it is not in empty results', () => {\n const result = getMetricOptions(\n undefined,\n undefined,\n undefined,\n 'my.metric',\n MetricsDataType.Sum,\n );\n expect(result).toEqual([\n {\n value: `my.metric${SEPARATOR}sum`,\n label: 'my.metric (Sum)',\n },\n ]);\n });\n });\n\n describe('one metric in a single argument list', () => {\n it('returns a single gauge option', () => {\n const result = getMetricOptions(\n ['cpu.usage'],\n undefined,\n undefined,\n null,\n MetricsDataType.Gauge,\n );\n expect(result).toEqual([\n { value: `cpu.usage${SEPARATOR}gauge`, label: 'cpu.usage (Gauge)' },\n ]);\n });\n\n it('returns a single histogram option', () => {\n const result = getMetricOptions(\n undefined,\n ['request.duration'],\n undefined,\n null,\n MetricsDataType.Histogram,\n );\n expect(result).toEqual([\n {\n value: `request.duration${SEPARATOR}histogram`,\n label: 'request.duration (Histogram)',\n },\n ]);\n });\n\n it('returns a single sum option', () => {\n const result = getMetricOptions(\n undefined,\n undefined,\n ['bytes.sent'],\n null,\n MetricsDataType.Sum,\n );\n expect(result).toEqual([\n { value: `bytes.sent${SEPARATOR}sum`, label: 'bytes.sent (Sum)' },\n ]);\n });\n\n it('does not duplicate a saved metricName already present in results', () => {\n const result = getMetricOptions(\n ['cpu.usage'],\n undefined,\n undefined,\n 'cpu.usage',\n MetricsDataType.Gauge,\n );\n expect(result).toHaveLength(1);\n expect(result).toContainEqual({\n value: `cpu.usage${SEPARATOR}gauge`,\n label: 'cpu.usage (Gauge)',\n });\n });\n\n it('appends saved metricName when it is not in single-entry results', () => {\n const result = getMetricOptions(\n ['cpu.usage'],\n undefined,\n undefined,\n 'missing.metric',\n MetricsDataType.Gauge,\n );\n expect(result).toHaveLength(2);\n expect(result).toContainEqual({\n value: `missing.metric${SEPARATOR}gauge`,\n label: 'missing.metric (Gauge)',\n });\n });\n });\n\n describe('multiple metrics in each argument list', () => {\n const gaugeMetrics = ['cpu.usage', 'mem.usage', 'disk.usage'];\n const histogramMetrics = ['request.duration', 'db.query.duration'];\n const sumMetrics = ['bytes.sent', 'bytes.received', 'requests.total'];\n\n it('returns all options for all metric types', () => {\n const result = getMetricOptions(\n gaugeMetrics,\n histogramMetrics,\n sumMetrics,\n null,\n MetricsDataType.Gauge,\n );\n\n expect(result).toHaveLength(8);\n\n expect(result).toContainEqual({\n value: `cpu.usage${SEPARATOR}gauge`,\n label: 'cpu.usage (Gauge)',\n });\n expect(result).toContainEqual({\n value: `mem.usage${SEPARATOR}gauge`,\n label: 'mem.usage (Gauge)',\n });\n expect(result).toContainEqual({\n value: `disk.usage${SEPARATOR}gauge`,\n label: 'disk.usage (Gauge)',\n });\n expect(result).toContainEqual({\n value: `request.duration${SEPARATOR}histogram`,\n label: 'request.duration (Histogram)',\n });\n expect(result).toContainEqual({\n value: `db.query.duration${SEPARATOR}histogram`,\n label: 'db.query.duration (Histogram)',\n });\n expect(result).toContainEqual({\n value: `bytes.sent${SEPARATOR}sum`,\n label: 'bytes.sent (Sum)',\n });\n expect(result).toContainEqual({\n value: `bytes.received${SEPARATOR}sum`,\n label: 'bytes.received (Sum)',\n });\n expect(result).toContainEqual({\n value: `requests.total${SEPARATOR}sum`,\n label: 'requests.total (Sum)',\n });\n });\n\n it('does not duplicate a saved metricName already present among multiple options', () => {\n const result = getMetricOptions(\n gaugeMetrics,\n histogramMetrics,\n sumMetrics,\n 'mem.usage',\n MetricsDataType.Gauge,\n );\n expect(result).toHaveLength(8);\n const values = result.map(r => r.value);\n expect(\n values.filter(v => v === `mem.usage${SEPARATOR}gauge`),\n ).toHaveLength(1);\n });\n\n it('appends saved metricName when absent from multiple-option results', () => {\n const result = getMetricOptions(\n gaugeMetrics,\n histogramMetrics,\n sumMetrics,\n 'absent.metric',\n MetricsDataType.Histogram,\n );\n expect(result).toHaveLength(9);\n expect(result).toContainEqual({\n value: `absent.metric${SEPARATOR}histogram`,\n label: 'absent.metric (Histogram)',\n });\n });\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/SourceForm.test.tsx", "content": "import { SourceKind, TSource } from '@hyperdx/common-utils/dist/types';\n\nimport '@testing-library/jest-dom';\n\ndescribe('TableSourceForm Bidirectional Linking', () => {\n describe('Bidirectional Source Linking Logic', () => {\n it('should establish bidirectional link when creating a log source with trace correlation', async () => {\n const mockUpdateSourceMutateAsync = jest.fn();\n const mockOnCreate = jest.fn();\n\n // Mock sources data\n const sources = [\n {\n id: 'trace-source-1',\n name: 'Trace Source 1',\n kind: SourceKind.Trace,\n logSourceId: undefined,\n },\n ];\n\n const newLogSource: TSource = {\n id: 'new-log-source',\n name: 'New Log Source',\n kind: SourceKind.Log,\n connection: 'conn-1',\n from: {\n databaseName: 'default',\n tableName: 'new_logs',\n },\n timestampValueExpression: 'Timestamp',\n traceSourceId: 'trace-source-1', // This will trigger bidirectional linking\n } as TSource;\n\n // This is the bidirectional linking logic from the component\n const correlationFields: Record<\n string,\n Array<{ targetKind: SourceKind; targetField: string }>\n > = {\n traceSourceId: [\n { targetKind: SourceKind.Trace, targetField: 'logSourceId' },\n ],\n };\n\n // Execute the bidirectional linking logic\n for (const [fieldName, targetConfigs] of Object.entries(\n correlationFields,\n )) {\n const targetSourceId = (newLogSource as any)[fieldName];\n if (targetSourceId) {\n for (const { targetKind, targetField } of targetConfigs) {\n const targetSource = sources.find(s => s.id === targetSourceId);\n if (targetSource && targetSource.kind === targetKind) {\n // Only update if the target field is empty\n if (!(targetSource as any)[targetField]) {\n await mockUpdateSourceMutateAsync({\n source: {\n ...targetSource,\n [targetField]: newLogSource.id,\n } as TSource,\n });\n }\n }\n }\n }\n }\n\n mockOnCreate(newLogSource);\n\n // Verify that the bidirectional linking was established\n expect(mockUpdateSourceMutateAsync).toHaveBeenCalledWith(\n expect.objectContaining({\n source: expect.objectContaining({\n id: 'trace-source-1',\n logSourceId: 'new-log-source',\n }),\n }),\n );\n\n expect(mockOnCreate).toHaveBeenCalledWith(newLogSource);\n });\n\n it('should establish bidirectional link when creating a trace source with log correlation', async () => {\n const mockUpdateSourceMutateAsync = jest.fn();\n const mockOnCreate = jest.fn();\n\n // Mock sources data\n const sources = [\n {\n id: 'log-source-1',\n name: 'Log Source 1',\n kind: SourceKind.Log,\n traceSourceId: undefined,\n },\n ];\n\n const newTraceSource: TSource = {\n id: 'new-trace-source',\n name: 'New Trace Source',\n kind: SourceKind.Trace,\n connection: 'conn-1',\n from: {\n databaseName: 'default',\n tableName: 'new_traces',\n },\n timestampValueExpression: 'Timestamp',\n logSourceId: 'log-source-1', // This will trigger bidirectional linking\n } as TSource;\n\n // This is the bidirectional linking logic from the component for trace sources\n const correlationFields: Record<\n string,\n Array<{ targetKind: SourceKind; targetField: string }>\n > = {\n logSourceId: [\n { targetKind: SourceKind.Log, targetField: 'traceSourceId' },\n ],\n };\n\n // Execute the bidirectional linking logic\n for (const [fieldName, targetConfigs] of Object.entries(\n correlationFields,\n )) {\n const targetSourceId = (newTraceSource as any)[fieldName];\n if (targetSourceId) {\n for (const { targetKind, targetField } of targetConfigs) {\n const targetSource = sources.find(s => s.id === targetSourceId);\n if (targetSource && targetSource.kind === targetKind) {\n // Only update if the target field is empty\n if (!(targetSource as any)[targetField]) {\n await mockUpdateSourceMutateAsync({\n source: {\n ...targetSource,\n [targetField]: newTraceSource.id,\n } as TSource,\n });\n }\n }\n }\n }\n }\n\n mockOnCreate(newTraceSource);\n\n // Verify that the bidirectional linking was established\n expect(mockUpdateSourceMutateAsync).toHaveBeenCalledWith(\n expect.objectContaining({\n source: expect.objectContaining({\n id: 'log-source-1',\n traceSourceId: 'new-trace-source',\n }),\n }),\n );\n\n expect(mockOnCreate).toHaveBeenCalledWith(newTraceSource);\n });\n\n it('should not establish bidirectional link if target source already has a correlation', async () => {\n const mockUpdateSourceMutateAsync = jest.fn();\n const mockOnCreate = jest.fn();\n\n // Mock sources with existing correlations\n const sources = [\n {\n id: 'log-source-1',\n name: 'Log Source 1',\n kind: SourceKind.Log,\n traceSourceId: 'existing-trace-source', // Already has a correlation\n },\n ];\n\n const newTraceSource: TSource = {\n id: 'new-trace-source',\n name: 'New Trace Source',\n kind: SourceKind.Trace,\n connection: 'conn-1',\n from: {\n databaseName: 'default',\n tableName: 'new_traces',\n },\n timestampValueExpression: 'Timestamp',\n logSourceId: 'log-source-1', // This should NOT establish bidirectional link\n } as TSource;\n\n // This is the bidirectional linking logic from the component for trace sources\n const correlationFields: Record<\n string,\n Array<{ targetKind: SourceKind; targetField: string }>\n > = {\n logSourceId: [\n { targetKind: SourceKind.Log, targetField: 'traceSourceId' },\n ],\n };\n\n // Execute the bidirectional linking logic\n for (const [fieldName, targetConfigs] of Object.entries(\n correlationFields,\n )) {\n const targetSourceId = (newTraceSource as any)[fieldName];\n if (targetSourceId) {\n for (const { targetKind, targetField } of targetConfigs) {\n const targetSource = sources.find(s => s.id === targetSourceId);\n if (targetSource && targetSource.kind === targetKind) {\n // Only update if the target field is empty\n if (!(targetSource as any)[targetField]) {\n await mockUpdateSourceMutateAsync({\n source: {\n ...targetSource,\n [targetField]: newTraceSource.id,\n } as TSource,\n });\n }\n }\n }\n }\n }\n\n mockOnCreate(newTraceSource);\n\n // Verify that NO bidirectional linking was established since the log source already has a trace correlation\n expect(mockUpdateSourceMutateAsync).not.toHaveBeenCalled();\n\n expect(mockOnCreate).toHaveBeenCalledWith(newTraceSource);\n });\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/deltaChartFieldClassification.test.ts", "content": "import {\n getBaseColumnName,\n isDenylisted,\n isHighCardinality,\n isIdField,\n isTimestampArrayField,\n stripTypeWrappers,\n} from '../deltaChartUtils';\n\nconst traceColumnMeta = [\n { name: 'Timestamp', type: 'DateTime64(9)' },\n { name: 'TraceId', type: 'String' },\n { name: 'SpanId', type: 'String' },\n { name: 'ParentSpanId', type: 'String' },\n { name: 'ResourceAttributes', type: 'Map(String, String)' },\n { name: 'SpanAttributes', type: 'Map(String, String)' },\n { name: 'Events.Timestamp', type: 'Array(DateTime64(9))' },\n { name: 'Events.Name', type: 'Array(String)' },\n { name: 'Events.Attributes', type: 'Array(Map(String, String))' },\n { name: 'Links.TraceId', type: 'Array(String)' },\n { name: 'Links.SpanId', type: 'Array(String)' },\n { name: 'Links.Timestamp', type: 'Array(DateTime64(9))' },\n { name: 'Links.Attributes', type: 'Array(Map(String, String))' },\n];\n\ndescribe('getBaseColumnName', () => {\n it('returns plain key as-is', () => {\n expect(getBaseColumnName('TraceId')).toBe('TraceId');\n expect(getBaseColumnName('SpanAttributes.http.method')).toBe(\n 'SpanAttributes.http.method',\n );\n });\n\n it('strips array index from key', () => {\n expect(getBaseColumnName('Events.Name[0]')).toBe('Events.Name');\n expect(getBaseColumnName('Links.TraceId[5]')).toBe('Links.TraceId');\n });\n\n it('returns null for keys with sub-keys after array index', () => {\n expect(getBaseColumnName('Events.Attributes[0].spanId')).toBeNull();\n });\n\n it('returns null for malformed array keys', () => {\n expect(getBaseColumnName('Events[0][1]')).toBeNull();\n });\n});\n\ndescribe('stripTypeWrappers', () => {\n it('removes LowCardinality wrapper', () => {\n expect(stripTypeWrappers('LowCardinality(String)')).toBe('String');\n });\n\n it('removes Nullable wrapper', () => {\n expect(stripTypeWrappers('Nullable(String)')).toBe('String');\n });\n\n it('removes nested wrappers', () => {\n expect(stripTypeWrappers('LowCardinality(Nullable(String))')).toBe(\n 'String',\n );\n });\n\n it('returns unwrapped type as-is', () => {\n expect(stripTypeWrappers('String')).toBe('String');\n expect(stripTypeWrappers('Array(String)')).toBe('Array(String)');\n });\n});\n\ndescribe('isIdField', () => {\n it('identifies top-level String columns ending in Id', () => {\n expect(isIdField('TraceId', traceColumnMeta)).toBe(true);\n expect(isIdField('SpanId', traceColumnMeta)).toBe(true);\n expect(isIdField('ParentSpanId', traceColumnMeta)).toBe(true);\n });\n\n it('identifies Array(String) column elements ending in Id', () => {\n expect(isIdField('Links.TraceId[0]', traceColumnMeta)).toBe(true);\n expect(isIdField('Links.SpanId[0]', traceColumnMeta)).toBe(true);\n expect(isIdField('Links.TraceId[5]', traceColumnMeta)).toBe(true);\n });\n\n it('identifies plain Array(String) column reference ending in Id', () => {\n expect(isIdField('Links.TraceId', traceColumnMeta)).toBe(true);\n expect(isIdField('Links.SpanId', traceColumnMeta)).toBe(true);\n });\n\n it('does not match non-ID String columns', () => {\n expect(isIdField('Timestamp', traceColumnMeta)).toBe(false);\n expect(isIdField('Events.Name[0]', traceColumnMeta)).toBe(false);\n });\n\n it('does not match Map or Array(Map) columns even if name ends in Id', () => {\n const meta = [{ name: 'MyMapId', type: 'Map(String, String)' }];\n expect(isIdField('MyMapId', meta)).toBe(false);\n });\n\n it('does not match keys with sub-keys after array index', () => {\n expect(isIdField('Events.Attributes[0].spanId', traceColumnMeta)).toBe(\n false,\n );\n });\n\n it('returns false for unknown columns', () => {\n expect(isIdField('UnknownId', traceColumnMeta)).toBe(false);\n });\n\n it('returns false for empty columnMeta', () => {\n expect(isIdField('TraceId', [])).toBe(false);\n });\n});\n\ndescribe('isTimestampArrayField', () => {\n it('identifies Array(DateTime64) column elements by index', () => {\n expect(isTimestampArrayField('Events.Timestamp[0]', traceColumnMeta)).toBe(\n true,\n );\n expect(isTimestampArrayField('Events.Timestamp[23]', traceColumnMeta)).toBe(\n true,\n );\n expect(isTimestampArrayField('Links.Timestamp[0]', traceColumnMeta)).toBe(\n true,\n );\n });\n\n it('identifies plain Array(DateTime64) column reference', () => {\n expect(isTimestampArrayField('Events.Timestamp', traceColumnMeta)).toBe(\n true,\n );\n expect(isTimestampArrayField('Links.Timestamp', traceColumnMeta)).toBe(\n true,\n );\n });\n\n it('does not match non-DateTime64 array columns', () => {\n expect(isTimestampArrayField('Events.Name[0]', traceColumnMeta)).toBe(\n false,\n );\n expect(isTimestampArrayField('Links.TraceId[0]', traceColumnMeta)).toBe(\n false,\n );\n });\n\n it('does not match non-array DateTime64 columns', () => {\n expect(isTimestampArrayField('Timestamp', traceColumnMeta)).toBe(false);\n });\n\n it('returns false for unknown columns', () => {\n expect(isTimestampArrayField('Unknown.Timestamp[0]', traceColumnMeta)).toBe(\n false,\n );\n });\n\n it('handles Array(DateTime64) with timezone parameter', () => {\n const meta = [\n { name: 'MyTimestamps', type: \"Array(DateTime64(9, 'UTC'))\" },\n ];\n expect(isTimestampArrayField('MyTimestamps[0]', meta)).toBe(true);\n });\n});\n\ndescribe('isDenylisted', () => {\n it('denylists ID fields', () => {\n expect(isDenylisted('TraceId', traceColumnMeta)).toBe(true);\n expect(isDenylisted('SpanId', traceColumnMeta)).toBe(true);\n expect(isDenylisted('ParentSpanId', traceColumnMeta)).toBe(true);\n expect(isDenylisted('Links.TraceId[0]', traceColumnMeta)).toBe(true);\n });\n\n it('denylists timestamp array fields', () => {\n expect(isDenylisted('Events.Timestamp[0]', traceColumnMeta)).toBe(true);\n expect(isDenylisted('Links.Timestamp[3]', traceColumnMeta)).toBe(true);\n });\n\n it('does not denylist useful fields', () => {\n expect(\n isDenylisted('ResourceAttributes.service.name', traceColumnMeta),\n ).toBe(false);\n expect(isDenylisted('SpanAttributes.http.method', traceColumnMeta)).toBe(\n false,\n );\n expect(isDenylisted('Events.Name[0]', traceColumnMeta)).toBe(false);\n });\n});\n\ndescribe('isHighCardinality', () => {\n it('identifies high cardinality fields (all unique values)', () => {\n const outlierValues = new Map();\n for (let i = 0; i < 1000; i++) {\n outlierValues.set(`value-${i}`, 0.1);\n }\n const outlierValueOccurences = new Map([['TraceId', outlierValues]]);\n const outlierPropertyOccurences = new Map([['TraceId', 1000]]);\n\n expect(\n isHighCardinality(\n 'TraceId',\n outlierValueOccurences,\n new Map(),\n outlierPropertyOccurences,\n new Map(),\n ),\n ).toBe(true);\n });\n\n it('keeps low cardinality fields visible', () => {\n const outlierValues = new Map([\n ['GET', 80],\n ['POST', 20],\n ]);\n const outlierValueOccurences = new Map([['http.method', outlierValues]]);\n const outlierPropertyOccurences = new Map([['http.method', 1000]]);\n\n expect(\n isHighCardinality(\n 'http.method',\n outlierValueOccurences,\n new Map(),\n outlierPropertyOccurences,\n new Map(),\n ),\n ).toBe(false);\n });\n\n it('uses min of both groups — keeps visible if either group has low cardinality', () => {\n const outlierValues = new Map([\n ['GET', 80],\n ['POST', 20],\n ]);\n const outlierValueOccurences = new Map([['method', outlierValues]]);\n const outlierPropertyOccurences = new Map([['method', 1000]]);\n\n const inlierValues = new Map();\n for (let i = 0; i < 500; i++) inlierValues.set(`v${i}`, 0.2);\n const inlierValueOccurences = new Map([['method', inlierValues]]);\n const inlierPropertyOccurences = new Map([['method', 500]]);\n\n expect(\n isHighCardinality(\n 'method',\n outlierValueOccurences,\n inlierValueOccurences,\n outlierPropertyOccurences,\n inlierPropertyOccurences,\n ),\n ).toBe(false);\n });\n\n it('hides field when BOTH groups have high cardinality', () => {\n const makeHighCardinalityMap = (n: number) => {\n const m = new Map();\n for (let i = 0; i < n; i++) m.set(`v${i}`, 100 / n);\n return m;\n };\n\n const outlierValues = makeHighCardinalityMap(500);\n const inlierValues = makeHighCardinalityMap(400);\n const outlierValueOccurences = new Map([['url', outlierValues]]);\n const inlierValueOccurences = new Map([['url', inlierValues]]);\n const outlierPropertyOccurences = new Map([['url', 500]]);\n const inlierPropertyOccurences = new Map([['url', 400]]);\n\n expect(\n isHighCardinality(\n 'url',\n outlierValueOccurences,\n inlierValueOccurences,\n outlierPropertyOccurences,\n inlierPropertyOccurences,\n ),\n ).toBe(true);\n });\n\n it('keeps visible when combined sample size is <= 20', () => {\n const outlierValues = new Map();\n for (let i = 0; i < 10; i++) outlierValues.set(`v${i}`, 10);\n const outlierValueOccurences = new Map([['field', outlierValues]]);\n const outlierPropertyOccurences = new Map([['field', 10]]);\n const inlierPropertyOccurences = new Map([['field', 10]]);\n\n expect(\n isHighCardinality(\n 'field',\n outlierValueOccurences,\n new Map(),\n outlierPropertyOccurences,\n inlierPropertyOccurences,\n ),\n ).toBe(false);\n });\n\n it('uses single group uniqueness when other group has no data', () => {\n const outlierValues = new Map();\n for (let i = 0; i < 100; i++) outlierValues.set(`v${i}`, 1);\n const outlierValueOccurences = new Map([['id', outlierValues]]);\n const outlierPropertyOccurences = new Map([['id', 100]]);\n\n expect(\n isHighCardinality(\n 'id',\n outlierValueOccurences,\n new Map(),\n outlierPropertyOccurences,\n new Map(),\n ),\n ).toBe(true);\n });\n\n it('returns false for field not present in either group', () => {\n expect(\n isHighCardinality(\n 'unknownField',\n new Map(),\n new Map(),\n new Map(),\n new Map(),\n ),\n ).toBe(false);\n });\n});\n\ndescribe('field split logic (visible vs hidden)', () => {\n it('correctly classifies a mix of ID, timestamp, cardinality, and useful fields', () => {\n expect(isDenylisted('TraceId', traceColumnMeta)).toBe(true);\n expect(isDenylisted('Events.Timestamp[0]', traceColumnMeta)).toBe(true);\n expect(\n isDenylisted('ResourceAttributes.service.name', traceColumnMeta),\n ).toBe(false);\n\n // High cardinality field → hidden\n const hcValues = new Map();\n for (let i = 0; i < 1000; i++) hcValues.set(`trace-${i}`, 0.1);\n expect(\n isHighCardinality(\n 'trace.id',\n new Map([['trace.id', hcValues]]),\n new Map(),\n new Map([['trace.id', 1000]]),\n new Map(),\n ),\n ).toBe(true);\n\n // Low cardinality field → visible\n const lcValues = new Map([\n ['production', 70],\n ['staging', 30],\n ]);\n expect(\n isHighCardinality(\n 'deployment.env',\n new Map([['deployment.env', lcValues]]),\n new Map(),\n new Map([['deployment.env', 1000]]),\n new Map(),\n ),\n ).toBe(false);\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/deltaChartFilterKeys.test.ts", "content": "import {\n flattenedKeyToFilterKey,\n flattenedKeyToSqlExpression,\n} from '../deltaChartUtils';\n\nconst traceColumnMeta = [\n { name: 'Timestamp', type: 'DateTime64(9)' },\n { name: 'TraceId', type: 'String' },\n { name: 'SpanId', type: 'String' },\n { name: 'ParentSpanId', type: 'String' },\n { name: 'ResourceAttributes', type: 'Map(String, String)' },\n { name: 'SpanAttributes', type: 'Map(String, String)' },\n { name: 'Events.Timestamp', type: 'Array(DateTime64(9))' },\n { name: 'Events.Name', type: 'Array(String)' },\n { name: 'Events.Attributes', type: 'Array(Map(String, String))' },\n { name: 'Links.TraceId', type: 'Array(String)' },\n { name: 'Links.SpanId', type: 'Array(String)' },\n { name: 'Links.Timestamp', type: 'Array(DateTime64(9))' },\n { name: 'Links.Attributes', type: 'Array(Map(String, String))' },\n];\n\ndescribe('flattenedKeyToSqlExpression', () => {\n it('converts Map column dot-notation to bracket notation', () => {\n expect(\n flattenedKeyToSqlExpression(\n 'ResourceAttributes.service.name',\n traceColumnMeta,\n ),\n ).toBe(\"ResourceAttributes['service.name']\");\n });\n\n it('converts SpanAttributes dot-notation to bracket notation', () => {\n expect(\n flattenedKeyToSqlExpression(\n 'SpanAttributes.http.method',\n traceColumnMeta,\n ),\n ).toBe(\"SpanAttributes['http.method']\");\n });\n\n it('converts Array(Map) dot-notation with 0-based index to 1-based bracket notation', () => {\n expect(\n flattenedKeyToSqlExpression(\n 'Events.Attributes[0].message.type',\n traceColumnMeta,\n ),\n ).toBe(\"Events.Attributes[1]['message.type']\");\n });\n\n it('increments the array index from 0-based JS to 1-based ClickHouse', () => {\n expect(\n flattenedKeyToSqlExpression('Events.Attributes[4].key', traceColumnMeta),\n ).toBe(\"Events.Attributes[5]['key']\");\n });\n\n it('returns simple columns unchanged', () => {\n expect(flattenedKeyToSqlExpression('TraceId', traceColumnMeta)).toBe(\n 'TraceId',\n );\n });\n\n it('returns non-map nested columns unchanged', () => {\n expect(flattenedKeyToSqlExpression('Events.Name[0]', traceColumnMeta)).toBe(\n 'Events.Name[0]',\n );\n });\n\n it('returns key unchanged when no matching column found', () => {\n expect(\n flattenedKeyToSqlExpression('SomeUnknownColumn.key', traceColumnMeta),\n ).toBe('SomeUnknownColumn.key');\n });\n\n it('handles LowCardinality(Map) wrapped types', () => {\n const meta = [\n { name: 'LogAttributes', type: 'LowCardinality(Map(String, String))' },\n ];\n expect(flattenedKeyToSqlExpression('LogAttributes.level', meta)).toBe(\n \"LogAttributes['level']\",\n );\n });\n\n it('returns key unchanged for empty columnMeta', () => {\n expect(\n flattenedKeyToSqlExpression('ResourceAttributes.service.name', []),\n ).toBe('ResourceAttributes.service.name');\n });\n\n it('escapes single quotes in Map column keys to prevent SQL injection', () => {\n expect(\n flattenedKeyToSqlExpression(\n \"ResourceAttributes.it's.key\",\n traceColumnMeta,\n ),\n ).toBe(\"ResourceAttributes['it''s.key']\");\n });\n\n it('escapes single quotes in Array(Map) column keys', () => {\n expect(\n flattenedKeyToSqlExpression(\n \"Events.Attributes[0].it's.key\",\n traceColumnMeta,\n ),\n ).toBe(\"Events.Attributes[1]['it''s.key']\");\n });\n});\n\ndescribe('flattenedKeyToFilterKey', () => {\n it('converts Map column keys to bracket notation', () => {\n expect(\n flattenedKeyToFilterKey(\n 'ResourceAttributes.service.name',\n traceColumnMeta,\n ),\n ).toBe(\"ResourceAttributes['service.name']\");\n });\n\n it('handles multi-segment dotted Map keys as single bracket key', () => {\n expect(\n flattenedKeyToFilterKey(\n 'ResourceAttributes.service.instance.id',\n traceColumnMeta,\n ),\n ).toBe(\"ResourceAttributes['service.instance.id']\");\n });\n\n it('escapes single quotes in Map keys', () => {\n expect(\n flattenedKeyToFilterKey(\"ResourceAttributes.it's.key\", traceColumnMeta),\n ).toBe(\"ResourceAttributes['it''s.key']\");\n });\n\n it('returns simple columns unchanged', () => {\n expect(flattenedKeyToFilterKey('TraceId', traceColumnMeta)).toBe('TraceId');\n });\n\n it('returns simple columns unchanged for non-Map types', () => {\n expect(flattenedKeyToFilterKey('Timestamp', traceColumnMeta)).toBe(\n 'Timestamp',\n );\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/deltaChartSampling.test.ts", "content": "import {\n computeEffectiveSampleSize,\n getStableSampleExpression,\n MAX_SAMPLE_SIZE,\n MIN_SAMPLE_SIZE,\n SAMPLE_RATIO,\n SAMPLE_SIZE,\n} from '../deltaChartUtils';\n\ndescribe('getStableSampleExpression', () => {\n it('returns cityHash64 of spanIdExpression when provided', () => {\n expect(getStableSampleExpression('SpanId')).toBe('cityHash64(SpanId)');\n });\n\n it('uses custom spanId column name', () => {\n expect(getStableSampleExpression('my_span_id')).toBe(\n 'cityHash64(my_span_id)',\n );\n });\n\n it('falls back to rand() when spanIdExpression is undefined', () => {\n expect(getStableSampleExpression(undefined)).toBe('rand()');\n });\n\n it('falls back to rand() when spanIdExpression is empty', () => {\n expect(getStableSampleExpression('')).toBe('rand()');\n });\n});\n\ndescribe('computeEffectiveSampleSize', () => {\n it('returns SAMPLE_SIZE when totalCount is 0 (fallback)', () => {\n expect(computeEffectiveSampleSize(0)).toBe(SAMPLE_SIZE);\n });\n\n it('returns SAMPLE_SIZE when totalCount is negative', () => {\n expect(computeEffectiveSampleSize(-1)).toBe(SAMPLE_SIZE);\n });\n\n it('returns MIN_SAMPLE_SIZE for small datasets', () => {\n expect(computeEffectiveSampleSize(100)).toBe(MIN_SAMPLE_SIZE);\n });\n\n it('returns SAMPLE_RATIO * totalCount for mid-size datasets', () => {\n const result = computeEffectiveSampleSize(200_000);\n expect(result).toBe(Math.ceil(200_000 * SAMPLE_RATIO));\n expect(result).toBeGreaterThan(MIN_SAMPLE_SIZE);\n expect(result).toBeLessThan(MAX_SAMPLE_SIZE);\n });\n\n it('caps at MAX_SAMPLE_SIZE for very large datasets', () => {\n expect(computeEffectiveSampleSize(10_000_000)).toBe(MAX_SAMPLE_SIZE);\n });\n\n it('returns exact 1% for datasets where 1% falls in the valid range', () => {\n expect(computeEffectiveSampleSize(100_000)).toBe(1000);\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/deltaChartScoring.test.ts", "content": "import {\n computeComparisonScore,\n computeEntropyScore,\n semanticBoost,\n} from '../deltaChartUtils';\n\ndescribe('computeComparisonScore', () => {\n it('returns 0 for empty maps', () => {\n expect(computeComparisonScore(new Map(), new Map())).toBe(0);\n });\n\n it('returns 0 when both groups have identical proportions', () => {\n const outlier = new Map([\n ['GET', 80],\n ['POST', 20],\n ]);\n const inlier = new Map([\n ['GET', 40],\n ['POST', 10],\n ]);\n expect(computeComparisonScore(outlier, inlier)).toBeCloseTo(0);\n });\n\n it('returns high score for different proportions', () => {\n const outlier = new Map([\n ['error', 90],\n ['ok', 10],\n ]);\n const inlier = new Map([\n ['error', 10],\n ['ok', 90],\n ]);\n expect(computeComparisonScore(outlier, inlier)).toBeGreaterThan(70);\n });\n\n it('returns 0 for single-value field when other group is empty', () => {\n // Single value with no comparison group is uninformative\n // (e.g., Events.Name[N] = \"message\" at 100% with no inlier data)\n const outlier = new Map([['error', 50]]);\n expect(computeComparisonScore(outlier, new Map())).toBe(0);\n });\n\n it('normalizes multi-value field to [0, 100] when other group is empty', () => {\n // Multi-value with no comparison group IS informative — shows distribution\n const outlier = new Map([\n ['error', 80],\n ['ok', 20],\n ]);\n expect(computeComparisonScore(outlier, new Map())).toBe(80);\n });\n\n it('normalizes by group sum so different sample sizes produce same score', () => {\n const outlierSmall = new Map([\n ['GET', 8],\n ['POST', 2],\n ]);\n const outlierLarge = new Map([\n ['GET', 800],\n ['POST', 200],\n ]);\n const inlier = new Map([\n ['GET', 50],\n ['POST', 50],\n ]);\n const scoreSmall = computeComparisonScore(outlierSmall, inlier);\n const scoreLarge = computeComparisonScore(outlierLarge, inlier);\n expect(scoreSmall).toBeCloseTo(scoreLarge, 1);\n });\n});\n\ndescribe('computeEntropyScore', () => {\n it('returns 0 for single-value fields', () => {\n expect(computeEntropyScore(new Map([['only', 100]]))).toBe(0);\n });\n\n it('returns 0 for empty map', () => {\n expect(computeEntropyScore(new Map())).toBe(0);\n });\n\n it('returns ~0 for perfectly uniform distribution', () => {\n expect(\n computeEntropyScore(\n new Map([\n ['a', 50],\n ['b', 50],\n ]),\n ),\n ).toBeCloseTo(0);\n });\n\n it('returns high score for skewed distribution', () => {\n const score = computeEntropyScore(\n new Map([\n ['ok', 99],\n ['error', 1],\n ]),\n );\n expect(score).toBeGreaterThan(0.5);\n });\n\n it('ranks more-skewed fields higher', () => {\n const scoreA = computeEntropyScore(\n new Map([\n ['a', 95],\n ['b', 5],\n ]),\n );\n const scoreB = computeEntropyScore(\n new Map([\n ['a', 60],\n ['b', 40],\n ]),\n );\n expect(scoreA).toBeGreaterThan(scoreB);\n });\n\n it('returns ~0 for uniform 3-value field', () => {\n expect(\n computeEntropyScore(\n new Map([\n ['a', 33.33],\n ['b', 33.33],\n ['c', 33.34],\n ]),\n ),\n ).toBeCloseTo(0, 2);\n });\n\n it('handles power-law distributions', () => {\n const powerLaw = new Map([\n ['v1', 50],\n ['v2', 25],\n ['v3', 12],\n ['v4', 6],\n ['v5', 4],\n ['v6', 2],\n ['v7', 1],\n ]);\n const score = computeEntropyScore(powerLaw);\n expect(score).toBeGreaterThan(0.1);\n expect(score).toBeLessThan(1);\n });\n});\n\ndescribe('semanticBoost', () => {\n it('boosts well-known OTel attributes', () => {\n expect(semanticBoost('ResourceAttributes.service.name')).toBe(1);\n expect(semanticBoost('SpanAttributes.http.method')).toBe(1);\n expect(semanticBoost('SpanAttributes.http.status_code')).toBe(1);\n expect(semanticBoost('SpanAttributes.error')).toBe(1);\n });\n\n it('returns 0 for non-boosted attributes', () => {\n expect(semanticBoost('SpanAttributes.custom.field')).toBe(0);\n expect(semanticBoost('TraceId')).toBe(0);\n });\n\n it('is case-insensitive', () => {\n expect(semanticBoost('ResourceAttributes.Service.Name')).toBe(1);\n expect(semanticBoost('SpanAttributes.HTTP.METHOD')).toBe(1);\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/deltaChartUtils.test.ts", "content": "import {\n applyTopNAggregation,\n MAX_CHART_VALUES,\n MAX_CHART_VALUES_UPPER,\n} from '../deltaChartUtils';\n\ndescribe('applyTopNAggregation', () => {\n const makeData = (names: string[]) =>\n names.map((name, i) => ({\n name,\n outlierCount: 100 - i, // descending counts so order is deterministic\n inlierCount: 5,\n }));\n\n it('returns data unchanged when at or below MAX_CHART_VALUES', () => {\n const data = makeData(['a', 'b', 'c']);\n expect(applyTopNAggregation(data)).toEqual(data);\n });\n\n it('returns data unchanged when exactly MAX_CHART_VALUES entries', () => {\n const data = makeData(['a', 'b', 'c', 'd', 'e', 'f']);\n expect(data.length).toBe(MAX_CHART_VALUES);\n const result = applyTopNAggregation(data);\n expect(result.length).toBe(MAX_CHART_VALUES);\n expect(result.some(r => r.isOther)).toBe(false);\n });\n\n it('returns data unchanged when between MAX_CHART_VALUES and MAX_CHART_VALUES_UPPER (adaptive)', () => {\n // 7 and 8 values should be shown in full — no \"Other\" bucket\n const data7 = makeData(['a', 'b', 'c', 'd', 'e', 'f', 'g']);\n expect(data7.length).toBeGreaterThan(MAX_CHART_VALUES);\n expect(data7.length).toBeLessThanOrEqual(MAX_CHART_VALUES_UPPER);\n expect(applyTopNAggregation(data7)).toEqual(data7);\n\n const data8 = makeData(['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h']);\n expect(data8.length).toBe(MAX_CHART_VALUES_UPPER);\n const result8 = applyTopNAggregation(data8);\n expect(result8.some(r => r.isOther)).toBe(false);\n });\n\n it('collapses values beyond MAX_CHART_VALUES_UPPER into an Other bucket', () => {\n const data = makeData(['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i']);\n expect(data.length).toBeGreaterThan(MAX_CHART_VALUES_UPPER);\n const result = applyTopNAggregation(data);\n expect(result.length).toBe(MAX_CHART_VALUES + 1);\n const other = result[result.length - 1];\n expect(other.isOther).toBe(true);\n expect(other.name).toBe('Other (3)');\n });\n\n it('keeps top N entries by combined count', () => {\n const data = makeData(['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']);\n const result = applyTopNAggregation(data);\n const topNames = result.slice(0, MAX_CHART_VALUES).map(r => r.name);\n expect(topNames).toContain('a');\n expect(topNames).toContain('b');\n expect(topNames).not.toContain('i');\n expect(topNames).not.toContain('j');\n });\n\n it('Other bucket accumulates outlierCount and inlierCount from dropped values', () => {\n // 12 items > MAX_CHART_VALUES_UPPER(8) → top 6 kept, bottom 6 collapsed\n const data = [\n { name: 'a', outlierCount: 50, inlierCount: 50 }, // kept (100)\n { name: 'b', outlierCount: 40, inlierCount: 40 }, // kept (80)\n { name: 'c', outlierCount: 30, inlierCount: 30 }, // kept (60)\n { name: 'd', outlierCount: 20, inlierCount: 20 }, // kept (40)\n { name: 'e', outlierCount: 10, inlierCount: 10 }, // kept (20)\n { name: 'f', outlierCount: 5, inlierCount: 5 }, // kept (10)\n { name: 'g', outlierCount: 4, inlierCount: 4 }, // dropped\n { name: 'h', outlierCount: 3, inlierCount: 3 }, // dropped\n { name: 'i', outlierCount: 3, inlierCount: 2 }, // dropped\n { name: 'j', outlierCount: 1, inlierCount: 1 }, // dropped\n { name: 'k', outlierCount: 0, inlierCount: 1 }, // dropped\n { name: 'l', outlierCount: 0, inlierCount: 0 }, // dropped\n ];\n const result = applyTopNAggregation(data);\n const other = result.find(r => r.isOther);\n expect(other).toBeDefined();\n expect(other!.outlierCount).toBe(11); // 4 + 3 + 3 + 1 + 0 + 0\n expect(other!.inlierCount).toBe(11); // 4 + 3 + 2 + 1 + 1 + 0\n });\n\n it('Other bucket name shows the count of aggregated values', () => {\n const data = makeData([\n 'a',\n 'b',\n 'c',\n 'd',\n 'e',\n 'f',\n 'g',\n 'h',\n 'i',\n 'j',\n 'k',\n ]);\n const result = applyTopNAggregation(data);\n const other = result.find(r => r.isOther);\n expect(other?.name).toBe('Other (5)');\n });\n\n it('non-Other entries do not have isOther set', () => {\n const data = makeData(['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i']);\n const result = applyTopNAggregation(data);\n result.slice(0, MAX_CHART_VALUES).forEach(entry => {\n expect(entry.isOther).toBeFalsy();\n });\n });\n});\n" }, { "path": "packages/app/src/components/__tests__/heatmapBuckets.test.ts", "content": "/**\n * Tests for heatmap bucket boundary computation algorithm.\n *\n * Validates the logic extracted from DBHeatmapChart's HeatmapContainer —\n * specifically the range calculation, effectiveMin capping, and\n * bucketToYValue mapping.\n *\n * Background: The initial PR #1913 used p99 as the max boundary for log scale.\n * When latency spikes are rare (<1% of spans), they fell above p99 and were\n * crammed into a single overflow bucket — making them invisible. The fix\n * switches the upper bound to actual max() since log scale already compresses\n * wide ranges naturally. Future: #1914 adds overflow-bucket indicators.\n */\n\n// ---------------------------------------------------------------------------\n// Extracted algorithm (mirrors DBHeatmapChart HeatmapContainer)\n// ---------------------------------------------------------------------------\n\ntype ScaleType = 'log' | 'linear';\n\n/**\n * Compute quantile level for the lower bound.\n * Upper bound uses actual max() — no quantile needed.\n */\nfunction getQuantileLo(scaleType: ScaleType) {\n return scaleType === 'log' ? 0.01 : 0.001;\n}\n\n/**\n * Simulate what ClickHouse `quantile(level)(values)` returns.\n * Nearest-rank method (same as ClickHouse default).\n */\nfunction quantile(values: number[], level: number): number {\n const sorted = [...values].sort((a, b) => a - b);\n if (sorted.length === 0) return 0;\n const idx = Math.ceil(level * sorted.length) - 1;\n return sorted[Math.max(0, idx)];\n}\n\n/**\n * Compute effectiveMin given the min/max and scale type.\n */\nfunction computeEffectiveMin(\n min: number,\n max: number,\n scaleType: ScaleType,\n): number {\n return scaleType === 'log' ? Math.max(min, max * 1e-4 || 1e-4) : min;\n}\n\n/**\n * Compute the y-value for a given bucket index.\n */\nfunction bucketToYValue(\n j: number,\n nBuckets: number,\n effectiveMin: number,\n max: number,\n scaleType: ScaleType,\n): number {\n if (scaleType === 'log' && effectiveMin > 0 && max > effectiveMin) {\n const actualValue =\n effectiveMin * Math.pow(max / effectiveMin, j / nBuckets);\n return Math.log(actualValue);\n }\n return effectiveMin + j * ((max - effectiveMin) / nBuckets);\n}\n\n/**\n * Simulate ClickHouse widthBucket(value, lo, hi, nBuckets).\n * Returns 0 for values < lo, nBuckets+1 for values >= hi,\n * and 1..nBuckets for values in [lo, hi).\n */\nfunction widthBucket(\n value: number,\n lo: number,\n hi: number,\n nBuckets: number,\n): number {\n if (value < lo) return 0;\n if (value >= hi) return nBuckets + 1;\n return Math.floor(((value - lo) / (hi - lo)) * nBuckets) + 1;\n}\n\n/**\n * For log scale, widthBucket operates on log(value).\n */\nfunction widthBucketLog(\n value: number,\n effectiveMin: number,\n max: number,\n nBuckets: number,\n): number {\n const clamped = Math.max(value, effectiveMin);\n return widthBucket(\n Math.log(clamped),\n Math.log(effectiveMin),\n Math.log(max),\n nBuckets,\n );\n}\n\n/**\n * Current (fixed) pipeline: uses quantile for lower bound, actual max()\n * for upper bound. Matches DBHeatmapChart after the fix.\n */\nfunction computeHeatmapBuckets(\n values: number[],\n scaleType: ScaleType,\n nBuckets = 40,\n) {\n const qLo = getQuantileLo(scaleType);\n const nonNeg = values.filter(v => v >= 0);\n const min = quantile(nonNeg, qLo);\n const max = Math.max(...values); // actual max, not quantile\n\n const effectiveMin = computeEffectiveMin(min, max, scaleType);\n\n const bucketCounts = new Array(nBuckets + 2).fill(0);\n for (const v of values) {\n let b: number;\n if (scaleType === 'log') {\n b = widthBucketLog(v, effectiveMin, max, nBuckets);\n } else {\n b = widthBucket(v, effectiveMin, max, nBuckets);\n }\n bucketCounts[b]++;\n }\n\n return { min, max, effectiveMin, bucketCounts, nBuckets };\n}\n\n/**\n * BUGGY version (pre-fix): used quantile(p99) for max on log scale.\n * Kept for regression tests.\n */\nfunction computeHeatmapBuckets_BUGGY(\n values: number[],\n scaleType: ScaleType,\n nBuckets = 40,\n) {\n const qLo = scaleType === 'log' ? 0.01 : 0.001;\n const qHi = scaleType === 'log' ? 0.99 : 0.999;\n\n const nonNeg = values.filter(v => v >= 0);\n const min = quantile(nonNeg, qLo);\n const max = quantile(values, qHi);\n\n const effectiveMin = computeEffectiveMin(min, max, scaleType);\n\n const bucketCounts = new Array(nBuckets + 2).fill(0);\n for (const v of values) {\n let b: number;\n if (scaleType === 'log') {\n b = widthBucketLog(v, effectiveMin, max, nBuckets);\n } else {\n b = widthBucket(v, effectiveMin, max, nBuckets);\n }\n bucketCounts[b]++;\n }\n\n return { min, max, effectiveMin, bucketCounts, nBuckets };\n}\n\n// ---------------------------------------------------------------------------\n// Test helpers\n// ---------------------------------------------------------------------------\n\n/**\n * Generate a realistic latency distribution: mostly fast, with rare spikes.\n */\nfunction generateLatencyData(opts: {\n baseCount: number;\n baseMean: number;\n baseStd: number;\n spikeCount: number;\n spikeMean: number;\n spikeStd: number;\n}): number[] {\n const values: number[] = [];\n let seed = 42;\n const rand = () => {\n seed = (seed * 1664525 + 1013904223) & 0x7fffffff;\n return seed / 0x7fffffff;\n };\n const normal = (mean: number, std: number) => {\n const u1 = rand();\n const u2 = rand();\n const z = Math.sqrt(-2 * Math.log(u1 + 1e-10)) * Math.cos(2 * Math.PI * u2);\n return Math.max(0.001, mean + z * std);\n };\n\n for (let i = 0; i < opts.baseCount; i++) {\n values.push(normal(opts.baseMean, opts.baseStd));\n }\n for (let i = 0; i < opts.spikeCount; i++) {\n values.push(normal(opts.spikeMean, opts.spikeStd));\n }\n return values;\n}\n\n// ---------------------------------------------------------------------------\n// Tests\n// ---------------------------------------------------------------------------\n\ndescribe('Heatmap bucket boundary algorithm', () => {\n describe('quantile lower bound selection', () => {\n it('log scale uses p1 for lower bound', () => {\n expect(getQuantileLo('log')).toBe(0.01);\n });\n\n it('linear scale uses p0.1 for lower bound', () => {\n expect(getQuantileLo('linear')).toBe(0.001);\n });\n });\n\n describe('effectiveMin capping', () => {\n it('caps log-scale min to max*1e-4', () => {\n expect(computeEffectiveMin(0.001, 1000, 'log')).toBe(0.1);\n });\n\n it('uses actual min when it exceeds the cap', () => {\n expect(computeEffectiveMin(5, 1000, 'log')).toBe(5);\n });\n\n it('linear scale uses raw min', () => {\n expect(computeEffectiveMin(0.001, 1000, 'linear')).toBe(0.001);\n });\n });\n\n describe('bucketToYValue', () => {\n it('linear: produces uniformly spaced values', () => {\n const nBuckets = 10;\n const values = Array.from({ length: nBuckets + 1 }, (_, j) =>\n bucketToYValue(j, nBuckets, 0, 100, 'linear'),\n );\n for (let i = 0; i <= nBuckets; i++) {\n expect(values[i]).toBeCloseTo(i * 10);\n }\n });\n\n it('log: produces uniformly spaced values in log space', () => {\n const nBuckets = 10;\n const values = Array.from({ length: nBuckets + 1 }, (_, j) =>\n bucketToYValue(j, nBuckets, 1, 1000, 'log'),\n );\n const diffs = values.slice(1).map((v, i) => v - values[i]);\n for (let i = 1; i < diffs.length; i++) {\n expect(diffs[i]).toBeCloseTo(diffs[0], 5);\n }\n });\n });\n\n describe('widthBucket', () => {\n it('underflow goes to bucket 0', () => {\n expect(widthBucket(-1, 0, 100, 10)).toBe(0);\n });\n\n it('overflow goes to bucket nBuckets+1', () => {\n expect(widthBucket(100, 0, 100, 10)).toBe(11);\n expect(widthBucket(200, 0, 100, 10)).toBe(11);\n });\n\n it('values in range get distributed across 1..nBuckets', () => {\n expect(widthBucket(5, 0, 100, 10)).toBe(1);\n expect(widthBucket(50, 0, 100, 10)).toBe(6);\n expect(widthBucket(99, 0, 100, 10)).toBe(10);\n });\n });\n\n // =========================================================================\n // Regression: the old p99-based max hid latency spikes\n // =========================================================================\n\n describe('regression: old p99 max hid latency spikes (log scale)', () => {\n const values = generateLatencyData({\n baseCount: 1000,\n baseMean: 50,\n baseStd: 30,\n spikeCount: 5, // 0.5% of total — was above p99 cutoff\n spikeMean: 2000,\n spikeStd: 500,\n });\n\n it('old p99 max excluded spike values from visible range', () => {\n const buggy = computeHeatmapBuckets_BUGGY(values, 'log', 40);\n\n expect(buggy.max).toBeLessThan(1000);\n\n const overflowCount = buggy.bucketCounts[buggy.nBuckets + 1];\n const totalSpikes = values.filter(v => v > 1000).length;\n expect(overflowCount).toBeGreaterThanOrEqual(totalSpikes);\n });\n\n it('fixed max() includes the full spike range', () => {\n const fixed = computeHeatmapBuckets(values, 'log', 40);\n\n // actual max includes the spikes\n expect(fixed.max).toBeGreaterThan(1000);\n\n // At most 1 value overflows (the exact max, due to widthBucket >= check)\n const overflowCount = fixed.bucketCounts[fixed.nBuckets + 1];\n expect(overflowCount).toBeLessThanOrEqual(1);\n });\n\n it('fixed version distributes spikes across visible buckets', () => {\n const buggy = computeHeatmapBuckets_BUGGY(values, 'log', 40);\n const fixed = computeHeatmapBuckets(values, 'log', 40);\n\n // Old: all spikes crammed into overflow\n const buggyOverflow = buggy.bucketCounts[buggy.nBuckets + 1];\n expect(buggyOverflow).toBeGreaterThan(0);\n\n // Fixed: spikes spread across high buckets\n const fixedOverflow = fixed.bucketCounts[fixed.nBuckets + 1];\n expect(fixedOverflow).toBeLessThan(buggyOverflow);\n\n const highBuckets = fixed.bucketCounts.slice(30, 41);\n const highBucketTotal = highBuckets.reduce(\n (a: number, b: number) => a + b,\n 0,\n );\n expect(highBucketTotal).toBeGreaterThan(0);\n });\n });\n\n describe('regression: old p99 max hid spikes at exactly 1%', () => {\n const values = generateLatencyData({\n baseCount: 990,\n baseMean: 50,\n baseStd: 20,\n spikeCount: 10, // exactly 1%\n spikeMean: 3000,\n spikeStd: 500,\n });\n\n it('old algorithm was fragile at the 1% boundary', () => {\n const buggy = computeHeatmapBuckets_BUGGY(values, 'log', 40);\n const spikeValues = values.filter(v => v > 1000);\n const spikesInOverflow = buggy.bucketCounts[buggy.nBuckets + 1];\n // Most or all spikes ended up in overflow\n expect(spikesInOverflow).toBeGreaterThanOrEqual(spikeValues.length - 2);\n });\n\n it('fixed algorithm shows spikes regardless of percentage', () => {\n const fixed = computeHeatmapBuckets(values, 'log', 40);\n // At most 1 value overflows (the exact max, due to widthBucket >= check)\n const overflowCount = fixed.bucketCounts[fixed.nBuckets + 1];\n expect(overflowCount).toBeLessThanOrEqual(1);\n });\n });\n\n // =========================================================================\n // Current algorithm behavior\n // =========================================================================\n\n describe('current algorithm: near-zero outliers still handled', () => {\n it('effectiveMin caps near-zero values on log scale', () => {\n const values = [\n 0.0001,\n 0.0001, // near-zero outliers\n ...Array(998)\n .fill(0)\n .map((_, i) => 10 + i * 0.1), // 10-110ms\n ];\n\n const result = computeHeatmapBuckets(values, 'log', 40);\n\n // effectiveMin should cap near-zero values (max * 1e-4)\n expect(result.effectiveMin).toBeGreaterThan(0.001);\n // Near-zero outliers get clamped to effectiveMin by widthBucketLog,\n // so they land in bucket 1 (first valid bucket), not bucket 0 (underflow).\n // Bucket 0 count is 0 because no values fall strictly below effectiveMin\n // in log space — the clamping ensures they map to the first bucket instead.\n expect(result.bucketCounts[0]).toBeGreaterThanOrEqual(0);\n });\n });\n\n describe('current algorithm: wide range works on log scale', () => {\n it('handles 4+ orders of magnitude without compression artifacts', () => {\n // 0.1ms to 10000ms — 5 orders of magnitude\n const values = [\n ...Array(100)\n .fill(0)\n .map((_, i) => 0.1 + i * 0.01), // 0.1-1ms\n ...Array(500)\n .fill(0)\n .map((_, i) => 1 + i * 0.2), // 1-100ms\n ...Array(300)\n .fill(0)\n .map((_, i) => 100 + i * 3), // 100-1000ms\n ...Array(50)\n .fill(0)\n .map((_, i) => 1000 + i * 200), // 1000-10000ms\n ];\n\n const result = computeHeatmapBuckets(values, 'log', 40);\n\n // At most 1 value overflows (the exact max, due to widthBucket >= check)\n expect(result.bucketCounts[result.nBuckets + 1]).toBeLessThanOrEqual(1);\n\n // Values distributed across many buckets (not compressed)\n const nonZeroBuckets = result.bucketCounts\n .slice(1, result.nBuckets + 1)\n .filter((c: number) => c > 0).length;\n expect(nonZeroBuckets).toBeGreaterThan(20);\n });\n });\n});\n" }, { "path": "packages/app/src/components/charts/ChartContainer.tsx", "content": "import { Group, Stack } from '@mantine/core';\n\ninterface ChartContainerProps {\n title?: React.ReactNode;\n toolbarItems?: React.ReactNode[];\n children: React.ReactNode;\n disableReactiveContainer?: boolean;\n}\n\nfunction ChartContainer({\n title,\n toolbarItems,\n children,\n disableReactiveContainer,\n}: ChartContainerProps) {\n return (\n \n {(!!title || !!toolbarItems?.length) && (\n \n \n {title}\n \n {toolbarItems && (\n \n {toolbarItems}\n \n )}\n \n )}\n {disableReactiveContainer ? (\n children\n ) : (\n \n \n {children}\n \n \n )}\n \n );\n}\n\nexport default ChartContainer;\n" }, { "path": "packages/app/src/components/charts/ChartErrorState.tsx", "content": "import { useMemo } from 'react';\nimport { ClickHouseQueryError } from '@hyperdx/common-utils/dist/clickhouse';\nimport { Button, Code, Group, Modal, Stack, Text } from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { IconArrowsDiagonal } from '@tabler/icons-react';\n\nimport { SQLPreview } from '../ChartSQLPreview';\n\nexport type ChartErrorStateVariant = 'collapsible' | 'inline';\n\nexport default function ChartErrorState({\n error,\n variant = 'collapsible',\n}: {\n error: Error | ClickHouseQueryError;\n variant?: ChartErrorStateVariant;\n}) {\n const [isErrorExpanded, errorExpansion] = useDisclosure(false);\n\n const details = useMemo(() => {\n return (\n \n \n Error Message:\n \n \n {error.message}\n \n {error instanceof ClickHouseQueryError && (\n <>\n \n Sent Query:\n \n \n \n )}\n \n );\n }, [error]);\n\n return (\n
\n \n Error loading chart, please check your query or try again later.\n \n\n {variant === 'collapsible' ? (\n <>\n errorExpansion.open()}\n >\n \n \n See Error Details\n \n \n errorExpansion.close()}\n title=\"Error Details\"\n size=\"lg\"\n >\n {details}\n \n \n ) : (\n details\n )}\n
\n );\n}\n" }, { "path": "packages/app/src/components/charts/ChartTooltip.tsx", "content": "import { memo } from 'react';\nimport { IconCaretDownFilled, IconCaretUpFilled } from '@tabler/icons-react';\n\nimport type { NumberFormat } from '@/types';\nimport { formatNumber, truncateMiddle } from '@/utils';\n\nimport styles from '../../../styles/HDXLineChart.module.scss';\n\nconst percentFormatter = new Intl.NumberFormat('en-US', {\n style: 'percent',\n maximumFractionDigits: 2,\n});\n\nconst calculatePercentChange = (current: number, previous: number) => {\n if (previous === 0) {\n return current === 0 ? 0 : undefined;\n }\n return (current - previous) / previous;\n};\n\nconst PercentChange = ({\n current,\n previous,\n}: {\n current: number;\n previous: number;\n}) => {\n const percentChange = calculatePercentChange(current, previous);\n if (percentChange == undefined) {\n return null;\n }\n\n const Icon = percentChange > 0 ? IconCaretUpFilled : IconCaretDownFilled;\n\n return (\n \n (\n {percentFormatter.format(Math.abs(percentChange))})\n \n );\n};\n\nexport const ChartTooltipItem = memo(\n ({\n color,\n name,\n value,\n numberFormat,\n indicator = 'line',\n strokeDasharray,\n opacity,\n previous,\n }: {\n color: string;\n name: string;\n value: number;\n numberFormat?: NumberFormat;\n indicator?: 'line' | 'square' | 'none';\n strokeDasharray?: string;\n opacity?: number;\n previous?: number;\n }) => {\n return (\n
\n
\n {indicator === 'square' ? (\n \n \n \n ) : indicator === 'line' ? (\n \n \n \n ) : null}\n
\n
\n {truncateMiddle(name, 50)}\n {': '}\n {numberFormat ? formatNumber(value, numberFormat) : value}{' '}\n {previous != null && (\n \n )}\n
\n
\n );\n },\n);\n\nexport const ChartTooltipContainer = ({\n header,\n children,\n}: {\n header?: React.ReactNode;\n children: React.ReactNode;\n}) => (\n
\n {header != null && (\n
{header}
\n )}\n
{children}
\n
\n);\n" }, { "path": "packages/app/src/components/charts/DateRangeIndicator.tsx", "content": "import { isDateRangeEqual } from '@hyperdx/common-utils/dist/core/utils';\nimport { SQLInterval } from '@hyperdx/common-utils/dist/types';\nimport { Tooltip } from '@mantine/core';\nimport { IconClock } from '@tabler/icons-react';\n\nimport { useFormatTime } from '@/useFormatTime';\n\ninterface DateRangeIndicatorProps {\n originalDateRange: [Date, Date];\n effectiveDateRange?: [Date, Date];\n mvGranularity?: SQLInterval;\n}\n\nexport default function DateRangeIndicator({\n originalDateRange,\n effectiveDateRange,\n mvGranularity,\n}: DateRangeIndicatorProps) {\n const formatTime = useFormatTime();\n\n if (\n !effectiveDateRange ||\n isDateRangeEqual(effectiveDateRange, originalDateRange)\n ) {\n return null;\n }\n\n const [start, end] = [\n formatTime(effectiveDateRange[0]),\n formatTime(effectiveDateRange[1]),\n ];\n\n const label = mvGranularity\n ? `Querying ${start} - ${end} due to ${mvGranularity} rollups in query acceleration.`\n : `Querying ${start} - ${end} to show complete intervals.`;\n\n return (\n \n \n \n );\n}\n" }, { "path": "packages/app/src/components/charts/DisplaySwitcher.tsx", "content": "import cx from 'classnames';\nimport { ActionIcon, Group, Tooltip } from '@mantine/core';\n\ninterface DisplaySwitcherProps {\n value: T | undefined;\n onChange: (value: T) => void;\n options: {\n value: T;\n label: string;\n icon: React.ReactNode;\n disabled?: boolean;\n }[];\n}\n\nfunction DisplaySwitcher({\n value,\n onChange,\n options,\n}: DisplaySwitcherProps) {\n return (\n \n {options.map(({ icon, label, value: optionValue, disabled }) => (\n \n onChange(optionValue)}\n >\n {icon}\n \n \n ))}\n \n );\n}\n\nexport default DisplaySwitcher;\n" }, { "path": "packages/app/src/components/deltaChartUtils.ts", "content": "/**\n * Utility functions for DBDeltaChart.\n * Pure helpers with no React dependencies — safe to import from tests.\n */\n\n// Recursively flattens nested objects/arrays into dot-notation keys.\n// Empty objects produce an empty {} entry; empty arrays produce an empty [] entry.\n// Based on https://stackoverflow.com/a/19101235\nexport function flattenData(data: Record) {\n const result: Record = {};\n function recurse(cur: Record, prop: string) {\n if (Object(cur) !== cur) {\n result[prop] = cur;\n } else if (Array.isArray(cur)) {\n let l;\n for (let i = 0, l = cur.length; i < l; i++)\n recurse(cur[i], prop + '[' + i + ']');\n if (l == 0) result[prop] = [];\n } else {\n let isEmpty = true;\n for (const p in cur) {\n isEmpty = false;\n recurse(cur[p], prop ? prop + '.' + p : p);\n }\n if (isEmpty && prop) result[prop] = {};\n }\n }\n recurse(data, '');\n return result;\n}\n\nexport function getPropertyStatistics(data: Record[]) {\n const flattened = data.map(flattenData);\n const propertyOccurences = new Map();\n\n const MIN_PROPERTY_OCCURENCES = 5;\n const commonProperties = new Set();\n\n flattened.forEach(item => {\n Object.entries(item).forEach(([key, value]) => {\n const count = propertyOccurences.get(key) || 0;\n propertyOccurences.set(key, count + 1);\n\n if (count + 1 >= MIN_PROPERTY_OCCURENCES) {\n commonProperties.add(key);\n }\n });\n });\n\n // property -> (value -> count)\n const valueOccurences = new Map>();\n flattened.forEach(item => {\n Object.entries(item).forEach(([key, value]) => {\n if (commonProperties.has(key)) {\n let valuesMap = valueOccurences.get(key);\n if (!valuesMap) {\n valuesMap = new Map();\n valueOccurences.set(key, valuesMap);\n }\n\n const valueCount = valuesMap.get(value) || 0;\n valuesMap.set(value, valueCount + 1);\n }\n });\n });\n\n const percentageOccurences = new Map>();\n valueOccurences.forEach((valuesMap, property) => {\n const percentageMap = new Map();\n valuesMap.forEach((valueCount, value) => {\n percentageMap.set(\n value,\n (valueCount / (propertyOccurences.get(property) ?? 0)) * 100,\n );\n });\n percentageOccurences.set(property, percentageMap);\n });\n\n return {\n percentageOccurences,\n propertyOccurences,\n valueOccurences,\n };\n}\n\n// Maximum number of distinct values to show in a chart before collapsing\n// the rest into an \"Other (N)\" bucket. The effective limit adapts: when the\n// actual unique count is at most MAX_CHART_VALUES_UPPER, all values are shown\n// without aggregation. This avoids the awkward \"Other (1)\" or \"Other (2)\" cases\n// for attributes like http.status_code that naturally have 4-8 values.\nexport const MAX_CHART_VALUES = 6;\nexport const MAX_CHART_VALUES_UPPER = 8;\n\n// Color for the \"Other (N)\" aggregated bucket — neutral gray.\nexport const OTHER_BUCKET_COLOR = 'var(--mantine-color-gray-5)';\n\n// Color for the \"All spans\" distribution bar (no selection / comparison mode off).\nexport const ALL_SPANS_COLOR = 'var(--mantine-color-blue-6)';\n\nexport function mergeValueStatisticsMaps(\n outlierValues: Map, // value -> count\n inlierValues: Map,\n) {\n const mergedArray: {\n name: string;\n outlierCount: number;\n inlierCount: number;\n }[] = [];\n // Collect all value names for this property\n // we sort them so timestamps are ordered\n const allValues = Array.from(\n new Set([...outlierValues.keys(), ...inlierValues.keys()]),\n ).sort();\n\n allValues.forEach(value => {\n const count1 = outlierValues.get(value) || 0;\n const count2 = inlierValues.get(value) || 0;\n mergedArray.push({\n name: value,\n outlierCount: count1,\n inlierCount: count2,\n });\n });\n\n return mergedArray;\n}\n\n// Aggregates chart data beyond the effective limit into a single \"Other (N)\" entry.\n// Sorts by combined count (outlier + inlier) descending so the most frequent\n// values are kept. The effective limit adapts: if the total unique count is at\n// most MAX_CHART_VALUES_UPPER, all values are shown without aggregation.\nexport function applyTopNAggregation(\n data: { name: string; outlierCount: number; inlierCount: number }[],\n): {\n name: string;\n outlierCount: number;\n inlierCount: number;\n isOther?: boolean;\n}[] {\n // Adaptive: show all values when they fit within the upper bound\n if (data.length <= MAX_CHART_VALUES_UPPER) return data;\n\n const sorted = [...data].sort(\n (a, b) => b.outlierCount + b.inlierCount - (a.outlierCount + a.inlierCount),\n );\n const top = sorted.slice(0, MAX_CHART_VALUES);\n const rest = sorted.slice(MAX_CHART_VALUES);\n\n const otherOutlierCount = rest.reduce(\n (sum, item) => sum + item.outlierCount,\n 0,\n );\n const otherInlierCount = rest.reduce(\n (sum, item) => sum + item.inlierCount,\n 0,\n );\n\n return [\n ...top,\n {\n name: `Other (${rest.length})`,\n outlierCount: otherOutlierCount,\n inlierCount: otherInlierCount,\n isOther: true,\n },\n ];\n}\n\n// ---------------------------------------------------------------------------\n// Filter key conversion helpers\n// ---------------------------------------------------------------------------\n\nfunction escapeRegExp(s: string): string {\n return s.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\n/**\n * Converts a flattened dot-notation property key (produced by flattenData())\n * into a valid ClickHouse SQL expression for use in filter conditions.\n *\n * flattenData() uses JavaScript's object/array iteration, producing keys like:\n * \"ResourceAttributes.service.name\" for Map(String, String) columns\n * \"Events.Attributes[0].message.type\" for Array(Map(String, String)) columns\n *\n * These must be converted to bracket notation for ClickHouse Map access:\n * \"ResourceAttributes['service.name']\"\n * \"Events.Attributes[1]['message.type']\" (note: 0-based JS -> 1-based CH index)\n */\nexport function flattenedKeyToSqlExpression(\n key: string,\n columnMeta: { name: string; type: string }[],\n): string {\n for (const col of columnMeta) {\n const baseType = stripTypeWrappers(col.type);\n\n if (baseType.startsWith('Map(')) {\n if (key.startsWith(col.name + '.')) {\n const mapKey = key.slice(col.name.length + 1).replace(/'/g, \"''\");\n return `${col.name}['${mapKey}']`;\n }\n } else if (baseType.startsWith('Array(')) {\n const innerType = stripTypeWrappers(baseType.slice('Array('.length, -1));\n if (innerType.startsWith('Map(')) {\n const pattern = new RegExp(\n `^${escapeRegExp(col.name)}\\\\[(\\\\d+)\\\\]\\\\.(.+)$`,\n );\n const match = key.match(pattern);\n if (match) {\n const chIndex = parseInt(match[1], 10) + 1;\n const mapKey = match[2].replace(/'/g, \"''\");\n return `${col.name}[${chIndex}]['${mapKey}']`;\n }\n }\n }\n }\n return key;\n}\n\n/**\n * Converts a flattened dot-notation property key into a filter key using\n * ClickHouse bracket notation for Map columns.\n * This matches the search bar format (WHERE ResourceAttributes['k8s.pod.name'] = ...).\n * For simple (non-Map) columns, returns the key unchanged.\n *\n * NOTE: Currently produces the same output as flattenedKeyToSqlExpression for\n * Map columns. Kept separate because filter keys may diverge in the future\n * (e.g., sidebar facet format vs SQL WHERE clause format for Array(Map) columns).\n */\nexport function flattenedKeyToFilterKey(\n key: string,\n columnMeta: { name: string; type: string }[],\n): string {\n // Delegates to flattenedKeyToSqlExpression for now — both produce bracket\n // notation for Map columns. Kept as a separate entry point so filter keys\n // can diverge from SQL expressions in the future (e.g., different format\n // for sidebar facets vs WHERE clause for Array(Map) columns).\n return flattenedKeyToSqlExpression(key, columnMeta);\n}\n\nexport type AddFilterFn = (\n property: string,\n value: string,\n action?: 'only' | 'exclude' | 'include',\n) => void;\n\n// ---------------------------------------------------------------------------\n// Field classification helpers\n// ---------------------------------------------------------------------------\n\n/**\n * Extracts the base column name from a flattened key.\n * Strips array indices (e.g., \"Events.Name[0]\" → \"Events.Name\").\n * Returns null for keys with sub-keys after array indices (e.g., \"Events.Attributes[0].spanId\").\n */\nexport function getBaseColumnName(key: string): string | null {\n const arrMatch = key.match(/^([^[]+)\\[(\\d+)\\]$/);\n return arrMatch ? arrMatch[1] : key.includes('[') ? null : key;\n}\n\n/** Removes `LowCardinality(...)` and `Nullable(...)` wrappers from ClickHouse type strings. */\nexport function stripTypeWrappers(type: string): string {\n let t = type.trim();\n let changed = true;\n while (changed) {\n changed = false;\n if (t.startsWith('LowCardinality(') && t.endsWith(')')) {\n t = t.slice('LowCardinality('.length, -1).trim();\n changed = true;\n } else if (t.startsWith('Nullable(') && t.endsWith(')')) {\n t = t.slice('Nullable('.length, -1).trim();\n changed = true;\n }\n }\n return t;\n}\n\n/**\n * Returns true if the field is a structural ID field that should always be hidden.\n * Matches top-level String columns or Array(String) elements ending in \"Id\"/\"ID\".\n */\nexport function isIdField(\n key: string,\n columnMeta: { name: string; type: string }[],\n): boolean {\n const colName = getBaseColumnName(key);\n if (!colName) return false;\n if (!/(Id|ID)$/.test(colName)) return false;\n\n const col = columnMeta.find(c => c.name === colName);\n if (!col) return false;\n const baseType = stripTypeWrappers(col.type);\n if (baseType === 'String') return true;\n if (baseType.startsWith('Array(')) {\n const innerType = stripTypeWrappers(baseType.slice('Array('.length, -1));\n return innerType === 'String';\n }\n return false;\n}\n\n/**\n * Returns true if the field is a per-index timestamp array element\n * (e.g., Events.Timestamp[0]) from a column of type Array(DateTime64(...)).\n */\nexport function isTimestampArrayField(\n key: string,\n columnMeta: { name: string; type: string }[],\n): boolean {\n const colName = getBaseColumnName(key);\n if (!colName) return false;\n\n const col = columnMeta.find(c => c.name === colName);\n if (!col) return false;\n const baseType = stripTypeWrappers(col.type);\n if (!baseType.startsWith('Array(')) return false;\n const innerType = stripTypeWrappers(baseType.slice('Array('.length, -1));\n return innerType.startsWith('DateTime64(');\n}\n\n/**\n * Returns true if the field should always be hidden (ID fields + timestamp arrays).\n */\nexport function isDenylisted(\n key: string,\n columnMeta: { name: string; type: string }[],\n): boolean {\n return isIdField(key, columnMeta) || isTimestampArrayField(key, columnMeta);\n}\n\n/**\n * Returns true if the field has high cardinality (most values unique).\n * Uses min(outlierUniqueness, inlierUniqueness) > 0.9 with combined sample > 20.\n */\nexport function isHighCardinality(\n key: string,\n outlierValueOccurences: Map>,\n inlierValueOccurences: Map>,\n outlierPropertyOccurences: Map,\n inlierPropertyOccurences: Map,\n): boolean {\n const outlierTotal = outlierPropertyOccurences.get(key) ?? 0;\n const inlierTotal = inlierPropertyOccurences.get(key) ?? 0;\n const combinedSampleSize = outlierTotal + inlierTotal;\n if (combinedSampleSize <= 20) return false;\n\n const outlierUniqueValues = outlierValueOccurences.get(key)?.size ?? 0;\n const inlierUniqueValues = inlierValueOccurences.get(key)?.size ?? 0;\n\n const outlierUniqueness =\n outlierTotal > 0 ? outlierUniqueValues / outlierTotal : null;\n const inlierUniqueness =\n inlierTotal > 0 ? inlierUniqueValues / inlierTotal : null;\n\n let effectiveUniqueness: number;\n if (outlierUniqueness !== null && inlierUniqueness !== null) {\n effectiveUniqueness = Math.min(outlierUniqueness, inlierUniqueness);\n } else if (outlierUniqueness !== null) {\n effectiveUniqueness = outlierUniqueness;\n } else if (inlierUniqueness !== null) {\n effectiveUniqueness = inlierUniqueness;\n } else {\n return false;\n }\n\n return effectiveUniqueness > 0.9;\n}\n\n// ---------------------------------------------------------------------------\n// Sampling configuration\n// ---------------------------------------------------------------------------\n\n/** Default number of rows sampled when the total count is unknown */\nexport const SAMPLE_SIZE = 1000;\n\n/** Minimum number of rows to sample */\nexport const MIN_SAMPLE_SIZE = 500;\n\n/** Maximum number of rows to sample */\nexport const MAX_SAMPLE_SIZE = 5000;\n\n/** Fraction of total rows to sample (e.g., 0.01 = 1%) */\nexport const SAMPLE_RATIO = 0.01;\n\n/**\n * Builds a deterministic ORDER BY expression for stable sampling.\n * Uses the source's spanIdExpression when available, falls back to rand().\n */\nexport function getStableSampleExpression(spanIdExpression?: string): string {\n if (spanIdExpression) {\n return `cityHash64(${spanIdExpression})`;\n }\n return 'rand()';\n}\n\n/**\n * Computes the effective sample size based on total row count.\n * Adaptive formula: clamp(MIN_SAMPLE_SIZE, ceil(totalCount * SAMPLE_RATIO), MAX_SAMPLE_SIZE).\n * Returns SAMPLE_SIZE as fallback when totalCount is 0 or unavailable.\n */\nexport function computeEffectiveSampleSize(totalCount: number): number {\n if (totalCount <= 0) return SAMPLE_SIZE;\n return Math.min(\n MAX_SAMPLE_SIZE,\n Math.max(MIN_SAMPLE_SIZE, Math.ceil(totalCount * SAMPLE_RATIO)),\n );\n}\n\n// ---------------------------------------------------------------------------\n// Attribute sorting and scoring\n// ---------------------------------------------------------------------------\n\n/**\n * Comparison mode scoring: normalizes each group's percentages to sum to 100%\n * before computing max delta. Fields with identical proportional distributions\n * score 0 regardless of coverage rate differences.\n */\nexport function computeComparisonScore(\n outlierValues: Map,\n inlierValues: Map,\n): number {\n const allValues = new Set([...outlierValues.keys(), ...inlierValues.keys()]);\n if (allValues.size === 0) return 0;\n\n let outlierSum = 0;\n let inlierSum = 0;\n outlierValues.forEach(v => (outlierSum += v));\n inlierValues.forEach(v => (inlierSum += v));\n\n if (outlierSum === 0 && inlierSum === 0) return 0;\n if (outlierSum === 0 || inlierSum === 0) {\n // One group has data, the other doesn't.\n const presentValues = outlierSum > 0 ? outlierValues : inlierValues;\n // Single value with no comparison group is uninformative — score 0.\n // (e.g., Events.Name[N] = \"message\" at 100% with no inlier data)\n // Multi-value fields with no comparison group ARE informative — they show\n // that the present group has a distinctive distribution.\n if (presentValues.size <= 1) return 0;\n // Normalize to [0, 100] so the score is scale-consistent with the two-group case.\n const presentSum = outlierSum > 0 ? outlierSum : inlierSum;\n let maxNormPct = 0;\n presentValues.forEach(v => {\n const pct = (v / presentSum) * 100;\n if (pct > maxNormPct) maxNormPct = pct;\n });\n return maxNormPct;\n }\n\n let maxDelta = 0;\n allValues.forEach(value => {\n const outlierNorm = ((outlierValues.get(value) ?? 0) / outlierSum) * 100;\n const inlierNorm = ((inlierValues.get(value) ?? 0) / inlierSum) * 100;\n const delta = Math.abs(outlierNorm - inlierNorm);\n if (delta > maxDelta) maxDelta = delta;\n });\n return maxDelta;\n}\n\n/**\n * Shannon entropy-based distribution score for sorting properties.\n * Returns [0, 1]: 1 = maximally useful (low entropy, dominant value among several),\n * 0 = not useful (single value, empty, or perfectly uniform).\n */\nexport function computeEntropyScore(\n valuePercentages: Map,\n): number {\n const nValues = valuePercentages.size;\n if (nValues <= 1) return 0;\n\n let totalPct = 0;\n valuePercentages.forEach(pct => {\n totalPct += pct;\n });\n if (totalPct === 0) return 0;\n\n let entropy = 0;\n valuePercentages.forEach(pct => {\n const p = pct / totalPct;\n if (p > 0) {\n entropy -= p * Math.log2(p);\n }\n });\n\n const maxEntropy = Math.log2(nValues);\n if (maxEntropy === 0) return 0;\n\n return 1 - entropy / maxEntropy;\n}\n\n/** Well-known OTel attribute suffixes that get a score boost */\nconst BOOSTED_ATTRIBUTE_SUFFIXES = [\n 'service.name',\n 'http.method',\n 'http.request.method',\n 'http.status_code',\n 'http.response.status_code',\n 'error',\n 'error.type',\n 'deployment.environment',\n 'deployment.environment.name',\n 'rpc.method',\n 'rpc.service',\n 'db.system',\n 'db.operation',\n 'messaging.system',\n 'messaging.operation',\n];\n\n/**\n * Returns 1 for well-known OTel attributes, 0 otherwise.\n * Uses dot-segment boundary matching to avoid false positives\n * (e.g., 'SpanAttributes.myerror' won't match the 'error' entry).\n * Callers scale this as a tiebreaker (e.g., * 0.1) and only apply when baseScore > 0.\n */\nexport function semanticBoost(key: string): number {\n const lowerKey = key.toLowerCase();\n for (const suffix of BOOSTED_ATTRIBUTE_SUFFIXES) {\n if (lowerKey.endsWith('.' + suffix) || lowerKey === suffix) return 1;\n }\n return 0;\n}\n" }, { "path": "packages/app/src/config/fonts.ts", "content": "export type FontConfig = {\n variable: string;\n fallback: string;\n};\n\nexport const FONT_CONFIG: Record = {\n 'IBM Plex Mono': {\n variable: 'var(--font-ibm-plex-mono)',\n fallback: 'monospace',\n },\n 'Roboto Mono': {\n variable: 'var(--font-roboto-mono)',\n fallback: 'monospace',\n },\n Inter: {\n variable: 'var(--font-inter)',\n fallback: 'sans-serif',\n },\n Roboto: {\n variable: 'var(--font-roboto)',\n fallback: 'sans-serif',\n },\n};\n\nexport const DEFAULT_FONT_CONFIG = FONT_CONFIG.Inter;\n\n// Derived maps for convenience\nexport const FONT_VAR_MAP = Object.entries(FONT_CONFIG).reduce(\n (acc, [name, config]) => {\n acc[name] = config.variable;\n return acc;\n },\n {} as Record,\n);\n\nexport const MANTINE_FONT_MAP = Object.entries(FONT_CONFIG).reduce(\n (acc, [name, config]) => {\n acc[name] = `${config.variable}, ${config.fallback}`;\n return acc;\n },\n {} as Record,\n);\n\nexport const DEFAULT_FONT_VAR = DEFAULT_FONT_CONFIG.variable;\nexport const DEFAULT_MANTINE_FONT = `${DEFAULT_FONT_CONFIG.variable}, ${DEFAULT_FONT_CONFIG.fallback}`;\n\n// UI options for font selection\nexport const OPTIONS_FONTS = [\n 'IBM Plex Mono',\n 'Roboto Mono',\n 'Inter',\n 'Roboto',\n];\n" }, { "path": "packages/app/src/config.ts", "content": "import { env } from 'next-runtime-env';\n\n// ONLY USED IN LOCAL MODE\n// ex: NEXT_PUBLIC_HDX_LOCAL_DEFAULT_CONNECTIONS='[{\"id\":\"local\",\"name\":\"Demo\",\"host\":\"https://demo-ch.hyperdx.io\",\"username\":\"demo\",\"password\":\"demo\"}]' NEXT_PUBLIC_HDX_LOCAL_DEFAULT_SOURCES='[{\"id\":\"l701179602\",\"kind\":\"trace\",\"name\":\"Demo Traces\",\"connection\":\"local\",\"from\":{\"databaseName\":\"default\",\"tableName\":\"otel_traces\"},\"timestampValueExpression\":\"Timestamp\",\"defaultTableSelectExpression\":\"Timestamp, ServiceName, StatusCode, round(Duration / 1e6), SpanName\",\"serviceNameExpression\":\"ServiceName\",\"eventAttributesExpression\":\"SpanAttributes\",\"resourceAttributesExpression\":\"ResourceAttributes\",\"traceIdExpression\":\"TraceId\",\"spanIdExpression\":\"SpanId\",\"implicitColumnExpression\":\"SpanName\",\"durationExpression\":\"Duration\",\"durationPrecision\":9,\"parentSpanIdExpression\":\"ParentSpanId\",\"spanKindExpression\":\"SpanKind\",\"spanNameExpression\":\"SpanName\",\"logSourceId\":\"l-758211293\",\"statusCodeExpression\":\"StatusCode\",\"statusMessageExpression\":\"StatusMessage\"},{\"id\":\"l-758211293\",\"kind\":\"log\",\"name\":\"Demo Logs\",\"connection\":\"local\",\"from\":{\"databaseName\":\"default\",\"tableName\":\"otel_logs\"},\"timestampValueExpression\":\"TimestampTime\",\"defaultTableSelectExpression\":\"Timestamp, ServiceName, SeverityText, Body\",\"serviceNameExpression\":\"ServiceName\",\"severityTextExpression\":\"SeverityText\",\"eventAttributesExpression\":\"LogAttributes\",\"resourceAttributesExpression\":\"ResourceAttributes\",\"traceIdExpression\":\"TraceId\",\"spanIdExpression\":\"SpanId\",\"implicitColumnExpression\":\"Body\",\"traceSourceId\":\"l701179602\"}]' yarn dev:local\nexport const HDX_LOCAL_DEFAULT_CONNECTIONS = env(\n 'NEXT_PUBLIC_HDX_LOCAL_DEFAULT_CONNECTIONS',\n);\nexport const HDX_LOCAL_DEFAULT_SOURCES = env(\n 'NEXT_PUBLIC_HDX_LOCAL_DEFAULT_SOURCES',\n);\nexport const HDX_DISABLE_METADATA_FIELD_FETCH = env(\n 'NEXT_PUBLIC_HDX_DISABLE_METADATA_FIELD_FETCH',\n);\n\nexport const NODE_ENV = process.env.NODE_ENV as string;\nexport const HDX_API_KEY = process.env.HYPERDX_API_KEY as string; // for nextjs server\nexport const HDX_SERVICE_NAME =\n process.env.NEXT_PUBLIC_OTEL_SERVICE_NAME ?? 'hdx-oss-dev-app';\nexport const HDX_EXPORTER_ENABLED =\n (process.env.HDX_EXPORTER_ENABLED ?? 'true') === 'true';\nexport const HDX_COLLECTOR_URL =\n process.env.NEXT_PUBLIC_OTEL_EXPORTER_OTLP_ENDPOINT ??\n 'http://localhost:4318';\nexport const IS_CI = NODE_ENV === 'ci';\nexport const IS_DEV = NODE_ENV === 'development';\nexport const IS_PROD = NODE_ENV === 'production';\n\nexport const IS_OSS = process.env.NEXT_PUBLIC_IS_OSS ?? 'true' === 'true';\nexport const IS_LOCAL_MODE = //true;\n // @ts-ignore\n (process.env.NEXT_PUBLIC_IS_LOCAL_MODE ?? 'false') === 'true';\nexport const IS_CLICKHOUSE_BUILD =\n process.env.NEXT_PUBLIC_CLICKHOUSE_BUILD === 'true';\n\n/** Time captured at module load, use this a stable fallback/default time value instead of Date.now() defined in each React component file */\n// eslint-disable-next-line no-restricted-syntax\nexport const NOW = Date.now();\n\n// Features in development\nexport const IS_K8S_DASHBOARD_ENABLED = true;\nexport const IS_METRICS_ENABLED = true;\nexport const IS_MTVIEWS_ENABLED = false;\nexport const IS_SESSIONS_ENABLED = true;\n" }, { "path": "packages/app/src/connection.ts", "content": "import store from 'store2';\nimport { testLocalConnection } from '@hyperdx/common-utils/dist/clickhouse/browser';\nimport { Connection } from '@hyperdx/common-utils/dist/types';\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\n\nimport { hdxServer } from '@/api';\nimport { HDX_LOCAL_DEFAULT_CONNECTIONS, IS_LOCAL_MODE } from '@/config';\nimport { parseJSON } from '@/utils';\n\nexport const LOCAL_STORE_CONNECTIONS_KEY = 'connections';\n\nfunction setLocalConnections(newConnections: Connection[]) {\n // sessing sessionStorage doesn't send a storage event to the open tab, only\n // another tab. Let's send one anyways for any listeners in other components\n const storageEvent = new StorageEvent('storage', {\n key: LOCAL_STORE_CONNECTIONS_KEY,\n oldValue: store.session.get(LOCAL_STORE_CONNECTIONS_KEY),\n newValue: JSON.stringify(newConnections),\n storageArea: window.sessionStorage,\n url: window.location.href,\n });\n store.session.set(LOCAL_STORE_CONNECTIONS_KEY, newConnections);\n window.dispatchEvent(storageEvent);\n}\n\nexport function getLocalConnections(): Connection[] {\n if (store.session.has(LOCAL_STORE_CONNECTIONS_KEY)) {\n return store.session.get(LOCAL_STORE_CONNECTIONS_KEY) ?? [];\n }\n // pull sources from env var\n try {\n const defaultConnections = parseJSON(HDX_LOCAL_DEFAULT_CONNECTIONS ?? '');\n if (defaultConnections != null) {\n return defaultConnections;\n }\n } catch (e) {\n console.error('Error fetching default connections', e);\n }\n // fallback to empty array\n return [];\n}\n\nexport function useConnections() {\n return useQuery({\n queryKey: ['connections'],\n queryFn: () => {\n if (IS_LOCAL_MODE) {\n return getLocalConnections();\n }\n\n return hdxServer('connections').json();\n },\n });\n}\n\nexport function useCreateConnection() {\n const queryClient = useQueryClient();\n\n return useMutation<\n { id: string },\n Error,\n { connection: Omit }\n >({\n mutationFn: async ({ connection }) => {\n if (IS_LOCAL_MODE) {\n const isValid = await testLocalConnection({\n host: connection.host,\n username: connection.username,\n password: connection.password ?? '',\n });\n\n if (!isValid) {\n throw new Error(\n 'Could not connect to Clickhouse with connection details',\n );\n }\n\n // id key in local connection and return value\n const createdConnection = { id: 'local' };\n\n // should be only one connection\n setLocalConnections([\n {\n ...connection,\n ...createdConnection,\n },\n ]);\n return createdConnection;\n }\n\n const res = await hdxServer('connections', {\n method: 'POST',\n json: connection,\n }).json<{ id: string }>();\n\n return res;\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['connections'] });\n queryClient.invalidateQueries({ queryKey: ['sources'] });\n },\n });\n}\n\nexport function useUpdateConnection() {\n const queryClient = useQueryClient();\n\n return useMutation({\n mutationFn: async ({\n connection,\n id,\n }: {\n connection: Connection;\n id: string;\n }) => {\n if (IS_LOCAL_MODE) {\n // should be only one connection\n setLocalConnections([\n {\n ...connection,\n id: 'local',\n },\n ]);\n\n return;\n }\n\n await hdxServer(`connections/${id}`, {\n method: 'PUT',\n json: connection,\n });\n\n return;\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['connections'] });\n },\n });\n}\n\nexport function useDeleteConnection() {\n const queryClient = useQueryClient();\n\n return useMutation({\n mutationFn: async ({\n id,\n }: {\n id: string; // Ignored for local\n }) => {\n if (IS_LOCAL_MODE) {\n const connections = getLocalConnections();\n const newConnections = connections.filter(\n connection => connection.id !== id,\n );\n setLocalConnections(newConnections);\n\n return;\n }\n\n await hdxServer(`connections/${id}`, {\n method: 'DELETE',\n });\n\n return;\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['connections'] });\n },\n });\n}\n" }, { "path": "packages/app/src/dashboard.ts", "content": "import { useCallback, useMemo, useState } from 'react';\nimport { parseAsJson, useQueryState } from 'nuqs';\nimport {\n DashboardContainer,\n DashboardFilter,\n Filter,\n SavedChartConfig,\n SearchConditionLanguage,\n} from '@hyperdx/common-utils/dist/types';\nimport { notifications } from '@mantine/notifications';\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\n\nimport { hashCode } from '@/utils';\n\nimport { hdxServer } from './api';\nimport { IS_LOCAL_MODE } from './config';\nimport { createEntityStore } from './localStore';\n\n// TODO: Move to types\nexport type Tile = {\n id: string;\n x: number;\n y: number;\n w: number;\n h: number;\n config: SavedChartConfig;\n containerId?: string;\n};\n\nexport type Dashboard = {\n id: string;\n name: string;\n tiles: Tile[];\n tags: string[];\n filters?: DashboardFilter[];\n savedQuery?: string | null;\n savedQueryLanguage?: SearchConditionLanguage | null;\n savedFilterValues?: Filter[];\n containers?: DashboardContainer[];\n};\n\nconst localDashboards = createEntityStore('hdx-local-dashboards');\n\nasync function fetchDashboards(): Promise {\n if (IS_LOCAL_MODE) {\n return localDashboards.getAll();\n }\n return hdxServer('dashboards').json();\n}\n\nexport function useUpdateDashboard() {\n const queryClient = useQueryClient();\n\n return useMutation({\n mutationFn: async (\n dashboard: Partial & { id: Dashboard['id'] },\n ) => {\n if (IS_LOCAL_MODE) {\n const { id, ...updates } = dashboard;\n localDashboards.update(id, updates);\n return;\n }\n await hdxServer(`dashboards/${dashboard.id}`, {\n method: 'PATCH',\n json: dashboard,\n });\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['dashboards'] });\n },\n });\n}\n\nexport function useCreateDashboard() {\n const queryClient = useQueryClient();\n\n return useMutation({\n mutationFn: async (dashboard: Omit) => {\n if (IS_LOCAL_MODE) {\n return localDashboards.create(dashboard);\n }\n return hdxServer('dashboards', {\n method: 'POST',\n json: dashboard,\n }).json();\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['dashboards'] });\n },\n });\n}\n\nexport function useDashboards() {\n return useQuery({\n queryKey: ['dashboards'],\n queryFn: fetchDashboards,\n });\n}\n\nexport function useDashboard({\n dashboardId,\n presetConfig,\n}: {\n dashboardId?: string;\n presetConfig?: Dashboard;\n}) {\n const defaultDashboard = useMemo(() => {\n return (\n presetConfig ?? {\n id: '',\n name: 'My New Dashboard',\n tiles: [],\n tags: [],\n }\n );\n }, [presetConfig]);\n\n const [localDashboard, setLocalDashboard] = useQueryState(\n 'dashboard',\n parseAsJson(),\n );\n\n const updateDashboard = useUpdateDashboard();\n\n const { data: remoteDashboard, isFetching: isFetchingRemoteDashboard } =\n useQuery({\n queryKey: ['dashboards'],\n queryFn: fetchDashboards,\n select: data => {\n return data.find(d => d.id === dashboardId);\n },\n enabled: dashboardId != null,\n });\n\n const [isSetting, setIsSettingDashboard] = useState(false);\n\n const isLocalDashboard = dashboardId == null;\n\n const dashboard: Dashboard | undefined = useMemo(() => {\n if (isLocalDashboard) {\n return localDashboard ?? defaultDashboard;\n }\n return remoteDashboard;\n }, [isLocalDashboard, localDashboard, defaultDashboard, remoteDashboard]);\n\n const setDashboard = useCallback(\n (\n newDashboard: Dashboard,\n onSuccess?: VoidFunction,\n onError?: VoidFunction,\n ) => {\n if (isLocalDashboard) {\n setLocalDashboard(newDashboard);\n onSuccess?.();\n } else {\n setIsSettingDashboard(true);\n return updateDashboard.mutate(newDashboard, {\n onSuccess: () => {\n setIsSettingDashboard(false);\n onSuccess?.();\n },\n onError: e => {\n setIsSettingDashboard(false);\n notifications.show({\n color: 'red',\n title: 'Unable to save dashboard',\n message: e.message.slice(0, 100),\n autoClose: 5000,\n });\n onError?.();\n },\n });\n }\n },\n [isLocalDashboard, setLocalDashboard, updateDashboard],\n );\n\n const dashboardHash =\n dashboardId != null\n ? dashboardId\n : hashCode(`${JSON.stringify(dashboard)}`);\n\n return {\n dashboard,\n setDashboard,\n dashboardHash,\n isLocalDashboard,\n isFetching: isFetchingRemoteDashboard,\n isSetting,\n };\n}\n\nexport function fetchLocalDashboards(): Dashboard[] {\n return localDashboards.getAll();\n}\n\nexport function getLocalDashboardTags(): string[] {\n const tagSet = new Set();\n localDashboards\n .getAll()\n .forEach(d => (d.tags ?? []).forEach(t => tagSet.add(t)));\n return Array.from(tagSet);\n}\n\nexport function useDeleteDashboard() {\n const queryClient = useQueryClient();\n\n return useMutation({\n mutationFn: (id: string) => {\n if (IS_LOCAL_MODE) {\n localDashboards.delete(id);\n return Promise.resolve();\n }\n return hdxServer(`dashboards/${id}`, { method: 'DELETE' }).json();\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['dashboards'] });\n },\n });\n}\n" }, { "path": "packages/app/src/defaults.ts", "content": "import type { BuilderChartConfigWithDateRange } from '@hyperdx/common-utils/dist/types';\n\n// Limit defaults\nexport const DEFAULT_SEARCH_ROW_LIMIT = 200;\nexport const DEFAULT_QUERY_TIMEOUT = 60; // max_execution_time, seconds\n\nexport function searchChartConfigDefaults(\n team: any | undefined | null,\n): Partial {\n return {\n limit: {\n limit: team?.searchRowLimit ?? DEFAULT_SEARCH_ROW_LIMIT,\n },\n };\n}\n" }, { "path": "packages/app/src/fixtures.ts", "content": "import { Router } from 'next/router';\nimport type { UrlObject } from 'url';\nimport { LocationMock } from '@jedmao/location';\n\ntype PartialRouter = Partial;\n\nexport const BASE_URL = 'https://www.hyperdx.io';\n\n/**\n * A Router to be used for testing which provides the bare minimum needed\n * for the useQueryParam(s) hook and NextAdapter to work.\n */\nexport class TestRouter implements PartialRouter {\n isReady = true;\n pathname = '/';\n private currentUrl = '';\n private history: string[] = [];\n\n constructor(private locationMock: LocationMock) {}\n\n replace = (url: string | UrlObject) => {\n this.locationMock.assign(`${BASE_URL}${url}`);\n this.currentUrl = TestRouter.getURLString(url);\n this.locationMock.assign(`${BASE_URL}${this.currentUrl}`);\n return Promise.resolve(true);\n };\n\n push = (url: string | UrlObject) => {\n this.history.push(this.currentUrl);\n this.currentUrl = TestRouter.getURLString(url);\n this.locationMock.assign(`${BASE_URL}${this.currentUrl}`);\n return Promise.resolve(true);\n };\n\n setIsReady = (isReady: boolean) => {\n this.isReady = isReady;\n };\n\n get asPath() {\n return this.pathname;\n }\n\n static getURLString(url: string | UrlObject): string {\n if (typeof url === 'string') {\n return url;\n }\n return `${url.pathname}${url.search}`;\n }\n\n getParams(): URLSearchParams {\n return new URL(`${BASE_URL}${this.currentUrl}`).searchParams;\n }\n}\n" }, { "path": "packages/app/src/fonts.ts", "content": "import { IBM_Plex_Mono, Inter, Roboto, Roboto_Mono } from 'next/font/google';\n\nexport const ibmPlexMono = IBM_Plex_Mono({\n weight: ['300', '400', '500', '600', '700'],\n subsets: ['latin'],\n variable: '--font-ibm-plex-mono',\n display: 'swap',\n});\n\nexport const robotoMono = Roboto_Mono({\n weight: ['100', '300', '400', '500', '700'],\n subsets: ['latin'],\n variable: '--font-roboto-mono',\n display: 'swap',\n});\n\nexport const inter = Inter({\n weight: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin'],\n variable: '--font-inter',\n display: 'swap',\n});\n\nexport const roboto = Roboto({\n weight: ['100', '300', '400', '500', '700'],\n subsets: ['latin'],\n variable: '--font-roboto',\n display: 'swap',\n});\n" }, { "path": "packages/app/src/hdxMTViews.ts", "content": "import objectHash from 'object-hash';\nimport {\n ChSql,\n chSql,\n parameterizedQueryToSql,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport { Metadata } from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n FIXED_TIME_BUCKET_EXPR_ALIAS,\n isNonEmptyWhereExpr,\n isUsingGroupBy,\n renderChartConfig,\n} from '@hyperdx/common-utils/dist/core/renderChartConfig';\nimport {\n AggregateFunction,\n BuilderChartConfigWithOptDateRange,\n DerivedColumn,\n QuerySettings,\n SQLInterval,\n} from '@hyperdx/common-utils/dist/types';\n\nconst HDX_DATABASE = 'hyperdx'; // all materialized views should sit in this database\n\n// a hashed select field used as a field name in the materialized view\n// TODO: normalize it using sql parser?\nconst getUniqSelectFieldName = (select: DerivedColumn) =>\n objectHash.sha1(select);\n\nconst getAggFn = (\n select: DerivedColumn,\n): {\n fieldName: string;\n fn: AggregateFunction | `${AggregateFunction}If`;\n args: string[];\n} => {\n const fieldName = getUniqSelectFieldName(select);\n const isWhereUsed = isNonEmptyWhereExpr(select.aggCondition);\n switch (select.aggFn) {\n case 'min':\n case 'max':\n case 'sum':\n case 'avg':\n return {\n fieldName,\n fn: `${select.aggFn}${isWhereUsed ? 'If' : ''}`,\n args: ['Nullable(Float64)', ...(isWhereUsed ? ['UInt8'] : [])],\n };\n case 'count':\n return {\n fieldName,\n fn: `${select.aggFn}${isWhereUsed ? 'If' : ''}`,\n args: isWhereUsed ? ['UInt8'] : [],\n };\n default:\n throw new Error(`Unsupported aggregation function: ${select.aggFn}`);\n }\n};\n\nconst buildMTViewDataTableDDL = (\n table: string,\n chartConfig: BuilderChartConfigWithOptDateRange,\n) => {\n if (!Array.isArray(chartConfig.select)) {\n throw new Error('Only array select is supported');\n }\n\n // TODO: Support group by\n const isIncludingGroupBy = isUsingGroupBy(chartConfig);\n if (isIncludingGroupBy) {\n throw new Error('Group by is not supported');\n }\n\n return chSql`CREATE TABLE IF NOT EXISTS ${HDX_DATABASE}.${{ Identifier: table }}\n (\n ${{ Identifier: FIXED_TIME_BUCKET_EXPR_ALIAS }} DateTime,\n ${chartConfig.select\n .map(select => {\n const { args, fieldName, fn } = getAggFn(select);\n\n const aggFnArgs = [fn, ...args].join(',');\n\n return `${fieldName} AggregateFunction(${aggFnArgs})`;\n })\n .join(',\\n')}\n )\n ENGINE = AggregatingMergeTree\n ORDER BY ${{ Identifier: FIXED_TIME_BUCKET_EXPR_ALIAS }}\n SETTINGS index_granularity = 8192\n `;\n};\n\nconst buildMTViewDDL = (name: string, table: string, query: ChSql) => {\n return chSql`CREATE MATERIALIZED VIEW IF NOT EXISTS ${HDX_DATABASE}.${{ Identifier: name }} TO ${HDX_DATABASE}.${{ Identifier: table }} AS\n ${query}\n `;\n};\n\nexport const buildMTViewSelectQuery = async (\n chartConfig: BuilderChartConfigWithOptDateRange,\n metadata: Metadata,\n querySettings: QuerySettings | undefined,\n customGranularity?: SQLInterval,\n) => {\n const _config = {\n ...chartConfig,\n ...(Array.isArray(chartConfig.select) && {\n select: chartConfig.select.map(select => {\n const { fieldName, fn } = getAggFn(select);\n return {\n ...select,\n aggFn: `${fn}State`,\n alias: fieldName,\n };\n }) as DerivedColumn[],\n }),\n granularity: customGranularity ?? chartConfig.granularity,\n dateRange: undefined,\n orderBy: undefined,\n limit: undefined,\n };\n const mtViewSQL = await renderChartConfig(_config, metadata, querySettings);\n const mtViewSQLHash = objectHash.sha1(mtViewSQL);\n const mtViewName = `${chartConfig.from.tableName}_mv_${mtViewSQLHash}`;\n const renderMTViewConfig = {\n ...chartConfig,\n ...(Array.isArray(chartConfig.select) && {\n select: chartConfig.select.map(select => {\n const { fieldName, fn } = getAggFn(select);\n return {\n aggFn: `${fn}Merge`,\n valueExpression: fieldName,\n alias: `${select.aggFn}(${select.valueExpression})`, // FIXME: format this properly\n };\n }) as DerivedColumn[],\n }),\n timestampValueExpression: FIXED_TIME_BUCKET_EXPR_ALIAS,\n from: {\n databaseName: HDX_DATABASE,\n tableName: mtViewName,\n },\n };\n\n return {\n mtViewName,\n dataTableDDL: parameterizedQueryToSql(\n buildMTViewDataTableDDL(`${mtViewName}_data`, chartConfig),\n ),\n mtViewDDL: parameterizedQueryToSql(\n buildMTViewDDL(mtViewName, `${mtViewName}_data`, mtViewSQL),\n ),\n renderMTViewConfig: async () => {\n try {\n return await renderChartConfig(\n renderMTViewConfig,\n metadata,\n querySettings,\n );\n } catch (e) {\n console.error('Failed to render MTView config', e);\n return null;\n }\n },\n };\n};\n" }, { "path": "packages/app/src/hooks/__tests__/useAutoCompleteOptions.test.tsx", "content": "import { JSDataType } from '@hyperdx/common-utils/dist/clickhouse';\nimport { Field } from '@hyperdx/common-utils/dist/core/metadata';\nimport { renderHook } from '@testing-library/react';\n\nimport { LuceneLanguageFormatter } from '../../components/SearchInput/SearchInputV2';\nimport { useAutoCompleteOptions } from '../useAutoCompleteOptions';\nimport {\n useJsonColumns,\n useMultipleAllFields,\n useMultipleGetKeyValues,\n} from '../useMetadata';\n\n// Mock dependencies\njest.mock('../useMetadata', () => ({\n ...jest.requireActual('../useMetadata.tsx'),\n useMultipleAllFields: jest.fn(),\n useMultipleGetKeyValues: jest.fn(),\n useJsonColumns: jest.fn(),\n}));\n\nconst luceneFormatter = new LuceneLanguageFormatter();\n\nconst mockFields: Field[] = [\n {\n path: ['ResourceAttributes'],\n jsType: JSDataType.Map,\n type: 'map',\n },\n {\n path: ['ResourceAttributes', 'service.name'],\n jsType: JSDataType.String,\n type: 'string',\n },\n {\n path: ['TraceAttributes', 'trace.id'],\n jsType: JSDataType.String,\n type: 'string',\n },\n];\n\nconst mockTableConnection = {\n databaseName: 'test_db',\n tableName: 'traces',\n connectionId: 'conn1',\n};\n\ndescribe('useAutoCompleteOptions', () => {\n beforeEach(() => {\n // Reset mocks before each test\n jest.clearAllMocks();\n\n // Setup default mock implementations\n (useMultipleAllFields as jest.Mock).mockReturnValue({\n data: mockFields,\n });\n\n (useMultipleGetKeyValues as jest.Mock).mockReturnValue({\n data: null,\n });\n\n (useJsonColumns as jest.Mock).mockReturnValue({\n data: null,\n });\n });\n\n it('should return field options with correct lucene formatting', () => {\n const { result } = renderHook(() =>\n useAutoCompleteOptions(luceneFormatter, 'ResourceAttributes', {\n tableConnection: mockTableConnection,\n }),\n );\n\n expect(result.current).toEqual([\n {\n value: 'ResourceAttributes',\n label: 'ResourceAttributes (map)',\n },\n {\n value: 'ResourceAttributes.service.name',\n label: 'ResourceAttributes.service.name (string)',\n },\n {\n value: 'TraceAttributes.trace.id',\n label: 'TraceAttributes.trace.id (string)',\n },\n ]);\n });\n\n it('should return key value options with correct lucene formatting', () => {\n const mockKeyValues = [\n {\n key: 'ResourceAttributes.service.name',\n value: ['frontend', 'backend'],\n },\n ];\n\n (useMultipleGetKeyValues as jest.Mock).mockReturnValue({\n data: mockKeyValues,\n });\n\n const { result } = renderHook(() =>\n useAutoCompleteOptions(\n luceneFormatter,\n 'ResourceAttributes.service.name',\n {\n tableConnection: mockTableConnection,\n },\n ),\n );\n\n expect(result.current).toEqual([\n {\n value: 'ResourceAttributes',\n label: 'ResourceAttributes (map)',\n },\n {\n value: 'ResourceAttributes.service.name',\n label: 'ResourceAttributes.service.name (string)',\n },\n {\n value: 'TraceAttributes.trace.id',\n label: 'TraceAttributes.trace.id (string)',\n },\n {\n value: 'ResourceAttributes.service.name:\"frontend\"',\n label: 'ResourceAttributes.service.name:\"frontend\"',\n },\n {\n value: 'ResourceAttributes.service.name:\"backend\"',\n label: 'ResourceAttributes.service.name:\"backend\"',\n },\n ]);\n });\n\n // TODO: Does this test case need to be removed after HDX-1548?\n it('should handle nested key value options', () => {\n const mockKeyValues = [\n {\n key: 'ResourceAttributes',\n value: [\n {\n 'service.name': 'frontend',\n 'deployment.environment': 'production',\n },\n ],\n },\n ];\n\n (useMultipleGetKeyValues as jest.Mock).mockReturnValue({\n data: mockKeyValues,\n });\n\n const { result } = renderHook(() =>\n useAutoCompleteOptions(luceneFormatter, 'ResourceAttributes', {\n tableConnection: mockTableConnection,\n }),\n );\n\n //console.log(result.current);\n expect(result.current).toEqual([\n {\n value: 'ResourceAttributes',\n label: 'ResourceAttributes (map)',\n },\n {\n value: 'ResourceAttributes.service.name',\n label: 'ResourceAttributes.service.name (string)',\n },\n {\n value: 'TraceAttributes.trace.id',\n label: 'TraceAttributes.trace.id (string)',\n },\n {\n value: 'ResourceAttributes.service.name:\"frontend\"',\n label: 'ResourceAttributes.service.name:\"frontend\"',\n },\n {\n value: 'ResourceAttributes.deployment.environment:\"production\"',\n label: 'ResourceAttributes.deployment.environment:\"production\"',\n },\n ]);\n });\n\n it('should handle additional suggestions', () => {\n const { result } = renderHook(() =>\n useAutoCompleteOptions(luceneFormatter, 'ResourceAttributes', {\n tableConnection: mockTableConnection,\n additionalSuggestions: ['custom.field'],\n }),\n );\n\n expect(result.current).toEqual([\n {\n value: 'ResourceAttributes',\n label: 'ResourceAttributes (map)',\n },\n {\n value: 'ResourceAttributes.service.name',\n label: 'ResourceAttributes.service.name (string)',\n },\n {\n value: 'TraceAttributes.trace.id',\n label: 'TraceAttributes.trace.id (string)',\n },\n {\n value: 'custom.field',\n label: 'custom.field',\n },\n ]);\n });\n});\n" }, { "path": "packages/app/src/hooks/__tests__/useChartConfig.test.tsx", "content": "import React from 'react';\nimport { ResponseJSON } from '@hyperdx/common-utils/dist/clickhouse';\nimport { ClickhouseClient } from '@hyperdx/common-utils/dist/clickhouse/browser';\nimport { isBuilderChartConfig } from '@hyperdx/common-utils/dist/guards';\nimport {\n ChartConfigWithDateRange,\n ChartConfigWithOptDateRange,\n MetricsDataType,\n} from '@hyperdx/common-utils/dist/types';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { renderHook, waitFor } from '@testing-library/react';\n\nimport { useClickhouseClient } from '@/clickhouse';\n\nimport {\n getGranularityAlignedTimeWindows,\n useQueriedChartConfig,\n} from '../useChartConfig';\nimport { useMVOptimizationExplanation } from '../useMVOptimizationExplanation';\n\n// Mock the clickhouse module\njest.mock('@/clickhouse', () => ({\n useClickhouseClient: jest.fn(),\n}));\n\n// Mock the metadata module\njest.mock('@/metadata', () => ({\n getMetadata: jest.fn(() => ({\n sources: [],\n connections: {},\n })),\n}));\n\n// Mock the config module\njest.mock('@/config', () => ({\n IS_MTVIEWS_ENABLED: false,\n}));\n\n// Mock the MV optimization module\njest.mock('../useMVOptimizationExplanation', () => ({\n useMVOptimizationExplanation: jest.fn().mockReturnValue({\n data: undefined,\n isLoading: false,\n }),\n}));\n\n// Create a mock ChartConfig\nconst createMockChartConfig = (\n overrides: Partial = {},\n): ChartConfigWithOptDateRange =>\n ({\n connection: 'foo',\n from: {\n databaseName: 'default',\n tableName: 'otel_logs',\n },\n where: '',\n select: [{ aggCondition: '', aggFn: 'count', valueExpression: '' }],\n timestampValueExpression: 'TimestampTime',\n groupBy: 'SeverityText',\n ...overrides,\n }) as ChartConfigWithOptDateRange;\n\nconst createMockQueryResponse = (data: any[]): ResponseJSON => {\n return {\n data,\n rows: data.length,\n meta: [\n {\n name: 'count()',\n type: 'UInt64',\n },\n {\n name: 'SeverityText',\n type: 'LowCardinality(String)',\n },\n {\n name: '__hdx_time_bucket',\n type: 'DateTime',\n },\n ],\n };\n};\n\ndescribe('useChartConfig', () => {\n describe('getGranularityAlignedTimeWindows', () => {\n it('returns windows aligned to the granularity if the granularity is auto', () => {\n expect(\n getGranularityAlignedTimeWindows(\n {\n dateRange: [\n new Date('2023-01-10 00:00:00'),\n new Date('2023-01-10 01:00:00'),\n ],\n granularity: 'auto', // will be 1 minute\n timestampValueExpression: 'TimestampTime',\n } as ChartConfigWithDateRange & { granularity: string },\n [\n 30, // 30s\n 5 * 60, // 5m\n 60 * 60, // 1hr\n ],\n ),\n ).toEqual([\n {\n dateRange: [\n new Date('2023-01-10 00:59:00'), // Aligned to minute, the auto-inferred granularity\n new Date('2023-01-10 01:00:00'),\n ],\n dateRangeEndInclusive: undefined,\n },\n {\n dateRange: [\n new Date('2023-01-10 00:54:00'),\n new Date('2023-01-10 00:59:00'),\n ],\n dateRangeEndInclusive: false,\n },\n {\n dateRange: [\n new Date('2023-01-10 00:00:00'),\n new Date('2023-01-10 00:54:00'),\n ],\n dateRangeEndInclusive: false,\n },\n ]);\n });\n\n it('returns windows aligned to the granularity if the granularity is larger than the window size', () => {\n expect(\n getGranularityAlignedTimeWindows(\n {\n dateRange: [\n new Date('2023-01-10 00:00:00'),\n new Date('2023-01-10 00:10:00'),\n ],\n granularity: '1 minute',\n timestampValueExpression: 'TimestampTime',\n } as ChartConfigWithDateRange & { granularity: string },\n [\n 30, // 30s\n 60, // 1m\n 5 * 60, // 5m\n ],\n ),\n ).toEqual([\n {\n dateRange: [\n new Date('2023-01-10 00:09:00'), // window is expanded beyond the desired 30s, to align to 1m granularity\n new Date('2023-01-10 00:10:00'),\n ],\n dateRangeEndInclusive: undefined,\n },\n {\n dateRange: [\n new Date('2023-01-10 00:08:00'), // Second window is 1m (as desired) and aligned to granularity\n new Date('2023-01-10 00:09:00'),\n ],\n dateRangeEndInclusive: false,\n },\n {\n dateRange: [\n new Date('2023-01-10 00:03:00'), // Third window is 5m (as desired) and aligned to granularity\n new Date('2023-01-10 00:08:00'),\n ],\n dateRangeEndInclusive: false,\n },\n {\n dateRange: [\n new Date('2023-01-10 00:00:00'), // Fourth window is shortened to fit within the overall date range, but still aligned to granularity\n new Date('2023-01-10 00:03:00'),\n ],\n dateRangeEndInclusive: false,\n },\n ]);\n });\n\n it('Skips windows that would be double-queried due to alignment', () => {\n expect(\n getGranularityAlignedTimeWindows(\n {\n dateRange: [\n new Date('2023-01-10 00:08:00'),\n new Date('2023-01-10 00:10:00'),\n ],\n granularity: '1 minute',\n timestampValueExpression: 'TimestampTime',\n } as ChartConfigWithDateRange & { granularity: string },\n [\n 15, // 15s\n ],\n ),\n ).toEqual([\n {\n dateRange: [\n new Date('2023-01-10 00:09:00'), // window is expanded beyond the desired 30s, to align to 1m granularity\n new Date('2023-01-10 00:10:00'),\n ],\n dateRangeEndInclusive: undefined,\n },\n {\n dateRange: [\n new Date('2023-01-10 00:08:00'),\n new Date('2023-01-10 00:09:00'),\n ],\n dateRangeEndInclusive: false,\n },\n ]);\n });\n\n it('returns windows aligned to the granularity if the granularity is smaller than the window size', () => {\n expect(\n getGranularityAlignedTimeWindows(\n {\n dateRange: [\n new Date('2023-01-09 22:00:40'),\n new Date('2023-01-10 00:00:30'),\n ],\n granularity: '1 minute',\n timestampValueExpression: 'TimestampTime',\n dateRangeEndInclusive: true,\n } as ChartConfigWithDateRange & { granularity: string },\n [\n 15 * 60, // 15m\n 30 * 60, // 30m\n ],\n ),\n ).toEqual([\n {\n dateRange: [\n new Date('2023-01-09 23:45:00'), // Window is lengthened to align to granularity\n new Date('2023-01-10 00:00:30'),\n ],\n dateRangeEndInclusive: true,\n },\n {\n dateRange: [\n new Date('2023-01-09 23:15:00'),\n new Date('2023-01-09 23:45:00'),\n ],\n dateRangeEndInclusive: false,\n },\n {\n dateRange: [\n new Date('2023-01-09 22:45:00'),\n new Date('2023-01-09 23:15:00'),\n ],\n dateRangeEndInclusive: false,\n },\n {\n dateRange: [\n new Date('2023-01-09 22:15:00'),\n new Date('2023-01-09 22:45:00'),\n ],\n dateRangeEndInclusive: false,\n },\n {\n dateRange: [\n new Date('2023-01-09 22:00:40'), // Window is shortened to fit within the overall date range\n new Date('2023-01-09 22:15:00'),\n ],\n dateRangeEndInclusive: false,\n },\n ]);\n });\n\n it('does not return a window that starts before the overall start date', () => {\n expect(\n getGranularityAlignedTimeWindows(\n {\n dateRange: [\n new Date('2023-01-10 00:00:30'),\n new Date('2023-01-10 00:02:00'),\n ],\n granularity: '1 minute',\n timestampValueExpression: 'TimestampTime',\n } as ChartConfigWithDateRange & { granularity: string },\n [\n 60, // 1m\n ],\n ),\n ).toEqual([\n {\n dateRange: [\n new Date('2023-01-10 00:01:00'),\n new Date('2023-01-10 00:02:00'),\n ],\n dateRangeEndInclusive: undefined,\n },\n {\n dateRange: [\n new Date('2023-01-10 00:00:30'), // Window is shortened to fit within the overall date range\n new Date('2023-01-10 00:01:00'),\n ],\n dateRangeEndInclusive: false,\n },\n ]);\n });\n\n it('returns a single window matching the input date range if the input date range is empty', () => {\n expect(\n getGranularityAlignedTimeWindows(\n {\n dateRange: [\n new Date('2023-01-10 00:00:30'),\n new Date('2023-01-10 00:00:30'),\n ],\n granularity: '1 minute',\n timestampValueExpression: 'TimestampTime',\n } as ChartConfigWithDateRange & { granularity: string },\n [\n 60, // 1m\n 5 * 60, // 5m\n ],\n ),\n ).toEqual([\n {\n dateRange: [\n new Date('2023-01-10 00:00:30'),\n new Date('2023-01-10 00:00:30'),\n ],\n },\n ]);\n });\n });\n\n describe('useQueriedChartConfig', () => {\n let queryClient: QueryClient;\n let wrapper: React.ComponentType<{ children: any }>;\n let mockClickhouseClient: jest.Mocked;\n\n beforeEach(() => {\n jest.clearAllMocks();\n\n queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n retry: false,\n },\n },\n });\n\n wrapper = ({ children }) => (\n \n {children}\n \n );\n\n mockClickhouseClient = {\n queryChartConfig: jest.fn(),\n } as unknown as jest.Mocked;\n\n jest.mocked(useClickhouseClient).mockReturnValue(mockClickhouseClient);\n });\n\n it('fetches data without chunking when no dateRange is provided', async () => {\n const config = createMockChartConfig({\n dateRange: undefined,\n granularity: '1 minute',\n });\n\n const mockResponse = createMockQueryResponse([\n {\n 'count()': '71',\n SeverityText: 'info',\n __hdx_time_bucket: '2025-10-01T00:00:00Z',\n },\n {\n 'count()': '73',\n SeverityText: 'info',\n __hdx_time_bucket: '2025-10-02T00:00:00Z',\n },\n ]);\n\n mockClickhouseClient.queryChartConfig.mockResolvedValue(mockResponse);\n\n const { result } = renderHook(\n () => useQueriedChartConfig(config, { enableQueryChunking: true }),\n {\n wrapper,\n },\n );\n\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalledTimes(1);\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalledWith({\n config,\n metadata: expect.any(Object),\n opts: {\n abort_signal: expect.any(AbortSignal),\n },\n });\n expect(result.current.data).toEqual({\n data: mockResponse.data,\n meta: mockResponse.meta,\n rows: mockResponse.rows,\n isComplete: true,\n });\n expect(result.current.isLoading).toBe(false);\n expect(result.current.isPending).toBe(false);\n });\n\n it('fetches data without chunking when no granularity is provided', async () => {\n const config = createMockChartConfig({\n dateRange: [new Date('2025-10-01'), new Date('2025-10-02')],\n granularity: undefined,\n });\n\n const mockResponse = createMockQueryResponse([\n {\n 'count()': '71',\n SeverityText: 'info',\n __hdx_time_bucket: '2025-10-01T00:00:00Z',\n },\n {\n 'count()': '73',\n SeverityText: 'info',\n __hdx_time_bucket: '2025-10-02T00:00:00Z',\n },\n ]);\n\n mockClickhouseClient.queryChartConfig.mockResolvedValue(mockResponse);\n\n const { result } = renderHook(\n () => useQueriedChartConfig(config, { enableQueryChunking: true }),\n {\n wrapper,\n },\n );\n\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalledTimes(1);\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalledWith({\n config,\n metadata: expect.any(Object),\n opts: {\n abort_signal: expect.any(AbortSignal),\n },\n });\n expect(result.current.data).toEqual({\n data: mockResponse.data,\n meta: mockResponse.meta,\n rows: mockResponse.rows,\n isComplete: true,\n });\n expect(result.current.isLoading).toBe(false);\n expect(result.current.isPending).toBe(false);\n });\n\n it('fetches data without chunking when no timestampValueExpression is provided', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2025-10-01 00:00:00Z'),\n new Date('2025-10-02 00:00:00Z'),\n ],\n granularity: '1 hour',\n timestampValueExpression: undefined,\n });\n\n const mockResponse = createMockQueryResponse([\n {\n 'count()': '71',\n SeverityText: 'info',\n __hdx_time_bucket: '2025-10-01T00:00:00Z',\n },\n {\n 'count()': '73',\n SeverityText: 'info',\n __hdx_time_bucket: '2025-10-02T00:00:00Z',\n },\n ]);\n\n mockClickhouseClient.queryChartConfig.mockResolvedValue(mockResponse);\n\n const { result } = renderHook(\n () => useQueriedChartConfig(config, { enableQueryChunking: true }),\n {\n wrapper,\n },\n );\n\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n // Should only be called once since chunking is disabled without timestampValueExpression\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalledTimes(1);\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalledWith({\n config,\n metadata: expect.any(Object),\n opts: {\n abort_signal: expect.any(AbortSignal),\n },\n });\n expect(result.current.data).toEqual({\n data: mockResponse.data,\n meta: mockResponse.meta,\n rows: mockResponse.rows,\n isComplete: true,\n });\n });\n\n it('fetches data without chunking for metric chart configs', async () => {\n const config: ChartConfigWithOptDateRange = {\n select: [\n {\n aggFn: 'min',\n aggCondition: '',\n aggConditionLanguage: 'lucene',\n valueExpression: 'Value',\n metricName: 'system.network.io',\n metricType: MetricsDataType.Sum,\n },\n ],\n where: '',\n whereLanguage: 'lucene',\n granularity: '1 minute',\n from: {\n databaseName: 'default',\n tableName: '',\n },\n timestampValueExpression: 'TimeUnix',\n dateRange: [\n new Date('2025-10-06T18:35:47.599Z'),\n new Date('2025-10-10T19:35:47.599Z'),\n ],\n connection: 'foo',\n metricTables: {\n gauge: 'otel_metrics_gauge',\n histogram: 'otel_metrics_histogram',\n sum: 'otel_metrics_sum',\n summary: '',\n 'exponential histogram': '',\n },\n limit: {\n limit: 100000,\n },\n };\n\n const mockResponse = createMockQueryResponse([\n {\n 'count()': '71',\n SeverityText: 'info',\n __hdx_time_bucket: '2025-10-01T00:00:00Z',\n },\n {\n 'count()': '73',\n SeverityText: 'info',\n __hdx_time_bucket: '2025-10-02T00:00:00Z',\n },\n ]);\n\n mockClickhouseClient.queryChartConfig.mockResolvedValue(mockResponse);\n\n const { result } = renderHook(\n () => useQueriedChartConfig(config, { enableQueryChunking: true }),\n {\n wrapper,\n },\n );\n\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n // Should only be called once since chunking is disabled without timestampValueExpression\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalledTimes(1);\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalledWith({\n config,\n metadata: expect.any(Object),\n opts: {\n abort_signal: expect.any(AbortSignal),\n },\n });\n expect(result.current.data).toEqual({\n data: mockResponse.data,\n meta: mockResponse.meta,\n rows: mockResponse.rows,\n isComplete: true,\n });\n });\n\n it('fetches data without chunking when enableQueryChunking is false', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2025-10-01 00:00:00Z'),\n new Date('2025-10-02 00:00:00Z'),\n ],\n granularity: '1 hour',\n });\n\n const mockResponse = createMockQueryResponse([\n {\n 'count()': '71',\n SeverityText: 'info',\n __hdx_time_bucket: '2025-10-01T00:00:00Z',\n },\n {\n 'count()': '73',\n SeverityText: 'info',\n __hdx_time_bucket: '2025-10-02T00:00:00Z',\n },\n ]);\n\n mockClickhouseClient.queryChartConfig.mockResolvedValue(mockResponse);\n\n const { result } = renderHook(\n () => useQueriedChartConfig(config, { enableQueryChunking: false }),\n {\n wrapper,\n },\n );\n\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n // Should only be called once since chunking is explicitly disabled\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalledTimes(1);\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalledWith({\n config,\n metadata: expect.any(Object),\n opts: {\n abort_signal: expect.any(AbortSignal),\n },\n });\n expect(result.current.data).toEqual({\n data: mockResponse.data,\n meta: mockResponse.meta,\n rows: mockResponse.rows,\n isComplete: true,\n });\n });\n\n it('fetches data without chunking when enableQueryChunking is not provided', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2025-10-01 00:00:00Z'),\n new Date('2025-10-02 00:00:00Z'),\n ],\n granularity: '1 hour',\n });\n\n const mockResponse = createMockQueryResponse([\n {\n 'count()': '71',\n SeverityText: 'info',\n __hdx_time_bucket: '2025-10-01T00:00:00Z',\n },\n {\n 'count()': '73',\n SeverityText: 'info',\n __hdx_time_bucket: '2025-10-02T00:00:00Z',\n },\n ]);\n\n mockClickhouseClient.queryChartConfig.mockResolvedValue(mockResponse);\n\n const { result } = renderHook(() => useQueriedChartConfig(config), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n // Should only be called once since chunking is explicitly disabled\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalledTimes(1);\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalledWith({\n config,\n metadata: expect.any(Object),\n opts: {\n abort_signal: expect.any(AbortSignal),\n },\n });\n expect(result.current.data).toEqual({\n data: mockResponse.data,\n meta: mockResponse.meta,\n rows: mockResponse.rows,\n isComplete: true,\n });\n });\n\n it('fetches data with chunking when granularity and date range are provided', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2025-10-01 00:00:00Z'),\n new Date('2025-10-02 00:00:00Z'),\n ],\n granularity: '3 hour',\n });\n\n const mockResponse1 = createMockQueryResponse([\n {\n 'count()': '71',\n __hdx_time_bucket: '2025-10-01T18:00:00Z',\n },\n {\n 'count()': '72',\n __hdx_time_bucket: '2025-10-01T19:00:00Z',\n },\n ]);\n\n const mockResponse2 = createMockQueryResponse([\n {\n 'count()': '73',\n __hdx_time_bucket: '2025-10-01T12:00:00Z',\n },\n {\n 'count()': '74',\n __hdx_time_bucket: '2025-10-01T14:00:00Z',\n },\n ]);\n\n const mockResponse3 = createMockQueryResponse([\n {\n 'count()': '75',\n __hdx_time_bucket: '2025-10-01T01:00:00Z',\n },\n ]);\n\n mockClickhouseClient.queryChartConfig\n .mockResolvedValueOnce(mockResponse1)\n .mockResolvedValueOnce(mockResponse2)\n .mockResolvedValueOnce(mockResponse3);\n\n const { result } = renderHook(\n () => useQueriedChartConfig(config, { enableQueryChunking: true }),\n {\n wrapper,\n },\n );\n\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalledTimes(3);\n const clickHouseCalls = mockClickhouseClient.queryChartConfig.mock.calls;\n expect(clickHouseCalls[0][0].config).toEqual({\n ...config,\n dateRange: [\n new Date('2025-10-01T18:00:00.000Z'),\n new Date('2025-10-02T00:00:00.000Z'),\n ],\n dateRangeEndInclusive: undefined,\n });\n\n expect(clickHouseCalls[1][0].config).toEqual({\n ...config,\n dateRange: [\n new Date('2025-10-01T12:00:00.000Z'),\n new Date('2025-10-01T18:00:00.000Z'),\n ],\n dateRangeEndInclusive: false,\n });\n\n expect(clickHouseCalls[2][0].config).toEqual({\n ...config,\n dateRange: [\n new Date('2025-10-01T00:00:00.000Z'),\n new Date('2025-10-01T12:00:00.000Z'),\n ],\n dateRangeEndInclusive: false,\n });\n\n expect(result.current.data).toEqual({\n data: [\n ...mockResponse3.data,\n ...mockResponse2.data,\n ...mockResponse1.data,\n ],\n meta: mockResponse1.meta,\n rows: 5,\n isComplete: true,\n });\n expect(result.current.isLoading).toBe(false);\n expect(result.current.isPending).toBe(false);\n });\n\n it('remains in a fetching state, with partial data until all data is loaded', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2025-10-01 00:00:00Z'),\n new Date('2025-10-02 00:00:00Z'),\n ],\n granularity: '3 hour',\n });\n\n const mockResponse1 = createMockQueryResponse([\n {\n 'count()': '71',\n __hdx_time_bucket: '2025-10-01T18:00:00Z',\n },\n {\n 'count()': '72',\n __hdx_time_bucket: '2025-10-01T19:00:00Z',\n },\n ]);\n\n const mockResponse2 = createMockQueryResponse([\n {\n 'count()': '73',\n __hdx_time_bucket: '2025-10-01T12:00:00Z',\n },\n {\n 'count()': '74',\n __hdx_time_bucket: '2025-10-01T14:00:00Z',\n },\n ]);\n\n // Create a promise that we can control when it resolves\n let resolveMockResponse3: (value: ResponseJSON) => void | undefined;\n const mockResponse3 = new Promise>(resolve => {\n resolveMockResponse3 = resolve;\n });\n\n mockClickhouseClient.queryChartConfig\n .mockResolvedValueOnce(mockResponse1)\n .mockResolvedValueOnce(mockResponse2)\n .mockResolvedValueOnce(mockResponse3);\n\n const { result } = renderHook(\n () => useQueriedChartConfig(config, { enableQueryChunking: true }),\n {\n wrapper,\n },\n );\n\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n await waitFor(() => expect(result.current.isPending).toBe(false));\n\n // Partial response is available\n expect(result.current.data).toEqual({\n data: [...mockResponse2.data, ...mockResponse1.data],\n meta: mockResponse1.meta,\n rows: 4,\n isComplete: false,\n });\n expect(result.current.isFetching).toBe(true);\n expect(result.current.isLoading).toBe(false); // isLoading is false because we have partial data\n expect(result.current.isSuccess).toBe(true); // isSuccess is true because we have partial data\n\n // Resolve the final promise to simulate data arriving\n const mockResponse3Data = createMockQueryResponse([\n {\n 'count()': '75',\n __hdx_time_bucket: '2025-10-01T01:00:00Z',\n },\n ]);\n\n resolveMockResponse3!(mockResponse3Data);\n\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n expect(result.current.data).toEqual({\n data: [\n ...mockResponse3Data.data,\n ...mockResponse2.data,\n ...mockResponse1.data,\n ],\n meta: mockResponse1.meta,\n rows: 5,\n isComplete: true,\n });\n });\n\n it('is in a loading state until the first chunk has loaded', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2025-10-01 00:00:00Z'),\n new Date('2025-10-02 00:00:00Z'),\n ],\n granularity: '3 hour',\n });\n\n // Create a promise that we can control when it resolves\n let resolveMockResponse1: (value: ResponseJSON) => void | undefined;\n const mockResponse1Promise = new Promise>(resolve => {\n resolveMockResponse1 = resolve;\n });\n\n mockClickhouseClient.queryChartConfig.mockResolvedValueOnce(\n mockResponse1Promise,\n );\n\n const { result } = renderHook(\n () => useQueriedChartConfig(config, { enableQueryChunking: true }),\n {\n wrapper,\n },\n );\n\n // Should be in loading state before first chunk\n expect(result.current.isLoading).toBe(true);\n expect(result.current.isPending).toBe(true);\n expect(result.current.data).toBeUndefined();\n\n // Resolve the first chunk\n const mockResponse1 = createMockQueryResponse([\n {\n 'count()': '71',\n __hdx_time_bucket: '2025-10-01T18:00:00Z',\n },\n ]);\n resolveMockResponse1!(mockResponse1);\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n await waitFor(() => expect(result.current.isPending).toBe(false));\n\n // Should now have data from first chunk\n expect(result.current.data).toEqual({\n data: mockResponse1.data,\n meta: mockResponse1.meta,\n rows: 1,\n isComplete: false,\n });\n });\n\n it('calls onError callback if provided when a query error occurs', async () => {\n const mockError = new Error('Query failed');\n mockClickhouseClient.queryChartConfig.mockRejectedValue(mockError);\n\n const onError = jest.fn();\n const config = createMockChartConfig({\n dateRange: [\n new Date('2025-10-01 00:00:00Z'),\n new Date('2025-10-02 00:00:00Z'),\n ],\n granularity: '3 hour',\n });\n\n const { result } = renderHook(\n () =>\n useQueriedChartConfig(config, {\n onError,\n retry: false,\n enableQueryChunking: true,\n }),\n {\n wrapper,\n },\n );\n\n await waitFor(() => expect(result.current.isError).toBe(true));\n\n expect(onError).toHaveBeenCalledWith(mockError);\n expect(result.current.error).toBe(mockError);\n });\n\n it('has an error status with partial data after the second chunk fails to fetch', async () => {\n const mockError = new Error('Query failed');\n const mockSuccess = createMockQueryResponse([\n {\n 'count()': '71',\n __hdx_time_bucket: '2025-10-01T18:00:00Z',\n },\n ]);\n\n mockClickhouseClient.queryChartConfig\n .mockResolvedValueOnce(mockSuccess)\n .mockRejectedValueOnce(mockError);\n\n const onError = jest.fn();\n const config = createMockChartConfig({\n dateRange: [\n new Date('2025-10-01 00:00:00Z'),\n new Date('2025-10-02 00:00:00Z'),\n ],\n granularity: '3 hour',\n });\n\n const { result } = renderHook(\n () =>\n useQueriedChartConfig(config, {\n onError,\n retry: false,\n enableQueryChunking: true,\n }),\n {\n wrapper,\n },\n );\n\n await waitFor(() => expect(result.current.isError).toBe(true));\n expect(result.current.isFetching).toBe(false);\n expect(result.current.isSuccess).toBe(false);\n\n expect(result.current.error).toBe(mockError);\n expect(onError).toHaveBeenCalledWith(mockError);\n expect(result.current.data).toEqual({\n data: mockSuccess.data,\n meta: mockSuccess.meta,\n rows: mockSuccess.rows,\n isComplete: false,\n });\n });\n\n it('does not make requests if it is disabled', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2025-10-01 00:00:00Z'),\n new Date('2025-10-02 00:00:00Z'),\n ],\n granularity: '3 hour',\n });\n\n const mockResponse = createMockQueryResponse([\n {\n 'count()': '71',\n __hdx_time_bucket: '2025-10-01T18:00:00Z',\n },\n ]);\n\n mockClickhouseClient.queryChartConfig.mockResolvedValue(mockResponse);\n\n const { result } = renderHook(\n () =>\n useQueriedChartConfig(config, {\n enabled: false,\n enableQueryChunking: true,\n }),\n {\n wrapper,\n },\n );\n\n // Wait a bit to ensure no calls are made\n await new Promise(resolve => setTimeout(resolve, 100));\n\n expect(mockClickhouseClient.queryChartConfig).not.toHaveBeenCalled();\n expect(result.current.isPending).toBe(true);\n expect(result.current.data).toBeUndefined();\n });\n\n it('uses different query keys for the same config when one sets enableQueryChunking', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2025-10-01 00:00:00Z'),\n new Date('2025-10-02 00:00:00Z'),\n ],\n granularity: '3 hour',\n });\n\n const mockResponseChunked = createMockQueryResponse([\n {\n 'count()': '50',\n __hdx_time_bucket: '2025-10-01T18:00:00Z',\n },\n ]);\n\n const mockResponseNonChunked = createMockQueryResponse([\n {\n 'count()': '100',\n __hdx_time_bucket: '2025-10-01T12:00:00Z',\n },\n ]);\n\n mockClickhouseClient.queryChartConfig.mockResolvedValue(\n mockResponseChunked,\n );\n\n const { result: result1 } = renderHook(\n () => useQueriedChartConfig(config, { enableQueryChunking: true }),\n {\n wrapper,\n },\n );\n\n await waitFor(() => expect(result1.current.isSuccess).toBe(true));\n await waitFor(() => expect(result1.current.isFetching).toBe(false));\n\n // Should have been called multiple times for chunked query\n const chunkedCallCount =\n mockClickhouseClient.queryChartConfig.mock.calls.length;\n expect(chunkedCallCount).toBeGreaterThan(1);\n expect(result1.current.data?.rows).toBeGreaterThan(1);\n\n // Second render with same config but without query chunking enabled\n mockClickhouseClient.queryChartConfig.mockResolvedValue(\n mockResponseNonChunked,\n );\n\n const { result: result2 } = renderHook(\n () => useQueriedChartConfig(config),\n {\n wrapper,\n },\n );\n\n await waitFor(() => expect(result2.current.isSuccess).toBe(true));\n await waitFor(() => expect(result2.current.isFetching).toBe(false));\n\n // Should have made a new request (not using cached chunked data)\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalledTimes(\n chunkedCallCount + 1,\n );\n expect(result2.current.data?.rows).toBe(1);\n\n // The original query should still have its chunked data\n expect(result1.current.data?.rows).toBeGreaterThan(1);\n });\n\n it('returns an empty result if the given date range is empty', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2025-10-01 00:00:00Z'),\n new Date('2025-10-01 00:00:00Z'),\n ],\n granularity: '1 hour',\n });\n\n const mockResponse = createMockQueryResponse([]);\n mockClickhouseClient.queryChartConfig.mockResolvedValue(mockResponse);\n\n const { result } = renderHook(\n () => useQueriedChartConfig(config, { enableQueryChunking: true }),\n {\n wrapper,\n },\n );\n\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalledTimes(1);\n\n expect(result.current.data).toEqual({\n data: [],\n meta: mockResponse.meta,\n rows: 0,\n isComplete: true,\n });\n expect(result.current.isLoading).toBe(false);\n expect(result.current.isPending).toBe(false);\n });\n\n const setupParallelQueries = () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2025-10-01 00:00:00Z'),\n new Date('2025-10-02 00:00:00Z'),\n ],\n granularity: '3 hour',\n });\n const mockResponse1 = createMockQueryResponse([\n {\n 'count()': '71',\n __hdx_time_bucket: '2025-10-01T18:00:00Z',\n },\n {\n 'count()': '72',\n __hdx_time_bucket: '2025-10-01T19:00:00Z',\n },\n ]);\n const mockResponse2 = createMockQueryResponse([\n {\n 'count()': '73',\n __hdx_time_bucket: '2025-10-01T12:00:00Z',\n },\n {\n 'count()': '74',\n __hdx_time_bucket: '2025-10-01T14:00:00Z',\n },\n ]);\n const mockResponse3 = createMockQueryResponse([\n {\n 'count()': '75',\n __hdx_time_bucket: '2025-10-01T01:00:00Z',\n },\n ]);\n\n return { config, mockResponse1, mockResponse2, mockResponse3 };\n };\n\n it('fetches data in parallel when enableParallelQueries is true', async () => {\n const { config, mockResponse1, mockResponse2, mockResponse3 } =\n setupParallelQueries();\n\n // Create promises that resolve with different delays to simulate parallel execution\n const promise1 = Promise.resolve(mockResponse1);\n const promise2 = new Promise(resolve =>\n setTimeout(() => resolve(mockResponse2), 50),\n );\n const promise3 = new Promise(resolve =>\n setTimeout(() => resolve(mockResponse3), 100),\n );\n\n mockClickhouseClient.queryChartConfig\n .mockReturnValueOnce(promise1)\n .mockReturnValueOnce(promise2)\n .mockReturnValueOnce(promise3);\n\n const { result } = renderHook(\n () =>\n useQueriedChartConfig(config, {\n enableQueryChunking: true,\n enableParallelQueries: true,\n }),\n {\n wrapper,\n },\n );\n\n await waitFor(() => expect(result.current.isSuccess).toBe(true), {\n timeout: 1000,\n });\n await waitFor(() => expect(result.current.isFetching).toBe(false), {\n timeout: 1000,\n });\n\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalledTimes(3);\n\n // Data should be in order based on time window chunks (newest first)\n expect(result.current.data).toEqual({\n data: [\n ...mockResponse3.data,\n ...mockResponse2.data,\n ...mockResponse1.data,\n ],\n meta: mockResponse1.meta,\n rows: 5,\n isComplete: true,\n });\n expect(result.current.isLoading).toBe(false);\n expect(result.current.isPending).toBe(false);\n });\n\n it('streams parallel query results in order', async () => {\n const { config, mockResponse1, mockResponse2, mockResponse3 } =\n setupParallelQueries();\n\n // Create promises with controlled resolution order - simulate last chunk finishing first\n let resolvePromise3: (value: any) => void;\n let resolvePromise2: (value: any) => void;\n let resolvePromise1: (value: any) => void;\n\n const promise1 = new Promise(resolve => {\n resolvePromise1 = resolve;\n });\n const promise2 = new Promise(resolve => {\n resolvePromise2 = resolve;\n });\n const promise3 = new Promise(resolve => {\n resolvePromise3 = resolve;\n });\n\n mockClickhouseClient.queryChartConfig\n .mockReturnValueOnce(promise1 as any)\n .mockReturnValueOnce(promise2 as any)\n .mockReturnValueOnce(promise3 as any);\n\n const { result } = renderHook(\n () =>\n useQueriedChartConfig(config, {\n enableQueryChunking: true,\n enableParallelQueries: true,\n }),\n {\n wrapper,\n },\n );\n\n // Should be in loading state initially\n expect(result.current.isLoading).toBe(true);\n expect(result.current.data).toBeUndefined();\n\n // Resolve the last chunk first (out of order)\n resolvePromise3!(mockResponse3);\n\n // Should still be loading since we need the first chunk\n await new Promise(resolve => setTimeout(resolve, 10));\n expect(result.current.isLoading).toBe(true);\n\n // Resolve the first chunk\n resolvePromise1!(mockResponse1);\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // Should have partial data from first chunk only (in chronological order)\n expect(result.current.data).toEqual({\n data: mockResponse1.data,\n meta: mockResponse1.meta,\n rows: 2,\n isComplete: false,\n });\n expect(result.current.isFetching).toBe(true);\n\n // Resolve the middle chunk\n resolvePromise2!(mockResponse2);\n\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n // Should now have all data in chronological order\n expect(result.current.data).toEqual({\n data: [\n ...mockResponse3.data,\n ...mockResponse2.data,\n ...mockResponse1.data,\n ],\n meta: mockResponse1.meta,\n rows: 5,\n isComplete: true,\n });\n });\n\n it('should not execute query while useMVOptimizationExplanation is in loading state', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2025-10-01 00:00:00Z'),\n new Date('2025-10-02 00:00:00Z'),\n ],\n granularity: '1 hour',\n from: {\n databaseName: 'default',\n tableName: 'otel_logs',\n },\n select: [\n {\n aggCondition: '',\n aggFn: 'count',\n valueExpression: '',\n },\n ],\n });\n\n const optimizedConfig = createMockChartConfig({\n ...config,\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1h',\n },\n select: [\n {\n aggCondition: '',\n aggFn: 'countMerge',\n valueExpression: 'count__',\n },\n ],\n });\n\n // Mock useMVOptimizationExplanation to be in loading state\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: undefined,\n isLoading: true, // MV optimization is still loading\n } as any);\n\n renderHook(\n () => useQueriedChartConfig(config, { enableQueryChunking: true }),\n {\n wrapper,\n },\n );\n\n // Wait a bit to ensure query doesn't execute\n await new Promise(resolve => setTimeout(resolve, 100));\n\n // Verify the query hasn't started because MV optimization is loading\n expect(mockClickhouseClient.queryChartConfig).not.toHaveBeenCalled();\n\n // Now mock the MV optimization to finish loading with an optimized config\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: {\n optimizedConfig: optimizedConfig,\n explanations: [\n {\n success: true,\n mvConfig: {\n minGranularity: '1 hour',\n tableName: 'metrics_rollup_1h',\n },\n },\n ],\n },\n isLoading: false, // MV optimization finished loading\n } as any);\n\n const mockResponse = createMockQueryResponse([\n {\n 'count()': '71',\n SeverityText: 'info',\n __hdx_time_bucket: '2025-10-01T00:00:00Z',\n },\n ]);\n\n mockClickhouseClient.queryChartConfig.mockResolvedValue(mockResponse);\n\n // Re-render with MV optimization completed\n const { result: result2 } = renderHook(\n () => useQueriedChartConfig(config, { enableQueryChunking: true }),\n {\n wrapper,\n },\n );\n\n await waitFor(() => expect(result2.current.isSuccess).toBe(true));\n await waitFor(() => expect(result2.current.isFetching).toBe(false));\n\n // Verify the query was executed after MV optimization finished\n expect(mockClickhouseClient.queryChartConfig).toHaveBeenCalled();\n\n // Verify the query used the optimized config (materialized view)\n const queryCall = mockClickhouseClient.queryChartConfig.mock.calls[0][0];\n if (!isBuilderChartConfig(queryCall.config)) {\n throw new Error('Expected a BuilderChartConfig');\n }\n expect(queryCall.config.from.tableName).toBe('metrics_rollup_1h');\n\n expect(result2.current.data?.data).toBeDefined();\n });\n });\n});\n" }, { "path": "packages/app/src/hooks/__tests__/useCsvExport.test.tsx", "content": "import { renderHook } from '@testing-library/react';\n\nimport { CsvColumn, useCsvExport } from '../useCsvExport';\n\ndescribe('useCsvExport', () => {\n const mockColumns: CsvColumn[] = [\n { dataKey: 'name', displayName: 'Name' },\n { dataKey: 'age', displayName: 'Age' },\n { dataKey: 'email', displayName: 'Email Address' },\n ];\n\n const mockData = [\n { name: 'John Doe', age: 30, email: 'john@example.com' },\n { name: 'Jane Smith', age: 25, email: 'jane@example.com' },\n { name: 'Bob Wilson', age: 35, email: 'bob@example.com' },\n ];\n\n beforeEach(() => {\n jest.spyOn(console, 'warn').mockImplementation(() => {});\n });\n\n afterEach(() => {\n jest.restoreAllMocks();\n });\n\n describe('basic functionality', () => {\n it('transforms data correctly with valid inputs', () => {\n const { result } = renderHook(() => useCsvExport(mockData, mockColumns));\n\n expect(result.current.csvData).toEqual([\n { Name: 'John Doe', Age: '30', 'Email Address': 'john@example.com' },\n { Name: 'Jane Smith', Age: '25', 'Email Address': 'jane@example.com' },\n { Name: 'Bob Wilson', Age: '35', 'Email Address': 'bob@example.com' },\n ]);\n expect(result.current.actualRowCount).toBe(3);\n expect(result.current.isDataEmpty).toBe(false);\n expect(result.current.isLimited).toBe(false);\n });\n\n it('uses display names as CSV headers', () => {\n const { result } = renderHook(() => useCsvExport(mockData, mockColumns));\n const csvData = result.current.csvData;\n\n expect(csvData[0]).toHaveProperty('Name');\n expect(csvData[0]).toHaveProperty('Age');\n expect(csvData[0]).toHaveProperty('Email Address');\n expect(csvData[0]).not.toHaveProperty('name');\n expect(csvData[0]).not.toHaveProperty('email');\n });\n });\n\n describe('data type handling', () => {\n it('handles null and undefined values', () => {\n const dataWithNulls = [\n { name: 'John', age: null, email: undefined },\n { name: null, age: 30, email: 'test@example.com' },\n ];\n\n const { result } = renderHook(() =>\n useCsvExport(dataWithNulls, mockColumns),\n );\n\n expect(result.current.csvData).toEqual([\n { Name: 'John', Age: '', 'Email Address': '' },\n { Name: '', Age: '30', 'Email Address': 'test@example.com' },\n ]);\n });\n\n it('handles object values by JSON stringifying them', () => {\n const dataWithObjects = [\n {\n name: 'John',\n age: 30,\n email: {\n primary: 'john@example.com',\n secondary: 'john2@example.com',\n },\n },\n ];\n\n const { result } = renderHook(() =>\n useCsvExport(dataWithObjects, mockColumns),\n );\n\n expect(result.current.csvData[0]['Email Address']).toBe(\n '{\"primary\":\"john@example.com\",\"secondary\":\"john2@example.com\"}',\n );\n });\n\n it('handles values with commas correctly', () => {\n const dataWithCommas = [\n { name: 'Doe, John', age: 30, email: 'john@example.com' },\n { name: 'Smith, Jane', age: 25, email: 'jane@test,domain.com' },\n ];\n\n const { result } = renderHook(() =>\n useCsvExport(dataWithCommas, mockColumns),\n );\n\n expect(result.current.csvData).toEqual([\n { Name: 'Doe, John', Age: '30', 'Email Address': 'john@example.com' },\n {\n Name: 'Smith, Jane',\n Age: '25',\n 'Email Address': 'jane@test,domain.com',\n },\n ]);\n });\n });\n\n describe('data filtering', () => {\n it('filters out non-object rows', () => {\n const mixedData = [\n { name: 'John', age: 30, email: 'john@example.com' },\n 'invalid string',\n 42,\n null,\n undefined,\n { name: 'Jane', age: 25, email: 'jane@example.com' },\n ];\n\n const { result } = renderHook(() => useCsvExport(mixedData, mockColumns));\n\n expect(result.current.csvData).toHaveLength(2);\n expect(result.current.csvData).toEqual([\n { Name: 'John', Age: '30', 'Email Address': 'john@example.com' },\n { Name: 'Jane', Age: '25', 'Email Address': 'jane@example.com' },\n ]);\n });\n\n it('filters out rows that error during processing', () => {\n const problematicData = [\n { name: 'John', age: 30, email: 'john@example.com' },\n {\n get name() {\n throw new Error('Getter error');\n },\n age: 25,\n email: 'error@example.com',\n },\n { name: 'Jane', age: 25, email: 'jane@example.com' },\n ];\n\n const { result } = renderHook(() =>\n useCsvExport(problematicData, mockColumns),\n );\n\n expect(result.current.csvData).toHaveLength(2);\n expect(console.warn).toHaveBeenCalledWith(\n expect.stringContaining('Error processing row 1:'),\n expect.any(Error),\n );\n });\n });\n\n describe('row limiting', () => {\n it('limits rows to maxRows option', () => {\n const largeData = Array.from({ length: 10 }, (_, i) => ({\n name: `Person ${i}`,\n age: 20 + i,\n email: `person${i}@example.com`,\n }));\n\n const { result } = renderHook(() =>\n useCsvExport(largeData, mockColumns, { maxRows: 5 }),\n );\n\n expect(result.current.csvData).toHaveLength(5);\n expect(result.current.isLimited).toBe(true);\n expect(result.current.maxRows).toBe(5);\n });\n\n it('uses default max rows (4000)', () => {\n const { result } = renderHook(() => useCsvExport(mockData, mockColumns));\n expect(result.current.maxRows).toBe(4000);\n });\n\n it('indicates when data is not limited', () => {\n const { result } = renderHook(() =>\n useCsvExport(mockData, mockColumns, { maxRows: 10 }),\n );\n\n expect(result.current.isLimited).toBe(false);\n });\n });\n\n describe('group column functionality', () => {\n it('adds group column when specified', () => {\n const dataWithGroups = [\n { name: 'John', age: 30, email: 'john@example.com', group: 'A' },\n { name: 'Jane', age: 25, email: 'jane@example.com', group: 'B' },\n ];\n\n const { result } = renderHook(() =>\n useCsvExport(dataWithGroups, mockColumns, {\n groupColumnName: 'Category',\n }),\n );\n\n expect(result.current.csvData).toEqual([\n {\n Category: 'A',\n Name: 'John',\n Age: '30',\n 'Email Address': 'john@example.com',\n },\n {\n Category: 'B',\n Name: 'Jane',\n Age: '25',\n 'Email Address': 'jane@example.com',\n },\n ]);\n });\n\n it('handles missing group values', () => {\n const dataWithMissingGroups = [\n { name: 'John', age: 30, email: 'john@example.com' },\n { name: 'Jane', age: 25, email: 'jane@example.com', group: 'B' },\n ];\n\n const { result } = renderHook(() =>\n useCsvExport(dataWithMissingGroups, mockColumns, {\n groupColumnName: 'Category',\n }),\n );\n\n expect(result.current.csvData[0]).toHaveProperty('Category', '');\n expect(result.current.csvData[1]).toHaveProperty('Category', 'B');\n });\n });\n\n describe('error handling', () => {\n it('handles empty data array', () => {\n const { result } = renderHook(() => useCsvExport([], mockColumns));\n\n expect(result.current.csvData).toEqual([]);\n expect(result.current.isDataEmpty).toBe(true);\n expect(result.current.actualRowCount).toBe(0);\n });\n\n it('handles non-array data', () => {\n const { result } = renderHook(() =>\n useCsvExport('not an array' as any, mockColumns),\n );\n\n expect(result.current.csvData).toEqual([]);\n expect(result.current.isDataEmpty).toBe(true);\n });\n\n it('handles empty columns array', () => {\n const { result } = renderHook(() => useCsvExport(mockData, []));\n\n expect(result.current.csvData).toEqual([]);\n expect(result.current.isDataEmpty).toBe(true);\n });\n\n it('handles invalid column structure', () => {\n const invalidColumns = [\n { dataKey: 'name', displayName: 'Name' },\n { dataKey: '', displayName: 'Invalid' }, // Empty dataKey\n { dataKey: 'age' } as any, // Missing displayName\n ];\n\n const { result } = renderHook(() =>\n useCsvExport(mockData, invalidColumns),\n );\n\n expect(result.current.csvData).toEqual([]);\n expect(console.warn).toHaveBeenCalledWith(\n 'CSV Export: Invalid column structure detected',\n expect.any(Array),\n );\n });\n });\n\n describe('memoization', () => {\n it('memoizes result when inputs are unchanged', () => {\n const { result, rerender } = renderHook(\n ({ data, columns }) => useCsvExport(data, columns),\n { initialProps: { data: mockData, columns: mockColumns } },\n );\n\n const firstResult = result.current;\n\n rerender({ data: mockData, columns: mockColumns });\n\n expect(result.current).toBe(firstResult);\n });\n\n it('recalculates when data changes', () => {\n const { result, rerender } = renderHook(\n ({ data }) => useCsvExport(data, mockColumns),\n { initialProps: { data: mockData } },\n );\n\n const firstResult = result.current;\n const newData = [\n ...mockData,\n { name: 'New Person', age: 40, email: 'new@example.com' },\n ];\n\n rerender({ data: newData });\n\n expect(result.current).not.toBe(firstResult);\n expect(result.current.csvData).toHaveLength(4);\n });\n });\n});\n" }, { "path": "packages/app/src/hooks/__tests__/useDashboardFilterValues.test.tsx", "content": "/* eslint-disable @typescript-eslint/no-unsafe-type-assertion */\nimport React from 'react';\nimport { optimizeGetKeyValuesCalls } from '@hyperdx/common-utils/dist/core/materializedViews';\nimport { Metadata } from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n DashboardFilter,\n MetricsDataType,\n SourceKind,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { renderHook, waitFor } from '@testing-library/react';\n\nimport * as sourceModule from '@/source';\n\nimport { useDashboardFilterValues } from '../useDashboardFilterValues';\nimport * as useMetadataModule from '../useMetadata';\n\n// Mock modules\njest.mock('@/source');\njest.mock('../useMetadata');\njest.mock('@hyperdx/common-utils/dist/core/materializedViews', () => ({\n optimizeGetKeyValuesCalls: jest\n .fn()\n .mockImplementation(async ({ keys, chartConfig }) => [\n { keys, chartConfig },\n ]),\n}));\n\ndescribe('useDashboardFilterValues', () => {\n let queryClient: QueryClient;\n let wrapper: React.ComponentType<{ children: any }>;\n let mockMetadata: jest.Mocked;\n\n const mockSources: Partial[] = [\n {\n id: 'logs-source',\n kind: SourceKind.Log,\n name: 'Logs',\n timestampValueExpression: 'timestamp',\n connection: 'clickhouse-conn',\n from: {\n databaseName: 'telemetry',\n tableName: 'logs',\n },\n },\n {\n id: 'traces-source',\n kind: SourceKind.Trace,\n name: 'Traces',\n timestampValueExpression: 'timestamp',\n connection: 'clickhouse-conn',\n from: {\n databaseName: 'telemetry',\n tableName: 'traces',\n },\n },\n {\n id: 'metric-source',\n kind: SourceKind.Metric,\n name: 'Metrics',\n timestampValueExpression: 'timestamp',\n connection: 'clickhouse-conn',\n from: {\n databaseName: 'telemetry',\n tableName: '',\n },\n metricTables: {\n gauge: 'metrics_gauge',\n histogram: 'metrics_histogram',\n summary: 'metrics_summary',\n sum: 'metrics_sum',\n 'exponential histogram': 'metrics_exponential_histogram',\n },\n },\n ];\n\n const mockFilters: DashboardFilter[] = [\n {\n id: 'filter1',\n type: 'QUERY_EXPRESSION',\n name: 'Environment',\n expression: 'environment',\n source: 'logs-source',\n },\n {\n id: 'filter2',\n type: 'QUERY_EXPRESSION',\n name: 'Service',\n expression: 'service.name',\n source: 'traces-source',\n },\n {\n id: 'filter3',\n type: 'QUERY_EXPRESSION',\n name: 'Metric Type',\n expression: 'MetricName',\n source: 'metric-source',\n sourceMetricType: MetricsDataType.Gauge,\n },\n ];\n\n const mockKeyValues: Record = {\n environment: ['production', 'staging', 'development'],\n 'service.name': ['frontend', 'backend', 'database'],\n MetricName: ['CPU_Usage', 'Memory_Usage'],\n status: ['200', '404', '500'],\n log_level: ['info', 'error'],\n SeverityNumber: [1, 2],\n };\n\n const mockDateRange: [Date, Date] = [\n new Date('2024-01-01'),\n new Date('2024-01-02'),\n ];\n\n beforeEach(() => {\n jest.clearAllMocks();\n\n // Mock metadata with getKeyValues\n mockMetadata = {\n getKeyValues: jest.fn(),\n } as unknown as jest.Mocked;\n\n mockMetadata.getKeyValues.mockImplementation(({ keys }) => {\n return Promise.resolve(\n keys.map(key => ({\n key,\n value: (mockKeyValues[key] as string[]) ?? [],\n })),\n );\n });\n\n // Mock useMetadataWithSettings\n jest\n .spyOn(useMetadataModule, 'useMetadataWithSettings')\n .mockReturnValue(mockMetadata);\n\n // Create a new QueryClient for each test\n queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n retry: false,\n },\n },\n });\n\n // Create a wrapper component with QueryClientProvider\n wrapper = ({ children }) => (\n {children}\n );\n });\n\n afterEach(() => {\n jest.restoreAllMocks();\n });\n\n it('should convert non-string key values to strings', async () => {\n // Arrange\n jest.spyOn(sourceModule, 'useSources').mockReturnValue({\n data: mockSources,\n isLoading: false,\n } as any);\n\n // Act\n const { result } = renderHook(\n () =>\n useDashboardFilterValues({\n filters: [\n {\n id: 'filterSevNumber',\n type: 'QUERY_EXPRESSION',\n name: 'SeverityNumber',\n expression: 'SeverityNumber',\n source: 'logs-source',\n },\n ],\n dateRange: mockDateRange,\n }),\n { wrapper },\n );\n\n // Assert\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n expect(result.current.data).toEqual(\n new Map([\n [\n 'SeverityNumber',\n {\n values: ['1', '2'],\n isLoading: false,\n },\n ],\n ]),\n );\n });\n\n it('should fetch key values for filters grouped by source', async () => {\n // Arrange\n jest.spyOn(sourceModule, 'useSources').mockReturnValue({\n data: mockSources,\n isLoading: false,\n } as any);\n\n // Act\n const { result } = renderHook(\n () =>\n useDashboardFilterValues({\n filters: mockFilters,\n dateRange: mockDateRange,\n }),\n { wrapper },\n );\n\n // Assert\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n expect(result.current.data).toEqual(\n new Map([\n [\n 'environment',\n {\n values: ['production', 'staging', 'development'],\n isLoading: false,\n },\n ],\n [\n 'service.name',\n {\n values: ['frontend', 'backend', 'database'],\n isLoading: false,\n },\n ],\n [\n 'MetricName',\n { values: ['CPU_Usage', 'Memory_Usage'], isLoading: false },\n ],\n ]),\n );\n\n // Only Log and Trace sources use optimizeGetKeyValuesCalls (Metric uses direct fetch)\n expect(optimizeGetKeyValuesCalls).toHaveBeenCalledTimes(3);\n expect(optimizeGetKeyValuesCalls).toHaveBeenCalledWith(\n expect.objectContaining({\n chartConfig: expect.objectContaining({\n from: { databaseName: 'telemetry', tableName: 'logs' },\n source: 'logs-source',\n dateRange: mockDateRange,\n }),\n keys: ['environment'],\n }),\n );\n expect(optimizeGetKeyValuesCalls).toHaveBeenCalledWith(\n expect.objectContaining({\n chartConfig: expect.objectContaining({\n from: { databaseName: 'telemetry', tableName: 'traces' },\n source: 'traces-source',\n dateRange: mockDateRange,\n }),\n keys: ['service.name'],\n }),\n );\n expect(optimizeGetKeyValuesCalls).toHaveBeenCalledWith(\n expect.objectContaining({\n chartConfig: expect.objectContaining({\n from: { databaseName: 'telemetry', tableName: 'metrics_gauge' },\n source: 'metric-source',\n dateRange: mockDateRange,\n }),\n keys: ['MetricName'],\n }),\n );\n\n expect(mockMetadata.getKeyValues).toHaveBeenCalledTimes(3);\n expect(mockMetadata.getKeyValues).toHaveBeenCalledWith(\n expect.objectContaining({\n chartConfig: expect.objectContaining({\n from: { databaseName: 'telemetry', tableName: 'logs' },\n source: 'logs-source',\n dateRange: mockDateRange,\n }),\n keys: ['environment'],\n }),\n );\n expect(mockMetadata.getKeyValues).toHaveBeenCalledWith(\n expect.objectContaining({\n chartConfig: expect.objectContaining({\n from: { databaseName: 'telemetry', tableName: 'traces' },\n source: 'traces-source',\n dateRange: mockDateRange,\n }),\n keys: ['service.name'],\n }),\n );\n expect(mockMetadata.getKeyValues).toHaveBeenCalledWith(\n expect.objectContaining({\n chartConfig: expect.objectContaining({\n from: { databaseName: 'telemetry', tableName: 'metrics_gauge' },\n source: 'metric-source',\n dateRange: mockDateRange,\n }),\n keys: ['MetricName'],\n }),\n );\n });\n\n it('should group multiple filters from the same source', async () => {\n // Arrange\n const sameSourceFilters: DashboardFilter[] = [\n {\n id: 'filter1',\n type: 'QUERY_EXPRESSION',\n name: 'Environment',\n expression: 'environment',\n source: 'logs-source',\n },\n {\n id: 'filter2',\n type: 'QUERY_EXPRESSION',\n name: 'Status',\n expression: 'status',\n source: 'logs-source',\n },\n ];\n\n jest.spyOn(sourceModule, 'useSources').mockReturnValue({\n data: mockSources,\n isLoading: false,\n } as any);\n\n // Act\n const { result } = renderHook(\n () =>\n useDashboardFilterValues({\n filters: sameSourceFilters,\n dateRange: mockDateRange,\n }),\n { wrapper },\n );\n\n // Assert\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n expect(mockMetadata.getKeyValues).toHaveBeenCalledTimes(1);\n expect(mockMetadata.getKeyValues).toHaveBeenCalledWith(\n expect.objectContaining({\n keys: ['environment', 'status'],\n }),\n );\n });\n\n it('should not fetch when filters array is empty', () => {\n // Arrange\n jest.spyOn(sourceModule, 'useSources').mockReturnValue({\n data: mockSources,\n isLoading: false,\n } as any);\n\n // Act\n const { result } = renderHook(\n () =>\n useDashboardFilterValues({\n filters: [],\n dateRange: mockDateRange,\n }),\n { wrapper },\n );\n\n // Assert\n expect(result.current.data).toEqual(new Map());\n expect(mockMetadata.getKeyValues).not.toHaveBeenCalled();\n });\n\n it('should not fetch when sources are still loading', () => {\n // Arrange\n jest.spyOn(sourceModule, 'useSources').mockReturnValue({\n data: undefined,\n isLoading: true,\n } as any);\n\n // Act\n renderHook(\n () =>\n useDashboardFilterValues({\n filters: mockFilters,\n dateRange: mockDateRange,\n }),\n { wrapper },\n );\n\n // Assert\n expect(mockMetadata.getKeyValues).not.toHaveBeenCalled();\n });\n\n it('should filter out filters for sources that do not exist', async () => {\n // Arrange\n const filtersWithInvalidSource: DashboardFilter[] = [\n ...mockFilters,\n {\n id: 'filter3',\n type: 'QUERY_EXPRESSION',\n name: 'Invalid',\n expression: 'invalid.field',\n source: 'nonexistent-source',\n },\n ];\n\n jest.spyOn(sourceModule, 'useSources').mockReturnValue({\n data: mockSources,\n isLoading: false,\n } as any);\n\n // Act\n const { result } = renderHook(\n () =>\n useDashboardFilterValues({\n filters: filtersWithInvalidSource,\n dateRange: mockDateRange,\n }),\n { wrapper },\n );\n\n // Assert\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n // Should only call getKeyValues for valid sources\n expect(mockMetadata.getKeyValues).toHaveBeenCalledTimes(3);\n });\n\n it('should handle errors when fetching key values', async () => {\n // Arrange\n jest.spyOn(sourceModule, 'useSources').mockReturnValue({\n data: mockSources,\n isLoading: false,\n } as any);\n\n mockMetadata.getKeyValues.mockRejectedValue(\n new Error('Failed to fetch key values'),\n );\n\n // Act\n const { result } = renderHook(\n () =>\n useDashboardFilterValues({\n filters: mockFilters,\n dateRange: mockDateRange,\n }),\n { wrapper },\n );\n\n // Assert\n await waitFor(() => expect(result.current.isError).toBe(true));\n\n expect(result.current.isError).toBeTruthy();\n });\n\n it('should pass correct parameters to getKeyValues', async () => {\n // Arrange\n jest.spyOn(sourceModule, 'useSources').mockReturnValue({\n data: mockSources,\n isLoading: false,\n } as any);\n\n // Act\n const { result } = renderHook(\n () =>\n useDashboardFilterValues({\n filters: [mockFilters[0]], // Only first filter (logs-source)\n dateRange: mockDateRange,\n }),\n { wrapper },\n );\n\n // Assert\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n expect(mockMetadata.getKeyValues).toHaveBeenCalledWith({\n chartConfig: {\n timestampValueExpression: 'timestamp',\n connection: 'clickhouse-conn',\n from: {\n databaseName: 'telemetry',\n tableName: 'logs',\n },\n source: 'logs-source',\n dateRange: mockDateRange,\n where: '',\n whereLanguage: 'sql',\n select: '',\n },\n keys: ['environment'],\n limit: 10000,\n disableRowLimit: true,\n signal: expect.any(AbortSignal),\n source: {\n connection: 'clickhouse-conn',\n from: {\n databaseName: 'telemetry',\n tableName: 'logs',\n },\n id: 'logs-source',\n kind: SourceKind.Log,\n name: 'Logs',\n timestampValueExpression: 'timestamp',\n },\n });\n });\n\n it('should use placeholderData to keep previous data', async () => {\n // Arrange\n jest.spyOn(sourceModule, 'useSources').mockReturnValue({\n data: mockSources,\n isLoading: false,\n } as any);\n\n // Act\n const { result, rerender } = renderHook(\n ({ filters, dateRange }) =>\n useDashboardFilterValues({\n filters,\n dateRange,\n }),\n {\n wrapper,\n initialProps: {\n filters: [mockFilters[0]],\n dateRange: mockDateRange,\n },\n },\n );\n\n // Assert - Wait for first fetch to complete\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n // Update with new date range (should trigger refetch)\n const newDateRange: [Date, Date] = [\n new Date('2024-01-02'),\n new Date('2024-01-03'),\n ];\n\n rerender({\n filters: [mockFilters[0]],\n dateRange: newDateRange,\n });\n\n // During fetching, previous data should still be available\n // Note: This tests the keepPreviousData behavior\n expect(result.current.data).toBeDefined();\n });\n\n it('should flatten results from multiple sources into a single Map', async () => {\n // Arrange\n jest.spyOn(sourceModule, 'useSources').mockReturnValue({\n data: mockSources,\n isLoading: false,\n } as any);\n\n const multiFilters: DashboardFilter[] = [\n {\n id: 'filter1',\n type: 'QUERY_EXPRESSION',\n name: 'Environment',\n expression: 'environment',\n source: 'logs-source',\n },\n {\n id: 'filter2',\n type: 'QUERY_EXPRESSION',\n name: 'Log Level',\n expression: 'log_level',\n source: 'logs-source',\n },\n {\n id: 'filter3',\n type: 'QUERY_EXPRESSION',\n name: 'Service',\n expression: 'service.name',\n source: 'traces-source',\n },\n ];\n\n // Act\n const { result } = renderHook(\n () =>\n useDashboardFilterValues({\n filters: multiFilters,\n dateRange: mockDateRange,\n }),\n { wrapper },\n );\n\n // Assert\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n expect(result.current.data).toEqual(\n new Map([\n [\n 'environment',\n {\n values: ['production', 'staging', 'development'],\n isLoading: false,\n },\n ],\n ['log_level', { values: ['info', 'error'], isLoading: false }],\n [\n 'service.name',\n { values: ['frontend', 'backend', 'database'], isLoading: false },\n ],\n ]),\n );\n\n // Should have size of 3 (all keys)\n expect(result.current.data?.size).toBe(3);\n });\n\n it('should query keys from materialized views when optimizeGetKeyValuesCalls indicates MVs are available', async () => {\n // Arrange\n jest.spyOn(sourceModule, 'useSources').mockReturnValue({\n data: mockSources,\n isLoading: false,\n } as any);\n\n // Mock optimizeGetKeyValuesCalls to return multiple calls (one for MV, one for original source)\n jest.mocked(optimizeGetKeyValuesCalls).mockResolvedValue([\n {\n chartConfig: {\n from: { databaseName: 'telemetry', tableName: 'logs_rollup_1m' },\n dateRange: mockDateRange,\n connection: 'clickhouse-conn',\n timestampValueExpression: 'timestamp',\n source: 'logs-source',\n where: '',\n whereLanguage: 'sql',\n select: '',\n },\n keys: ['environment'],\n },\n {\n chartConfig: {\n from: { databaseName: 'telemetry', tableName: 'logs' },\n dateRange: mockDateRange,\n connection: 'clickhouse-conn',\n timestampValueExpression: 'timestamp',\n source: 'logs-source',\n where: '',\n whereLanguage: 'sql',\n select: '',\n },\n keys: ['service.name'],\n },\n ]);\n\n const filtersForSameSource: DashboardFilter[] = [\n {\n id: 'filter1',\n type: 'QUERY_EXPRESSION',\n name: 'Environment',\n expression: 'environment',\n source: 'logs-source',\n },\n {\n id: 'filter2',\n type: 'QUERY_EXPRESSION',\n name: 'Service',\n expression: 'service.name',\n source: 'logs-source',\n },\n ];\n\n // Act\n const { result } = renderHook(\n () =>\n useDashboardFilterValues({\n filters: filtersForSameSource,\n dateRange: mockDateRange,\n }),\n { wrapper },\n );\n\n // Assert\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n // Should call getKeyValues twice (once for MV, once for original source)\n expect(mockMetadata.getKeyValues).toHaveBeenCalledTimes(2);\n expect(mockMetadata.getKeyValues).toHaveBeenCalledWith(\n expect.objectContaining({\n chartConfig: expect.objectContaining({\n from: { databaseName: 'telemetry', tableName: 'logs_rollup_1m' },\n }),\n keys: ['environment'],\n }),\n );\n expect(mockMetadata.getKeyValues).toHaveBeenCalledWith(\n expect.objectContaining({\n chartConfig: expect.objectContaining({\n from: { databaseName: 'telemetry', tableName: 'logs' },\n }),\n keys: ['service.name'],\n }),\n );\n\n // Should return combined results\n expect(result.current.data).toEqual(\n new Map([\n [\n 'environment',\n {\n values: ['production', 'staging', 'development'],\n isLoading: false,\n },\n ],\n [\n 'service.name',\n { values: ['frontend', 'backend', 'database'], isLoading: false },\n ],\n ]),\n );\n });\n\n it('should provide partial results when some keys have loaded and others have not', async () => {\n // Arrange\n jest.spyOn(sourceModule, 'useSources').mockReturnValue({\n data: mockSources,\n isLoading: false,\n } as any);\n\n // Mock optimizeGetKeyValuesCalls to return separate calls\n jest\n .mocked(optimizeGetKeyValuesCalls)\n .mockImplementation(async ({ chartConfig, keys }) => [\n { chartConfig, keys },\n ]);\n\n // First query resolves quickly, second query takes longer\n let resolveQuery;\n mockMetadata.getKeyValues\n .mockImplementationOnce(async () => {\n return [\n {\n key: 'environment',\n value: ['production'],\n },\n ];\n })\n .mockImplementationOnce(\n async () =>\n new Promise(resolve => {\n resolveQuery = resolve;\n }),\n );\n\n // Act\n const { result } = renderHook(\n () =>\n useDashboardFilterValues({\n filters: mockFilters.slice(0, 2), // Only first two filters\n dateRange: mockDateRange,\n }),\n { wrapper },\n );\n\n // Assert - Wait for first query to complete\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // At this point, environment should be loaded but service.name should still be loading\n expect(result.current.data?.get('environment')).toEqual({\n values: ['production'],\n isLoading: false,\n });\n\n // Wait for all queries to complete\n resolveQuery!([\n {\n key: 'service.name',\n value: ['backend'],\n },\n ]);\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n // Now both should be loaded\n expect(result.current.data).toEqual(\n new Map([\n ['environment', { values: ['production'], isLoading: false }],\n ['service.name', { values: ['backend'], isLoading: false }],\n ]),\n );\n });\n\n it('should provide partial results when some keys have failed and others have not', async () => {\n // Arrange\n jest.spyOn(sourceModule, 'useSources').mockReturnValue({\n data: mockSources,\n isLoading: false,\n } as any);\n\n // Mock optimizeGetKeyValuesCalls to return separate calls\n jest\n .mocked(optimizeGetKeyValuesCalls)\n .mockImplementationOnce(async ({ chartConfig, keys }) => [\n { chartConfig, keys },\n ]);\n\n // First query succeeds, second query fails\n mockMetadata.getKeyValues\n .mockResolvedValueOnce([\n {\n key: 'environment',\n value: ['production', 'staging'],\n },\n ])\n .mockRejectedValueOnce(new Error('Failed to fetch service.name'));\n\n // Act\n const { result } = renderHook(\n () =>\n useDashboardFilterValues({\n filters: mockFilters.slice(0, 2), // Only first two filters\n dateRange: mockDateRange,\n }),\n { wrapper },\n );\n\n // Assert - Wait for queries to settle\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n // Should have partial results - environment loaded successfully\n expect(result.current.data?.get('environment')).toEqual({\n values: ['production', 'staging'],\n isLoading: false,\n });\n\n // service.name should not be in the map because the query failed\n expect(result.current.data?.has('service.name')).toBe(false);\n\n // Overall error state should be true\n expect(result.current.isError).toBe(true);\n\n // Should have called getKeyValues twice\n expect(mockMetadata.getKeyValues).toHaveBeenCalledTimes(2);\n });\n\n it('should keep previous data while fetching new data (placeholderData behavior)', async () => {\n // Arrange\n jest.spyOn(sourceModule, 'useSources').mockReturnValue({\n data: mockSources,\n isLoading: false,\n } as any);\n\n const initialDateRange: [Date, Date] = [\n new Date('2024-01-01'),\n new Date('2024-01-02'),\n ];\n const updatedDateRange: [Date, Date] = [\n new Date('2024-01-03'),\n new Date('2024-01-04'),\n ];\n\n // Mock optimizeGetKeyValuesCalls for both date ranges\n jest\n .mocked(optimizeGetKeyValuesCalls)\n .mockImplementation(async ({ chartConfig }) => [\n {\n chartConfig,\n keys: ['environment'],\n },\n ]);\n\n // Initial data\n mockMetadata.getKeyValues.mockResolvedValueOnce([\n {\n key: 'environment',\n value: ['production', 'staging'],\n },\n ]);\n\n // Act - Initial render\n const { result, rerender } = renderHook(\n ({ filters, dateRange }) =>\n useDashboardFilterValues({\n filters,\n dateRange,\n }),\n {\n wrapper,\n initialProps: {\n filters: [mockFilters[0]], // Only environment filter from logs-source\n dateRange: initialDateRange,\n },\n },\n );\n\n // Wait for initial data to load\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n const initialData = result.current.data;\n expect(initialData?.get('environment')).toEqual({\n values: ['production', 'staging'],\n isLoading: false,\n });\n\n // Setup a Promise we can control for the next query\n let resolveNextQuery: (value: { key: string; value: string[] }[]) => void;\n const nextQueryPromise = new Promise<{ key: string; value: string[] }[]>(\n resolve => {\n resolveNextQuery = resolve;\n },\n );\n\n mockMetadata.getKeyValues.mockImplementationOnce(async () => {\n return nextQueryPromise;\n });\n\n // Rerender with new date range\n rerender({\n filters: [mockFilters[0]],\n dateRange: updatedDateRange,\n });\n\n // Wait for refetch to start\n await waitFor(() => expect(result.current.isFetching).toBe(true));\n\n // Verify that previous data is still available during fetch (placeholderData behavior)\n expect(result.current.data?.get('environment')).toEqual({\n values: ['production', 'staging'],\n isLoading: false,\n });\n expect(result.current.isFetching).toBe(true);\n\n // Resolve the new query with updated data\n resolveNextQuery!([\n {\n key: 'environment',\n value: ['development', 'testing'],\n },\n ]);\n\n // Wait for new data to load\n await waitFor(() => expect(result.current.isFetching).toBe(false));\n\n // Verify that new data has replaced the old data\n expect(result.current.data?.get('environment')).toEqual({\n values: ['development', 'testing'],\n isLoading: false,\n });\n\n // Verify optimizeGetKeyValuesCalls was called twice (once for each date range)\n expect(optimizeGetKeyValuesCalls).toHaveBeenCalledTimes(2);\n expect(optimizeGetKeyValuesCalls).toHaveBeenCalledWith(\n expect.objectContaining({\n chartConfig: expect.objectContaining({\n dateRange: initialDateRange,\n }),\n }),\n );\n expect(optimizeGetKeyValuesCalls).toHaveBeenCalledWith(\n expect.objectContaining({\n chartConfig: expect.objectContaining({\n dateRange: updatedDateRange,\n }),\n }),\n );\n });\n});\n" }, { "path": "packages/app/src/hooks/__tests__/useDashboardFilters.test.tsx", "content": "import { DashboardFilter } from '@hyperdx/common-utils/dist/types';\nimport { act, renderHook } from '@testing-library/react';\n\nimport useDashboardFilters from '../useDashboardFilters';\n\n// TODO: Re-enable tests after nuqs is upgraded to support unit testing\n// https://github.com/47ng/nuqs/issues/259\ndescribe.skip('useDashboardFilters', () => {\n const mockFilters: DashboardFilter[] = [\n {\n id: 'filter1',\n type: 'QUERY_EXPRESSION',\n name: 'Environment',\n expression: 'environment',\n source: 'logs',\n },\n {\n id: 'filter2',\n type: 'QUERY_EXPRESSION',\n name: 'Service',\n expression: 'service.name',\n source: 'traces',\n },\n {\n id: 'filter3',\n type: 'QUERY_EXPRESSION',\n name: 'Status',\n expression: 'status_code',\n source: 'logs',\n },\n ];\n\n it('should initialize with empty filter values', () => {\n const { result } = renderHook(() => useDashboardFilters(mockFilters));\n\n expect(result.current.filterValues).toEqual({});\n expect(result.current.filterQueries).toEqual([]);\n });\n\n it('should set filter values correctly', () => {\n const { result } = renderHook(() => useDashboardFilters(mockFilters));\n\n act(() => {\n result.current.setFilterValue('filter1', 'production');\n });\n\n expect(result.current.filterValues).toEqual({\n filter1: 'production',\n });\n });\n\n it('should set multiple filter values', () => {\n const { result } = renderHook(() => useDashboardFilters(mockFilters));\n\n act(() => {\n result.current.setFilterValue('filter1', 'production');\n result.current.setFilterValue('filter2', 'api-service');\n });\n\n expect(result.current.filterValues).toEqual({\n filter1: 'production',\n filter2: 'api-service',\n });\n });\n\n it('should remove filter value when set to null', () => {\n const { result } = renderHook(() => useDashboardFilters(mockFilters));\n\n act(() => {\n result.current.setFilterValue('filter1', 'production');\n result.current.setFilterValue('filter2', 'api-service');\n });\n\n act(() => {\n result.current.setFilterValue('filter1', null);\n });\n\n expect(result.current.filterValues).toEqual({\n filter2: 'api-service',\n });\n });\n\n it('should convert filter values to SQL filters', () => {\n const { result } = renderHook(() => useDashboardFilters(mockFilters));\n\n act(() => {\n result.current.setFilterValue('filter1', 'production');\n result.current.setFilterValue('filter2', 'api-service');\n });\n\n expect(result.current.filterQueries).toEqual([\n {\n type: 'sql',\n condition: \"environment = 'production'\",\n },\n {\n type: 'sql',\n condition: \"service.name = 'api-service'\",\n },\n ]);\n });\n\n it('should handle numeric filter values', () => {\n const { result } = renderHook(() => useDashboardFilters(mockFilters));\n\n act(() => {\n result.current.setFilterValue('filter3', '200');\n });\n\n expect(result.current.filterQueries).toEqual([\n {\n type: 'sql',\n condition: \"status_code = '200'\",\n },\n ]);\n });\n\n it('should ignore filter values for non-existent filters', () => {\n const { result } = renderHook(() => useDashboardFilters(mockFilters));\n\n act(() => {\n result.current.setFilterValue('filter1', 'production');\n result.current.setFilterValue('nonexistent', 'value');\n });\n\n expect(result.current.filterQueries).toEqual([\n {\n type: 'sql',\n condition: \"environment = 'production'\",\n },\n ]);\n });\n\n it('should update SQL filters when filter values change', () => {\n const { result } = renderHook(() => useDashboardFilters(mockFilters));\n\n act(() => {\n result.current.setFilterValue('filter1', 'staging');\n });\n\n expect(result.current.filterQueries).toEqual([\n {\n type: 'sql',\n condition: \"environment = 'staging'\",\n },\n ]);\n\n act(() => {\n result.current.setFilterValue('filter1', 'production');\n });\n\n expect(result.current.filterQueries).toEqual([\n {\n type: 'sql',\n condition: \"environment = 'production'\",\n },\n ]);\n });\n\n it('should maintain filter values when filters array changes', () => {\n const newFilters: DashboardFilter[] = [\n ...mockFilters,\n {\n id: 'filter4',\n type: 'QUERY_EXPRESSION',\n name: 'Region',\n expression: 'region',\n source: 'logs',\n },\n ];\n\n const { result, rerender } = renderHook(\n ({ filters }) => useDashboardFilters(filters),\n {\n initialProps: { filters: mockFilters },\n },\n );\n\n act(() => {\n result.current.setFilterValue('filter1', 'production');\n });\n\n expect(result.current.filterValues).toEqual({\n filter1: 'production',\n });\n\n rerender({ filters: newFilters });\n\n expect(result.current.filterValues).toEqual({\n filter1: 'production',\n });\n });\n});\n" }, { "path": "packages/app/src/hooks/__tests__/useFieldExpressionGenerator.test.tsx", "content": "import { TSource } from '@hyperdx/common-utils/dist/types';\nimport { renderHook } from '@testing-library/react';\n\nimport useFieldExpressionGenerator from '../useFieldExpressionGenerator';\nimport { useJsonColumns } from '../useMetadata';\n\n// Mock dependencies\njest.mock('../useMetadata', () => ({\n useJsonColumns: jest.fn(),\n}));\n\ndescribe('useFieldExpressionGenerator', () => {\n const mockSource = {\n from: {\n databaseName: 'test_db',\n tableName: 'traces',\n },\n connection: 'conn1',\n } as TSource;\n\n beforeEach(() => {\n jest.clearAllMocks();\n });\n\n it('should return undefined getFieldExpression when source is undefined', () => {\n jest.mocked(useJsonColumns).mockReturnValue({\n data: undefined,\n isLoading: false,\n } as any);\n\n const { result } = renderHook(() => useFieldExpressionGenerator(undefined));\n\n expect(result.current.getFieldExpression).toBeUndefined();\n expect(result.current.isLoading).toBeFalsy();\n });\n\n it('should return isLoading true when data is loading', () => {\n jest.mocked(useJsonColumns).mockReturnValue({\n data: undefined,\n isLoading: true,\n } as any);\n\n const { result } = renderHook(() =>\n useFieldExpressionGenerator(mockSource),\n );\n\n expect(result.current.getFieldExpression).toBeUndefined();\n expect(result.current.isLoading).toBe(true);\n });\n\n it('should generate JSON column expression with default convertFn (toString)', () => {\n jest.mocked(useJsonColumns).mockReturnValue({\n data: ['Body', 'Metadata'],\n isLoading: false,\n } as any);\n\n const { result } = renderHook(() =>\n useFieldExpressionGenerator(mockSource),\n );\n\n expect(result.current.getFieldExpression).toBeDefined();\n expect(result.current.isLoading).toBeFalsy();\n\n const expression = result.current.getFieldExpression!(\n 'Body',\n 'error.message',\n );\n expect(expression).toBe('toString(`Body`.`error`.`message`)');\n });\n\n it('should generate JSON column expression with custom convertFn', () => {\n jest.mocked(useJsonColumns).mockReturnValue({\n data: ['Body', 'Metadata'],\n isLoading: false,\n } as any);\n\n const { result } = renderHook(() =>\n useFieldExpressionGenerator(mockSource),\n );\n\n expect(result.current.getFieldExpression).toBeDefined();\n\n const expression = result.current.getFieldExpression!(\n 'Body',\n 'count',\n 'toInt64',\n );\n expect(expression).toBe('toInt64(`Body`.`count`)');\n });\n\n it('should generate Map column expression with bracket notation', () => {\n jest.mocked(useJsonColumns).mockReturnValue({\n data: ['Body', 'Metadata'],\n isLoading: false,\n } as any);\n\n const { result } = renderHook(() =>\n useFieldExpressionGenerator(mockSource),\n );\n\n expect(result.current.getFieldExpression).toBeDefined();\n\n const expression = result.current.getFieldExpression!(\n 'ResourceAttributes',\n 'service.name',\n );\n expect(expression).toBe(\"`ResourceAttributes`['service.name']\");\n });\n\n it('should handle mixed JSON and Map columns correctly', () => {\n jest.mocked(useJsonColumns).mockReturnValue({\n data: ['Body'],\n isLoading: false,\n } as any);\n\n const { result } = renderHook(() =>\n useFieldExpressionGenerator(mockSource),\n );\n\n // JSON column should use SqlString.format\n const jsonExpression = result.current.getFieldExpression!('Body', 'key1');\n expect(jsonExpression).toBe('toString(`Body`.`key1`)');\n\n // Map column should use bracket notation\n const mapExpression = result.current.getFieldExpression!(\n 'ResourceAttributes',\n 'key2',\n );\n expect(mapExpression).toBe(\"`ResourceAttributes`['key2']\");\n });\n\n it('should handle empty jsonColumns array', () => {\n jest.mocked(useJsonColumns).mockReturnValue({\n data: [],\n isLoading: false,\n } as any);\n\n const { result } = renderHook(() =>\n useFieldExpressionGenerator(mockSource),\n );\n\n expect(result.current.getFieldExpression).toBeDefined();\n\n // All columns should be treated as Map columns\n const expression = result.current.getFieldExpression!(\n 'ResourceAttributes',\n 'service.name',\n );\n expect(expression).toBe(\"`ResourceAttributes`['service.name']\");\n });\n\n it('should pass correct tableConnection to useJsonColumns', () => {\n jest.mocked(useJsonColumns).mockReturnValue({\n data: [],\n isLoading: false,\n } as any);\n\n renderHook(() => useFieldExpressionGenerator(mockSource));\n\n expect(useJsonColumns).toHaveBeenCalledWith({\n databaseName: 'test_db',\n tableName: 'traces',\n connectionId: 'conn1',\n });\n });\n\n it('should handle special characters in keys correctly', () => {\n jest.mocked(useJsonColumns).mockReturnValue({\n data: ['Body'],\n isLoading: false,\n } as any);\n\n const { result } = renderHook(() =>\n useFieldExpressionGenerator(mockSource),\n );\n\n // JSON column with special characters\n const jsonExpression = result.current.getFieldExpression!(\n 'Body',\n \"user's key\",\n );\n expect(jsonExpression).toBe(\"toString(`Body`.`user's key`)\");\n\n // Map column with special characters - bracket notation handles it\n const mapExpression = result.current.getFieldExpression!(\n 'ResourceAttributes',\n \"user's key\",\n );\n expect(mapExpression).toBe(\"`ResourceAttributes`['user\\\\'s key']\");\n });\n});\n" }, { "path": "packages/app/src/hooks/__tests__/useMetadata.test.tsx", "content": "import React from 'react';\nimport * as metadataModule from '@hyperdx/app/src/metadata';\nimport { JSDataType } from '@hyperdx/common-utils/dist/clickhouse';\nimport { ClickhouseClient } from '@hyperdx/common-utils/dist/clickhouse/browser';\nimport {\n Field,\n Metadata,\n MetadataCache,\n} from '@hyperdx/common-utils/dist/core/metadata';\nimport { BuilderChartConfigWithDateRange } from '@hyperdx/common-utils/dist/types';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { renderHook, waitFor } from '@testing-library/react';\n\nimport api from '@/api';\nimport { useSources } from '@/source';\n\nimport {\n deduplicate2dArray,\n useGetKeyValues,\n useMultipleAllFields,\n useMultipleGetKeyValues,\n} from '../useMetadata';\n\n// Create a mock ChartConfig based on the Zod schema\nconst createMockChartConfig = (\n overrides: Partial = {},\n): BuilderChartConfigWithDateRange =>\n ({\n timestampValueExpression: '',\n connection: 'foo',\n from: {\n databaseName: 'telemetry',\n tableName: 'traces',\n },\n ...overrides,\n }) as BuilderChartConfigWithDateRange;\n\njest.mock('@/source', () => ({\n useSources: jest.fn().mockReturnValue({\n data: [{ id: 'source1' }, { id: 'source2' }],\n isLoading: false,\n }),\n}));\n\ndescribe('useGetKeyValues', () => {\n let queryClient: QueryClient;\n let wrapper: React.ComponentType<{ children: any }>;\n let mockMetadata: Metadata;\n\n beforeEach(() => {\n // Reset mocks\n jest.clearAllMocks();\n\n // initialize metadata object\n mockMetadata = new Metadata({} as ClickhouseClient, {} as MetadataCache);\n jest.spyOn(metadataModule, 'getMetadata').mockReturnValue(mockMetadata);\n\n // Create a new QueryClient for each test\n queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n retry: false,\n },\n },\n });\n\n // Create a wrapper component with QueryClientProvider\n wrapper = ({ children }) => (\n {children}\n );\n });\n\n // Test case: Basic functionality with single chart config\n it('should fetch key values for a single chart config', async () => {\n // Arrange\n const mockChartConfig = createMockChartConfig();\n const mockKeys = [\"ResourceAttributes['service.name']\"];\n\n const mockKeyValues = [\n {\n key: \"ResourceAttributes['service.name']\",\n value: ['frontend', 'backend', 'database'],\n },\n ];\n\n jest\n .spyOn(mockMetadata, 'getKeyValuesWithMVs')\n .mockResolvedValue(mockKeyValues);\n\n // Act\n const { result } = renderHook(\n () =>\n useGetKeyValues({\n chartConfig: mockChartConfig,\n keys: mockKeys,\n }),\n { wrapper },\n );\n\n // Assert\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n\n //console.log(result.current.data);\n expect(result.current.data).toEqual(mockKeyValues);\n });\n\n // Test case: Multiple chart configs with different configurations\n it('should fetch key values for multiple chart configs', async () => {\n // Arrange\n const mockChartConfigs = [\n createMockChartConfig({\n from: { databaseName: 'telemetry', tableName: 'traces' },\n groupBy: \"ResourceAttributes['service.name']\",\n }),\n createMockChartConfig({\n from: { databaseName: 'logs', tableName: 'application_logs' },\n orderBy: '\"timestamp\" DESC',\n }),\n ];\n const mockKeys = [\n 'ResourceAttributes.service.name',\n 'ResourceAttributes.environment',\n ];\n\n jest\n .spyOn(mockMetadata, 'getKeyValuesWithMVs')\n .mockResolvedValueOnce([\n {\n key: \"ResourceAttributes['service.name']\",\n value: ['frontend', 'backend'],\n },\n ])\n .mockResolvedValueOnce([\n {\n key: \"ResourceAttributes['environment']\",\n value: ['production', 'staging'],\n },\n ]);\n\n // Act\n const { result } = renderHook(\n () =>\n useMultipleGetKeyValues({\n chartConfigs: mockChartConfigs,\n keys: mockKeys,\n }),\n { wrapper },\n );\n\n // Assert\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n\n expect(result.current.data).toEqual([\n {\n key: \"ResourceAttributes['service.name']\",\n value: ['frontend', 'backend'],\n },\n {\n key: \"ResourceAttributes['environment']\",\n value: ['production', 'staging'],\n },\n ]);\n expect(\n jest.spyOn(mockMetadata, 'getKeyValuesWithMVs'),\n ).toHaveBeenCalledTimes(2);\n });\n\n // Test case: Handling empty keys\n it('should not fetch when keys array is empty', () => {\n // Arrange\n const mockChartConfig = createMockChartConfig();\n\n // Act\n const { result } = renderHook(\n () =>\n useGetKeyValues({\n chartConfig: mockChartConfig,\n keys: [],\n }),\n { wrapper },\n );\n\n // Assert\n expect(result.current.isFetched).toBe(false);\n expect(\n jest.spyOn(mockMetadata, 'getKeyValuesWithMVs'),\n ).not.toHaveBeenCalled();\n });\n\n // Test case: Custom limit and disableRowLimit\n it('should pass custom limit and disableRowLimit', async () => {\n // Arrange\n const mockChartConfig = createMockChartConfig();\n const mockKeys = ['ResourceAttributes.service.name'];\n\n const mockKeyValues = [\n {\n key: \"ResourceAttributes['service.name']\",\n value: ['frontend', 'backend'],\n },\n ];\n\n jest\n .spyOn(mockMetadata, 'getKeyValuesWithMVs')\n .mockResolvedValue(mockKeyValues);\n\n // Act\n const { result } = renderHook(\n () =>\n useGetKeyValues({\n chartConfig: mockChartConfig,\n keys: mockKeys,\n limit: 50,\n disableRowLimit: true,\n }),\n { wrapper },\n );\n\n // Assert\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n });\n\n // Test case: Error handling\n it('should handle errors when fetching key values', async () => {\n // Arrange\n const mockChartConfig = createMockChartConfig();\n const mockKeys = ['ResourceAttributes.service.name'];\n\n jest\n .spyOn(mockMetadata, 'getKeyValuesWithMVs')\n .mockRejectedValue(new Error('Fetch failed'));\n\n // Act\n const { result } = renderHook(\n () =>\n useGetKeyValues({\n chartConfig: mockChartConfig,\n keys: mockKeys,\n }),\n { wrapper },\n );\n\n // Assert\n await waitFor(() => expect(result.current.isError).toBe(true));\n\n expect(result.current.error).toEqual(expect.any(Error));\n expect(result.current.error!.message).toBe('Fetch failed');\n });\n\n it('should be in a loading state while fetching sources', async () => {\n jest.mocked(useSources).mockReturnValue({\n data: undefined,\n isLoading: true,\n isFetching: true,\n } as any);\n\n // Arrange\n const mockChartConfig = createMockChartConfig();\n const mockKeys = ['ResourceAttributes.service.name'];\n\n // Act\n const { result } = renderHook(\n () =>\n useGetKeyValues({\n chartConfig: mockChartConfig,\n keys: mockKeys,\n }),\n { wrapper },\n );\n\n // Assert\n expect(\n jest.spyOn(mockMetadata, 'getKeyValuesWithMVs'),\n ).not.toHaveBeenCalled();\n await waitFor(() => expect(result.current.isLoading).toBe(true));\n });\n});\n\ndescribe('useMultipleAllFields', () => {\n let queryClient: QueryClient;\n let wrapper: React.ComponentType<{ children: any }>;\n let mockMetadata: Metadata;\n\n const fieldsA: Field[] = [\n { path: ['col_a'], type: 'string', jsType: JSDataType.String },\n { path: ['col_shared'], type: 'number', jsType: JSDataType.Number },\n ];\n\n const fieldsB: Field[] = [\n { path: ['col_b'], type: 'string', jsType: JSDataType.String },\n { path: ['col_shared'], type: 'number', jsType: JSDataType.Number },\n ];\n\n const tcA = {\n databaseName: 'db',\n tableName: 'table_a',\n connectionId: 'conn1',\n };\n\n const tcB = {\n databaseName: 'db',\n tableName: 'table_b',\n connectionId: 'conn1',\n };\n\n beforeEach(() => {\n jest.clearAllMocks();\n mockMetadata = new Metadata({} as ClickhouseClient, {} as MetadataCache);\n jest.spyOn(metadataModule, 'getMetadata').mockReturnValue(mockMetadata);\n jest.spyOn(api, 'useMe').mockReturnValue({\n data: { team: {} },\n isFetched: true,\n } as any);\n\n queryClient = new QueryClient({\n defaultOptions: { queries: { retry: false } },\n });\n wrapper = ({ children }) => (\n {children}\n );\n });\n\n it('should return fields from successful connections and empty array for failed ones', async () => {\n jest\n .spyOn(mockMetadata, 'getAllFields')\n .mockResolvedValueOnce(fieldsA)\n .mockRejectedValueOnce(new Error('connection refused'));\n\n const { result } = renderHook(() => useMultipleAllFields([tcA, tcB]), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n\n // Should contain only fieldsA since fieldsB failed\n expect(result.current.data).toEqual(fieldsA);\n });\n\n it('should deduplicate fields across successful connections', async () => {\n jest\n .spyOn(mockMetadata, 'getAllFields')\n .mockResolvedValueOnce(fieldsA)\n .mockResolvedValueOnce(fieldsB);\n\n const { result } = renderHook(() => useMultipleAllFields([tcA, tcB]), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n\n // col_shared appears in both but should be deduplicated\n expect(result.current.data).toEqual([\n { path: ['col_a'], type: 'string', jsType: JSDataType.String },\n { path: ['col_shared'], type: 'number', jsType: JSDataType.Number },\n { path: ['col_b'], type: 'string', jsType: JSDataType.String },\n ]);\n });\n\n it('should return empty array when all connections fail', async () => {\n jest\n .spyOn(mockMetadata, 'getAllFields')\n .mockRejectedValueOnce(new Error('fail 1'))\n .mockRejectedValueOnce(new Error('fail 2'));\n\n const { result } = renderHook(() => useMultipleAllFields([tcA, tcB]), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n\n expect(result.current.data).toEqual([]);\n });\n\n it('should log a warning for each failed connection', async () => {\n const warnSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});\n\n jest\n .spyOn(mockMetadata, 'getAllFields')\n .mockResolvedValueOnce(fieldsA)\n .mockRejectedValueOnce(new Error('timeout'));\n\n const { result } = renderHook(() => useMultipleAllFields([tcA, tcB]), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n\n expect(warnSpy).toHaveBeenCalledWith(\n 'Failed to fetch fields for table connection',\n expect.any(Error),\n );\n\n warnSpy.mockRestore();\n });\n\n it('should skip deduplication for a single connection', async () => {\n jest.spyOn(mockMetadata, 'getAllFields').mockResolvedValueOnce(fieldsA);\n\n const { result } = renderHook(() => useMultipleAllFields([tcA]), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isSuccess).toBe(true));\n\n expect(result.current.data).toEqual(fieldsA);\n });\n});\n\ndescribe('deduplicate2dArray', () => {\n // Test basic deduplication\n it('should remove duplicate objects across 2D array', () => {\n const input = [\n [\n { id: 1, name: 'Alice' },\n { id: 2, name: 'Bob' },\n ],\n [\n { id: 1, name: 'Alice' },\n { id: 3, name: 'Charlie' },\n ],\n ];\n\n const result = deduplicate2dArray(input);\n\n expect(result).toHaveLength(3);\n expect(result).toEqual([\n { id: 1, name: 'Alice' },\n { id: 2, name: 'Bob' },\n { id: 3, name: 'Charlie' },\n ]);\n });\n\n // Test with empty arrays\n it('should handle empty 2D array', () => {\n const input: object[][] = [];\n\n const result = deduplicate2dArray(input);\n\n expect(result).toHaveLength(0);\n });\n\n // Test with nested empty arrays\n it('should handle 2D array with empty subarrays', () => {\n const input = [[], [], []];\n\n const result = deduplicate2dArray(input);\n\n expect(result).toHaveLength(0);\n });\n\n // Test with complex objects\n it('should deduplicate complex nested objects', () => {\n const input = [\n [\n { user: { id: 1, details: { name: 'Alice' } } },\n { user: { id: 2, details: { name: 'Bob' } } },\n ],\n [\n { user: { id: 1, details: { name: 'Alice' } } },\n { user: { id: 3, details: { name: 'Charlie' } } },\n ],\n ];\n\n const result = deduplicate2dArray(input);\n\n expect(result).toHaveLength(3);\n expect(result).toEqual([\n { user: { id: 1, details: { name: 'Alice' } } },\n { user: { id: 2, details: { name: 'Bob' } } },\n { user: { id: 3, details: { name: 'Charlie' } } },\n ]);\n });\n\n // Test with different types of objects\n it('should work with different types of objects', () => {\n const input: {\n value: any;\n }[][] = [\n [{ value: 'string' }, { value: 42 }],\n [{ value: 'string' }, { value: true }],\n ];\n\n const result = deduplicate2dArray(input);\n\n expect(result).toHaveLength(3);\n });\n\n // Test order preservation\n it('should preserve the order of first occurrence', () => {\n const input = [\n [{ id: 1 }, { id: 2 }],\n [{ id: 1 }, { id: 3 }],\n [{ id: 4 }, { id: 2 }],\n ];\n\n const result = deduplicate2dArray(input);\n\n expect(result).toEqual([{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }]);\n });\n});\n" }, { "path": "packages/app/src/hooks/__tests__/useOffsetPaginatedQuery.test.tsx", "content": "import React, { act } from 'react';\nimport { ClickHouseQueryError } from '@hyperdx/common-utils/dist/clickhouse';\nimport { ChartConfigWithDateRange } from '@hyperdx/common-utils/dist/types';\nimport {\n QueryClient,\n QueryClientProvider,\n UseQueryResult,\n} from '@tanstack/react-query';\nimport { renderHook, waitFor } from '@testing-library/react';\n\nimport useOffsetPaginatedQuery from '../useOffsetPaginatedQuery';\n\n// Mock the API module\njest.mock('@/api', () => ({\n useMe: () => ({\n data: {\n team: {\n queryTimeout: 30,\n },\n },\n }),\n}));\n\n// Mock the clickhouse client\njest.mock('@hyperdx/app/src/clickhouse', () => ({\n getClickhouseClient: jest.fn(),\n}));\n\n// Mock the metadata module\njest.mock('@hyperdx/app/src/metadata', () => ({\n getMetadata: jest.fn(),\n}));\n\n// Mock useMetadataWithSettings\njest.mock('@/hooks/useMetadata', () => ({\n useMetadataWithSettings: jest.fn(),\n}));\n\n// Mock useSource\njest.mock('@/source', () => ({\n useSource: jest.fn().mockReturnValue({\n data: undefined,\n isLoading: false,\n }),\n}));\n\n// Mock the useMVOptimizationExplanation hook\njest.mock('@/hooks/useMVOptimizationExplanation', () => ({\n useMVOptimizationExplanation: jest.fn().mockReturnValue({\n data: undefined,\n isLoading: false,\n isPlaceholderData: false,\n }),\n}));\n\n// Mock the renderChartConfig function\njest.mock('@hyperdx/common-utils/dist/core/renderChartConfig', () => ({\n renderChartConfig: jest.fn(),\n}));\n\n// Import mocked modules after jest.mock calls\nimport { getClickhouseClient } from '@hyperdx/app/src/clickhouse';\nimport { MVOptimizationExplanation } from '@hyperdx/common-utils/dist/core/materializedViews';\nimport { renderChartConfig } from '@hyperdx/common-utils/dist/core/renderChartConfig';\nimport { isBuilderChartConfig } from '@hyperdx/common-utils/dist/guards';\n\nimport { useMetadataWithSettings } from '@/hooks/useMetadata';\nimport {\n MVOptimizationExplanationResult,\n useMVOptimizationExplanation,\n} from '@/hooks/useMVOptimizationExplanation';\n\n// Create a mock ChartConfig based on the Zod schema\nconst createMockChartConfig = (\n overrides: Partial = {},\n): ChartConfigWithDateRange =>\n ({\n timestampValueExpression: 'Timestamp',\n connection: 'foo',\n from: {\n databaseName: 'telemetry',\n tableName: 'traces',\n },\n dateRange: [\n new Date('2024-01-01T00:00:00Z'),\n new Date('2024-01-02T00:00:00Z'),\n ] as [Date, Date],\n limit: {\n limit: 100,\n offset: 0,\n },\n orderBy: 'Timestamp DESC',\n ...overrides,\n }) as ChartConfigWithDateRange;\n\ndescribe('useOffsetPaginatedQuery', () => {\n // Increase timeout for complex async operations\n jest.setTimeout(15000);\n\n let queryClient: QueryClient;\n let wrapper: React.ComponentType<{ children: any }>;\n let mockClickhouseClient: any;\n let mockStream: any;\n let mockReader: any;\n let mockMetadata: { getSetting: jest.Mock };\n\n beforeEach(() => {\n // Reset mocks\n jest.clearAllMocks();\n\n // Create a new QueryClient for each test\n queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n retry: false,\n },\n },\n });\n\n // Create a wrapper component with QueryClientProvider\n wrapper = ({ children }) => (\n {children}\n );\n\n // Mock the clickhouse client\n mockReader = {\n read: jest.fn(),\n };\n\n mockStream = {\n getReader: jest.fn(() => mockReader),\n };\n\n mockClickhouseClient = {\n query: jest.fn(() => Promise.resolve({ stream: () => mockStream })),\n };\n\n // Reset and set up the mock to return a fresh client each time\n (\n getClickhouseClient as jest.MockedFunction\n ).mockReset();\n (\n getClickhouseClient as jest.MockedFunction\n ).mockReturnValue(mockClickhouseClient);\n\n // Mock renderChartConfig\n (\n renderChartConfig as jest.MockedFunction\n ).mockResolvedValue({\n sql: 'SELECT * FROM traces',\n params: {},\n });\n\n // Mock metadata with getSetting returning null by default\n mockMetadata = {\n getSetting: jest.fn().mockResolvedValue(null),\n };\n jest.mocked(useMetadataWithSettings).mockReturnValue(mockMetadata as any);\n });\n\n describe('Time Window Generation', () => {\n it('should generate correct time windows for 24-hour range', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2024-01-01T00:00:00Z'),\n new Date('2024-01-02T00:00:00Z'),\n ] as [Date, Date],\n });\n\n // Mock the reader to return data for first window\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T01:00:00Z', 'test log 1'] },\n { json: () => ['2024-01-01T02:00:00Z', 'test log 2'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result } = renderHook(() => useOffsetPaginatedQuery(config), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // Should have data from the first 6-hour window (working backwards from end date)\n expect(result.current.data).toBeDefined();\n expect(result.current.data?.window.windowIndex).toBe(0);\n expect(result.current.data?.window.startTime).toEqual(\n new Date('2024-01-01T18:00:00Z'), // endDate - 6h\n );\n expect(result.current.data?.window.endTime).toEqual(\n new Date('2024-01-02T00:00:00Z'), // endDate\n );\n expect(result.current.data?.window.direction).toEqual('DESC');\n });\n\n it('should generate correct time windows for 24-hour range with ascending sort order', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2024-01-01T00:00:00Z'),\n new Date('2024-01-02T00:00:00Z'),\n ] as [Date, Date],\n orderBy: 'Timestamp ASC',\n });\n\n // Mock the reader to return data for first window\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T01:00:00Z', 'test log 1'] },\n { json: () => ['2024-01-01T02:00:00Z', 'test log 2'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result } = renderHook(() => useOffsetPaginatedQuery(config), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // Should have data from the first 6-hour window (working forwards from start date)\n expect(result.current.data).toBeDefined();\n expect(result.current.data?.window.windowIndex).toBe(0);\n expect(result.current.data?.window.startTime).toEqual(\n new Date('2024-01-01T00:00:00Z'), // startDate\n );\n expect(result.current.data?.window.endTime).toEqual(\n new Date('2024-01-01T06:00:00Z'), // endDate + 6h\n );\n expect(result.current.data?.window.direction).toEqual('ASC');\n });\n\n it('should not use time windows if first ordering is not on timestamp', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2024-01-01T00:00:00Z'),\n new Date('2024-01-02T00:00:00Z'),\n ] as [Date, Date],\n orderBy: 'ServiceName',\n });\n\n // Mock the reader to return data for first window\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T01:00:00Z', 'test log 1'] },\n { json: () => ['2024-01-01T02:00:00Z', 'test log 2'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result } = renderHook(() => useOffsetPaginatedQuery(config), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // Should have data from the entire range, without windowing\n expect(result.current.data).toBeDefined();\n expect(result.current.data?.window.windowIndex).toBe(0);\n expect(result.current.data?.window.startTime).toEqual(\n new Date('2024-01-01T00:00:00Z'), // startDate\n );\n expect(result.current.data?.window.endTime).toEqual(\n new Date('2024-01-02T00:00:00Z'), // endDate + 6h\n );\n expect(result.current.data?.window.direction).toEqual('DESC');\n });\n\n it('should finish pagination when windowing is not being used', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2024-01-01T00:00:00Z'),\n new Date('2024-01-02T00:00:00Z'),\n ] as [Date, Date],\n orderBy: 'ServiceName', // Not using windowing\n });\n\n // Mock the reader to return empty data for the first page\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result } = renderHook(() => useOffsetPaginatedQuery(config), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // Should have data from the entire range, without windowing\n expect(result.current.data).toBeDefined();\n expect(result.current.data?.window.windowIndex).toBe(0);\n expect(result.current.data?.window.startTime).toEqual(\n new Date('2024-01-01T00:00:00Z'), // startDate\n );\n expect(result.current.data?.window.endTime).toEqual(\n new Date('2024-01-02T00:00:00Z'), // endDate\n );\n expect(result.current.data?.window.direction).toEqual('DESC');\n expect(result.current.hasNextPage).toEqual(false); // There should be no more pages, since no results were found\n });\n\n it('should handle very large time ranges with progressive bucketing', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2024-01-01T00:00:00Z'),\n new Date('2024-01-05T00:00:00Z'), // 4 days\n ] as [Date, Date],\n });\n\n // Mock the reader to return data for first window\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T01:00:00Z', 'test log 1'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result } = renderHook(() => useOffsetPaginatedQuery(config), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // Should have data from the first window\n expect(result.current.data).toBeDefined();\n expect(result.current.data?.window.windowIndex).toBe(0);\n\n // Should have more pages available due to large time range\n expect(result.current.hasNextPage).toBe(true);\n });\n\n it('should handle a time range with the same start and end date by generating one window', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2024-01-01T00:00:00Z'),\n new Date('2024-01-01T00:00:00Z'), // same start and end date\n ] as [Date, Date],\n });\n\n // Mock the reader to return data for first window\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T01:00:00Z', 'test log 1'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result } = renderHook(() => useOffsetPaginatedQuery(config), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // Should have data from the first window\n expect(result.current.data).toBeDefined();\n expect(result.current.data?.window.windowIndex).toBe(0);\n\n // Should have more pages available due to large time range\n expect(result.current.hasNextPage).toBe(true);\n });\n });\n\n describe('Pagination Within Time Windows', () => {\n it('should paginate within the same time window', async () => {\n const config = createMockChartConfig({\n limit: { limit: 2, offset: 0 },\n });\n\n // Mock the reader to return first batch\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T01:00:00Z', 'test log 1'] },\n { json: () => ['2024-01-01T02:00:00Z', 'test log 2'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result } = renderHook(() => useOffsetPaginatedQuery(config), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // Should have 2 results from first page\n expect(result.current.data?.data).toHaveLength(2);\n expect(result.current.hasNextPage).toBe(true);\n\n // Mock next page data\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T03:00:00Z', 'test log 3'] },\n { json: () => ['2024-01-01T04:00:00Z', 'test log 4'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n // Fetch next page\n await act(async () => {\n await result.current.fetchNextPage();\n });\n\n await waitFor(() => {\n expect(result.current.data?.data).toHaveLength(4);\n });\n\n // Should still have more pages available in current window\n expect(result.current.hasNextPage).toBe(true);\n });\n });\n\n describe('Moving Between Time Windows', () => {\n it('should move to next time window when current window is exhausted', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2024-01-01T00:00:00Z'),\n new Date('2024-01-02T00:00:00Z'),\n ] as [Date, Date],\n limit: { limit: 100, offset: 0 },\n });\n\n // Mock the reader to return data for first window\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T01:00:00Z', 'test log 1'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result } = renderHook(() => useOffsetPaginatedQuery(config), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // Verify we're in the first window\n expect(result.current.data?.window.windowIndex).toBe(0);\n expect(result.current.data?.window.startTime).toEqual(\n new Date('2024-01-01T18:00:00Z'), // endDate - 6h\n );\n expect(result.current.data?.window.endTime).toEqual(\n new Date('2024-01-02T00:00:00Z'), // endDate\n );\n\n // Test that pagination within the same window works\n expect(result.current.hasNextPage).toBe(true);\n });\n\n it('should handle progressive window sizes correctly', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2024-01-01T00:00:00Z'),\n new Date('2024-01-03T00:00:00Z'), // 2 days\n ] as [Date, Date],\n });\n\n // Mock the reader to return data for first window\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T01:00:00Z', 'test log 1'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result } = renderHook(() => useOffsetPaginatedQuery(config), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // First window: 6h (working backwards from end date)\n expect(result.current.data?.window.startTime).toEqual(\n new Date('2024-01-02T18:00:00Z'), // endDate - 6h\n );\n expect(result.current.data?.window.endTime).toEqual(\n new Date('2024-01-03T00:00:00Z'), // endDate\n );\n\n // Test that pagination within the same window works\n expect(result.current.hasNextPage).toBe(true);\n });\n\n it('should test window transition logic in isolation', () => {\n // Test the time window generation logic directly\n const startDate = new Date('2024-01-01T00:00:00Z');\n const endDate = new Date('2024-01-02T00:00:00Z');\n\n // For a 24-hour range, we should get multiple windows\n const duration = endDate.getTime() - startDate.getTime();\n expect(duration).toBe(24 * 60 * 60 * 1000); // 24 hours\n\n // The hook should generate windows working backwards from end date\n // This test validates the core logic without React Query complexity\n });\n });\n\n describe('Data Flattening and Aggregation', () => {\n it('should flatten data from multiple windows correctly', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2024-01-01T00:00:00Z'),\n new Date('2024-01-02T00:00:00Z'),\n ] as [Date, Date],\n });\n\n // Mock the reader to return data for first window\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T01:00:00Z', 'window 1 log 1'] },\n { json: () => ['2024-01-01T02:00:00Z', 'window 1 log 2'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result } = renderHook(() => useOffsetPaginatedQuery(config), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // Should have 2 results from first window\n expect(result.current.data?.data).toHaveLength(2);\n expect(result.current.data?.data[0].message).toBe('window 1 log 1');\n expect(result.current.data?.data[1].message).toBe('window 1 log 2');\n\n // Mock data for second window\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T07:00:00Z', 'window 2 log 1'] },\n { json: () => ['2024-01-01T08:00:00Z', 'window 2 log 2'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n // Fetch next page\n await act(async () => {\n await result.current.fetchNextPage();\n });\n\n await waitFor(() => {\n expect(result.current.data?.data).toHaveLength(4);\n });\n\n // Should have combined data from both windows\n expect(result.current.data?.data[0].message).toBe('window 1 log 1');\n expect(result.current.data?.data[1].message).toBe('window 1 log 2');\n expect(result.current.data?.data[2].message).toBe('window 2 log 1');\n expect(result.current.data?.data[3].message).toBe('window 2 log 2');\n });\n\n it('should maintain metadata consistency across windows', async () => {\n const config = createMockChartConfig();\n\n // Mock the reader to return data with metadata\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message', 'level'] },\n { json: () => ['DateTime', 'String', 'String'] },\n { json: () => ['2024-01-01T01:00:00Z', 'test log 1', 'info'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result } = renderHook(() => useOffsetPaginatedQuery(config), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // Should have correct metadata\n expect(result.current.data?.meta).toHaveLength(3);\n expect(result.current.data?.meta[0].name).toBe('timestamp');\n expect(result.current.data?.meta[0].type).toBe('DateTime');\n expect(result.current.data?.meta[1].name).toBe('message');\n expect(result.current.data?.meta[1].type).toBe('String');\n expect(result.current.data?.meta[2].name).toBe('level');\n expect(result.current.data?.meta[2].type).toBe('String');\n });\n });\n\n describe('Error Handling', () => {\n it('should handle ClickHouse query errors gracefully', async () => {\n const config = createMockChartConfig();\n\n // Mock the clickhouse client to throw an error during query execution\n mockClickhouseClient.query.mockRejectedValue(\n new ClickHouseQueryError('Query failed', 'SELECT * FROM traces'),\n );\n\n const { result } = renderHook(() => useOffsetPaginatedQuery(config), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isError).toBe(true), {\n timeout: 5000,\n });\n\n expect(result.current.error).toBeInstanceOf(ClickHouseQueryError);\n expect(result.current.error?.message).toBe('Query failed');\n });\n\n it('should handle invalid time window errors', async () => {\n const config = createMockChartConfig({\n dateRange: [\n new Date('2024-01-02T00:00:00Z'), // End date before start date\n new Date('2024-01-01T00:00:00Z'),\n ] as [Date, Date],\n });\n\n const { result } = renderHook(() => useOffsetPaginatedQuery(config), {\n wrapper,\n });\n\n // Should handle invalid date range gracefully\n expect(result.current.isLoading).toBe(true);\n });\n });\n\n describe('Live Mode vs Historical Mode', () => {\n it('should handle live mode with different caching strategy', async () => {\n const config = createMockChartConfig();\n\n // Mock the reader to return data\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T01:00:00Z', 'live log 1'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result } = renderHook(\n () => useOffsetPaginatedQuery(config, { isLive: true }),\n { wrapper },\n );\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // Should have data in live mode\n expect(result.current.data?.data).toHaveLength(1);\n expect(result.current.data?.data[0].message).toBe('live log 1');\n });\n\n it('should limit pages in live mode for memory management', async () => {\n const config = createMockChartConfig();\n\n // Mock the reader to return data\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T01:00:00Z', 'live log 1'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result } = renderHook(\n () => useOffsetPaginatedQuery(config, { isLive: true }),\n { wrapper },\n );\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // Live mode should have more aggressive garbage collection\n // This is tested through the maxPages and gcTime configuration\n expect(result.current.data).toBeDefined();\n });\n });\n\n describe('Query Key Management', () => {\n it('should generate unique query keys for different configurations', async () => {\n const config1 = createMockChartConfig({\n connection: 'connection1',\n });\n\n const config2 = createMockChartConfig({\n connection: 'connection2',\n });\n\n // Mock the reader to return data for both configs\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T01:00:00Z', 'config1 log'] },\n ],\n })\n .mockResolvedValueOnce({ done: true })\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T01:00:00Z', 'config2 log'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result: result1 } = renderHook(\n () => useOffsetPaginatedQuery(config1),\n { wrapper },\n );\n\n await waitFor(() => expect(result1.current.isLoading).toBe(false));\n expect(result1.current.data?.data[0].message).toBe('config1 log');\n\n // Reset mocks for second config\n jest.clearAllMocks();\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T01:00:00Z', 'config2 log'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result: result2 } = renderHook(\n () => useOffsetPaginatedQuery(config2),\n { wrapper },\n );\n\n await waitFor(() => expect(result2.current.isLoading).toBe(false));\n expect(result2.current.data?.data[0].message).toBe('config2 log');\n });\n });\n\n describe('RawSqlChartConfig', () => {\n it('should execute raw SQL query without time windowing and not paginate', async () => {\n const rawSqlConfig = {\n configType: 'sql' as const,\n sqlTemplate: 'SELECT status, count() FROM logs GROUP BY status',\n connection: 'conn-1',\n displayType: undefined,\n dateRange: [\n new Date('2024-01-01T00:00:00Z'),\n new Date('2024-01-02T00:00:00Z'),\n ] as [Date, Date],\n };\n\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['status', 'count()'] },\n { json: () => ['String', 'UInt64'] },\n { json: () => ['error', 42] },\n { json: () => ['info', 100] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result } = renderHook(\n () => useOffsetPaginatedQuery(rawSqlConfig),\n { wrapper },\n );\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // Raw SQL config should be passed through to renderChartConfig unchanged\n expect(renderChartConfig).toHaveBeenCalledTimes(1);\n expect(jest.mocked(renderChartConfig).mock.calls[0][0]).toMatchObject({\n configType: 'sql',\n sqlTemplate: 'SELECT status, count() FROM logs GROUP BY status',\n });\n\n // Should have data\n expect(result.current.data?.data).toHaveLength(2);\n expect(result.current.data?.data[0]).toEqual({\n status: 'error',\n 'count()': 42,\n });\n\n // Pagination is disabled for raw SQL\n expect(result.current.hasNextPage).toBe(false);\n });\n });\n\n describe('ClickHouse Settings (readonly and max_result_rows)', () => {\n const rawSqlConfig = {\n configType: 'sql' as const,\n sqlTemplate: 'SELECT status, count() FROM logs GROUP BY status',\n connection: 'conn-1',\n displayType: undefined,\n dateRange: [\n new Date('2024-01-01T00:00:00Z'),\n new Date('2024-01-02T00:00:00Z'),\n ] as [Date, Date],\n };\n\n const mockRawSqlRead = () => {\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['status', 'count()'] },\n { json: () => ['String', 'UInt64'] },\n { json: () => ['error', 42] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n };\n\n it('should set readonly=2, result_overflow_mode=break, and max_result_rows=MAX_TABLE_ROWS when no existing setting', async () => {\n mockMetadata.getSetting.mockResolvedValue(null);\n mockRawSqlRead();\n\n const { result } = renderHook(\n () => useOffsetPaginatedQuery(rawSqlConfig),\n { wrapper },\n );\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n expect(mockClickhouseClient.query).toHaveBeenCalledTimes(1);\n const clickhouseSettings =\n mockClickhouseClient.query.mock.calls[0][0].clickhouse_settings;\n expect(clickhouseSettings.readonly).toBe('2');\n expect(clickhouseSettings.max_result_rows).toBe('10000');\n expect(clickhouseSettings.result_overflow_mode).toBe('break');\n });\n\n it('should use MAX_TABLE_ROWS when existingMaxResultRowsSetting is 0', async () => {\n mockMetadata.getSetting.mockResolvedValue('0');\n mockRawSqlRead();\n\n const { result } = renderHook(\n () => useOffsetPaginatedQuery(rawSqlConfig),\n { wrapper },\n );\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n const clickhouseSettings =\n mockClickhouseClient.query.mock.calls[0][0].clickhouse_settings;\n expect(clickhouseSettings.max_result_rows).toBe('10000');\n });\n\n it('should use existingMaxResultRowsSetting when it is less than MAX_TABLE_ROWS', async () => {\n mockMetadata.getSetting.mockResolvedValue('5000');\n mockRawSqlRead();\n\n const { result } = renderHook(\n () => useOffsetPaginatedQuery(rawSqlConfig),\n { wrapper },\n );\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n const clickhouseSettings =\n mockClickhouseClient.query.mock.calls[0][0].clickhouse_settings;\n expect(clickhouseSettings.max_result_rows).toBe('5000');\n });\n\n it('should cap max_result_rows at MAX_TABLE_ROWS when existingMaxResultRowsSetting exceeds it', async () => {\n mockMetadata.getSetting.mockResolvedValue('50000');\n mockRawSqlRead();\n\n const { result } = renderHook(\n () => useOffsetPaginatedQuery(rawSqlConfig),\n { wrapper },\n );\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n const clickhouseSettings =\n mockClickhouseClient.query.mock.calls[0][0].clickhouse_settings;\n expect(clickhouseSettings.max_result_rows).toBe('10000');\n });\n\n it('should query getSetting with the correct settingName and connectionId', async () => {\n mockRawSqlRead();\n\n const { result } = renderHook(\n () => useOffsetPaginatedQuery(rawSqlConfig),\n { wrapper },\n );\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n expect(mockMetadata.getSetting).toHaveBeenCalledWith({\n settingName: 'max_result_rows',\n connectionId: 'conn-1',\n });\n });\n\n it('should not set readonly or max_result_rows for builder configs', async () => {\n const config = createMockChartConfig();\n\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'message'] },\n { json: () => ['DateTime', 'String'] },\n { json: () => ['2024-01-01T01:00:00Z', 'test log'] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result } = renderHook(() => useOffsetPaginatedQuery(config), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n expect(mockClickhouseClient.query).toHaveBeenCalledTimes(1);\n const clickhouseSettings =\n mockClickhouseClient.query.mock.calls[0][0].clickhouse_settings;\n expect(clickhouseSettings.readonly).toBeUndefined();\n expect(clickhouseSettings.max_result_rows).toBeUndefined();\n expect(clickhouseSettings.result_overflow_mode).toBeUndefined();\n\n // getSetting should not be called for builder configs\n expect(mockMetadata.getSetting).not.toHaveBeenCalled();\n });\n });\n\n describe('MV Optimization Integration', () => {\n it('should optimize queries using MVs when possible', async () => {\n const config = createMockChartConfig({\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'avg',\n },\n ],\n });\n\n const optimizedConfig = createMockChartConfig({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'avg__Duration',\n aggFn: 'avgMerge',\n },\n ],\n });\n\n // Mock MV optimization to return an optimized config\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: {\n optimizedConfig,\n explanations: [],\n },\n isLoading: false,\n isPlaceholderData: false,\n } as unknown as UseQueryResult);\n\n // Mock the reader to return data\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'avg_duration'] },\n { json: () => ['DateTime', 'Float64'] },\n { json: () => ['2024-01-01T01:00:00Z', 123.45] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n const { result } = renderHook(() => useOffsetPaginatedQuery(config), {\n wrapper,\n });\n\n await waitFor(() => expect(result.current.isLoading).toBe(false));\n\n // Verify the query was executed with the optimized config\n expect(renderChartConfig).toHaveBeenCalledTimes(1);\n expect(\n jest\n .mocked(renderChartConfig)\n .mock.calls.every(\n call =>\n isBuilderChartConfig(call[0]) &&\n call[0].from.tableName === 'metrics_rollup_1m',\n ),\n ).toBeTruthy();\n\n // Verify data was returned successfully\n expect(result.current.data?.data).toHaveLength(1);\n });\n\n it('should not execute query while useMVOptimizationExplanation is in loading state', async () => {\n const config = createMockChartConfig({\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'avg',\n },\n ],\n });\n\n const optimizedConfig = createMockChartConfig({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'avg__Duration',\n aggFn: 'avgMerge',\n },\n ],\n });\n\n // Mock MV optimization to be in loading state\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: undefined,\n isLoading: true, // MV optimization is still loading\n } as unknown as UseQueryResult);\n\n const { result } = renderHook(() => useOffsetPaginatedQuery(config), {\n wrapper,\n });\n\n // Wait a bit to ensure query doesn't execute\n await new Promise(resolve => setTimeout(resolve, 100));\n\n // Verify the query is still in loading state because MV optimization is loading\n expect(result.current.isLoading).toBe(true);\n\n // Verify that renderChartConfig was NOT called because MV optimization is still loading\n expect(renderChartConfig).not.toHaveBeenCalled();\n\n // Now mock the MV optimization to finish loading\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n jest.mocked(useMVOptimizationExplanation).mockReturnValue({\n data: {\n optimizedConfig: optimizedConfig,\n explanations: [],\n },\n isLoading: false, // MV optimization finished loading\n } as unknown as UseQueryResult);\n\n // Mock the reader to return data\n mockReader.read\n .mockResolvedValueOnce({\n done: false,\n value: [\n { json: () => ['timestamp', 'avg_duration'] },\n { json: () => ['DateTime', 'Float64'] },\n { json: () => ['2024-01-01T01:00:00Z', 123.45] },\n ],\n })\n .mockResolvedValueOnce({ done: true });\n\n // Force a re-render to pick up the new mock value\n const { result: result2 } = renderHook(\n () => useOffsetPaginatedQuery(config),\n {\n wrapper,\n },\n );\n\n await waitFor(() => expect(result2.current.isLoading).toBe(false));\n\n // Verify the query was executed with the optimized config after MV optimization finished\n expect(renderChartConfig).toHaveBeenCalledTimes(1);\n expect(\n jest\n .mocked(renderChartConfig)\n .mock.calls.every(\n call =>\n isBuilderChartConfig(call[0]) &&\n call[0].from.tableName === 'metrics_rollup_1m',\n ),\n ).toBeTruthy();\n\n expect(result2.current.data?.data).toHaveLength(1);\n });\n });\n});\n" }, { "path": "packages/app/src/hooks/__tests__/usePresetDashboardFilters.test.tsx", "content": "import {\n DashboardFilter,\n Filter,\n PresetDashboard,\n PresetDashboardFilter,\n} from '@hyperdx/common-utils/dist/types';\nimport { act, renderHook } from '@testing-library/react';\n\nimport api from '@/api';\nimport { FilterState } from '@/searchFilters';\n\nimport useDashboardFilters from '../useDashboardFilters';\nimport usePresetDashboardFilters from '../usePresetDashboardFilters';\n\n// Mock the api module\njest.mock('@/api', () => ({\n __esModule: true,\n default: {\n usePresetDashboardFilters: jest.fn(),\n useCreatePresetDashboardFilter: jest.fn(),\n useUpdatePresetDashboardFilter: jest.fn(),\n useDeletePresetDashboardFilter: jest.fn(),\n },\n}));\n\n// Mock the useDashboardFilters hook\njest.mock('../useDashboardFilters', () => ({\n __esModule: true,\n default: jest.fn(),\n}));\n\ndescribe('usePresetDashboardFilters', () => {\n const mockSourceId = 'test-service-id';\n const mockPresetDashboard = PresetDashboard.Services;\n\n const mockFilters: PresetDashboardFilter[] = [\n {\n id: 'filter-1',\n type: 'QUERY_EXPRESSION',\n name: 'Environment',\n expression: 'environment',\n source: mockSourceId,\n presetDashboard: PresetDashboard.Services,\n },\n {\n id: 'filter-2',\n type: 'QUERY_EXPRESSION',\n name: 'Status Code',\n expression: 'status_code',\n source: mockSourceId,\n presetDashboard: PresetDashboard.Services,\n },\n ];\n\n const mockFilterValues: FilterState = {\n environment: {\n included: new Set(['production']),\n excluded: new Set(),\n },\n };\n\n const mockFilterQueries: Filter[] = [\n {\n type: 'sql',\n condition: \"environment = 'production'\",\n },\n ];\n\n let mockRefetch: jest.Mock;\n let mockCreateMutate: jest.Mock;\n let mockUpdateMutate: jest.Mock;\n let mockDeleteMutate: jest.Mock;\n let mockSetFilterValue: jest.Mock;\n\n beforeEach(() => {\n jest.clearAllMocks();\n\n // Setup mocks\n mockRefetch = jest.fn();\n mockCreateMutate = jest.fn();\n mockUpdateMutate = jest.fn();\n mockDeleteMutate = jest.fn();\n mockSetFilterValue = jest.fn();\n\n // Mock usePresetDashboardFilters query\n jest.mocked(api.usePresetDashboardFilters).mockReturnValue({\n data: mockFilters,\n refetch: mockRefetch,\n } as any);\n\n // Mock create mutation\n jest.mocked(api.useCreatePresetDashboardFilter).mockReturnValue({\n mutate: mockCreateMutate,\n } as any);\n\n // Mock update mutation\n jest.mocked(api.useUpdatePresetDashboardFilter).mockReturnValue({\n mutate: mockUpdateMutate,\n } as any);\n\n // Mock delete mutation\n jest.mocked(api.useDeletePresetDashboardFilter).mockReturnValue({\n mutate: mockDeleteMutate,\n } as any);\n\n // Mock useDashboardFilters\n jest.mocked(useDashboardFilters).mockReturnValue({\n filterValues: mockFilterValues,\n setFilterValue: mockSetFilterValue,\n filterQueries: mockFilterQueries,\n setFilterQueries: jest.fn(),\n });\n });\n\n it('should initialize with filters from API', () => {\n const { result } = renderHook(() =>\n usePresetDashboardFilters({\n presetDashboard: mockPresetDashboard,\n sourceId: mockSourceId,\n }),\n );\n\n expect(result.current.filters).toEqual(mockFilters);\n expect(api.usePresetDashboardFilters).toHaveBeenCalledWith(\n PresetDashboard.Services,\n mockSourceId,\n true,\n );\n });\n\n it('should return empty array when no data is available', () => {\n jest.mocked(api.usePresetDashboardFilters).mockReturnValue({\n data: undefined,\n refetch: mockRefetch,\n } as any);\n\n const { result } = renderHook(() =>\n usePresetDashboardFilters({\n presetDashboard: mockPresetDashboard,\n sourceId: mockSourceId,\n }),\n );\n\n expect(result.current.filters).toEqual([]);\n });\n\n it('should pass the enabled status usePresetDashboardFilters when enabled is false', () => {\n renderHook(() =>\n usePresetDashboardFilters({\n presetDashboard: mockPresetDashboard,\n sourceId: mockSourceId,\n enabled: false,\n }),\n );\n\n expect(api.usePresetDashboardFilters).toHaveBeenCalledWith(\n PresetDashboard.Services,\n mockSourceId,\n false,\n );\n });\n\n it('should pass the enabled status usePresetDashboardFilters when enabled is true', () => {\n renderHook(() =>\n usePresetDashboardFilters({\n presetDashboard: mockPresetDashboard,\n sourceId: mockSourceId,\n enabled: true,\n }),\n );\n\n expect(api.usePresetDashboardFilters).toHaveBeenCalledWith(\n PresetDashboard.Services,\n mockSourceId,\n true,\n );\n });\n\n it('should pass the enabled status usePresetDashboardFilters when enabled is undefined', () => {\n renderHook(() =>\n usePresetDashboardFilters({\n presetDashboard: mockPresetDashboard,\n sourceId: mockSourceId,\n }),\n );\n\n expect(api.usePresetDashboardFilters).toHaveBeenCalledWith(\n PresetDashboard.Services,\n mockSourceId,\n true,\n );\n });\n\n it('should pass filters to useDashboardFilters', () => {\n renderHook(() =>\n usePresetDashboardFilters({\n presetDashboard: mockPresetDashboard,\n sourceId: mockSourceId,\n }),\n );\n\n expect(useDashboardFilters).toHaveBeenCalledWith(mockFilters);\n });\n\n it('should pass empty array to useDashboardFilters when no data', () => {\n jest.mocked(api.usePresetDashboardFilters).mockReturnValue({\n data: undefined,\n refetch: mockRefetch,\n } as any);\n\n renderHook(() =>\n usePresetDashboardFilters({\n presetDashboard: mockPresetDashboard,\n sourceId: mockSourceId,\n }),\n );\n\n expect(useDashboardFilters).toHaveBeenCalledWith([]);\n });\n\n it('should return filter values and queries from useDashboardFilters', () => {\n const { result } = renderHook(() =>\n usePresetDashboardFilters({\n presetDashboard: mockPresetDashboard,\n sourceId: mockSourceId,\n }),\n );\n\n expect(result.current.filterValues).toEqual(mockFilterValues);\n expect(result.current.filterQueries).toEqual(mockFilterQueries);\n expect(result.current.setFilterValue).toBe(mockSetFilterValue);\n });\n\n describe('handleSaveFilter', () => {\n it('should create a new filter when it does not exist', () => {\n const { result } = renderHook(() =>\n usePresetDashboardFilters({\n presetDashboard: mockPresetDashboard,\n sourceId: mockSourceId,\n }),\n );\n\n const newFilter: DashboardFilter = {\n id: 'new-filter',\n type: 'QUERY_EXPRESSION',\n name: 'Region',\n expression: 'region',\n source: mockSourceId,\n };\n\n act(() => {\n result.current.handleSaveFilter(newFilter);\n });\n\n expect(mockCreateMutate).toHaveBeenCalledWith(\n {\n ...newFilter,\n presetDashboard: mockPresetDashboard,\n },\n { onSuccess: expect.any(Function), onError: expect.any(Function) },\n );\n expect(mockUpdateMutate).not.toHaveBeenCalled();\n });\n\n it('should update an existing filter when it exists', () => {\n const { result } = renderHook(() =>\n usePresetDashboardFilters({\n presetDashboard: mockPresetDashboard,\n sourceId: mockSourceId,\n }),\n );\n\n const updatedFilter: DashboardFilter = {\n id: 'filter-1',\n type: 'QUERY_EXPRESSION',\n name: 'Environment (Updated)',\n expression: 'environment',\n source: mockSourceId,\n };\n\n act(() => {\n result.current.handleSaveFilter(updatedFilter);\n });\n\n expect(mockUpdateMutate).toHaveBeenCalledWith(\n {\n ...updatedFilter,\n presetDashboard: mockPresetDashboard,\n },\n { onSuccess: expect.any(Function), onError: expect.any(Function) },\n );\n expect(mockCreateMutate).not.toHaveBeenCalled();\n });\n\n it('should call refetch on successful create', () => {\n const { result } = renderHook(() =>\n usePresetDashboardFilters({\n presetDashboard: mockPresetDashboard,\n sourceId: mockSourceId,\n }),\n );\n\n const newFilter: DashboardFilter = {\n id: 'new-filter',\n type: 'QUERY_EXPRESSION',\n name: 'Region',\n expression: 'region',\n source: mockSourceId,\n };\n\n act(() => {\n result.current.handleSaveFilter(newFilter);\n });\n\n // Get the onSuccess callback that was passed to mutate\n const onSuccess = mockCreateMutate.mock.calls[0][1].onSuccess;\n\n // Call it to simulate successful mutation\n act(() => {\n onSuccess();\n });\n\n expect(mockRefetch).toHaveBeenCalled();\n });\n\n it('should call refetch on successful update', () => {\n const { result } = renderHook(() =>\n usePresetDashboardFilters({\n presetDashboard: mockPresetDashboard,\n sourceId: mockSourceId,\n }),\n );\n\n const updatedFilter: DashboardFilter = {\n id: 'filter-1',\n type: 'QUERY_EXPRESSION',\n name: 'Environment (Updated)',\n expression: 'environment',\n source: mockSourceId,\n };\n\n act(() => {\n result.current.handleSaveFilter(updatedFilter);\n });\n\n // Get the onSuccess callback that was passed to mutate\n const onSuccess = mockUpdateMutate.mock.calls[0][1].onSuccess;\n\n // Call it to simulate successful mutation\n act(() => {\n onSuccess();\n });\n\n expect(mockRefetch).toHaveBeenCalled();\n });\n });\n\n describe('handleRemoveFilter', () => {\n it('should call delete mutation with correct parameters', () => {\n const { result } = renderHook(() =>\n usePresetDashboardFilters({\n presetDashboard: mockPresetDashboard,\n sourceId: mockSourceId,\n }),\n );\n\n const filterIdToRemove = 'filter-1';\n\n act(() => {\n result.current.handleRemoveFilter(filterIdToRemove);\n });\n\n expect(mockDeleteMutate).toHaveBeenCalledWith(\n {\n id: filterIdToRemove,\n presetDashboard: mockPresetDashboard,\n },\n { onSuccess: expect.any(Function), onError: expect.any(Function) },\n );\n });\n\n it('should call refetch on successful delete', () => {\n const { result } = renderHook(() =>\n usePresetDashboardFilters({\n presetDashboard: mockPresetDashboard,\n sourceId: mockSourceId,\n }),\n );\n\n const filterIdToRemove = 'filter-1';\n\n act(() => {\n result.current.handleRemoveFilter(filterIdToRemove);\n });\n\n // Get the onSuccess callback that was passed to mutate\n const onSuccess = mockDeleteMutate.mock.calls[0][1].onSuccess;\n\n // Call it to simulate successful mutation\n act(() => {\n onSuccess();\n });\n\n expect(mockRefetch).toHaveBeenCalled();\n });\n });\n\n describe('hook dependencies', () => {\n it('should use correct preset dashboard value', () => {\n renderHook(() =>\n usePresetDashboardFilters({\n presetDashboard: PresetDashboard.Services,\n sourceId: mockSourceId,\n }),\n );\n\n expect(api.usePresetDashboardFilters).toHaveBeenCalledWith(\n PresetDashboard.Services,\n mockSourceId,\n true,\n );\n });\n\n it('should maintain stable callbacks on re-render', () => {\n const { result, rerender } = renderHook(() =>\n usePresetDashboardFilters({\n presetDashboard: mockPresetDashboard,\n sourceId: mockSourceId,\n }),\n );\n\n const firstHandleSaveFilter = result.current.handleSaveFilter;\n const firstHandleRemoveFilter = result.current.handleRemoveFilter;\n\n rerender();\n\n expect(result.current.handleSaveFilter).toBe(firstHandleSaveFilter);\n expect(result.current.handleRemoveFilter).toBe(firstHandleRemoveFilter);\n });\n });\n});\n" }, { "path": "packages/app/src/hooks/__tests__/useResizable.test.tsx", "content": "import { fireEvent } from '@testing-library/dom';\nimport { act, renderHook } from '@testing-library/react';\n\nimport useResizable from '../useResizable';\n\ndescribe('useResizable', () => {\n const originalInnerWidth = window.innerWidth;\n const originalOffsetWidth = document.body.offsetWidth;\n\n beforeEach(() => {\n // Mock window.innerWidth\n Object.defineProperty(window, 'innerWidth', {\n writable: true,\n configurable: true,\n value: 1000,\n });\n\n // Mock document.body.offsetWidth\n Object.defineProperty(document.body, 'offsetWidth', {\n writable: true,\n configurable: true,\n value: 1000,\n });\n });\n\n afterEach(() => {\n // Restore original values\n Object.defineProperty(window, 'innerWidth', {\n writable: true,\n configurable: true,\n value: originalInnerWidth,\n });\n Object.defineProperty(document.body, 'offsetWidth', {\n writable: true,\n configurable: true,\n value: originalOffsetWidth,\n });\n });\n\n it('should initialize with the provided width', () => {\n const { result } = renderHook(() => useResizable(20));\n expect(result.current.size).toBe(20);\n });\n\n it('should handle right resize correctly', () => {\n const { result } = renderHook(() => useResizable(20, 'right'));\n\n act(() => {\n // Start resize at x=500\n const startEvent = new MouseEvent('mousedown', { clientX: 500 });\n result.current.startResize(startEvent as any);\n\n // Move mouse to x=600 (right)\n const moveEvent = new MouseEvent('mousemove', { clientX: 600 });\n fireEvent(document, moveEvent);\n });\n\n // Moving right should decrease width for right panel\n // Delta: 100px = 10% of window width\n expect(result.current.size).toBe(10); // 20 - 10\n });\n\n it('should handle left resize correctly', () => {\n const { result } = renderHook(() => useResizable(20, 'left'));\n\n act(() => {\n // Start resize at x=500\n const startEvent = new MouseEvent('mousedown', { clientX: 500 });\n result.current.startResize(startEvent as any);\n\n // Move mouse to x=600 (right)\n const moveEvent = new MouseEvent('mousemove', { clientX: 600 });\n fireEvent(document, moveEvent);\n });\n\n // Moving right should increase width for left panel\n // Delta: 100px = 10% of window width\n expect(result.current.size).toBe(30); // 20 + 10\n });\n\n it('should respect minimum width constraint', () => {\n const { result } = renderHook(() => useResizable(20, 'right'));\n\n act(() => {\n const startEvent = new MouseEvent('mousedown', { clientX: 500 });\n result.current.startResize(startEvent as any);\n\n // Try to resize smaller than minimum (10%)\n const moveEvent = new MouseEvent('mousemove', { clientX: 800 });\n fireEvent(document, moveEvent);\n });\n\n expect(result.current.size).toBe(10); // Should not go below MIN_PANEL_WIDTH_PERCENT\n });\n\n it('should respect maximum width constraint', () => {\n const { result } = renderHook(() => useResizable(20, 'left'));\n\n act(() => {\n const startEvent = new MouseEvent('mousedown', { clientX: 500 });\n result.current.startResize(startEvent as any);\n\n // Try to resize larger than maximum\n const moveEvent = new MouseEvent('mousemove', { clientX: 1000 });\n fireEvent(document, moveEvent);\n });\n\n // Max width should be (1000 - 25) / 1000 * 100 = 97.5%\n expect(result.current.size).toBeLessThanOrEqual(97.5);\n });\n\n it('should cleanup event listeners on unmount', () => {\n const removeEventListenerSpy = jest.spyOn(document, 'removeEventListener');\n const { result, unmount } = renderHook(() => useResizable(20));\n\n act(() => {\n // Start resize\n const startEvent = new MouseEvent('mousedown', { clientX: 500 });\n result.current.startResize(startEvent as any);\n });\n\n unmount();\n\n expect(removeEventListenerSpy).toHaveBeenCalledWith(\n 'mousemove',\n expect.any(Function),\n );\n expect(removeEventListenerSpy).toHaveBeenCalledWith(\n 'mouseup',\n expect.any(Function),\n );\n });\n\n describe('vertical resizing', () => {\n const originalInnerHeight = window.innerHeight;\n const originalOffsetHeight = document.body.offsetHeight;\n\n beforeEach(() => {\n Object.defineProperty(window, 'innerHeight', {\n writable: true,\n configurable: true,\n value: 1000,\n });\n\n Object.defineProperty(document.body, 'offsetHeight', {\n writable: true,\n configurable: true,\n value: 1000,\n });\n });\n\n afterEach(() => {\n Object.defineProperty(window, 'innerHeight', {\n writable: true,\n configurable: true,\n value: originalInnerHeight,\n });\n Object.defineProperty(document.body, 'offsetHeight', {\n writable: true,\n configurable: true,\n value: originalOffsetHeight,\n });\n });\n\n it('should handle bottom resize correctly', () => {\n const { result } = renderHook(() => useResizable(20, 'bottom'));\n\n act(() => {\n const startEvent = new MouseEvent('mousedown', { clientY: 500 });\n result.current.startResize(startEvent as any);\n\n // Move mouse down by 100px\n const moveEvent = new MouseEvent('mousemove', { clientY: 600 });\n fireEvent(document, moveEvent);\n });\n\n // Moving down should decrease height for bottom panel\n // Delta: 100px = 10% of window height\n expect(result.current.size).toBe(30); // 20 + 10\n });\n\n it('should handle top resize correctly', () => {\n const { result } = renderHook(() => useResizable(20, 'top'));\n\n act(() => {\n const startEvent = new MouseEvent('mousedown', { clientY: 500 });\n result.current.startResize(startEvent as any);\n\n // Move mouse down by 100px\n const moveEvent = new MouseEvent('mousemove', { clientY: 600 });\n fireEvent(document, moveEvent);\n });\n\n // Moving down should increase height for top panel\n // Delta: 100px = 10% of window height\n expect(result.current.size).toBe(10); // 20 - 10\n });\n\n it('should respect minimum height constraint (bottom)', () => {\n const { result } = renderHook(() => useResizable(20, 'bottom'));\n\n act(() => {\n const startEvent = new MouseEvent('mousedown', { clientY: 500 });\n result.current.startResize(startEvent as any);\n\n // Try to resize smaller than minimum (10%)\n const moveEvent = new MouseEvent('mousemove', { clientY: 800 });\n fireEvent(document, moveEvent);\n });\n\n expect(result.current.size).toBe(50); // Should not go below MIN_PANEL_WIDTH_PERCENT\n });\n\n it('should respect maximum height constraint (top)', () => {\n const { result } = renderHook(() => useResizable(20, 'top'));\n\n act(() => {\n const startEvent = new MouseEvent('mousedown', { clientY: 500 });\n result.current.startResize(startEvent as any);\n\n // Try to resize larger than maximum\n const moveEvent = new MouseEvent('mousemove', { clientY: 1000 });\n fireEvent(document, moveEvent);\n });\n\n // Max height should be (1000 - 25) / 1000 * 100 = 97.5%\n expect(result.current.size).toBeLessThanOrEqual(97.5);\n });\n });\n});\n\nexport {};\n" }, { "path": "packages/app/src/hooks/__tests__/useRowWhere.test.tsx", "content": "import MD5 from 'crypto-js/md5';\nimport {\n ColumnMetaType,\n JSDataType,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport { renderHook } from '@testing-library/react';\n\nimport useRowWhere, { processRowToWhereClause } from '../useRowWhere';\n\n// Mock crypto-js/md5\njest.mock('crypto-js/md5');\n\n// Mock convertCHDataTypeToJSType\njest.mock('@hyperdx/common-utils/dist/clickhouse', () => ({\n ...jest.requireActual('@hyperdx/common-utils/dist/clickhouse'),\n convertCHDataTypeToJSType: jest.fn((type: string) => {\n const typeMap: Record = {\n String: JSDataType.String,\n DateTime64: JSDataType.Date,\n 'Array(String)': JSDataType.Array,\n 'Map(String, String)': JSDataType.Map,\n JSON: JSDataType.JSON,\n Dynamic: JSDataType.Dynamic,\n Int32: JSDataType.Number,\n 'Tuple(String, Int32)': JSDataType.Tuple,\n };\n return typeMap[type] || JSDataType.String;\n }),\n}));\n\ndescribe('processRowToWhereClause', () => {\n beforeEach(() => {\n jest.clearAllMocks();\n (MD5 as jest.Mock).mockImplementation((value: string) => ({\n toString: () => `md5_${value}`,\n }));\n });\n\n it('should handle string columns', () => {\n const columnMap = new Map([\n [\n 'name',\n {\n name: 'name',\n type: 'String',\n valueExpr: 'name',\n jsType: JSDataType.String,\n },\n ],\n ]);\n\n const row = { name: 'test' };\n const result = processRowToWhereClause(row, columnMap);\n\n expect(result).toBe(\"name='test'\");\n });\n\n it('should handle date columns', () => {\n const columnMap = new Map([\n [\n 'created_at',\n {\n name: 'created_at',\n type: 'DateTime64',\n valueExpr: 'created_at',\n jsType: JSDataType.Date,\n },\n ],\n ]);\n\n const row = { created_at: '2024-01-01T00:00:00Z' };\n const result = processRowToWhereClause(row, columnMap);\n\n expect(result).toBe(\n \"created_at=parseDateTime64BestEffort('2024-01-01T00:00:00Z', 9)\",\n );\n });\n\n it('should handle array columns', () => {\n const columnMap = new Map([\n [\n 'tags',\n {\n name: 'tags',\n type: 'Array(String)',\n valueExpr: 'tags',\n jsType: JSDataType.Array,\n },\n ],\n ]);\n\n const row = { tags: ['tag1', 'tag2'] };\n const result = processRowToWhereClause(row, columnMap);\n\n expect(result).toBe(\"tags=JSONExtract('tag1', 'tag2', 'Array(String)')\");\n });\n\n it('should handle map columns', () => {\n const columnMap = new Map([\n [\n 'attributes',\n {\n name: 'attributes',\n type: 'Map(String, String)',\n valueExpr: 'attributes',\n jsType: JSDataType.Map,\n },\n ],\n ]);\n\n const row = { attributes: { key: 'value' } };\n const result = processRowToWhereClause(row, columnMap);\n\n expect(result).toBe(\n \"attributes=JSONExtract(`key` = 'value', 'Map(String, String)')\",\n );\n });\n\n it('should handle JSON columns with MD5', () => {\n const columnMap = new Map([\n [\n 'data',\n {\n name: 'data',\n type: 'JSON',\n valueExpr: 'data',\n jsType: JSDataType.JSON,\n },\n ],\n ]);\n\n const row = { data: '{\"key\": \"value\"}' };\n const result = processRowToWhereClause(row, columnMap);\n\n expect(result).toBe(\n 'lower(hex(MD5(toString(data))))=\\'md5_{\\\\\"key\\\\\": \\\\\"value\\\\\"}\\'',\n );\n expect(MD5).toHaveBeenCalledWith('{\"key\": \"value\"}');\n });\n\n it('should handle Dynamic columns with null value', () => {\n const columnMap = new Map([\n [\n 'dynamic_field',\n {\n name: 'dynamic_field',\n type: 'Dynamic',\n valueExpr: 'dynamic_field',\n jsType: JSDataType.Dynamic,\n },\n ],\n ]);\n\n const row = { dynamic_field: 'null' };\n const result = processRowToWhereClause(row, columnMap);\n\n expect(result).toBe('isNull(`dynamic_field`)');\n });\n\n it('should handle Dynamic columns with quoted string', () => {\n const columnMap = new Map([\n [\n 'dynamic_field',\n {\n name: 'dynamic_field',\n type: 'Dynamic',\n valueExpr: 'dynamic_field',\n jsType: JSDataType.Dynamic,\n },\n ],\n ]);\n\n const row = { dynamic_field: '\"quoted_value\"' };\n const result = processRowToWhereClause(row, columnMap);\n\n expect(result).toBe(\n \"toJSONString(dynamic_field) = coalesce(toJSONString(JSONExtract('\\\\\\\"quoted_value\\\\\\\"', 'Dynamic')), toJSONString('\\\\\\\"quoted_value\\\\\\\"'))\",\n );\n });\n\n it('should handle Dynamic columns with escaped values', () => {\n const columnMap = new Map([\n [\n 'dynamic_field',\n {\n name: 'dynamic_field',\n type: 'Dynamic',\n valueExpr: 'dynamic_field',\n jsType: JSDataType.Dynamic,\n },\n ],\n ]);\n\n const row = { dynamic_field: '{\\\\\"took\\\\\":7, not a valid json' };\n const result = processRowToWhereClause(row, columnMap);\n expect(result).toBe(\n \"toJSONString(dynamic_field) = coalesce(toJSONString(JSONExtract('{\\\\\\\\\\\\\\\"took\\\\\\\\\\\\\\\":7, not a valid json', 'Dynamic')), toJSONString('{\\\\\\\\\\\\\\\"took\\\\\\\\\\\\\\\":7, not a valid json'))\",\n );\n });\n\n it('should handle Dynamic columns with nested values', () => {\n const columnMap = new Map([\n [\n 'dynamic_field',\n {\n name: 'dynamic_field',\n type: 'Dynamic',\n valueExpr: 'dynamic_field',\n jsType: JSDataType.Dynamic,\n },\n ],\n ]);\n\n const row = { dynamic_field: \"{'foo': {'bar': 'baz'}}\" };\n const result = processRowToWhereClause(row, columnMap);\n expect(result).toBe(\n \"toJSONString(dynamic_field) = coalesce(toJSONString(JSONExtract('{\\\\'foo\\\\': {\\\\'bar\\\\': \\\\'baz\\\\'}}', 'Dynamic')), toJSONString('{\\\\'foo\\\\': {\\\\'bar\\\\': \\\\'baz\\\\'}}'))\",\n );\n });\n\n it('should handle Dynamic columns with array values', () => {\n const columnMap = new Map([\n [\n 'dynamic_field',\n {\n name: 'dynamic_field',\n type: 'Dynamic',\n valueExpr: 'dynamic_field',\n jsType: JSDataType.Dynamic,\n },\n ],\n ]);\n\n const row = { dynamic_field: \"['foo', 'bar']\" };\n const result = processRowToWhereClause(row, columnMap);\n expect(result).toBe(\n \"toJSONString(dynamic_field) = coalesce(toJSONString(JSONExtract('[\\\\'foo\\\\', \\\\'bar\\\\']', 'Dynamic')), toJSONString('[\\\\'foo\\\\', \\\\'bar\\\\']'))\",\n );\n });\n\n it('should handle long strings with MD5', () => {\n const columnMap = new Map([\n [\n 'description',\n {\n name: 'description',\n type: 'String',\n valueExpr: 'description',\n jsType: JSDataType.String,\n },\n ],\n ]);\n\n const longString = 'a'.repeat(600);\n const row = { description: longString };\n const result = processRowToWhereClause(row, columnMap);\n\n expect(result).toBe(\n `lower(hex(MD5(leftUTF8(description, 1000))))='md5_${'a'.repeat(600)}'`,\n );\n expect(MD5).toHaveBeenCalledWith('a'.repeat(600));\n });\n\n it('should handle multiple columns with AND', () => {\n const columnMap = new Map([\n [\n 'name',\n {\n name: 'name',\n type: 'String',\n valueExpr: 'name',\n jsType: JSDataType.String,\n },\n ],\n [\n 'age',\n {\n name: 'age',\n type: 'Int32',\n valueExpr: 'age',\n jsType: JSDataType.Number,\n },\n ],\n ]);\n\n const row = { name: 'test', age: 25 };\n const result = processRowToWhereClause(row, columnMap);\n\n expect(result).toBe(\"name='test' AND age=25\");\n });\n\n it('should use custom valueExpr when provided', () => {\n const columnMap = new Map([\n [\n 'alias_name',\n {\n name: 'alias_name',\n type: 'String',\n valueExpr: 'original_column',\n jsType: JSDataType.String,\n },\n ],\n ]);\n\n const row = { alias_name: 'test' };\n const result = processRowToWhereClause(row, columnMap);\n\n expect(result).toBe(\"original_column='test'\");\n });\n\n it('should handle Tuple columns', () => {\n const columnMap = new Map([\n [\n 'coordinates',\n {\n name: 'coordinates',\n type: 'Tuple(String, Int32)',\n valueExpr: 'coordinates',\n jsType: JSDataType.Tuple,\n },\n ],\n ]);\n\n const row = { coordinates: '{\"s\": \"city\", \"i\": 123}' };\n const result = processRowToWhereClause(row, columnMap);\n\n expect(result).toBe(\n 'toJSONString(coordinates)=\\'{\\\\\"s\\\\\": \\\\\"city\\\\\", \\\\\"i\\\\\": 123}\\'',\n );\n });\n\n it('should handle null value in default block', () => {\n const columnMap = new Map([\n [\n 'name',\n {\n name: 'name',\n type: 'String',\n valueExpr: 'name',\n jsType: JSDataType.String,\n },\n ],\n ]);\n\n const row = { name: null };\n const result = processRowToWhereClause(row, columnMap);\n\n expect(result).toBe('isNull(name)');\n });\n\n it('should handle undefined value in default block', () => {\n const columnMap = new Map([\n [\n 'description',\n {\n name: 'description',\n type: 'String',\n valueExpr: 'description',\n jsType: JSDataType.String,\n },\n ],\n ]);\n\n const row = { description: undefined };\n const result = processRowToWhereClause(row, columnMap);\n\n expect(result).toBe('isNull(description)');\n });\n\n it('should throw error when column type not found', () => {\n const columnMap = new Map();\n\n const row = { unknown_column: 'test' };\n\n expect(() => processRowToWhereClause(row, columnMap)).toThrow(\n 'Column type not found for unknown_column',\n );\n });\n\n it('should throw error when valueExpr not found', () => {\n const columnMap = new Map([\n [\n 'test',\n {\n name: 'test',\n type: 'String',\n valueExpr: null as any,\n jsType: JSDataType.String,\n },\n ],\n ]);\n\n const row = { test: 'value' };\n\n expect(() => processRowToWhereClause(row, columnMap)).toThrow(\n 'valueExpr not found for test',\n );\n });\n});\n\ndescribe('useRowWhere', () => {\n beforeEach(() => {\n jest.clearAllMocks();\n (MD5 as jest.Mock).mockImplementation((value: string) => ({\n toString: () => `md5_${value}`,\n }));\n });\n\n it('should return a function that processes rows', () => {\n const meta: ColumnMetaType[] = [\n { name: 'id', type: 'String' },\n { name: 'status', type: 'String' },\n ];\n\n const { result } = renderHook(() => useRowWhere({ meta }));\n\n expect(typeof result.current).toBe('function');\n });\n\n it('should handle rows with meta', () => {\n const meta: ColumnMetaType[] = [\n { name: 'id', type: 'String' },\n { name: 'status', type: 'String' },\n ];\n\n const { result } = renderHook(() => useRowWhere({ meta }));\n\n const row = { id: '123', status: 'active' };\n const rowWhereResult = result.current(row);\n\n expect(rowWhereResult.where).toBe(\"id='123' AND status='active'\");\n expect(rowWhereResult.aliasWith).toEqual([]);\n });\n\n it('should handle aliasMap correctly', () => {\n const meta: ColumnMetaType[] = [\n { name: 'user_id', type: 'String' },\n { name: 'user_status', type: 'String' },\n ];\n\n const aliasMap = {\n user_id: 'users.id',\n user_status: 'users.status',\n };\n\n const { result } = renderHook(() => useRowWhere({ meta, aliasMap }));\n\n const row = { user_id: '123', user_status: 'active' };\n const rowWhereResult = result.current(row);\n\n expect(rowWhereResult.where).toBe(\n \"users.id='123' AND users.status='active'\",\n );\n expect(rowWhereResult.aliasWith).toEqual([\n {\n name: 'user_id',\n sql: { sql: 'users.id', params: {} },\n isSubquery: false,\n },\n {\n name: 'user_status',\n sql: { sql: 'users.status', params: {} },\n isSubquery: false,\n },\n ]);\n });\n\n it('should use column name when alias not found in aliasMap', () => {\n const meta: ColumnMetaType[] = [\n { name: 'id', type: 'String' },\n { name: 'status', type: 'String' },\n ];\n\n const aliasMap = {\n id: 'users.id',\n // status is not in aliasMap\n };\n\n const { result } = renderHook(() => useRowWhere({ meta, aliasMap }));\n\n const row = { id: '123', status: 'active' };\n const rowWhereResult = result.current(row);\n\n expect(rowWhereResult.where).toBe(\"users.id='123' AND status='active'\");\n expect(rowWhereResult.aliasWith).toEqual([\n { name: 'id', sql: { sql: 'users.id', params: {} }, isSubquery: false },\n ]);\n });\n\n it('should handle undefined alias values in aliasMap', () => {\n const meta: ColumnMetaType[] = [\n { name: 'id', type: 'String' },\n { name: 'status', type: 'String' },\n ];\n\n const aliasMap = {\n id: 'users.id',\n status: undefined,\n };\n\n const { result } = renderHook(() => useRowWhere({ meta, aliasMap }));\n\n const row = { id: '123', status: 'active' };\n const rowWhereResult = result.current(row);\n\n expect(rowWhereResult.where).toBe(\"users.id='123' AND status='active'\");\n expect(rowWhereResult.aliasWith).toEqual([\n { name: 'id', sql: { sql: 'users.id', params: {} }, isSubquery: false },\n ]);\n });\n\n it('should memoize the column map', () => {\n const meta: ColumnMetaType[] = [{ name: 'id', type: 'String' }];\n\n const { result, rerender } = renderHook(props => useRowWhere(props), {\n initialProps: { meta },\n });\n\n const firstCallback = result.current;\n\n // Rerender with same props\n rerender({ meta });\n\n const secondCallback = result.current;\n\n // Callback should be the same reference\n expect(firstCallback).toBe(secondCallback);\n });\n\n it('should update callback when meta changes', () => {\n const meta1: ColumnMetaType[] = [{ name: 'id', type: 'String' }];\n\n const meta2: ColumnMetaType[] = [\n { name: 'id', type: 'String' },\n { name: 'status', type: 'String' },\n ];\n\n const { result, rerender } = renderHook(props => useRowWhere(props), {\n initialProps: { meta: meta1 },\n });\n\n const firstCallback = result.current;\n\n // Rerender with different meta\n rerender({ meta: meta2 });\n\n const secondCallback = result.current;\n\n // Callback should be different\n expect(firstCallback).not.toBe(secondCallback);\n });\n\n it('should handle empty meta', () => {\n const { result } = renderHook(() => useRowWhere({ meta: [] }));\n\n const row = { id: '123' };\n\n expect(() => result.current(row)).toThrow('Column type not found for id');\n });\n\n it('should handle undefined meta', () => {\n const { result } = renderHook(() => useRowWhere({ meta: undefined }));\n\n const row = { id: '123' };\n\n expect(() => result.current(row)).toThrow('Column type not found for id');\n });\n});\n" }, { "path": "packages/app/src/hooks/__tests__/useServiceMap.test.ts", "content": "import { aggregateServiceMapData, SpanAggregationRow } from '../useServiceMap';\n\ndescribe('aggregateServiceMapData', () => {\n describe('basic aggregation', () => {\n it('should return empty map for empty input', () => {\n const result = aggregateServiceMapData([]);\n expect(result.size).toBe(0);\n });\n\n it('should aggregate single service with single status', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n requestCount: 100,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n\n expect(result.size).toBe(1);\n expect(result.has('api-service')).toBe(true);\n\n const service = result.get('api-service')!;\n expect(service.serviceName).toBe('api-service');\n expect(service.incomingRequests.totalRequests).toBe(100);\n expect(service.incomingRequests.requestCountByStatus.get('Ok')).toBe(100);\n expect(service.incomingRequests.errorPercentage).toBe(0);\n expect(service.incomingRequestsByClient.size).toBe(0);\n });\n\n it('should aggregate multiple rows for same service and status', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n requestCount: 100,\n },\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n requestCount: 50,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n\n expect(result.size).toBe(1);\n const service = result.get('api-service')!;\n expect(service.incomingRequests.totalRequests).toBe(150);\n expect(service.incomingRequests.requestCountByStatus.get('Ok')).toBe(150);\n });\n\n it('should aggregate multiple status codes for same service', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n requestCount: 100,\n },\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Error',\n requestCount: 10,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n\n expect(result.size).toBe(1);\n const service = result.get('api-service')!;\n expect(service.incomingRequests.totalRequests).toBe(110);\n expect(service.incomingRequests.requestCountByStatus.get('Ok')).toBe(100);\n expect(service.incomingRequests.requestCountByStatus.get('Error')).toBe(\n 10,\n );\n });\n\n it('should aggregate multiple services', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n requestCount: 100,\n },\n {\n serverServiceName: 'db-service',\n serverStatusCode: 'Ok',\n requestCount: 200,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n\n expect(result.size).toBe(2);\n expect(result.has('api-service')).toBe(true);\n expect(result.has('db-service')).toBe(true);\n expect(result.get('api-service')!.incomingRequests.totalRequests).toBe(\n 100,\n );\n expect(result.get('db-service')!.incomingRequests.totalRequests).toBe(\n 200,\n );\n });\n });\n\n describe('error percentage calculation', () => {\n it('should calculate error percentage correctly', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n requestCount: 70,\n },\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Unset',\n requestCount: 20,\n },\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Error',\n requestCount: 10,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n const service = result.get('api-service')!;\n\n expect(service.incomingRequests.totalRequests).toBe(100);\n expect(service.incomingRequests.errorPercentage).toBe(10);\n });\n\n it('should calculate 0% error when no errors', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n requestCount: 100,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n const service = result.get('api-service')!;\n\n expect(service.incomingRequests.errorPercentage).toBe(0);\n });\n\n it('should calculate 100% error when all errors', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Error',\n requestCount: 100,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n const service = result.get('api-service')!;\n\n expect(service.incomingRequests.errorPercentage).toBe(100);\n });\n\n it('should calculate precise error percentages', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n requestCount: 97,\n },\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Error',\n requestCount: 3,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n const service = result.get('api-service')!;\n\n expect(service.incomingRequests.errorPercentage).toBe(3);\n });\n\n it('should handle 0 total requests without division by zero', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n clientServiceName: 'client-service',\n requestCount: 100,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n\n // client-service is added but has no incoming requests\n const clientService = result.get('client-service')!;\n expect(clientService.incomingRequests.totalRequests).toBe(0);\n expect(clientService.incomingRequests.errorPercentage).toBe(0);\n });\n });\n\n describe('client service aggregation', () => {\n it('should aggregate requests by client service', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n clientServiceName: 'web-service',\n requestCount: 100,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n\n expect(result.size).toBe(2);\n expect(result.has('api-service')).toBe(true);\n expect(result.has('web-service')).toBe(true);\n\n const service = result.get('api-service')!;\n expect(service.incomingRequests.totalRequests).toBe(100);\n expect(service.incomingRequestsByClient.size).toBe(1);\n expect(service.incomingRequestsByClient.has('web-service')).toBe(true);\n\n const clientStats = service.incomingRequestsByClient.get('web-service')!;\n expect(clientStats.totalRequests).toBe(100);\n expect(clientStats.requestCountByStatus.get('Ok')).toBe(100);\n });\n\n it('should aggregate multiple clients calling same service', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n clientServiceName: 'web-service',\n requestCount: 100,\n },\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n clientServiceName: 'mobile-service',\n requestCount: 50,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n\n expect(result.size).toBe(3); // api-service, web-service, mobile-service\n const service = result.get('api-service')!;\n expect(service.incomingRequests.totalRequests).toBe(150);\n expect(service.incomingRequestsByClient.size).toBe(2);\n\n const webStats = service.incomingRequestsByClient.get('web-service')!;\n expect(webStats.totalRequests).toBe(100);\n\n const mobileStats =\n service.incomingRequestsByClient.get('mobile-service')!;\n expect(mobileStats.totalRequests).toBe(50);\n });\n\n it('should aggregate multiple requests from same client with different status codes', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n clientServiceName: 'web-service',\n requestCount: 90,\n },\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Error',\n clientServiceName: 'web-service',\n requestCount: 10,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n const service = result.get('api-service')!;\n const clientStats = service.incomingRequestsByClient.get('web-service')!;\n\n expect(clientStats.totalRequests).toBe(100);\n expect(clientStats.requestCountByStatus.get('Ok')).toBe(90);\n expect(clientStats.requestCountByStatus.get('Error')).toBe(10);\n expect(clientStats.errorPercentage).toBe(10);\n });\n\n it('should handle mix of requests with and without client service names', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n clientServiceName: 'web-service',\n requestCount: 100,\n },\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n requestCount: 50, // No client service (uninstrumented)\n },\n ];\n\n const result = aggregateServiceMapData(data);\n\n const service = result.get('api-service')!;\n expect(service.incomingRequests.totalRequests).toBe(150);\n expect(service.incomingRequestsByClient.size).toBe(1);\n expect(service.incomingRequestsByClient.has('web-service')).toBe(true);\n });\n\n it('should create client service entry even if client has no incoming requests', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n clientServiceName: 'web-service',\n requestCount: 100,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n\n expect(result.has('web-service')).toBe(true);\n const clientService = result.get('web-service')!;\n expect(clientService.serviceName).toBe('web-service');\n expect(clientService.incomingRequests.totalRequests).toBe(0);\n expect(clientService.incomingRequestsByClient.size).toBe(0);\n expect(clientService.incomingRequests.errorPercentage).toBe(0);\n });\n });\n\n describe('complex scenarios', () => {\n it('should handle service chain (A -> B -> C)', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'service-b',\n serverStatusCode: 'Ok',\n clientServiceName: 'service-a',\n requestCount: 100,\n },\n {\n serverServiceName: 'service-c',\n serverStatusCode: 'Ok',\n clientServiceName: 'service-b',\n requestCount: 100,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n\n expect(result.size).toBe(3);\n\n // Service A (no incoming requests)\n const serviceA = result.get('service-a')!;\n expect(serviceA.incomingRequests.totalRequests).toBe(0);\n\n // Service B (receives from A, calls C)\n const serviceB = result.get('service-b')!;\n expect(serviceB.incomingRequests.totalRequests).toBe(100);\n expect(serviceB.incomingRequestsByClient.has('service-a')).toBe(true);\n\n // Service C (receives from B)\n const serviceC = result.get('service-c')!;\n expect(serviceC.incomingRequests.totalRequests).toBe(100);\n expect(serviceC.incomingRequestsByClient.has('service-b')).toBe(true);\n });\n\n it('should handle multiple clients with different error rates', () => {\n const data: SpanAggregationRow[] = [\n // Client 1: 10% error rate\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n clientServiceName: 'client-1',\n requestCount: 90,\n },\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Error',\n clientServiceName: 'client-1',\n requestCount: 10,\n },\n // Client 2: 50% error rate\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n clientServiceName: 'client-2',\n requestCount: 50,\n },\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Error',\n clientServiceName: 'client-2',\n requestCount: 50,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n const service = result.get('api-service')!;\n\n // Overall error rate: 60 errors out of 200 = 30%\n expect(service.incomingRequests.totalRequests).toBe(200);\n expect(service.incomingRequests.errorPercentage).toBe(30);\n\n // Client 1: 10% error rate\n const client1Stats = service.incomingRequestsByClient.get('client-1')!;\n expect(client1Stats.errorPercentage).toBe(10);\n\n // Client 2: 50% error rate\n const client2Stats = service.incomingRequestsByClient.get('client-2')!;\n expect(client2Stats.errorPercentage).toBe(50);\n });\n\n it('should handle large request counts', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n requestCount: 1_000_000,\n },\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Error',\n requestCount: 1_000,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n const service = result.get('api-service')!;\n\n expect(service.incomingRequests.totalRequests).toBe(1_001_000);\n expect(service.incomingRequests.errorPercentage).toBeCloseTo(0.0999, 4);\n });\n\n it('should handle different status code strings', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n requestCount: 50,\n },\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Error',\n requestCount: 10,\n },\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Unset',\n requestCount: 40,\n },\n ];\n\n const result = aggregateServiceMapData(data);\n const service = result.get('api-service')!;\n\n expect(service.incomingRequests.totalRequests).toBe(100);\n expect(service.incomingRequests.requestCountByStatus.get('Ok')).toBe(50);\n expect(service.incomingRequests.requestCountByStatus.get('Error')).toBe(\n 10,\n );\n expect(service.incomingRequests.requestCountByStatus.get('Unset')).toBe(\n 40,\n );\n expect(service.incomingRequests.errorPercentage).toBe(10);\n });\n });\n\n describe('data structure integrity', () => {\n it('should not mutate input data', () => {\n const data: SpanAggregationRow[] = [\n {\n serverServiceName: 'api-service',\n serverStatusCode: 'Ok',\n requestCount: 100,\n },\n ];\n\n const originalData = JSON.parse(JSON.stringify(data));\n aggregateServiceMapData(data);\n\n expect(data).toEqual(originalData);\n });\n });\n});\n" }, { "path": "packages/app/src/hooks/__tests__/useSqlSuggestions.test.tsx", "content": "import { renderHook } from '@testing-library/react';\n\nimport { useSqlSuggestions } from '../useSqlSuggestions';\n\ndescribe('useSqlSuggestions', () => {\n it('should return null when enabled is false', () => {\n const { result } = renderHook(() =>\n useSqlSuggestions({\n input: 'SeverityText = \"error\"',\n enabled: false,\n }),\n );\n\n expect(result.current).toBeNull();\n });\n\n it('should detect double quotes and return suggestions when enabled', () => {\n const { result } = renderHook(() =>\n useSqlSuggestions({\n input: 'SeverityText = \"error\"',\n enabled: true,\n }),\n );\n\n expect(result.current).not.toBeNull();\n const suggestions = result.current!;\n expect(suggestions.length).toBe(1);\n\n const suggestion = suggestions[0];\n expect(suggestion.userMessage('where')).toBe(\n 'ClickHouse does not support double quotes (\") but they were detected in WHERE. Switch to single quotes?',\n );\n expect(suggestion.corrected()).toBe(\"SeverityText = 'error'\");\n });\n\n it('should not detect double quotes inside single quotes', () => {\n const { result } = renderHook(() =>\n useSqlSuggestions({\n input: 'SeverityText = \\'John \"Doe\"\\'',\n enabled: true,\n }),\n );\n\n expect(result.current).toBeNull();\n });\n\n it('should handle multiple double quotes in input', () => {\n const { result } = renderHook(() =>\n useSqlSuggestions({\n input:\n 'SeverityText = \"error\" OR SeverityText = \"info\" OR SeverityText = \"debug\" OR SeverityText = \"warn\"',\n enabled: true,\n }),\n );\n\n expect(result.current).not.toBeNull();\n const suggestions = result.current!;\n expect(suggestions.length).toBe(1);\n\n const suggestion = suggestions[0];\n expect(suggestion.corrected()).toBe(\n \"SeverityText = 'error' OR SeverityText = 'info' OR SeverityText = 'debug' OR SeverityText = 'warn'\",\n );\n });\n\n it('should update suggestions when input changes', () => {\n const { result, rerender } = renderHook(props => useSqlSuggestions(props), {\n initialProps: { input: \"SeverityText = 'err'\", enabled: true },\n });\n\n // Initially no suggestions as there are no double quotes\n expect(result.current).toBeNull();\n\n // Update input to contain double quotes\n rerender({ input: 'SeverityText = \"err\"', enabled: true });\n\n // Should now have a suggestion\n expect(result.current).not.toBeNull();\n expect(result.current?.length).toBe(1);\n });\n\n it('should handle empty input', () => {\n const { result } = renderHook(() =>\n useSqlSuggestions({\n input: '',\n enabled: true,\n }),\n );\n\n expect(result.current).toBeNull();\n });\n\n it('should handle input with escaped single quotes', () => {\n const { result } = renderHook(() =>\n useSqlSuggestions({\n input: \"SeverityText = 'O\\\\'Reilly' AND company = \\\"Acme\\\"\",\n enabled: true,\n }),\n );\n\n expect(result.current).not.toBeNull();\n expect(result.current?.[0].corrected()).toBe(\n \"SeverityText = 'O\\\\'Reilly' AND company = 'Acme'\",\n );\n });\n\n it('should update when enabled changes from false to true', () => {\n const { result, rerender } = renderHook(props => useSqlSuggestions(props), {\n initialProps: { input: 'SeverityText = \"error\"', enabled: false },\n });\n\n // Initially no suggestions as enabled is false\n expect(result.current).toBeNull();\n\n // Update enabled to true\n rerender({ input: 'SeverityText = \"error\"', enabled: true });\n\n // Should now have a suggestion\n expect(result.current).not.toBeNull();\n expect(result.current?.length).toBe(1);\n });\n\n it('should handle mixed quotes correctly', () => {\n const { result } = renderHook(() =>\n useSqlSuggestions({\n input: 'SeverityText = \\'single\\' OR SeverityText = \"double\"',\n enabled: true,\n }),\n );\n\n expect(result.current).not.toBeNull();\n expect(result.current?.[0].corrected()).toBe(\n \"SeverityText = 'single' OR SeverityText = 'double'\",\n );\n });\n});\n" }, { "path": "packages/app/src/hooks/__tests__/useTableSearch.test.tsx", "content": "import { act, renderHook, waitFor } from '@testing-library/react';\n\nimport { useTableSearch } from '../useTableSearch';\n\ndescribe('useTableSearch', () => {\n // Realistic test data based on HyperDX logs\n const mockRows = [\n {\n timestamp: 'Jan 15 4:43:28.966 PM',\n ServiceName: 'hdx-oss-dev-app',\n StatusCode: 'Unset',\n SpanName: 'longtask',\n Duration: 69,\n },\n {\n timestamp: 'Jan 15 4:43:28.912 PM',\n ServiceName: 'hdx-oss-dev-app',\n StatusCode: 'Unset',\n SpanName: 'longtask',\n Duration: 54,\n },\n {\n timestamp: 'Jan 15 4:43:25.034 PM',\n ServiceName: 'hdx-oss-dev-api',\n StatusCode: 'Unset',\n SpanName: 'mongodb.update',\n Duration: 1,\n },\n {\n timestamp: 'Jan 15 4:43:25.021 PM',\n ServiceName: 'hdx-oss-dev-api',\n StatusCode: 'Unset',\n SpanName: 'dns.lookup',\n Duration: 0,\n },\n {\n timestamp: 'Jan 15 4:43:25.021 PM',\n ServiceName: 'hdx-oss-dev-api',\n StatusCode: 'Unset',\n SpanName: 'POST',\n Duration: 13,\n },\n {\n timestamp: 'Jan 15 4:43:25.020 PM',\n ServiceName: 'hdx-oss-dev-api',\n StatusCode: 'Unset',\n SpanName: 'router - /health',\n Duration: 0,\n },\n {\n timestamp: 'Jan 15 4:43:25.020 PM',\n ServiceName: 'hdx-oss-dev-api',\n StatusCode: 'Unset',\n SpanName: 'tcp.connect',\n Duration: 1,\n },\n {\n timestamp: 'Jan 15 4:43:25.020 PM',\n ServiceName: 'hdx-oss-dev-api',\n StatusCode: 'Unset',\n SpanName: 'middleware - isUserAuthenticated',\n Duration: 0,\n },\n {\n timestamp: 'Jan 15 4:43:25.019 PM',\n ServiceName: 'hdx-oss-dev-api',\n StatusCode: 'Unset',\n SpanName: 'middleware - corsMiddleware',\n Duration: 0,\n },\n ];\n\n const searchableColumns = ['ServiceName', 'SpanName', 'StatusCode'];\n\n describe('initialization', () => {\n it('should initialize with empty search state', () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0, // No debounce for tests\n }),\n );\n\n expect(result.current.inputValue).toBe('');\n expect(result.current.matchIndices).toEqual([]);\n expect(result.current.currentMatchIndex).toBe(0);\n expect(result.current.isSearchVisible).toBe(false);\n expect(result.current.shouldScrollToMatch).toBe(false);\n });\n });\n\n describe('search functionality', () => {\n it('should find matches for service name \"hdx-oss-dev-api\"', async () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('hdx-oss-dev-api');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(7);\n });\n\n expect(result.current.matchIndices).toEqual([2, 3, 4, 5, 6, 7, 8]);\n });\n\n it('should find matches for span name \"mongodb\"', async () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('mongodb');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(1);\n });\n\n expect(result.current.matchIndices).toEqual([2]);\n });\n\n it('should find matches for \"middleware\" in span names', async () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('middleware');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(2);\n });\n\n expect(result.current.matchIndices).toEqual([7, 8]);\n });\n\n it('should find matches for \"longtask\" in span names', async () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('longtask');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(2);\n });\n\n expect(result.current.matchIndices).toEqual([0, 1]);\n });\n\n it('should perform case-insensitive search', async () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('MONGODB');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(1);\n });\n });\n\n it('should find partial matches', async () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('dns');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(1);\n });\n\n expect(result.current.matchIndices).toEqual([3]);\n });\n\n it('should return no matches for non-existent text', async () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('nonexistent');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(0);\n });\n });\n\n it('should search across multiple columns', async () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('Unset');\n });\n\n await waitFor(() => {\n // All rows have StatusCode: 'Unset'\n expect(result.current.matchIndices).toHaveLength(9);\n });\n });\n\n it('should clear matches when search is cleared', async () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('mongodb');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(1);\n });\n\n act(() => {\n result.current.handleSearchChange('');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toEqual([]);\n expect(result.current.currentMatchIndex).toBe(0);\n });\n });\n\n it('should handle rows with null or undefined values', async () => {\n const rowsWithNulls = [\n ...mockRows,\n {\n timestamp: 'Jan 15 4:43:25.000 PM',\n ServiceName: null,\n StatusCode: undefined,\n SpanName: 'test',\n Duration: 0,\n },\n ];\n\n const { result } = renderHook(() =>\n useTableSearch({\n rows: rowsWithNulls,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('test');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(1);\n });\n\n expect(result.current.matchIndices).toEqual([9]);\n });\n });\n\n describe('navigation between matches', () => {\n it('should navigate to next match', async () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('middleware');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(2);\n });\n\n act(() => {\n result.current.handleNextMatch();\n });\n\n expect(result.current.currentMatchIndex).toBe(1);\n expect(result.current.shouldScrollToMatch).toBe(true);\n });\n\n it('should wrap to first match when navigating past the last match', async () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('middleware');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(2);\n });\n\n // Navigate to last match\n act(() => {\n result.current.handleNextMatch();\n });\n\n expect(result.current.currentMatchIndex).toBe(1);\n\n // Navigate past last match should wrap to first\n act(() => {\n result.current.handleNextMatch();\n });\n\n expect(result.current.currentMatchIndex).toBe(0);\n });\n\n it('should navigate to previous match', async () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('middleware');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(2);\n });\n\n // Navigate to second match\n act(() => {\n result.current.handleNextMatch();\n });\n\n expect(result.current.currentMatchIndex).toBe(1);\n\n // Navigate back to first match\n act(() => {\n result.current.handlePreviousMatch();\n });\n\n expect(result.current.currentMatchIndex).toBe(0);\n });\n\n it('should wrap to last match when navigating before the first match', async () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('middleware');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(2);\n expect(result.current.currentMatchIndex).toBe(0);\n });\n\n // Navigate before first match should wrap to last\n act(() => {\n result.current.handlePreviousMatch();\n });\n\n expect(result.current.currentMatchIndex).toBe(1);\n });\n\n it('should handle match click to specific index', async () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('hdx-oss-dev-api');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(7);\n });\n\n act(() => {\n result.current.handleMatchClick(3);\n });\n\n expect(result.current.currentMatchIndex).toBe(3);\n expect(result.current.shouldScrollToMatch).toBe(true);\n });\n\n it('should set shouldScrollToMatch flag when performing search and navigating', async () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('middleware');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(2);\n });\n\n // Initial search sets the flag to true\n expect(result.current.shouldScrollToMatch).toBe(true);\n\n // Navigate to next match - flag should still be true\n act(() => {\n result.current.handleNextMatch();\n });\n\n expect(result.current.shouldScrollToMatch).toBe(true);\n expect(result.current.currentMatchIndex).toBe(1);\n });\n });\n\n describe('visibility management', () => {\n it('should toggle search visibility', () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n expect(result.current.isSearchVisible).toBe(false);\n\n act(() => {\n result.current.setIsSearchVisible(true);\n });\n\n expect(result.current.isSearchVisible).toBe(true);\n\n act(() => {\n result.current.setIsSearchVisible(false);\n });\n\n expect(result.current.isSearchVisible).toBe(false);\n });\n\n it('should call onVisibilityChange callback when visibility changes', () => {\n const onVisibilityChange = jest.fn();\n\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n onVisibilityChange,\n }),\n );\n\n act(() => {\n result.current.setIsSearchVisible(true);\n });\n\n expect(onVisibilityChange).toHaveBeenCalledWith(true);\n\n act(() => {\n result.current.setIsSearchVisible(false);\n });\n\n expect(onVisibilityChange).toHaveBeenCalledWith(false);\n });\n });\n\n describe('resetSearch', () => {\n it('should reset all search state', async () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n // Set up search state\n act(() => {\n result.current.setIsSearchVisible(true);\n result.current.handleSearchChange('mongodb');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(1);\n });\n\n // Reset search\n act(() => {\n result.current.resetSearch();\n });\n\n expect(result.current.inputValue).toBe('');\n expect(result.current.matchIndices).toEqual([]);\n expect(result.current.currentMatchIndex).toBe(0);\n expect(result.current.shouldScrollToMatch).toBe(false);\n expect(result.current.isSearchVisible).toBe(false);\n });\n });\n\n describe('edge cases', () => {\n it('should handle whitespace-only search query', () => {\n const { result } = renderHook(() =>\n useTableSearch({\n rows: mockRows,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange(' ');\n });\n\n expect(result.current.matchIndices).toEqual([]);\n });\n\n it('should handle special characters in search query', async () => {\n const rowsWithSpecialChars = [\n {\n ServiceName: 'test.service',\n SpanName: 'operation/action',\n StatusCode: 'OK',\n },\n {\n ServiceName: 'another-service',\n SpanName: 'route:/api/users',\n StatusCode: 'OK',\n },\n ];\n\n const { result } = renderHook(() =>\n useTableSearch({\n rows: rowsWithSpecialChars,\n searchableColumns,\n debounceMs: 0,\n }),\n );\n\n act(() => {\n result.current.handleSearchChange('/api/');\n });\n\n await waitFor(() => {\n expect(result.current.matchIndices).toHaveLength(1);\n });\n\n expect(result.current.matchIndices).toEqual([1]);\n });\n });\n});\n" }, { "path": "packages/app/src/hooks/ai.ts", "content": "import type {\n AILineTableResponse,\n SavedChartConfig,\n} from '@hyperdx/common-utils/dist/types';\nimport { useMutation } from '@tanstack/react-query';\n\nimport { hdxServer } from '@/api';\n\ntype AssistantInput = {\n sourceId: string;\n text: string;\n};\n\nexport function useChartAssistant() {\n return useMutation({\n mutationFn: async ({ sourceId, text }: AssistantInput) =>\n hdxServer('ai/assistant', {\n method: 'POST',\n json: { sourceId, text },\n }).json(),\n });\n}\n" }, { "path": "packages/app/src/hooks/useAutoCompleteOptions.tsx", "content": "import { useEffect, useMemo, useState } from 'react';\nimport {\n Field,\n TableConnection,\n} from '@hyperdx/common-utils/dist/core/metadata';\nimport { BuilderChartConfigWithDateRange } from '@hyperdx/common-utils/dist/types';\n\nimport { NOW } from '@/config';\nimport {\n deduplicate2dArray,\n useJsonColumns,\n useMultipleAllFields,\n useMultipleGetKeyValues,\n} from '@/hooks/useMetadata';\nimport { mergePath, toArray } from '@/utils';\n\nexport interface ILanguageFormatter {\n formatFieldValue: (f: Field) => string;\n formatFieldLabel: (f: Field) => string;\n formatKeyValPair: (key: string, value: string) => string;\n}\n\nexport function useAutoCompleteOptions(\n formatter: ILanguageFormatter,\n value: string,\n {\n tableConnection,\n additionalSuggestions,\n }: {\n tableConnection?: TableConnection | TableConnection[];\n additionalSuggestions?: string[];\n },\n) {\n // Fetch and gather all field options\n const { data: fields } = useMultipleAllFields(\n tableConnection\n ? Array.isArray(tableConnection)\n ? tableConnection\n : [tableConnection]\n : [],\n );\n const { fieldCompleteOptions, fieldCompleteMap } = useMemo(() => {\n const _columns = (fields ?? []).filter(c => c.jsType !== null);\n\n const fieldCompleteMap = new Map();\n const baseOptions = _columns.map(c => {\n const val = {\n value: formatter.formatFieldValue(c),\n label: formatter.formatFieldLabel(c),\n };\n fieldCompleteMap.set(val.value, c);\n return val;\n });\n\n const suggestionOptions =\n additionalSuggestions?.map(column => ({\n value: column,\n label: column,\n })) ?? [];\n\n const fieldCompleteOptions = [...baseOptions, ...suggestionOptions];\n\n return { fieldCompleteOptions, fieldCompleteMap };\n }, [formatter, fields, additionalSuggestions]);\n\n // searchField is used for the purpose of checking if a key is valid and key values should be fetched\n // TODO: Come back and refactor how this works - it's not great and wouldn't catch a person copy-pasting some text\n const [searchField, setSearchField] = useState(null);\n // check if any search field matches\n useEffect(() => {\n const v = fieldCompleteMap.get(value);\n if (v) {\n setSearchField(v);\n }\n }, [fieldCompleteMap, value]);\n // clear search field if no key matches anymore\n useEffect(() => {\n if (!searchField) return;\n if (!value.startsWith(formatter.formatFieldValue(searchField))) {\n setSearchField(null);\n }\n }, [searchField, setSearchField, value, formatter]);\n const tcForJson = Array.isArray(tableConnection)\n ? tableConnection.length > 0\n ? tableConnection[0]\n : undefined\n : tableConnection;\n const { data: jsonColumns } = useJsonColumns(\n tcForJson ?? {\n tableName: '',\n databaseName: '',\n connectionId: '',\n },\n );\n const searchKeys = useMemo(\n () =>\n searchField && jsonColumns\n ? [mergePath(searchField.path, jsonColumns)]\n : [],\n [searchField, jsonColumns],\n );\n\n // hooks to get key values\n const chartConfigs: BuilderChartConfigWithDateRange[] = toArray(\n tableConnection,\n ).map(({ databaseName, tableName, connectionId }) => ({\n connection: connectionId,\n from: {\n databaseName,\n tableName,\n },\n timestampValueExpression: '',\n select: '',\n where: '',\n // TODO: Pull in date for query as arg\n // just assuming 1/2 day is okay to query over right now\n dateRange: [new Date(NOW - (86400 * 1000) / 2), new Date(NOW)],\n }));\n\n const { data: keyVals } = useMultipleGetKeyValues({\n chartConfigs,\n keys: searchKeys,\n });\n\n const keyValCompleteOptions = useMemo<\n { value: string; label: string }[]\n >(() => {\n if (!keyVals || !searchField) return fieldCompleteOptions;\n const output = // TODO: Fix this hacky type assertion caused by bug in HDX-1548\n (\n keyVals as unknown as {\n key: string;\n value: (string | { [key: string]: string })[];\n }[]\n ).flatMap(kv => {\n return kv.value.flatMap(v => {\n if (typeof v === 'string') {\n const value = formatter.formatKeyValPair(\n formatter.formatFieldValue(searchField),\n v,\n );\n return [\n {\n value,\n label: value,\n },\n ];\n } else if (typeof v === 'object') {\n // TODO: Fix type issues mentioned in HDX-1548\n const output: {\n value: string;\n label: string;\n }[] = [];\n for (const [key, val] of Object.entries(v)) {\n if (typeof key !== 'string' || typeof val !== 'string') {\n console.error('unknown type for autocomplete object ', v);\n return [];\n }\n const field = structuredClone(searchField);\n field.path.push(key);\n const value = formatter.formatKeyValPair(\n formatter.formatFieldValue(field),\n val,\n );\n output.push({\n value,\n label: value,\n });\n }\n return output;\n } else {\n return [];\n }\n });\n });\n return output;\n }, [fieldCompleteOptions, keyVals, searchField, formatter]);\n\n // combine all autocomplete options\n return useMemo(() => {\n return deduplicate2dArray([fieldCompleteOptions, keyValCompleteOptions]);\n }, [fieldCompleteOptions, keyValCompleteOptions]);\n}\n" }, { "path": "packages/app/src/hooks/useChartConfig.tsx", "content": "import {\n chSqlToAliasMap,\n ClickHouseQueryError,\n parameterizedQueryToSql,\n ResponseJSON,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport { ClickhouseClient } from '@hyperdx/common-utils/dist/clickhouse/browser';\nimport { Metadata } from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n isMetricChartConfig,\n isUsingGranularity,\n renderChartConfig,\n} from '@hyperdx/common-utils/dist/core/renderChartConfig';\nimport { convertDateRangeToGranularityString } from '@hyperdx/common-utils/dist/core/utils';\nimport {\n isBuilderChartConfig,\n isRawSqlChartConfig,\n} from '@hyperdx/common-utils/dist/guards';\nimport { format } from '@hyperdx/common-utils/dist/sqlFormatter';\nimport {\n BuilderChartConfigWithOptDateRange,\n ChartConfigWithDateRange,\n ChartConfigWithOptDateRange,\n QuerySettings,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n useQuery,\n useQueryClient,\n UseQueryOptions,\n} from '@tanstack/react-query';\n\nimport { toStartOfInterval } from '@/ChartUtils';\nimport { useClickhouseClient } from '@/clickhouse';\nimport { IS_MTVIEWS_ENABLED } from '@/config';\nimport { buildMTViewSelectQuery } from '@/hdxMTViews';\nimport { useMetadataWithSettings } from '@/hooks/useMetadata';\nimport { useSource } from '@/source';\nimport { generateTimeWindowsDescending } from '@/utils/searchWindows';\n\nimport { useMVOptimizationExplanation } from './useMVOptimizationExplanation';\n\ninterface AdditionalUseQueriedChartConfigOptions {\n onError?: (error: Error | ClickHouseQueryError) => void;\n /**\n * Queries with large date ranges can be split into multiple smaller queries to\n * avoid overloading the ClickHouse server and running into timeouts. In some cases, such\n * as when data is being sampled across the entire range, this chunking is not desirable\n * and should be disabled.\n */\n enableQueryChunking?: boolean;\n enableParallelQueries?: boolean;\n}\n\ntype TimeWindow = {\n dateRange: [Date, Date];\n dateRangeEndInclusive?: boolean;\n};\n\ntype TQueryFnData = Pick, 'data' | 'meta' | 'rows'> & {\n isComplete: boolean;\n};\n\ntype TChunk = {\n chunk: ResponseJSON>;\n isComplete: boolean;\n};\n\nconst shouldUseChunking = (\n config: ChartConfigWithOptDateRange,\n): config is ChartConfigWithDateRange & {\n granularity: string;\n} => {\n // Avoid chunking for raw SQL charts since they can include arbitrary window functions, etc.\n if (isRawSqlChartConfig(config)) return false;\n\n // Granularity is required for chunking, otherwise we could break other group-bys.\n if (!isUsingGranularity(config)) return false;\n\n // Date range is required for chunking, otherwise we'd have infinite chunks, or some unbounded chunk(s).\n if (!config.dateRange) return false;\n\n // TODO: enable chunking for metric charts when we're confident chunking will not break\n // complex metric queries.\n if (isMetricChartConfig(config)) return false;\n\n return true;\n};\n\nexport const getGranularityAlignedTimeWindows = (\n config: ChartConfigWithDateRange & { granularity: string },\n windowDurationsSeconds?: number[],\n): TimeWindow[] => {\n const [startDate, endDate] = config.dateRange;\n const windowsUnaligned = generateTimeWindowsDescending(\n startDate,\n endDate,\n windowDurationsSeconds,\n );\n\n const granularity =\n config.granularity === 'auto'\n ? convertDateRangeToGranularityString(config.dateRange)\n : config.granularity;\n\n const windows = [];\n for (const [index, window] of windowsUnaligned.entries()) {\n // Align windows to chart buckets\n const alignedStart =\n index === windowsUnaligned.length - 1\n ? window.startTime\n : toStartOfInterval(window.startTime, granularity);\n const alignedEnd =\n index === 0 ? endDate : toStartOfInterval(window.endTime, granularity);\n\n // Skip windows that are covered by the previous window after it was aligned\n if (\n !windows.length ||\n alignedStart < windows[windows.length - 1].dateRange[0]\n ) {\n windows.push({\n dateRange: [alignedStart, alignedEnd] as [Date, Date],\n // Ensure that windows don't overlap by making all but the first (most recent) exclusive\n dateRangeEndInclusive:\n index === 0 ? config.dateRangeEndInclusive : false,\n });\n }\n }\n\n return windows;\n};\n\nasync function* fetchDataInChunks({\n config,\n clickhouseClient,\n signal,\n enableQueryChunking = false,\n enableParallelQueries = false,\n metadata,\n querySettings,\n}: {\n config: ChartConfigWithOptDateRange;\n clickhouseClient: ClickhouseClient;\n signal: AbortSignal;\n enableQueryChunking?: boolean;\n enableParallelQueries?: boolean;\n metadata: Metadata;\n querySettings: QuerySettings | undefined;\n}) {\n const windows =\n enableQueryChunking && shouldUseChunking(config)\n ? getGranularityAlignedTimeWindows(config)\n : [undefined];\n\n if (IS_MTVIEWS_ENABLED && isBuilderChartConfig(config)) {\n const { dataTableDDL, mtViewDDL, renderMTViewConfig } =\n await buildMTViewSelectQuery(config, metadata, querySettings);\n // TODO: show the DDLs in the UI so users can run commands manually\n // eslint-disable-next-line no-console\n console.log('dataTableDDL:', dataTableDDL);\n // eslint-disable-next-line no-console\n console.log('mtViewDDL:', mtViewDDL);\n await renderMTViewConfig();\n }\n\n // Readonly = 2 means the query is readonly but can still specify query settings.\n const clickHouseSettings = isRawSqlChartConfig(config)\n ? { readonly: '2' }\n : {};\n\n if (enableParallelQueries) {\n // fetch in parallel\n const promises = windows.map(async (w, index) => {\n const windowedConfig = {\n ...config,\n ...(w ?? {}),\n };\n return {\n index,\n queryResult: await clickhouseClient.queryChartConfig({\n config: windowedConfig,\n metadata,\n opts: {\n abort_signal: signal,\n clickhouse_settings: clickHouseSettings,\n },\n querySettings,\n }),\n };\n });\n const remainingPromises = [...promises];\n const bufferedChunks = new Array(windows.length);\n let flushed = 0;\n for (let i = 0; i < promises.length; i++) {\n // receive any promise in the array that resolves\n const { index, queryResult } = await Promise.race(remainingPromises);\n // add to an ordered buffer array, keeping in mind the flushed count thus far\n bufferedChunks[index - flushed] = queryResult;\n // use promises array (doesn't change in size) to find the index in the ever-changing remainingPromises array\n const resolvedPromiseIdx = remainingPromises.indexOf(promises[index]);\n // use found index to remove entry from remainingPromises\n remainingPromises.splice(resolvedPromiseIdx, 1);\n // while bufferedChunks has in-ordered data, flush it\n while (bufferedChunks.length > 0 && bufferedChunks[0] !== undefined) {\n // remove data from front so that it always arrives in order\n const chunk = bufferedChunks.shift();\n yield { chunk, isComplete: bufferedChunks.length === 0 };\n flushed += 1;\n }\n }\n return;\n }\n\n // fetch in series\n for (let i = 0; i < windows.length; i++) {\n const window = windows[i];\n\n const windowedConfig = {\n ...config,\n ...(window ?? {}),\n };\n\n const result = await clickhouseClient.queryChartConfig({\n config: windowedConfig,\n metadata,\n opts: {\n abort_signal: signal,\n },\n querySettings,\n });\n\n yield { chunk: result, isComplete: i === windows.length - 1 };\n }\n}\n\n/** Append the given chunk to the given accumulated result */\nfunction appendChunk(\n accumulated: TQueryFnData,\n { chunk, isComplete }: TChunk,\n): TQueryFnData {\n return {\n data: [...(chunk.data || []), ...(accumulated?.data || [])],\n meta: chunk.meta,\n rows: (accumulated?.rows || 0) + (chunk.rows || 0),\n isComplete,\n };\n}\n\n/**\n * A hook providing data queried based on the provided chart config.\n *\n * If all of the following are true, the query will be chunked into multiple smaller queries:\n * - The config includes a dateRange, granularity, and timestampValueExpression\n * - `options.enableQueryChunking` is true\n *\n * For chunked queries, note the following:\n * - `config.limit`, if provided, is applied to each chunk, so the total number\n * of rows returned may be up to `limit * number_of_chunks`.\n * - The returned data will be ordered within each chunk, and chunks will\n * be ordered oldest-first, by the `timestampValueExpression`.\n * - `isPending` is true until the first chunk is fetched. Once the first chunk\n * is available, `isPending` will be false and `isSuccess` will be true.\n * `isFetching` will be true until all chunks have been fetched.\n * - `data.isComplete` indicates whether all chunks have been fetched.\n */\nexport function useQueriedChartConfig(\n config: ChartConfigWithOptDateRange,\n options?: Partial> &\n AdditionalUseQueriedChartConfigOptions,\n) {\n const { enabled = true } = options ?? {};\n const clickhouseClient = useClickhouseClient();\n const queryClient = useQueryClient();\n const metadata = useMetadataWithSettings();\n\n const builderConfig = isBuilderChartConfig(config) ? config : undefined;\n const { data: mvOptimizationData, isLoading: isLoadingMVOptimization } =\n useMVOptimizationExplanation(builderConfig, {\n enabled: !!enabled && !!builderConfig,\n placeholderData: undefined,\n });\n\n const { data: source, isLoading: isSourceLoading } = useSource({\n id: config.source,\n });\n\n const query = useQuery({\n // Include enableQueryChunking in the query key to ensure that queries with the\n // same config but different enableQueryChunking values do not share a query\n queryKey: [\n config,\n options?.enableQueryChunking ?? false,\n options?.enableParallelQueries ?? false,\n ],\n // TODO: Replace this with `streamedQuery` when it is no longer experimental. Use 'replace' refetch mode.\n // https://tanstack.com/query/latest/docs/reference/streamedQuery\n queryFn: async context => {\n const optimizedConfig = mvOptimizationData?.optimizedConfig ?? config;\n const query = queryClient\n .getQueryCache()\n .find({ queryKey: context.queryKey, exact: true });\n const isRefetch = !!query && query.state.data !== undefined;\n\n const emptyValue: TQueryFnData = {\n data: [],\n meta: [],\n rows: 0,\n isComplete: false,\n };\n\n const chunks = fetchDataInChunks({\n config: optimizedConfig,\n clickhouseClient,\n signal: context.signal,\n enableQueryChunking: options?.enableQueryChunking,\n enableParallelQueries: options?.enableParallelQueries,\n metadata,\n querySettings: source?.querySettings,\n });\n\n let accumulatedChunks: TQueryFnData = emptyValue;\n for await (const chunk of chunks) {\n if (context.signal.aborted) {\n break;\n }\n\n accumulatedChunks = appendChunk(accumulatedChunks, chunk);\n\n // When refetching, the cache is not updated until all chunks are fetched.\n if (!isRefetch) {\n queryClient.setQueryData(\n context.queryKey,\n accumulatedChunks,\n );\n }\n }\n\n if (isRefetch && !context.signal.aborted) {\n queryClient.setQueryData(\n context.queryKey,\n accumulatedChunks,\n );\n }\n\n return queryClient.getQueryData(context.queryKey)!;\n },\n retry: 1,\n refetchOnWindowFocus: false,\n ...options,\n enabled: enabled && !isLoadingMVOptimization && !isSourceLoading,\n });\n\n if (query.isError && options?.onError) {\n options.onError(query.error);\n }\n return {\n ...query,\n isLoading: query.isLoading || isLoadingMVOptimization,\n };\n}\n\nexport function useRenderedSqlChartConfig(\n config: ChartConfigWithOptDateRange,\n options?: UseQueryOptions,\n) {\n const { enabled = true } = options ?? {};\n\n const metadata = useMetadataWithSettings();\n\n const builderConfig = isBuilderChartConfig(config) ? config : undefined;\n const { data: mvOptimizationData, isLoading: isLoadingMVOptimization } =\n useMVOptimizationExplanation(builderConfig, {\n enabled: !!enabled && !!builderConfig,\n placeholderData: undefined,\n });\n\n const { data: source, isLoading: isSourceLoading } = useSource({\n id: config.source,\n });\n\n const query = useQuery({\n queryKey: ['renderedSql', config],\n queryFn: async () => {\n const optimizedConfig = mvOptimizationData?.optimizedConfig ?? config;\n const query = await renderChartConfig(\n optimizedConfig,\n metadata,\n source?.querySettings,\n );\n return format(parameterizedQueryToSql(query));\n },\n ...options,\n enabled: enabled && !isLoadingMVOptimization && !isSourceLoading,\n });\n\n return {\n ...query,\n isLoading: query.isLoading || isLoadingMVOptimization,\n };\n}\n\nexport function useAliasMapFromChartConfig(\n config: BuilderChartConfigWithOptDateRange | undefined,\n options?: UseQueryOptions>,\n) {\n // For granularity: 'auto', the bucket size depends on dateRange duration (not absolute times).\n // Include duration in key to detect when bucket size changes, but omit absolute times\n // to prevent refetches when the time window just slides forward (e.g., live tail).\n const dateRangeDuration =\n config?.dateRange && isUsingGranularity(config)\n ? config.dateRange[1].getTime() - config.dateRange[0].getTime()\n : undefined;\n\n const metadata = useMetadataWithSettings();\n\n return useQuery>({\n // Only include config properties that affect SELECT structure and aliases.\n // When adding new ChartConfig fields, check renderChartConfig.ts to see if they\n // affect the SELECT clause. If yes, add them here to avoid stale alias maps.\n queryKey: [\n 'aliasMap',\n config?.select,\n config?.from,\n config?.connection,\n config?.with,\n config?.groupBy,\n config?.selectGroupBy,\n config?.granularity,\n config?.seriesReturnType,\n dateRangeDuration,\n ],\n queryFn: async () => {\n if (config == null) {\n return {};\n }\n\n const query = await renderChartConfig(\n config,\n metadata,\n undefined, // no query settings for creating alias map\n );\n\n const aliasMap = chSqlToAliasMap(query);\n\n return aliasMap;\n },\n enabled: config != null,\n ...options,\n });\n}\n" }, { "path": "packages/app/src/hooks/useCsvExport.tsx", "content": "import { useMemo } from 'react';\n\nconst DEFAULT_MAX_ROWS = 4000;\n\nexport interface CsvColumn {\n dataKey: string;\n displayName: string;\n}\n\nexport interface CsvExportOptions {\n maxRows?: number;\n groupColumnName?: string;\n}\n\nexport interface CsvExportResult {\n csvData: Record[];\n maxRows: number;\n isDataEmpty: boolean;\n actualRowCount: number;\n isLimited: boolean;\n}\n\nconst generateCsvData = (\n data: unknown[],\n columns: CsvColumn[],\n options: CsvExportOptions = {},\n): Record[] => {\n const { groupColumnName } = options;\n\n if (!Array.isArray(data)) {\n console.warn('CSV Export: data must be an array');\n return [];\n }\n\n if (!Array.isArray(columns) || columns.length === 0) {\n console.warn('CSV Export: columns must be a non-empty array');\n return [];\n }\n\n const invalidColumns = columns.filter(\n col =>\n !col ||\n typeof col.dataKey !== 'string' ||\n typeof col.displayName !== 'string',\n );\n\n if (invalidColumns.length > 0) {\n console.warn(\n 'CSV Export: Invalid column structure detected',\n invalidColumns,\n );\n return [];\n }\n\n return data\n .filter(\n (row): row is Record =>\n row != null && typeof row === 'object',\n )\n .map((row, index) => {\n try {\n return {\n ...(groupColumnName != null\n ? { [groupColumnName]: row.group ?? '' }\n : {}),\n ...Object.fromEntries(\n columns.map(({ displayName, dataKey }) => {\n const value = row[dataKey];\n\n if (value == null) {\n return [displayName, ''];\n }\n\n if (typeof value === 'object') {\n return [displayName, JSON.stringify(value)];\n }\n\n return [displayName, String(value)];\n }),\n ),\n };\n } catch (error) {\n console.warn(`CSV Export: Error processing row ${index}:`, error);\n return {};\n }\n })\n .filter(row => Object.keys(row).length > 0);\n};\n\nexport const useCsvExport = (\n data: unknown[],\n columns: CsvColumn[],\n options: CsvExportOptions = {},\n): CsvExportResult => {\n const { maxRows = DEFAULT_MAX_ROWS, groupColumnName } = options;\n\n const result = useMemo(() => {\n const isDataEmpty = !Array.isArray(data) || data.length === 0;\n\n if (isDataEmpty || !Array.isArray(columns) || columns.length === 0) {\n return {\n csvData: [],\n maxRows,\n isDataEmpty: true,\n actualRowCount: 0,\n isLimited: false,\n };\n }\n\n const limitedData = data.slice(0, maxRows);\n const csvData = generateCsvData(limitedData, columns, { groupColumnName });\n\n return {\n csvData,\n maxRows,\n isDataEmpty: false,\n actualRowCount: csvData.length,\n isLimited: data.length > maxRows,\n };\n }, [data, columns, maxRows, groupColumnName]);\n\n return result;\n};\n" }, { "path": "packages/app/src/hooks/useDashboardFilterValues.tsx", "content": "import { useMemo } from 'react';\nimport { pick } from 'lodash';\nimport {\n GetKeyValueCall,\n optimizeGetKeyValuesCalls,\n} from '@hyperdx/common-utils/dist/core/materializedViews';\nimport {\n BuilderChartConfigWithDateRange,\n DashboardFilter,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n useQueries,\n useQueryClient,\n UseQueryResult,\n} from '@tanstack/react-query';\n\nimport { useClickhouseClient } from '@/clickhouse';\nimport { useSources } from '@/source';\nimport { getMetricTableName, mapKeyBy } from '@/utils';\n\nimport { useMetadataWithSettings } from './useMetadata';\n\nconst filterToKey = (filter: DashboardFilter) =>\n filter.sourceMetricType\n ? `${filter.source}~${filter.sourceMetricType}`\n : `${filter.source}`;\n\nconst filterFromKey = (key: string) => {\n const [sourceId, metricType] = key.split('~');\n return {\n sourceId,\n metricType,\n };\n};\n\nfunction useOptimizedKeyValuesCalls({\n filters,\n dateRange,\n}: {\n filters: DashboardFilter[];\n dateRange: [Date, Date];\n}) {\n const clickhouseClient = useClickhouseClient();\n const metadata = useMetadataWithSettings();\n const { data: sources, isLoading: isLoadingSources } = useSources();\n\n const filtersBySourceIdAndMetric = useMemo(() => {\n const filtersBySourceIdAndMetric = new Map();\n for (const filter of filters) {\n const key = filterToKey(filter);\n if (!filtersBySourceIdAndMetric.has(key)) {\n filtersBySourceIdAndMetric.set(key, [filter]);\n } else {\n filtersBySourceIdAndMetric.get(key)!.push(filter);\n }\n }\n return filtersBySourceIdAndMetric;\n }, [filters]);\n\n const results: UseQueryResult<\n GetKeyValueCall[]\n >[] = useQueries({\n queries: Array.from(filtersBySourceIdAndMetric.entries())\n .filter(([key]) =>\n sources?.some(s => s.id === filterFromKey(key).sourceId),\n )\n .map(([key, filters]) => {\n const { sourceId, metricType } = filterFromKey(key);\n const source = sources!.find(s => s.id === sourceId)!;\n const keys = filters.map(f => f.expression);\n const tableName = getMetricTableName(source, metricType) ?? '';\n\n const chartConfig: BuilderChartConfigWithDateRange = {\n ...pick(source, ['timestampValueExpression', 'connection']),\n from: {\n databaseName: source.from.databaseName,\n tableName,\n },\n dateRange,\n source: source.id,\n where: '',\n whereLanguage: 'sql',\n select: '',\n };\n\n return {\n queryKey: [\n 'dashboard-filters-key-value-calls',\n sourceId,\n metricType,\n dateRange,\n keys,\n ],\n enabled: !isLoadingSources,\n staleTime: 1000 * 60 * 5, // Cache every 5 min\n queryFn: async ({ signal }) =>\n await optimizeGetKeyValuesCalls({\n chartConfig,\n source,\n clickhouseClient,\n metadata,\n keys,\n signal,\n }),\n };\n }),\n });\n\n return {\n data: results.map(r => r.data ?? []).flat(),\n isFetching: isLoadingSources || results.some(r => r.isFetching),\n isLoading: isLoadingSources || results.every(r => r.isLoading),\n };\n}\n\nexport function useDashboardFilterValues({\n filters,\n dateRange,\n}: {\n filters: DashboardFilter[];\n dateRange: [Date, Date];\n}) {\n const metadata = useMetadataWithSettings();\n const {\n data: calls,\n isFetching: isFetchingOptimizedCalls,\n isLoading: isLoadingOptimizedCalls,\n } = useOptimizedKeyValuesCalls({\n filters,\n dateRange,\n });\n\n const { data: sources, isLoading: isSourcesLoading } = useSources();\n const sourcesLookup = useMemo(() => mapKeyBy(sources ?? [], 'id'), [sources]);\n\n const queryClient = useQueryClient();\n type TQueryData = { key: string; value: string[] }[];\n\n const results: UseQueryResult[] = useQueries({\n queries: calls.map(({ chartConfig, keys }) => {\n // Construct a query key prefix which will allow us to use placeholder data from the previous query for the same keys\n const queryKeyPrefix = [\n 'dashboard-filter-key-values',\n chartConfig.from,\n keys,\n ];\n\n const source = sourcesLookup.get(chartConfig.source);\n\n return {\n queryKey: [...queryKeyPrefix, chartConfig],\n placeholderData: () => {\n // Use placeholder data from the most recently cached query with the same key prefix\n const cached = queryClient\n .getQueriesData({ queryKey: queryKeyPrefix })\n .map(([key, data]) => ({ key, data }))\n .filter(({ data }) => !!data)\n .toSorted((a, b) => {\n const aTime =\n queryClient.getQueryState(a.key)?.dataUpdatedAt ?? 0;\n const bTime =\n queryClient.getQueryState(b.key)?.dataUpdatedAt ?? 0;\n return bTime - aTime;\n });\n return cached[0]?.data;\n },\n enabled: !isLoadingOptimizedCalls && !isSourcesLoading,\n staleTime: 1000 * 60 * 5, // Cache every 5 min\n queryFn: async ({ signal }) =>\n metadata.getKeyValues({\n chartConfig,\n keys,\n limit: 10000,\n disableRowLimit: true,\n signal,\n source,\n }),\n };\n }),\n });\n\n const flattenedData = useMemo(\n () =>\n new Map(\n results.flatMap(({ isLoading, data = [] }) => {\n return data.map(({ key, value }) => [\n key,\n {\n values: value.map(v => v.toString()),\n isLoading,\n },\n ]);\n }),\n ),\n [results],\n );\n\n return {\n data: flattenedData,\n isLoading: isLoadingOptimizedCalls || results.every(r => r.isLoading),\n isFetching: isFetchingOptimizedCalls || results.some(r => r.isFetching),\n isError: results.some(r => r.isError),\n };\n}\n" }, { "path": "packages/app/src/hooks/useDashboardFilters.tsx", "content": "import { useCallback, useMemo } from 'react';\nimport { useQueryState } from 'nuqs';\nimport { DashboardFilter, Filter } from '@hyperdx/common-utils/dist/types';\n\nimport { FilterState, filtersToQuery, parseQuery } from '@/searchFilters';\nimport { parseAsJsonEncoded } from '@/utils/queryParsers';\n\nconst filterQueriesParser = parseAsJsonEncoded();\n\nconst useDashboardFilters = (filters: DashboardFilter[]) => {\n const [filterQueries, setFilterQueries] = useQueryState(\n 'filters',\n filterQueriesParser,\n );\n\n const setFilterValue = useCallback(\n (expression: string, value: string | null) => {\n setFilterQueries(prev => {\n const { filters: filterValues } = parseQuery(prev ?? []);\n if (value === undefined || value === null) {\n delete filterValues[expression];\n } else {\n filterValues[expression] = {\n included: new Set([value]),\n excluded: new Set(),\n };\n }\n\n return filtersToQuery(\n filterValues,\n { stringifyKeys: false }, // Don't wrap keys with toString(), to preserve exact key names in URL query parameters\n );\n });\n },\n [setFilterQueries],\n );\n\n const { valuesForExistingFilters, queriesForExistingFilters } =\n useMemo(() => {\n const { filters: parsedFilters } = parseQuery(filterQueries ?? []);\n const valuesForExistingFilters: FilterState = {};\n\n for (const { expression } of filters) {\n if (expression in parsedFilters) {\n valuesForExistingFilters[expression] = parsedFilters[expression];\n }\n }\n\n return {\n valuesForExistingFilters,\n queriesForExistingFilters: filtersToQuery(\n valuesForExistingFilters,\n // Wrap keys in `toString()` to support JSON/Dynamic-type columns.\n // All keys can be stringified, since filter select values are stringified as well.\n { stringifyKeys: true },\n ),\n };\n }, [filterQueries, filters]);\n\n return {\n filterValues: valuesForExistingFilters,\n filterQueries: queriesForExistingFilters,\n setFilterValue,\n setFilterQueries,\n };\n};\n\nexport default useDashboardFilters;\n" }, { "path": "packages/app/src/hooks/useDashboardRefresh.tsx", "content": "'use client';\n\nimport React from 'react';\nimport {\n convertDateRangeToGranularityString,\n convertGranularityToSeconds,\n} from '@hyperdx/common-utils/dist/core/utils';\nimport { useDocumentVisibility } from '@mantine/hooks';\n\nexport const useDashboardRefresh = ({\n searchedTimeRange,\n onTimeRangeSelect,\n isLive,\n}: {\n onTimeRangeSelect: (start: Date, end: Date) => void;\n searchedTimeRange: [Date, Date];\n isLive: boolean;\n}) => {\n const [manualRefreshCooloff, setManualRefreshCooloff] = React.useState(false);\n\n const isTabVisible = useDocumentVisibility() === 'visible';\n\n const isRefreshEnabled = React.useMemo(() => {\n return isTabVisible && isLive;\n }, [isTabVisible, isLive]);\n\n const refresh = React.useCallback(() => {\n const timeDiff =\n searchedTimeRange[1].getTime() - searchedTimeRange[0].getTime();\n const timeDiffRoundedToSecond = Math.round(timeDiff / 1000) * 1000;\n // eslint-disable-next-line no-restricted-syntax\n const newEnd = new Date();\n const newStart = new Date(newEnd.getTime() - timeDiffRoundedToSecond);\n onTimeRangeSelect(newStart, newEnd);\n setManualRefreshCooloff(true);\n setTimeout(() => {\n setManualRefreshCooloff(false);\n }, 1000);\n }, [onTimeRangeSelect, searchedTimeRange]);\n\n const granularityOverride =\n convertDateRangeToGranularityString(searchedTimeRange);\n\n // Auto-refresh interval\n const intervalRef = React.useRef(null);\n React.useEffect(() => {\n if (isRefreshEnabled) {\n if (intervalRef.current) {\n window.clearInterval(intervalRef.current);\n }\n intervalRef.current = window.setInterval(\n () => {\n refresh();\n },\n convertGranularityToSeconds(granularityOverride) * 1000,\n );\n } else {\n if (intervalRef.current) {\n window.clearInterval(intervalRef.current);\n }\n }\n return () => {\n if (intervalRef.current) {\n window.clearInterval(intervalRef.current);\n }\n };\n }, [isRefreshEnabled, granularityOverride, refresh]);\n\n return {\n granularityOverride,\n isRefreshEnabled,\n manualRefreshCooloff,\n refresh,\n };\n};\n" }, { "path": "packages/app/src/hooks/useDrag.ts", "content": "import {\n type PointerEvent as ReactPointerEvent,\n PointerEventHandler,\n useCallback,\n} from 'react';\n\ntype UseDragHandlers = {\n onDragStart?: (e: ReactPointerEvent) => void;\n onDragMove?: (e: PointerEvent) => void;\n onDragEnd?: (e: PointerEvent) => void;\n};\n\nexport const useDrag = ({\n onDragStart,\n onDragMove,\n onDragEnd,\n}: UseDragHandlers) =>\n useCallback>(\n e => {\n // only left click\n if (e.button !== 0) {\n return;\n }\n\n const abortController = new AbortController();\n\n document.addEventListener('pointermove', e => onDragMove?.(e), {\n signal: abortController.signal,\n });\n\n const handleEnd = (e: PointerEvent) => {\n abortController.abort();\n onDragEnd?.(e);\n };\n\n document.addEventListener('pointerup', handleEnd, {\n signal: abortController.signal,\n });\n\n document.addEventListener('pointercancel', handleEnd, {\n signal: abortController.signal,\n });\n\n onDragStart?.(e);\n },\n [onDragStart, onDragMove, onDragEnd],\n );\n" }, { "path": "packages/app/src/hooks/useExplainQuery.tsx", "content": "import { renderChartConfig } from '@hyperdx/common-utils/dist/core/renderChartConfig';\nimport { isBuilderChartConfig } from '@hyperdx/common-utils/dist/guards';\nimport { ChartConfigWithOptDateRange } from '@hyperdx/common-utils/dist/types';\nimport { useQuery, UseQueryOptions } from '@tanstack/react-query';\n\nimport { useClickhouseClient } from '@/clickhouse';\nimport { useSource } from '@/source';\n\nimport { useMetadataWithSettings } from './useMetadata';\n\nexport function useExplainQuery(\n _config: ChartConfigWithOptDateRange,\n options?: Omit, 'queryKey' | 'queryFn'>,\n) {\n const config = {\n ..._config,\n with: undefined,\n };\n const clickhouseClient = useClickhouseClient();\n\n const metadata = useMetadataWithSettings();\n\n const { data: source, isLoading: isSourceLoading } = useSource({\n id: config.source,\n });\n\n return useQuery({\n queryKey: ['explain', config],\n queryFn: async ({ signal }) => {\n const query = await renderChartConfig(\n config,\n metadata,\n source?.querySettings,\n );\n const response = await clickhouseClient.query<'JSONEachRow'>({\n query: `EXPLAIN ESTIMATE ${query.sql}`,\n query_params: query.params,\n format: 'JSONEachRow',\n abort_signal: signal,\n connectionId: config.connection,\n });\n return response.json();\n },\n retry: false,\n staleTime: 1000 * 60,\n enabled: !isSourceLoading,\n ...options,\n });\n}\n" }, { "path": "packages/app/src/hooks/useFetchMetricAttributeValues.tsx", "content": "import {\n chSql,\n ResponseJSON,\n tableExpr,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport { SourceKind, TMetricSource } from '@hyperdx/common-utils/dist/types';\nimport { useQuery } from '@tanstack/react-query';\n\nimport { getClickhouseClient } from '@/clickhouse';\nimport { getMetricTableName } from '@/utils';\n\nimport { AttributeCategory } from './useFetchMetricResourceAttrs';\n\nconst ATTRIBUTE_VALUES_LIMIT = 100;\n\ninterface MetricAttributeValuesProps {\n databaseName: string;\n metricName: string;\n attributeName: string;\n attributeCategory: AttributeCategory;\n searchTerm?: string;\n tableSource: TMetricSource | undefined;\n metricType: string;\n enabled?: boolean;\n}\n\ninterface AttributeValueResponse {\n value: string;\n}\n\nexport const useFetchMetricAttributeValues = ({\n databaseName,\n metricType,\n metricName,\n attributeName,\n attributeCategory,\n searchTerm,\n tableSource,\n enabled = true,\n}: MetricAttributeValuesProps) => {\n const tableName = tableSource\n ? (getMetricTableName(tableSource, metricType) ?? '')\n : '';\n\n const shouldFetch = Boolean(\n enabled &&\n databaseName &&\n tableName &&\n metricType &&\n metricName &&\n attributeName &&\n attributeCategory &&\n tableSource &&\n tableSource?.kind === SourceKind.Metric,\n );\n\n return useQuery({\n queryKey: [\n 'metric-attribute-values',\n metricName,\n metricType,\n attributeName,\n attributeCategory,\n searchTerm,\n tableSource,\n ],\n queryFn: async ({ signal }) => {\n if (!shouldFetch) {\n return [];\n }\n\n const clickhouseClient = getClickhouseClient();\n\n // Build optional search filter\n const searchFilter = searchTerm\n ? chSql` AND ${attributeCategory}[${{ String: attributeName }}] ILIKE ${{ String: `%${searchTerm}%` }}`\n : chSql``;\n\n const sql = chSql`\n SELECT DISTINCT ${attributeCategory}[${{ String: attributeName }}] as value\n FROM ${tableExpr({ database: databaseName, table: tableName })}\n WHERE MetricName = ${{ String: metricName }}\n AND ${attributeCategory}[${{ String: attributeName }}] != ''\n ${searchFilter}\n ORDER BY value\n LIMIT ${{ Int32: ATTRIBUTE_VALUES_LIMIT }}\n `;\n\n const result = (await clickhouseClient\n .query<'JSON'>({\n query: sql.sql,\n query_params: sql.params,\n format: 'JSON',\n abort_signal: signal,\n connectionId: tableSource!.connection,\n clickhouse_settings: {\n max_execution_time: 60,\n timeout_overflow_mode: 'break',\n },\n })\n .then(res => res.json())) as ResponseJSON;\n\n if (result?.data) {\n return result.data.map(row => row.value).filter(Boolean);\n }\n\n return [];\n },\n enabled: shouldFetch,\n staleTime: 1000 * 60 * 5, // Cache for 5 minutes\n });\n};\n" }, { "path": "packages/app/src/hooks/useFetchMetricMetadata.tsx", "content": "import {\n chSql,\n ResponseJSON,\n tableExpr,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport { SourceKind, TMetricSource } from '@hyperdx/common-utils/dist/types';\nimport { useQuery } from '@tanstack/react-query';\n\nimport { getClickhouseClient } from '@/clickhouse';\nimport { getMetricTableName } from '@/utils';\n\nexport interface MetricMetadata {\n unit: string;\n description: string;\n}\n\ninterface MetricMetadataProps {\n databaseName: string;\n metricType?: string;\n metricName?: string;\n tableSource: TMetricSource | undefined;\n}\n\ninterface MetricMetadataResponse {\n MetricUnit: string;\n MetricDescription: string;\n}\n\nexport const useFetchMetricMetadata = ({\n databaseName,\n metricType,\n metricName,\n tableSource,\n}: MetricMetadataProps) => {\n const tableName = tableSource\n ? (getMetricTableName(tableSource, metricType) ?? '')\n : '';\n\n const shouldFetch = Boolean(\n databaseName &&\n metricType &&\n metricName &&\n tableSource &&\n tableName &&\n tableSource?.kind === SourceKind.Metric,\n );\n\n return useQuery({\n queryKey: ['metric-metadata', databaseName, metricType, metricName],\n queryFn: async ({ signal }) => {\n if (!shouldFetch || !metricName) {\n return null;\n }\n\n const clickhouseClient = getClickhouseClient();\n const sql = chSql`\n SELECT\n MetricUnit,\n MetricDescription\n FROM ${tableExpr({ database: databaseName, table: tableName })}\n WHERE MetricName = ${{ String: metricName }}\n LIMIT 1\n `;\n\n const result = (await clickhouseClient\n .query<'JSON'>({\n query: sql.sql,\n query_params: sql.params,\n format: 'JSON',\n abort_signal: signal,\n connectionId: tableSource!.connection,\n })\n .then(res => res.json())) as ResponseJSON;\n\n if (result?.data?.[0]) {\n return {\n unit: result.data[0].MetricUnit || '',\n description: result.data[0].MetricDescription || '',\n };\n }\n\n return null;\n },\n enabled: shouldFetch,\n staleTime: 1000 * 60 * 5, // Cache for 5 minutes\n });\n};\n" }, { "path": "packages/app/src/hooks/useFetchMetricResourceAttrs.tsx", "content": "import {\n chSql,\n ResponseJSON,\n tableExpr,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport { SourceKind, TMetricSource } from '@hyperdx/common-utils/dist/types';\nimport { useQuery } from '@tanstack/react-query';\n\nimport { getClickhouseClient } from '@/clickhouse';\nimport { formatAttributeClause, getMetricTableName } from '@/utils';\n\nconst METRIC_FETCH_LIMIT = 10000;\n\nexport type AttributeCategory =\n | 'ResourceAttributes'\n | 'ScopeAttributes'\n | 'Attributes';\n\nexport interface AttributeKey {\n name: string;\n category: AttributeCategory;\n}\n\n// Parse suggestion strings to extract unique attribute keys\n// SQL format: ResourceAttributes['key']='value'\n// Lucene format: ResourceAttributes.key:\"value\"\nexport const parseAttributeKeysFromSuggestions = (\n suggestions: string[],\n): AttributeKey[] => {\n const categories: AttributeCategory[] = [\n 'ResourceAttributes',\n 'ScopeAttributes',\n 'Attributes',\n ];\n const seen = new Set();\n const attributeKeys: AttributeKey[] = [];\n\n for (const suggestion of suggestions) {\n for (const category of categories) {\n if (!suggestion.startsWith(category)) continue;\n\n let name: string | null = null;\n\n // Try SQL format: Category['key']\n const sqlMatch = suggestion.match(\n new RegExp(`^${category}\\\\['([^']+)'\\\\]`),\n );\n if (sqlMatch) {\n name = sqlMatch[1];\n } else {\n // Try Lucene format: Category.key:\n const luceneMatch = suggestion.match(\n new RegExp(`^${category}\\\\.([^:]+):`),\n );\n if (luceneMatch) {\n name = luceneMatch[1];\n }\n }\n\n if (name) {\n const uniqueKey = `${category}:${name}`;\n if (!seen.has(uniqueKey)) {\n seen.add(uniqueKey);\n attributeKeys.push({ name, category });\n }\n }\n break;\n }\n }\n\n // Sort by category then name\n attributeKeys.sort((a, b) => {\n if (a.category !== b.category) {\n const order = ['ResourceAttributes', 'Attributes', 'ScopeAttributes'];\n return order.indexOf(a.category) - order.indexOf(b.category);\n }\n return a.name.localeCompare(b.name);\n });\n\n return attributeKeys;\n};\n\nconst extractAttributeKeys = (\n attributesArr: MetricAttributesResponse[],\n isSql: boolean,\n) => {\n try {\n const resultSet = new Set();\n for (const attribute of attributesArr) {\n if (attribute.ScopeAttributes) {\n Object.entries(attribute.ScopeAttributes).forEach(([key, value]) => {\n const clause = formatAttributeClause(\n 'ScopeAttributes',\n key,\n value,\n isSql,\n );\n resultSet.add(clause);\n });\n }\n\n if (attribute.ResourceAttributes) {\n Object.entries(attribute.ResourceAttributes).forEach(([key, value]) => {\n const clause = formatAttributeClause(\n 'ResourceAttributes',\n key,\n value,\n isSql,\n );\n resultSet.add(clause);\n });\n }\n\n if (attribute.Attributes) {\n Object.entries(attribute.Attributes).forEach(([key, value]) => {\n const clause = formatAttributeClause('Attributes', key, value, isSql);\n resultSet.add(clause);\n });\n }\n }\n return Array.from(resultSet);\n } catch (e) {\n console.error('Error parsing metric autocomplete attributes', e);\n return [];\n }\n};\n\ninterface MetricResourceAttrsProps {\n databaseName: string;\n metricType?: string;\n metricName?: string;\n tableSource: TMetricSource | undefined;\n isSql: boolean;\n}\n\ninterface MetricAttributesResponse {\n ScopeAttributes?: Record;\n ResourceAttributes?: Record;\n Attributes?: Record;\n}\n\nexport const useFetchMetricResourceAttrs = ({\n databaseName,\n metricType,\n metricName,\n tableSource,\n isSql,\n}: MetricResourceAttrsProps) => {\n const tableName = tableSource\n ? (getMetricTableName(tableSource, metricType) ?? '')\n : '';\n\n const shouldFetch = Boolean(\n databaseName &&\n tableName &&\n metricType &&\n metricName &&\n tableSource &&\n tableSource?.kind === SourceKind.Metric,\n );\n\n return useQuery({\n queryKey: ['metric-attributes', metricType, metricName, isSql, tableSource],\n queryFn: async ({ signal }) => {\n if (!shouldFetch || !metricName) {\n return [];\n }\n\n const clickhouseClient = getClickhouseClient();\n const sql = chSql`\n SELECT DISTINCT\n ScopeAttributes,\n ResourceAttributes,\n Attributes\n FROM ${tableExpr({ database: databaseName, table: tableName })}\n WHERE MetricName=${{ String: metricName }}\n LIMIT ${{ Int32: METRIC_FETCH_LIMIT }}\n `;\n\n const result = (await clickhouseClient\n .query<'JSON'>({\n query: sql.sql,\n query_params: sql.params,\n format: 'JSON',\n abort_signal: signal,\n connectionId: tableSource!.connection,\n })\n .then(res => res.json())) as ResponseJSON;\n\n if (result?.data) {\n return extractAttributeKeys(result.data, isSql);\n }\n\n return [];\n },\n enabled: shouldFetch,\n });\n};\n" }, { "path": "packages/app/src/hooks/useFieldExpressionGenerator.tsx", "content": "import SqlString from 'sqlstring';\nimport { tcFromSource } from '@hyperdx/common-utils/dist/core/metadata';\nimport { TSource } from '@hyperdx/common-utils/dist/types';\n\nimport { useJsonColumns } from './useMetadata';\n\nexport type FieldExpressionGenerator = (\n /** The column name, either a Map or a JSON column */\n column: string,\n /** The map key or JSON path to access */\n key: string,\n /** Function to convert a Dynamic field from JSON to a non-Dynamic type. Defaults to toString */\n convertFn?: string,\n) => string;\n\n/** Utility for rendering SQL field access expressions for Maps and JSON types. */\nexport default function useFieldExpressionGenerator(\n source: TSource | undefined,\n): {\n isLoading: boolean;\n getFieldExpression: FieldExpressionGenerator | undefined;\n} {\n const { data: jsonColumns, isLoading: isLoadingJsonColumns } = useJsonColumns(\n tcFromSource(source),\n );\n\n if (source && !isLoadingJsonColumns) {\n return {\n isLoading: false,\n getFieldExpression: (\n column: string,\n key: string,\n convertFn: string = 'toString',\n ) => {\n const isJson = jsonColumns?.includes(column);\n return isJson\n ? SqlString.format(`${convertFn}(??.??)`, [column, key])\n : SqlString.format('??[?]', [column, key]);\n },\n };\n } else {\n return {\n isLoading: isLoadingJsonColumns,\n getFieldExpression: undefined,\n };\n }\n}\n" }, { "path": "packages/app/src/hooks/useMVOptimizationExplanation.tsx", "content": "import {\n MVOptimizationExplanation,\n tryOptimizeConfigWithMaterializedViewWithExplanations,\n} from '@hyperdx/common-utils/dist/core/materializedViews';\nimport {\n BuilderChartConfigWithOptDateRange,\n SourceKind,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n keepPreviousData,\n useQuery,\n UseQueryOptions,\n} from '@tanstack/react-query';\n\nimport { useClickhouseClient } from '@/clickhouse';\nimport { useSource } from '@/source';\n\nimport { useMetadataWithSettings } from './useMetadata';\n\nexport interface MVOptimizationExplanationResult<\n C extends\n BuilderChartConfigWithOptDateRange = BuilderChartConfigWithOptDateRange,\n> {\n optimizedConfig?: C;\n explanations: MVOptimizationExplanation[];\n}\n\nexport function useMVOptimizationExplanation<\n C extends BuilderChartConfigWithOptDateRange,\n>(\n config: C | undefined,\n options?: Partial>>,\n) {\n const { enabled = true } = options || {};\n const metadata = useMetadataWithSettings();\n const clickhouseClient = useClickhouseClient();\n\n const { data: source, isLoading: isLoadingSource } = useSource({\n id: config?.source,\n });\n\n return useQuery>({\n queryKey: ['optimizationExplanation', config],\n queryFn: async ({ signal }) => {\n if (\n !config ||\n !source ||\n (source.kind !== SourceKind.Log && source.kind !== SourceKind.Trace)\n ) {\n return {\n explanations: [],\n };\n }\n\n return await tryOptimizeConfigWithMaterializedViewWithExplanations(\n config,\n metadata,\n clickhouseClient,\n signal,\n source,\n );\n },\n placeholderData: keepPreviousData,\n staleTime: 5000,\n ...options,\n enabled: enabled && !isLoadingSource && !!config && !!source,\n });\n}\n" }, { "path": "packages/app/src/hooks/useMetadata.tsx", "content": "import { useEffect, useRef, useState } from 'react';\nimport objectHash from 'object-hash';\nimport {\n ColumnMeta,\n filterColumnMetaByType,\n JSDataType,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport {\n Field,\n TableConnection,\n TableMetadata,\n} from '@hyperdx/common-utils/dist/core/metadata';\nimport { BuilderChartConfigWithDateRange } from '@hyperdx/common-utils/dist/types';\nimport {\n keepPreviousData,\n useQuery,\n useQueryClient,\n UseQueryOptions,\n} from '@tanstack/react-query';\n\nimport api from '@/api';\nimport { IS_LOCAL_MODE } from '@/config';\nimport { LOCAL_STORE_CONNECTIONS_KEY } from '@/connection';\nimport { getMetadata } from '@/metadata';\nimport { useSource, useSources } from '@/source';\nimport { toArray } from '@/utils';\n\n// Hook to get metadata with proper settings applied\nexport function useMetadataWithSettings() {\n const [metadata, setMetadata] = useState(getMetadata());\n const { data: me } = api.useMe();\n const settingsApplied = useRef(false);\n const queryClient = useQueryClient();\n\n // Create a listener that triggers when connections are updated in local mode\n useEffect(() => {\n const isBrowser =\n typeof window !== 'undefined' && typeof window.document !== 'undefined';\n if (!isBrowser || !IS_LOCAL_MODE) return;\n\n const createNewMetadata = (event: StorageEvent) => {\n if (event.key === LOCAL_STORE_CONNECTIONS_KEY && event.newValue) {\n // Create a new metadata instance with a new ClickHouse client,\n // since the existing one will not have connection / auth info.\n setMetadata(getMetadata());\n settingsApplied.current = false;\n // Clear react-query cache so that metadata is refetched with\n // the new connection info, and error states are cleared.\n queryClient.resetQueries();\n }\n };\n\n window.addEventListener('storage', createNewMetadata);\n return () => {\n window.removeEventListener('storage', createNewMetadata);\n };\n }, [queryClient]);\n\n useEffect(() => {\n if (me?.team?.metadataMaxRowsToRead && !settingsApplied.current) {\n metadata.setClickHouseSettings({\n max_rows_to_read: String(me.team.metadataMaxRowsToRead),\n });\n settingsApplied.current = true;\n }\n }, [me?.team?.metadataMaxRowsToRead, metadata]);\n\n return metadata;\n}\n\nexport function useColumns(\n {\n databaseName,\n tableName,\n connectionId,\n }: {\n databaseName: string;\n tableName: string;\n connectionId: string;\n },\n options?: Partial>,\n) {\n const metadata = useMetadataWithSettings();\n return useQuery({\n queryKey: ['useMetadata.useColumns', { databaseName, tableName }],\n queryFn: async () => {\n return metadata.getColumns({\n databaseName,\n tableName,\n connectionId,\n });\n },\n enabled: !!databaseName && !!tableName && !!connectionId,\n ...options,\n });\n}\n\nexport function useJsonColumns(\n tableConnection: TableConnection | undefined,\n options?: Partial>,\n) {\n const metadata = useMetadataWithSettings();\n return useQuery({\n queryKey: ['useMetadata.useJsonColumns', tableConnection],\n queryFn: async () => {\n if (!tableConnection) return [];\n const columns = await metadata.getColumns(tableConnection);\n return (\n filterColumnMetaByType(columns, [JSDataType.JSON])?.map(\n column => column.name,\n ) ?? []\n );\n },\n enabled:\n tableConnection &&\n !!tableConnection.databaseName &&\n !!tableConnection.tableName &&\n !!tableConnection.connectionId,\n ...options,\n });\n}\n\nexport function useMultipleAllFields(\n tableConnections: TableConnection[],\n options?: Partial>,\n) {\n const metadata = useMetadataWithSettings();\n const { data: me, isFetched } = api.useMe();\n return useQuery({\n queryKey: [\n 'useMetadata.useMultipleAllFields',\n ...tableConnections.map(tc => ({ ...tc })),\n ],\n queryFn: async () => {\n const team = me?.team;\n if (team?.fieldMetadataDisabled) {\n return [];\n }\n\n const promiseResults = await Promise.allSettled(\n tableConnections.map(tc => metadata.getAllFields(tc)),\n );\n\n const fields2d: Field[][] = promiseResults.map(result => {\n if (result.status === 'rejected') {\n console.warn(\n 'Failed to fetch fields for table connection',\n result.reason,\n );\n return [];\n }\n return result.value;\n });\n\n // skip deduplication if not needed\n if (fields2d.length === 1) return fields2d[0];\n\n return deduplicate2dArray(fields2d);\n },\n enabled:\n tableConnections.length > 0 &&\n tableConnections.every(\n tc => !!tc.databaseName && !!tc.tableName && !!tc.connectionId,\n ) &&\n isFetched,\n ...options,\n });\n}\n\nexport function useAllFields(\n tableConnection: TableConnection | undefined,\n options?: Partial>,\n) {\n return useMultipleAllFields(\n tableConnection ? [tableConnection] : [],\n options,\n );\n}\n\nexport function useTableMetadata(\n {\n databaseName,\n tableName,\n connectionId,\n }: {\n databaseName: string;\n tableName: string;\n connectionId: string;\n },\n options?: Omit, 'queryKey'>,\n) {\n const metadata = useMetadataWithSettings();\n return useQuery({\n queryKey: ['useMetadata.useTableMetadata', { databaseName, tableName }],\n queryFn: async () => {\n return await metadata.getTableMetadata({\n databaseName,\n tableName,\n connectionId,\n });\n },\n staleTime: 1000 * 60 * 5, // Cache every 5 min\n enabled: !!databaseName && !!tableName && !!connectionId,\n ...options,\n });\n}\n\nexport function useMultipleGetKeyValues(\n {\n chartConfigs,\n keys,\n limit,\n disableRowLimit,\n }: {\n chartConfigs:\n | BuilderChartConfigWithDateRange\n | BuilderChartConfigWithDateRange[];\n keys: string[];\n limit?: number;\n disableRowLimit?: boolean;\n },\n options?: Omit, 'queryKey'>,\n) {\n const metadata = useMetadataWithSettings();\n const chartConfigsArr = toArray(chartConfigs);\n\n const { enabled = true } = options || {};\n const { data: sources, isLoading: isLoadingSources } = useSources();\n\n const query = useQuery<{ key: string; value: string[] }[]>({\n queryKey: [\n 'useMetadata.useGetKeyValues',\n ...chartConfigsArr.map(cc => ({ ...cc })),\n ...keys,\n disableRowLimit,\n ],\n queryFn: async ({ signal }) => {\n return (\n await Promise.all(\n chartConfigsArr.map(chartConfig => {\n const source = chartConfig.source\n ? sources?.find(s => s.id === chartConfig.source)\n : undefined;\n return metadata.getKeyValuesWithMVs({\n chartConfig,\n keys: keys.slice(0, 20), // Limit to 20 keys for now, otherwise request fails (max header size)\n limit,\n disableRowLimit,\n source,\n signal,\n });\n }),\n )\n ).flatMap(v => v);\n },\n staleTime: 1000 * 60 * 5, // Cache every 5 min\n placeholderData: keepPreviousData,\n ...options,\n enabled: !!enabled && !!keys.length && !isLoadingSources,\n });\n\n return {\n ...query,\n isLoading: query.isLoading || isLoadingSources,\n };\n}\n\nexport function useGetValuesDistribution(\n {\n chartConfig,\n key,\n limit,\n }: {\n chartConfig: BuilderChartConfigWithDateRange;\n key: string;\n limit: number;\n },\n options?: Omit, Error>, 'queryKey'>,\n) {\n const metadata = useMetadataWithSettings();\n const { data: source, isLoading: isLoadingSource } = useSource({\n id: chartConfig.source,\n });\n\n return useQuery>({\n queryKey: ['useMetadata.useGetValuesDistribution', chartConfig, key],\n queryFn: async () => {\n return await metadata.getValuesDistribution({\n chartConfig,\n key,\n limit,\n source,\n });\n },\n staleTime: Infinity,\n enabled: !!key && !isLoadingSource,\n placeholderData: keepPreviousData,\n retry: false,\n ...options,\n });\n}\n\nexport function useGetKeyValues(\n {\n chartConfig,\n keys,\n limit,\n disableRowLimit,\n }: {\n chartConfig?: BuilderChartConfigWithDateRange;\n keys: string[];\n limit?: number;\n disableRowLimit?: boolean;\n },\n options?: Omit, 'queryKey'>,\n) {\n return useMultipleGetKeyValues(\n {\n chartConfigs: chartConfig ? [chartConfig] : [],\n keys,\n limit,\n disableRowLimit,\n },\n options,\n );\n}\n\nexport function deduplicateArray(array: T[]): T[] {\n return deduplicate2dArray([array]);\n}\n\nexport function deduplicate2dArray(array2d: T[][]): T[] {\n // deduplicate common fields\n const array: T[] = [];\n const set = new Set();\n for (const _array of array2d) {\n for (const elem of _array) {\n const key = objectHash.sha1(elem);\n if (set.has(key)) continue;\n set.add(key);\n array.push(elem);\n }\n }\n return array;\n}\n" }, { "path": "packages/app/src/hooks/useOffsetPaginatedQuery.tsx", "content": "import { useMemo } from 'react';\nimport ms from 'ms';\nimport type {\n ClickHouseSettings,\n ResponseJSON,\n Row,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport {\n ChSql,\n ClickHouseQueryError,\n ColumnMetaType,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport { Metadata } from '@hyperdx/common-utils/dist/core/metadata';\nimport { renderChartConfig } from '@hyperdx/common-utils/dist/core/renderChartConfig';\nimport {\n isFirstOrderByAscending,\n isTimestampExpressionInFirstOrderBy,\n} from '@hyperdx/common-utils/dist/core/utils';\nimport {\n isBuilderChartConfig,\n isRawSqlChartConfig,\n} from '@hyperdx/common-utils/dist/guards';\nimport {\n ChartConfigWithOptTimestamp,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport {\n QueryClient,\n QueryFunction,\n useInfiniteQuery,\n useQueryClient,\n} from '@tanstack/react-query';\n\nimport api from '@/api';\nimport { getClickhouseClient } from '@/clickhouse';\nimport { MAX_TABLE_ROWS } from '@/HDXMultiSeriesTableChart';\nimport { useMetadataWithSettings } from '@/hooks/useMetadata';\nimport { useMVOptimizationExplanation } from '@/hooks/useMVOptimizationExplanation';\nimport { useSource } from '@/source';\nimport { omit } from '@/utils';\nimport {\n generateTimeWindowsAscending,\n generateTimeWindowsDescending,\n TimeWindow,\n} from '@/utils/searchWindows';\n\ntype TQueryKey = readonly [\n string,\n ChartConfigWithOptTimestamp,\n number | undefined,\n];\n\nfunction queryKeyFn(\n prefix: string,\n config: ChartConfigWithOptTimestamp,\n queryTimeout?: number,\n): TQueryKey {\n return [prefix, config, queryTimeout];\n}\n\ntype TPageParam = {\n windowIndex: number;\n offset: number;\n};\n\ntype TQueryFnData = {\n data: Record[];\n meta: ColumnMetaType[];\n chSql: ChSql;\n window: TimeWindow;\n};\n\ntype TData = {\n pages: TQueryFnData[];\n pageParams: TPageParam[];\n};\n\ntype QueryMeta = {\n queryClient: QueryClient;\n hasPreviousQueries: boolean;\n metadata: Metadata;\n optimizedConfig?: ChartConfigWithOptTimestamp;\n source: TSource | undefined;\n};\n\n// Get time window from page param\nfunction getTimeWindowFromPageParam(\n config: ChartConfigWithOptTimestamp,\n pageParam: TPageParam,\n): TimeWindow {\n const [startDate, endDate] = config.dateRange;\n const windows =\n isBuilderChartConfig(config) && isFirstOrderByAscending(config.orderBy)\n ? generateTimeWindowsAscending(startDate, endDate)\n : generateTimeWindowsDescending(startDate, endDate);\n const window = windows[pageParam.windowIndex];\n if (window == null) {\n throw new Error('Invalid time window for page param');\n }\n return window;\n}\n\n// Calculate next page param based on current results and window\nfunction getNextPageParam(\n lastPage: TQueryFnData | null,\n allPages: TQueryFnData[],\n config: ChartConfigWithOptTimestamp,\n): TPageParam | undefined {\n // Pagination is not supported for raw SQL tables since they may not be ordered at all.\n if (lastPage == null || isRawSqlChartConfig(config)) {\n return undefined;\n }\n\n const [startDate, endDate] = config.dateRange;\n const windows = isFirstOrderByAscending(config.orderBy)\n ? generateTimeWindowsAscending(startDate, endDate)\n : generateTimeWindowsDescending(startDate, endDate);\n const currentWindow = lastPage.window;\n\n // Calculate total results from all pages in current window\n const currentWindowPages = allPages.filter(\n p => p.window.windowIndex === currentWindow.windowIndex,\n );\n const currentWindowResults = currentWindowPages.reduce(\n (sum, page) => sum + page.data.length,\n 0,\n );\n\n // If we have results in the current window, continue paginating within it\n if (lastPage.data.length > 0) {\n return {\n windowIndex: currentWindow.windowIndex,\n offset: currentWindowResults,\n };\n }\n\n // If no more results in current window, move to next window (if windowing is being used)\n const shouldUseWindowing =\n isBuilderChartConfig(config) && isTimestampExpressionInFirstOrderBy(config);\n const nextWindowIndex = currentWindow.windowIndex + 1;\n if (shouldUseWindowing && nextWindowIndex < windows.length) {\n return {\n windowIndex: nextWindowIndex,\n offset: 0,\n };\n }\n\n return undefined;\n}\n\nconst queryFn: QueryFunction = async ({\n queryKey,\n pageParam,\n signal,\n meta,\n}) => {\n if (meta == null) {\n throw new Error('Query missing client meta');\n }\n\n const { queryClient, metadata, hasPreviousQueries, optimizedConfig, source } =\n meta as QueryMeta;\n\n // Only stream incrementally if this is a fresh query with no previous\n // response or if it's a paginated query\n // otherwise we'll flicker the UI with streaming data\n const isStreamingIncrementally =\n !hasPreviousQueries || pageParam.offset > 0 || pageParam.windowIndex > 0;\n\n const queryTimeout = queryKey[2];\n const clickhouseClient = getClickhouseClient({ queryTimeout });\n\n const rawConfig = queryKey[1];\n const config = optimizedConfig ?? rawConfig;\n\n // Get the time window for this page\n const shouldUseWindowing =\n isBuilderChartConfig(config) && isTimestampExpressionInFirstOrderBy(config);\n const timeWindow = shouldUseWindowing\n ? getTimeWindowFromPageParam(config, pageParam)\n : {\n startTime: config.dateRange[0],\n endTime: config.dateRange[1],\n windowIndex: 0,\n direction: 'DESC' as const,\n };\n\n // Create config with windowed date range\n const windowedConfig = isBuilderChartConfig(config)\n ? {\n ...config,\n dateRange: [timeWindow.startTime, timeWindow.endTime] as [Date, Date],\n limit: {\n limit: config.limit?.limit,\n offset: pageParam.offset,\n },\n }\n : config;\n\n const query = await renderChartConfig(\n windowedConfig,\n metadata,\n source?.querySettings,\n );\n\n // Create abort signal from timeout if provided\n const abortController = queryTimeout ? new AbortController() : undefined;\n if (abortController && queryTimeout) {\n setTimeout(() => abortController.abort(), queryTimeout * 1000);\n }\n\n const clickHouseSettings: ClickHouseSettings = {};\n if (isRawSqlChartConfig(config)) {\n // Readonly = 2 means the query is readonly but can still specify query settings.\n clickHouseSettings.readonly = '2';\n\n const existingMaxResultRowsSetting = await metadata.getSetting({\n settingName: 'max_result_rows',\n connectionId: config.connection,\n });\n\n const maxResultRows =\n existingMaxResultRowsSetting != null &&\n Number(existingMaxResultRowsSetting) > 0\n ? Math.min(Number(existingMaxResultRowsSetting), MAX_TABLE_ROWS)\n : MAX_TABLE_ROWS;\n\n // result_overflow_mode=break will prevent an error when the result set exceeds max_result_rows,\n // and instead just return the first max_result_rows rows.\n clickHouseSettings.max_result_rows = String(maxResultRows);\n clickHouseSettings.result_overflow_mode = 'break';\n }\n\n const resultSet =\n await clickhouseClient.query<'JSONCompactEachRowWithNamesAndTypes'>({\n query: query.sql,\n query_params: query.params,\n format: 'JSONCompactEachRowWithNamesAndTypes',\n abort_signal: abortController?.signal || signal,\n connectionId: config.connection,\n clickhouse_settings: clickHouseSettings,\n });\n\n const stream = resultSet.stream();\n\n const reader = stream.getReader();\n\n const rows: Row[] = [];\n\n if (isStreamingIncrementally) {\n queryClient.setQueryData(queryKey, (oldData): TData => {\n const EMPTY_PAGE: TQueryFnData = {\n data: [],\n meta: [],\n chSql: { sql: '', params: {} },\n window: timeWindow,\n };\n if (oldData == null) {\n return {\n pages: [EMPTY_PAGE],\n pageParams: [pageParam],\n };\n }\n\n return {\n pages: [...oldData.pages, EMPTY_PAGE],\n pageParams: [...oldData.pageParams, pageParam],\n };\n });\n }\n\n const queryResultMeta: NonNullable = [];\n // Buffer for all data rows for the current query\n const queryResultData: Record[] = [];\n\n async function read(): Promise {\n const { done, value } = await reader.read();\n\n if (done || value == null) {\n return;\n }\n\n // TODO: Simplify this logic for header handling and value buffering\n rows.push(...value);\n\n if (rows.length >= 2) {\n let dataRows = value;\n if (queryResultMeta.length === 0) {\n const names = rows[0].json();\n const values = rows[1].json();\n\n if (names.length !== values.length) {\n throw new Error(\n 'Invalid JSONCompactEachRowWithNamesAndTypes header rows',\n );\n }\n\n for (let i = 0; i < names.length; i++) {\n queryResultMeta.push({\n name: names[i],\n type: values[i],\n });\n }\n\n dataRows = dataRows.slice(2);\n }\n\n const rowObjs: Record[] = [];\n for (let i = 0; i < dataRows.length; i++) {\n const rowArr = dataRows[i].json();\n const rowObj: Record = {};\n for (let j = 0; j < rowArr.length; j++) {\n rowObj[queryResultMeta[j].name] = rowArr[j];\n }\n\n rowObjs.push(rowObj);\n queryResultData.push(rowObj);\n }\n\n if (isStreamingIncrementally) {\n queryClient.setQueryData(queryKey, oldData => {\n if (oldData == null) {\n return {\n pages: [\n {\n data: rowObjs,\n meta: queryResultMeta,\n chSql: query,\n window: timeWindow,\n },\n ],\n pageParams: [pageParam],\n };\n }\n\n const oldPages = oldData.pages.slice(0, -1);\n const page = oldData.pages[oldData.pages.length - 1];\n\n return {\n pages: [\n ...oldPages,\n {\n ...page,\n data: [...(page.data ?? []), ...rowObjs],\n meta: queryResultMeta,\n chSql: query,\n window: timeWindow,\n },\n ],\n pageParams: oldData.pageParams,\n };\n });\n }\n }\n\n return await read();\n }\n\n function deleteProgressCache() {\n queryClient.setQueryData(queryKey, oldData => {\n if (oldData == null) {\n return;\n }\n\n return {\n pages: oldData.pages.slice(0, -1),\n pageParams: oldData.pageParams.slice(0, -1),\n };\n });\n }\n\n try {\n await read();\n } catch (e) {\n if (isStreamingIncrementally) {\n deleteProgressCache();\n }\n throw e;\n }\n\n if (!isStreamingIncrementally) {\n return {\n data: queryResultData,\n meta: queryResultMeta,\n chSql: query,\n window: timeWindow,\n };\n }\n\n // Clear out in-progress page and return full page result from cache\n const cachedQueryData = queryClient.getQueryData(queryKey);\n if (cachedQueryData == null) {\n throw new Error('Data not found in cache');\n }\n const { pages } = cachedQueryData;\n const lastPage = pages[pages.length - 1];\n\n deleteProgressCache();\n\n return lastPage;\n};\n\nfunction flattenPages(pages: TQueryFnData[]) {\n return pages.flatMap(p => p.data);\n}\n\nfunction flattenData(data: TData | undefined): TQueryFnData | null {\n if (data == null || data.pages.length === 0) {\n return null;\n }\n\n return {\n meta: data.pages[0].meta,\n data: flattenPages(data.pages),\n chSql: data.pages[0].chSql,\n window: data.pages[data.pages.length - 1].window,\n };\n}\n\nexport default function useOffsetPaginatedQuery(\n config: ChartConfigWithOptTimestamp,\n {\n isLive,\n enabled = true,\n queryKeyPrefix = '',\n }: {\n isLive?: boolean;\n enabled?: boolean;\n queryKeyPrefix?: string;\n } = {},\n) {\n const { data: meData, isLoading: isLoadingMe } = api.useMe();\n const key = queryKeyFn(queryKeyPrefix, config, meData?.team?.queryTimeout);\n const queryClient = useQueryClient();\n const metadata = useMetadataWithSettings();\n const matchedQueries = queryClient.getQueriesData({\n queryKey: [queryKeyPrefix, omit(config, ['dateRange'])],\n });\n // TODO: Check that the time ranges overlap\n const hasPreviousQueries =\n matchedQueries.filter(([_, data]) => data != null).length > 0;\n\n const builderConfig = isBuilderChartConfig(config) ? config : undefined;\n const { data: mvOptimizationData, isLoading: isLoadingMVOptimization } =\n useMVOptimizationExplanation(builderConfig, {\n enabled: !!enabled && !!builderConfig,\n placeholderData: undefined,\n });\n\n const { data: source, isLoading: isSourceLoading } = useSource({\n id: config.source,\n });\n\n const {\n data,\n fetchNextPage,\n hasNextPage,\n isFetching,\n isError,\n error,\n isLoading,\n } = useInfiniteQuery<\n TQueryFnData,\n Error | ClickHouseQueryError,\n TData,\n TQueryKey,\n TPageParam\n >({\n queryKey: key,\n placeholderData: (prev: TData | undefined) => {\n // Only preserve previous query in live mode\n return isLive ? prev : undefined;\n },\n enabled:\n enabled && !isLoadingMe && !isLoadingMVOptimization && !isSourceLoading,\n initialPageParam: { windowIndex: 0, offset: 0 } as TPageParam,\n getNextPageParam: (lastPage, allPages) => {\n return getNextPageParam(lastPage, allPages, config);\n },\n staleTime: Infinity, // TODO: Pick a correct time\n meta: {\n queryClient,\n hasPreviousQueries,\n metadata,\n optimizedConfig: mvOptimizationData?.optimizedConfig,\n source,\n } satisfies QueryMeta,\n queryFn,\n gcTime: isLive ? ms('30s') : ms('5m'), // more aggressive gc for live data, since it can end up holding lots of data\n retry: 1,\n refetchOnWindowFocus: false,\n maxPages: isLive ? 5 : undefined, // Limit number of pages kept in cache for live data\n });\n\n const flattenedData = useMemo(() => flattenData(data), [data]);\n\n return {\n isError,\n error,\n data: flattenedData,\n fetchNextPage,\n hasNextPage,\n isFetching: isFetching || isLoadingMe || isLoadingMVOptimization,\n isLoading: isLoading || isLoadingMe || isLoadingMVOptimization,\n };\n}\n" }, { "path": "packages/app/src/hooks/usePatterns.tsx", "content": "import { useMemo } from 'react';\nimport stripAnsi from 'strip-ansi';\nimport { convertDateRangeToGranularityString } from '@hyperdx/common-utils/dist/core/utils';\nimport { BuilderChartConfigWithDateRange } from '@hyperdx/common-utils/dist/types';\nimport { useQuery } from '@tanstack/react-query';\n\nimport { timeBucketByGranularity, toStartOfInterval } from '@/ChartUtils';\nimport { useConfigWithPrimaryAndPartitionKey } from '@/components/DBRowTable';\nimport { useQueriedChartConfig } from '@/hooks/useChartConfig';\nimport { getFirstTimestampValueExpression } from '@/source';\n\n// We don't want to load pyodide over and over again, use react query to cache the async instance\nfunction usePyodide(options: { enabled: boolean }) {\n return useQuery({\n queryKey: ['pyodide'],\n queryFn: async () => {\n // @ts-ignore\n const pyodide = await window.loadPyodide();\n await pyodide.loadPackage('micropip');\n const micropip = pyodide.pyimport('micropip');\n\n // Install jsonpickle first (drain3 dependency)\n const jsonpickleUrl = new URL(\n '/jsonpickle-4.1.1-py3-none-any.whl',\n window.location.origin,\n );\n await micropip.install(jsonpickleUrl.href);\n\n // Then install drain3\n const drain3Url = new URL(\n '/drain3-0.9.11-py3-none-any.whl',\n window.location.origin,\n );\n await micropip.install(drain3Url.href);\n\n return pyodide;\n },\n refetchOnWindowFocus: false,\n refetchOnMount: false,\n refetchInterval: false,\n enabled: options.enabled,\n });\n}\n\nclass Miner {\n private minerVariableName;\n private id;\n constructor(private pyodide: any) {\n this.id = Math.random().toString(36).substring(2, 15);\n this.minerVariableName = `m_${this.id}`;\n }\n\n async init() {\n await this.pyodide.runPythonAsync(`\nimport js\nimport json\nfrom drain3 import TemplateMiner\nfrom drain3.template_miner_config import TemplateMinerConfig\n\n${this.minerVariableName} = TemplateMiner(None, TemplateMinerConfig())\n `);\n }\n\n async minePatterns(logs: string[]) {\n const tempLogs = `temp_logs_${this.id}`;\n const tempResults = `temp_results_${this.id}`;\n this.pyodide.globals.set(tempLogs, logs);\n return JSON.parse(\n await this.pyodide.runPythonAsync(`\n ${tempResults} = []\n for log in ${tempLogs}:\n ${tempResults}.append(${this.minerVariableName}.add_log_message(log))\n json.dumps(${tempResults})\n `),\n );\n }\n\n async matchLogs(logs: string[]) {\n const tempLogs = `temp_logs_${this.id}`;\n const tempResults = `temp_results_${this.id}`;\n this.pyodide.globals.set(tempLogs, logs);\n\n return JSON.parse(\n await this.pyodide.runPythonAsync(`\n ${tempResults} = []\n for log in ${tempLogs}:\n match = ${this.minerVariableName}.match(log)\n ${tempResults}.append(match.cluster_id if match else None)\n json.dumps(${tempResults})\n `),\n );\n }\n}\n\nasync function mineEventPatterns(logs: string[], pyodide: any) {\n const miner = new Miner(pyodide);\n await miner.init();\n return {\n miner,\n patterns: await miner.minePatterns(logs),\n };\n}\n\nexport const PATTERN_COLUMN_ALIAS = '__hdx_pattern_field';\nexport const TIMESTAMP_COLUMN_ALIAS = '__hdx_timestamp';\nexport const SEVERITY_TEXT_COLUMN_ALIAS = '__hdx_severity_text';\nexport const STATUS_CODE_COLUMN_ALIAS = '__hdx_status_code';\n\nexport type SampleLog = {\n [PATTERN_COLUMN_ALIAS]: string;\n [TIMESTAMP_COLUMN_ALIAS]: string;\n [key: string]: any;\n};\n\nexport type Pattern = {\n id: string;\n pattern: string;\n count: number;\n samples: SampleLog[];\n};\n\nfunction usePatterns({\n config,\n samples,\n bodyValueExpression,\n severityTextExpression,\n statusCodeExpression,\n enabled = true,\n}: {\n config: BuilderChartConfigWithDateRange;\n samples: number;\n bodyValueExpression: string;\n severityTextExpression?: string;\n statusCodeExpression?: string;\n enabled?: boolean;\n}) {\n const configWithPrimaryAndPartitionKey = useConfigWithPrimaryAndPartitionKey({\n ...config,\n // TODO: User-configurable pattern columns and non-pattern/group by columns\n select: [\n `${bodyValueExpression} as ${PATTERN_COLUMN_ALIAS}`,\n `${getFirstTimestampValueExpression(config.timestampValueExpression)} as ${TIMESTAMP_COLUMN_ALIAS}`,\n ...(severityTextExpression\n ? [`${severityTextExpression} as ${SEVERITY_TEXT_COLUMN_ALIAS}`]\n : []),\n ...(statusCodeExpression\n ? [`${statusCodeExpression} as ${STATUS_CODE_COLUMN_ALIAS}`]\n : []),\n ].join(','),\n // TODO: Proper sampling\n orderBy: [{ ordering: 'DESC', valueExpression: 'rand()' }],\n limit: { limit: samples },\n });\n\n const { data: sampleRows, isLoading: isSampleLoading } =\n useQueriedChartConfig(\n configWithPrimaryAndPartitionKey ?? config, // `config` satisfying type, never used due to `enabled` check\n { enabled: configWithPrimaryAndPartitionKey != null && enabled },\n );\n\n const { data: pyodide, isLoading: isLoadingPyodide } = usePyodide({\n enabled,\n });\n\n const query = useQuery({\n queryKey: ['patterns', config],\n queryFn: () => {\n if (configWithPrimaryAndPartitionKey == null) {\n throw new Error('Unexpected configWithPrimaryAndPartitionKey is null');\n }\n\n const logs =\n sampleRows?.data.map(row => {\n return stripAnsi(row[PATTERN_COLUMN_ALIAS] as string);\n }) ?? [];\n\n // patternId -> count, {bucket:count}, pattern\n return mineEventPatterns(logs, pyodide).then(response => {\n const rowsWithPatternId = [];\n const result = response.patterns;\n for (let i = 0; i < result.length; i++) {\n const r = result[i];\n const row = sampleRows?.data[i];\n rowsWithPatternId.push({\n ...row,\n __hdx_patternId: r.cluster_id,\n __hdx_pattern: r.template_mined,\n });\n }\n\n return {\n ...sampleRows,\n data: rowsWithPatternId,\n additionalKeysLength:\n configWithPrimaryAndPartitionKey.additionalKeysLength,\n miner: response.miner,\n };\n });\n },\n refetchOnWindowFocus: false,\n enabled: sampleRows != null && pyodide != null && enabled,\n });\n\n return {\n ...query,\n isLoading: query.isLoading || isSampleLoading || isLoadingPyodide,\n patternQueryConfig: configWithPrimaryAndPartitionKey,\n };\n}\n\nexport function useGroupedPatterns({\n config,\n samples,\n bodyValueExpression,\n severityTextExpression,\n statusCodeExpression,\n totalCount,\n enabled = true,\n}: {\n config: BuilderChartConfigWithDateRange;\n samples: number;\n bodyValueExpression: string;\n severityTextExpression?: string;\n statusCodeExpression?: string;\n totalCount?: number;\n enabled?: boolean;\n}) {\n const {\n data: results,\n isLoading,\n patternQueryConfig,\n } = usePatterns({\n config,\n samples,\n bodyValueExpression,\n severityTextExpression,\n statusCodeExpression,\n enabled,\n });\n\n const sampledRowCount = results?.data.length;\n const sampleMultiplier = useMemo(() => {\n return totalCount && sampledRowCount ? totalCount / sampledRowCount : 1;\n }, [totalCount, sampledRowCount]);\n\n const granularity = convertDateRangeToGranularityString(config.dateRange, 24);\n const timeRangeBuckets = timeBucketByGranularity(\n config.dateRange[0],\n config.dateRange[1],\n granularity,\n );\n\n // TODO: Group by pattern and other select attributes\n const groupedResults = useMemo(() => {\n const patternGroups = results?.data.reduce>(\n (acc, row) => {\n const key = `${row.__hdx_patternId}`;\n acc[key] = acc[key] || [];\n acc[key].push(row);\n return acc;\n },\n {} as Record,\n );\n\n const fullPatternGroups: Record = {};\n // bucket count by timestamp\n Object.entries(patternGroups ?? {}).forEach(([patternId, rows]) => {\n const initBucketCount: Record = timeRangeBuckets.reduce(\n (acc, bucket) => {\n acc[bucket.getTime()] = 0;\n return acc;\n },\n {} as Record,\n );\n\n const bucketCounts = rows.reduce>((acc, row) => {\n const ts = row[TIMESTAMP_COLUMN_ALIAS];\n const bucket = toStartOfInterval(new Date(ts), granularity).getTime();\n acc[bucket] = (acc[bucket] || 0) + 1;\n return acc;\n }, initBucketCount);\n\n // return at least 1\n const count = Math.max(Math.round(rows.length * sampleMultiplier), 1);\n const lastRow = rows.at(-1);\n\n fullPatternGroups[patternId] = {\n id: patternId,\n pattern: lastRow?.__hdx_pattern, // last pattern is usually the most up to date templated pattern\n count,\n countStr: `~${count}`,\n severityText: lastRow?.[SEVERITY_TEXT_COLUMN_ALIAS], // last severitytext is usually representative of the entire pattern set\n statusCode: lastRow?.[STATUS_CODE_COLUMN_ALIAS],\n samples: rows,\n __hdx_pattern_trend: {\n data: Object.entries(bucketCounts).map(([bucket, count]) => ({\n bucket: Number.parseInt(bucket) / 1000, // recharts expects unix timestamp\n count: Math.round(count * sampleMultiplier),\n })),\n granularity,\n dateRange: config.dateRange,\n },\n };\n });\n\n return fullPatternGroups;\n }, [\n results,\n granularity,\n sampleMultiplier,\n timeRangeBuckets,\n config.dateRange,\n ]);\n\n return {\n data: groupedResults,\n isLoading,\n miner: results?.miner,\n sampledRowCount,\n patternQueryConfig,\n };\n}\n" }, { "path": "packages/app/src/hooks/usePresetDashboardFilters.tsx", "content": "import { useCallback, useMemo } from 'react';\nimport {\n DashboardFilter,\n PresetDashboard,\n} from '@hyperdx/common-utils/dist/types';\nimport { notifications } from '@mantine/notifications';\n\nimport api from '@/api';\n\nimport useDashboardFilters from './useDashboardFilters';\n\nexport default function usePresetDashboardFilters({\n presetDashboard,\n sourceId,\n enabled = true,\n}: {\n presetDashboard: PresetDashboard;\n sourceId: string;\n enabled?: boolean;\n}) {\n const createDashboardFilter = api.useCreatePresetDashboardFilter();\n const updateDashboardFilter = api.useUpdatePresetDashboardFilter();\n const deleteDashboardFilter = api.useDeletePresetDashboardFilter();\n\n const { data, refetch, isFetching } = api.usePresetDashboardFilters(\n presetDashboard,\n sourceId || '',\n enabled,\n );\n\n const { filterValues, setFilterValue, filterQueries } = useDashboardFilters(\n data ?? [],\n );\n\n const onSuccess = useCallback(() => {\n refetch();\n notifications.show({\n message: 'Filters updated',\n color: 'green',\n });\n }, [refetch]);\n\n const onError = useCallback(() => {\n notifications.show({\n message: 'Error updating filters',\n color: 'red',\n });\n }, []);\n\n const handleSaveFilter = useCallback(\n (dashboardFilter: DashboardFilter) => {\n const presetDashboardFilter = {\n ...dashboardFilter,\n presetDashboard,\n };\n\n if (data?.find(f => f.id === dashboardFilter.id)) {\n updateDashboardFilter.mutate(presetDashboardFilter, {\n onSuccess,\n onError,\n });\n } else {\n createDashboardFilter.mutate(presetDashboardFilter, {\n onSuccess,\n onError,\n });\n }\n },\n [\n data,\n updateDashboardFilter,\n createDashboardFilter,\n presetDashboard,\n onSuccess,\n onError,\n ],\n );\n\n const handleRemoveFilter = useCallback(\n (id: string) => {\n deleteDashboardFilter.mutate(\n {\n id,\n presetDashboard,\n },\n { onSuccess, onError },\n );\n },\n [deleteDashboardFilter, presetDashboard, onSuccess, onError],\n );\n\n return {\n filters: data ?? [],\n filterValues,\n setFilterValue,\n filterQueries,\n handleSaveFilter,\n handleRemoveFilter,\n isFetching: isFetching,\n isMutationPending:\n createDashboardFilter.isPending ||\n updateDashboardFilter.isPending ||\n deleteDashboardFilter.isPending,\n };\n}\n" }, { "path": "packages/app/src/hooks/useResizable.tsx", "content": "import {\n MouseEvent as ReactMouseEvent,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nconst MIN_PANEL_PERCENT = 10;\nconst MAX_PANEL_OFFSET_PX = 25;\n\ntype ResizeDirection = 'left' | 'right' | 'top' | 'bottom';\n\nfunction useResizable(\n initialSizePercent: number,\n direction: ResizeDirection = 'right',\n) {\n const [sizePercentage, setSizePercentage] = useState(initialSizePercent);\n\n // Track drag start\n const startPosRef = useRef(0);\n const startSizeRef = useRef(0);\n\n const isVertical = direction === 'top' || direction === 'bottom';\n const axis: 'clientX' | 'clientY' = isVertical ? 'clientY' : 'clientX';\n\n // For right/bottom, positive drag increases size; for left/top, it decreases.\n const directionMultiplier =\n direction === 'right' || direction === 'top' ? -1 : 1;\n\n const handleResize = useCallback(\n (e: globalThis.MouseEvent) => {\n const containerSize = isVertical ? window.innerHeight : window.innerWidth;\n const delta = e[axis] - startPosRef.current;\n const deltaPercent = (delta / containerSize) * 100;\n\n const offsetWidth = isVertical\n ? window.innerHeight\n : document.body.offsetWidth;\n // Clamp to min and max\n const maxPercent =\n ((offsetWidth - MAX_PANEL_OFFSET_PX) / containerSize) * 100;\n\n const minPercent = MIN_PANEL_PERCENT;\n\n const newSize = startSizeRef.current + deltaPercent * directionMultiplier;\n\n setSizePercentage(Math.min(Math.max(minPercent, newSize), maxPercent));\n },\n [isVertical, axis, directionMultiplier],\n );\n\n const endResize = useCallback(() => {\n document.removeEventListener('mousemove', handleResize);\n // eslint-disable-next-line react-hooks/immutability\n document.removeEventListener('mouseup', endResize);\n }, [handleResize]);\n\n const startResize = useCallback(\n (e: ReactMouseEvent) => {\n e.preventDefault();\n startPosRef.current = e[axis];\n startSizeRef.current = sizePercentage;\n document.addEventListener('mousemove', handleResize);\n document.addEventListener('mouseup', endResize);\n },\n [axis, sizePercentage, handleResize, endResize],\n );\n\n useEffect(() => {\n return () => {\n document.removeEventListener('mousemove', handleResize);\n document.removeEventListener('mouseup', endResize);\n };\n }, [handleResize, endResize]);\n\n return {\n size: sizePercentage,\n startResize,\n };\n}\n\nexport default useResizable;\n" }, { "path": "packages/app/src/hooks/useRowWhere.tsx", "content": "import { useCallback, useMemo } from 'react';\nimport MD5 from 'crypto-js/md5';\nimport SqlString from 'sqlstring';\nimport {\n ColumnMetaType,\n convertCHDataTypeToJSType,\n JSDataType,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport { aliasMapToWithClauses } from '@hyperdx/common-utils/dist/core/utils';\nimport { BuilderChartConfig } from '@hyperdx/common-utils/dist/types';\n\nconst MAX_STRING_LENGTH = 512;\n\n// Type for WITH clause entries, derived from ChartConfig's with property\nexport type WithClause = NonNullable[number];\n\n// Internal row field names used by the table component for row tracking\nexport const INTERNAL_ROW_FIELDS = {\n ID: '__hyperdx_id',\n ALIAS_WITH: '__hyperdx_alias_with',\n} as const;\n\n// Result type for row WHERE clause with alias support\nexport type RowWhereResult = {\n where: string;\n aliasWith: WithClause[];\n};\n\ntype ColumnWithMeta = ColumnMetaType & {\n valueExpr: string;\n jsType: JSDataType | null;\n};\n\nexport function processRowToWhereClause(\n row: Record,\n columnMap: Map,\n): string {\n const res = Object.entries(row)\n .map(([column, value]) => {\n const cm = columnMap.get(column);\n const chType = cm?.type;\n const jsType = cm?.jsType;\n const valueExpr = cm?.valueExpr;\n\n if (chType == null) {\n throw new Error(\n `Column type not found for ${column}, ${JSON.stringify(columnMap)}`,\n );\n }\n\n if (valueExpr == null) {\n throw new Error(\n `valueExpr not found for ${column}, ${JSON.stringify(columnMap)}`,\n );\n }\n\n switch (jsType) {\n case JSDataType.Date:\n return SqlString.format(`?=parseDateTime64BestEffort(?, 9)`, [\n SqlString.raw(valueExpr),\n value,\n ]);\n case JSDataType.Array:\n case JSDataType.Map:\n return SqlString.format(`?=JSONExtract(?, ?)`, [\n SqlString.raw(valueExpr),\n value,\n chType,\n ]);\n case JSDataType.Tuple:\n return SqlString.format(`toJSONString(?)=?`, [\n SqlString.raw(valueExpr),\n value,\n ]);\n case JSDataType.JSON:\n // Handle case for whole json object, ex: json\n return SqlString.format(`lower(hex(MD5(toString(?))))=?`, [\n SqlString.raw(valueExpr),\n MD5(value).toString(),\n ]);\n case JSDataType.Dynamic:\n // Handle case for json element, ex: json.c\n\n // Currently we can't distinguish null or 'null'\n if (value == null || value === 'null') {\n return SqlString.format(`isNull(??)`, [valueExpr]);\n }\n if (value.length > 1000 || column.length > 1000) {\n console.warn('Search value/object key too large.');\n }\n // TODO: update when JSON type have new version\n\n // escaped strings needs raw, because sqlString will add another layer of escaping\n // data other than array/object will always return with double quote(because of CH)\n // remove double quote to search correctly.\n // The coalesce is to handle the case when JSONExtract returns null due to the value being a string.\n return SqlString.format(\n \"toJSONString(?) = coalesce(toJSONString(JSONExtract(?, 'Dynamic')), toJSONString(?))\",\n [SqlString.raw(valueExpr), value, value],\n );\n\n default:\n // Handle nullish values\n if (value == null) {\n return SqlString.format(`isNull(?)`, [SqlString.raw(valueExpr)]);\n }\n // Handle the case when string is too long\n if (value.length > MAX_STRING_LENGTH) {\n return SqlString.format(\n // We need to slice since md5 can be slow on big payloads\n // which will block the main thread on search table render\n // UTF8 since js only slices in utf8 points, not bytes\n `lower(hex(MD5(leftUTF8(?, 1000))))=?`,\n [\n SqlString.raw(valueExpr),\n MD5(value.substring(0, 1000)).toString(),\n ],\n );\n }\n return SqlString.format(`?=?`, [\n SqlString.raw(valueExpr), // don't escape expressions\n value,\n ]);\n }\n })\n .join(' AND ');\n\n return res;\n}\n\nexport default function useRowWhere({\n meta,\n aliasMap,\n}: {\n meta?: ColumnMetaType[];\n aliasMap?: Record; // map alias -> valueExpr, undefined is not supported\n}) {\n const columnMap = useMemo(\n () =>\n new Map(\n meta?.map(c => {\n // if aliasMap is provided, use the alias as the valueExpr\n // but if the alias is not found, use the column name as the valueExpr\n const valueExpr =\n aliasMap != null ? (aliasMap[c.name] ?? c.name) : c.name;\n\n return [\n c.name,\n {\n ...c,\n valueExpr: valueExpr,\n jsType: convertCHDataTypeToJSType(c.type),\n },\n ];\n }),\n ),\n [meta, aliasMap],\n );\n\n // Memoize the aliasWith array since it only depends on aliasMap\n const aliasWith = useMemo(\n () => aliasMapToWithClauses(aliasMap) ?? [],\n [aliasMap],\n );\n\n return useCallback(\n (row: Record): RowWhereResult => {\n // Filter out synthetic columns that aren't in the database schema\n const {\n [INTERNAL_ROW_FIELDS.ID]: _id,\n [INTERNAL_ROW_FIELDS.ALIAS_WITH]: _aliasWith,\n ...dbRow\n } = row;\n return {\n where: processRowToWhereClause(dbRow, columnMap),\n aliasWith,\n };\n },\n [columnMap, aliasWith],\n );\n}\n" }, { "path": "packages/app/src/hooks/useServiceMap.tsx", "content": "import SqlString from 'sqlstring';\nimport { chSql } from '@hyperdx/common-utils/dist/clickhouse';\nimport { Metadata } from '@hyperdx/common-utils/dist/core/metadata';\nimport { renderChartConfig } from '@hyperdx/common-utils/dist/core/renderChartConfig';\nimport { TTraceSource } from '@hyperdx/common-utils/dist/types';\nimport { useQuery } from '@tanstack/react-query';\n\nimport { useClickhouseClient } from '@/clickhouse';\n\nimport { useMetadataWithSettings } from './useMetadata';\n\nexport type SpanAggregationRow = {\n serverServiceName: string;\n serverStatusCode: string;\n requestCount: number;\n clientServiceName?: string;\n};\n\nasync function getServiceMapQuery({\n source,\n dateRange,\n traceId,\n metadata,\n samplingFactor,\n}: {\n source: TTraceSource;\n dateRange: [Date, Date];\n traceId?: string;\n metadata: Metadata;\n samplingFactor: number;\n}) {\n // Don't sample if we're looking for a specific trace\n const effectiveSamplingLevel = traceId ? 1 : samplingFactor;\n\n const baseCTEConfig = {\n from: source.from,\n connection: source.connection,\n dateRange,\n timestampValueExpression: source.timestampValueExpression,\n filters: [\n // Sample a subset of traces, for performance in the following join\n {\n type: 'sql' as const,\n condition: `cityHash64(${source.traceIdExpression}) % ${effectiveSamplingLevel} = 0`,\n },\n // Optionally filter for a specific trace ID\n ...(traceId\n ? [\n {\n type: 'sql' as const,\n condition: SqlString.format('?? = ?', [\n source.traceIdExpression,\n traceId,\n ]),\n },\n ]\n : []),\n ],\n select: [\n {\n valueExpression: source.traceIdExpression ?? 'TraceId',\n alias: 'traceId',\n },\n {\n valueExpression: source.spanIdExpression ?? 'SpanId',\n alias: 'spanId',\n },\n {\n valueExpression: source.serviceNameExpression ?? 'ServiceName',\n alias: 'serviceName',\n },\n {\n valueExpression: source.parentSpanIdExpression ?? 'ParentSpanId',\n alias: 'parentSpanId',\n },\n {\n valueExpression: source.statusCodeExpression ?? 'StatusCode',\n alias: 'statusCode',\n },\n ],\n };\n\n const [serverCTE, clientCTE] = await Promise.all([\n renderChartConfig(\n {\n ...baseCTEConfig,\n filters: [\n ...baseCTEConfig.filters,\n {\n type: 'sql',\n condition: `${source.spanKindExpression} IN ('Server', 'Consumer', 'SPAN_KIND_SERVER', 'SPAN_KIND_CONSUMER')`,\n },\n ],\n where: '',\n },\n metadata,\n source.querySettings,\n ),\n renderChartConfig(\n {\n ...baseCTEConfig,\n filters: [\n ...baseCTEConfig.filters,\n {\n type: 'sql',\n condition: `${source.spanKindExpression} IN ('Client', 'Producer', 'SPAN_KIND_CLIENT', 'SPAN_KIND_PRODUCER')`,\n },\n ],\n where: '',\n },\n metadata,\n source.querySettings,\n ),\n ]);\n\n // Left join to support services which receive requests from clients that are not instrumented.\n // Ordering helps ensure stable graph layout.\n return chSql`\n WITH \n ServerSpans AS (${serverCTE}),\n ClientSpans AS (${clientCTE})\n SELECT\n ServerSpans.serviceName AS serverServiceName,\n ServerSpans.statusCode AS serverStatusCode,\n ClientSpans.serviceName AS clientServiceName,\n count(*) * ${{ Int64: effectiveSamplingLevel }} as requestCount\n FROM ServerSpans\n LEFT JOIN ClientSpans\n ON ServerSpans.traceId = ClientSpans.traceId\n AND ServerSpans.parentSpanId = ClientSpans.spanId\n WHERE (ClientSpans.serviceName IS NULL OR ServerSpans.serviceName != ClientSpans.serviceName)\n GROUP BY serverServiceName, serverStatusCode, clientServiceName\n ORDER BY serverServiceName, serverStatusCode, clientServiceName\n `;\n}\n\ntype IncomingRequestStats = {\n totalRequests: number;\n requestCountByStatus: Map;\n errorPercentage: number;\n};\n\nexport type ServiceAggregation = {\n serviceName: string;\n incomingRequests: IncomingRequestStats;\n incomingRequestsByClient: Map;\n};\n\nexport function aggregateServiceMapData(data: SpanAggregationRow[]) {\n // Aggregate data by service\n const services = new Map();\n for (const row of data) {\n const {\n serverServiceName,\n serverStatusCode,\n clientServiceName,\n requestCount,\n } = row;\n\n if (!services.has(serverServiceName)) {\n services.set(serverServiceName, {\n serviceName: serverServiceName,\n incomingRequests: {\n totalRequests: 0,\n requestCountByStatus: new Map(),\n errorPercentage: 0,\n },\n incomingRequestsByClient: new Map(),\n });\n }\n\n const service = services.get(serverServiceName)!;\n\n // Add to total incoming request count\n service.incomingRequests.totalRequests += requestCount;\n\n // Add to request count per status\n const currentStatusCount =\n service.incomingRequests.requestCountByStatus.get(serverStatusCode) || 0;\n service.incomingRequests.requestCountByStatus.set(\n serverStatusCode,\n currentStatusCount + requestCount,\n );\n\n // Add to request count per client per status\n if (clientServiceName) {\n if (!service.incomingRequestsByClient.has(clientServiceName)) {\n service.incomingRequestsByClient.set(clientServiceName, {\n totalRequests: 0,\n requestCountByStatus: new Map(),\n errorPercentage: 0,\n });\n }\n\n const perClientStats =\n service.incomingRequestsByClient.get(clientServiceName)!;\n perClientStats.totalRequests += requestCount;\n\n const currentClientStatusCount =\n perClientStats.requestCountByStatus.get(serverStatusCode) || 0;\n perClientStats.requestCountByStatus.set(\n serverStatusCode,\n currentClientStatusCount + requestCount,\n );\n\n if (!services.has(clientServiceName)) {\n services.set(clientServiceName, {\n serviceName: clientServiceName,\n incomingRequests: {\n totalRequests: 0,\n requestCountByStatus: new Map(),\n errorPercentage: 0,\n },\n incomingRequestsByClient: new Map(),\n });\n }\n }\n }\n\n // Calculate error percentages for all services and their client stats\n for (const service of services.values()) {\n // Calculate error percentage for total incoming requests\n const errorCount =\n service.incomingRequests.requestCountByStatus.get('Error') || 0;\n service.incomingRequests.errorPercentage =\n service.incomingRequests.totalRequests > 0\n ? (errorCount / service.incomingRequests.totalRequests) * 100\n : 0;\n\n // Calculate error percentage for each client\n for (const clientStats of service.incomingRequestsByClient.values()) {\n const clientErrorCount =\n clientStats.requestCountByStatus.get('Error') || 0;\n clientStats.errorPercentage =\n clientStats.totalRequests > 0\n ? (clientErrorCount / clientStats.totalRequests) * 100\n : 0;\n }\n }\n\n return services;\n}\n\nexport default function useServiceMap({\n source,\n dateRange,\n traceId,\n samplingFactor,\n}: {\n source: TTraceSource;\n dateRange: [Date, Date];\n traceId?: string;\n samplingFactor: number;\n}) {\n const client = useClickhouseClient();\n const metadata = useMetadataWithSettings();\n\n return useQuery({\n queryKey: ['serviceMapData', traceId, source, dateRange, samplingFactor],\n queryFn: async ({ signal }) => {\n const query = await getServiceMapQuery({\n source,\n dateRange,\n traceId,\n metadata,\n samplingFactor,\n });\n\n const data = await client\n .query({\n query: query.sql,\n query_params: query.params,\n connectionId: source.connection,\n format: 'JSON',\n abort_signal: signal,\n clickhouse_settings: {\n max_execution_time: 60,\n join_algorithm: 'auto',\n },\n })\n .then(res => res.json>())\n .then(data =>\n data.data.map((row: Record) => ({\n serverServiceName: row.serverServiceName,\n serverStatusCode: row.serverStatusCode,\n clientServiceName: row.clientServiceName,\n requestCount: Number.parseInt(row.requestCount),\n })),\n );\n\n return aggregateServiceMapData(data);\n },\n // Prevent refetching and updating the map layout\n staleTime: Infinity,\n refetchOnWindowFocus: false,\n retry: 1,\n });\n}\n" }, { "path": "packages/app/src/hooks/useSqlSuggestions.tsx", "content": "import { useMemo } from 'react';\n\n/// Interface for all suggestion engines\ninterface ISuggestionEngine {\n /// detect if a suggestion should be generated\n detect(input: string): boolean;\n /// message to display to user\n userMessage(key: string): string;\n /// return corrected text\n correct(input: string): string;\n}\n\n// Detects and corrects a double quote to a single quote\nclass DoubleQuoteSuggestion implements ISuggestionEngine {\n detect(input: string): boolean {\n let inSingleQuote = false;\n let escaped = false;\n for (const char of input) {\n if (char === \"'\") {\n if (escaped) {\n escaped = false;\n } else {\n inSingleQuote = !inSingleQuote;\n }\n } else if (char === '\"') {\n if (inSingleQuote) continue;\n return true;\n } else if (char === '\\\\') {\n escaped = true;\n }\n }\n return false;\n }\n\n userMessage(key: string): string {\n return `ClickHouse does not support double quotes (\") but they were detected in ${key.toUpperCase()}. Switch to single quotes?`;\n }\n\n correct(input: string): string {\n let inSingleQuote = false;\n let correctedText = '';\n let escaped = false;\n for (let i = 0; i < input.length; i++) {\n switch (input[i]) {\n case \"'\":\n if (escaped) {\n inSingleQuote = !inSingleQuote;\n } else {\n escaped = false;\n }\n correctedText += input[i];\n break;\n case '\"':\n correctedText += inSingleQuote ? '\"' : \"'\";\n break;\n case '\\\\':\n escaped = true;\n correctedText += input[i];\n break;\n default:\n correctedText += input[i];\n break;\n }\n }\n\n return correctedText;\n }\n}\n\n// Array of all suggestion engines. Expected to handle cases for select, where, and orderBy\nconst suggestionEngines = [new DoubleQuoteSuggestion()];\n\nexport type Suggestion = {\n userMessage: (field: string) => string;\n corrected: () => string;\n};\n\nexport function useSqlSuggestions({\n input,\n enabled,\n}: {\n input: string;\n enabled: boolean;\n}): Suggestion[] | null {\n return useMemo(() => {\n if (!enabled) {\n return null;\n }\n\n const suggestions: Suggestion[] = [];\n for (const se of suggestionEngines) {\n if (se.detect(input)) {\n suggestions.push({\n userMessage: field => se.userMessage(field),\n corrected: () => se.correct(input),\n });\n }\n }\n return suggestions.length > 0 ? suggestions : null;\n }, [input, enabled]);\n}\n" }, { "path": "packages/app/src/hooks/useStableCallback.ts", "content": "import { useCallback, useLayoutEffect, useRef } from 'react';\n\nexport const useStableCallback = any>(\n callback: T,\n) => {\n const callbackRef = useRef(callback);\n\n useLayoutEffect(() => {\n callbackRef.current = callback;\n });\n\n return useCallback(\n // eslint-disable-next-line react-hooks/use-memo, @typescript-eslint/no-unsafe-type-assertion\n ((...args: Parameters) => callbackRef.current(...args)) as T,\n [],\n );\n};\n" }, { "path": "packages/app/src/hooks/useTableSearch.ts", "content": "import { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDebouncedValue } from '@mantine/hooks';\n\ninterface UseTableSearchOptions {\n /**\n * The rows to search through\n */\n rows: Record[];\n /**\n * The columns to search in\n */\n searchableColumns: string[];\n /**\n * Debounce delay in milliseconds\n * @default 300\n */\n debounceMs?: number;\n /**\n * Called when search visibility changes\n */\n onVisibilityChange?: (visible: boolean) => void;\n}\n\ninterface UseTableSearchReturn {\n searchQuery: string;\n inputValue: string;\n setInputValue: (query: string) => void;\n matchIndices: number[];\n currentMatchIndex: number;\n isSearchVisible: boolean;\n setIsSearchVisible: (visible: boolean) => void;\n shouldScrollToMatch: boolean;\n clearShouldScrollToMatch: () => void;\n handlePreviousMatch: () => void;\n handleNextMatch: () => void;\n handleMatchClick: (index: number) => void;\n handleSearchChange: (value: string) => void;\n resetSearch: () => void;\n}\n\n/**\n * Custom hook to manage table search functionality with debouncing.\n * Handles search state, match tracking, and navigation between matches.\n */\nexport function useTableSearch({\n rows,\n searchableColumns,\n debounceMs = 300,\n onVisibilityChange,\n}: UseTableSearchOptions): UseTableSearchReturn {\n const [inputValue, setInputValue] = useState('');\n const [debouncedSearchQuery] = useDebouncedValue(inputValue, debounceMs);\n const [currentMatchIndex, setCurrentMatchIndex] = useState(0);\n const [matchIndices, setMatchIndices] = useState([]);\n const [isSearchVisible, setIsSearchVisible] = useState(false);\n const shouldScrollToMatchRef = useRef(false);\n\n // Search through all rows when debounced query changes\n useEffect(() => {\n if (!debouncedSearchQuery.trim()) {\n setMatchIndices([]);\n setCurrentMatchIndex(0);\n return;\n }\n\n const query = debouncedSearchQuery.toLowerCase();\n const foundMatches: number[] = [];\n\n rows.forEach((row, index) => {\n // Search through all searchable columns\n const rowText = searchableColumns\n .map(col => {\n const value = (row as Record)[col];\n return value != null ? String(value).toLowerCase() : '';\n })\n .join(' ');\n\n if (rowText.includes(query)) {\n foundMatches.push(index);\n }\n });\n\n const previousMatchCount = matchIndices.length;\n setMatchIndices(foundMatches);\n\n // Only reset to first match if this is a new search (not just loading more data)\n // If we had matches before and still have matches, try to stay on the same match\n if (previousMatchCount === 0 && foundMatches.length > 0) {\n setCurrentMatchIndex(0);\n shouldScrollToMatchRef.current = true;\n } else if (\n foundMatches.length > 0 &&\n currentMatchIndex >= foundMatches.length\n ) {\n // If current match is now out of bounds, go to last match\n setCurrentMatchIndex(foundMatches.length - 1);\n shouldScrollToMatchRef.current = true;\n }\n // Otherwise keep the current match index as is (loading more data shouldn't change position)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [debouncedSearchQuery, rows, searchableColumns]);\n\n // Handle visibility changes\n useEffect(() => {\n onVisibilityChange?.(isSearchVisible);\n }, [isSearchVisible, onVisibilityChange]);\n\n const handleSearchChange = useCallback((value: string) => {\n setInputValue(value);\n // Reset match state when query is cleared\n if (!value) {\n setMatchIndices([]);\n setCurrentMatchIndex(0);\n shouldScrollToMatchRef.current = false;\n }\n }, []);\n\n const handlePreviousMatch = useCallback(() => {\n shouldScrollToMatchRef.current = true;\n setCurrentMatchIndex(prev =>\n prev > 0 ? prev - 1 : matchIndices.length - 1,\n );\n }, [matchIndices.length]);\n\n const handleNextMatch = useCallback(() => {\n shouldScrollToMatchRef.current = true;\n setCurrentMatchIndex(prev =>\n prev < matchIndices.length - 1 ? prev + 1 : 0,\n );\n }, [matchIndices.length]);\n\n const handleMatchClick = useCallback((index: number) => {\n shouldScrollToMatchRef.current = true;\n setCurrentMatchIndex(index);\n }, []);\n\n const resetSearch = useCallback(() => {\n setInputValue('');\n setMatchIndices([]);\n setCurrentMatchIndex(0);\n shouldScrollToMatchRef.current = false;\n setIsSearchVisible(false);\n }, []);\n\n const clearShouldScrollToMatch = useCallback(() => {\n shouldScrollToMatchRef.current = false;\n }, []);\n\n return {\n searchQuery: debouncedSearchQuery,\n inputValue,\n setInputValue,\n matchIndices,\n currentMatchIndex,\n isSearchVisible,\n setIsSearchVisible,\n shouldScrollToMatch: shouldScrollToMatchRef.current,\n clearShouldScrollToMatch,\n handlePreviousMatch,\n handleNextMatch,\n handleMatchClick,\n handleSearchChange,\n resetSearch,\n };\n}\n" }, { "path": "packages/app/src/hooks/useVirtualList.tsx", "content": "'use client';\n\nimport { useCallback, useMemo, useRef } from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\n\n/**\n * A custom hook for virtualizing large lists to improve rendering performance.\n * Uses @tanstack/react-virtual under the hood to only render visible items.\n *\n * @param count - Total number of items in the list\n * @param estimate - Estimated height of each row in pixels\n * @param overscan - Number of items to render outside the visible area (default: 10)\n *\n * @returns An object containing:\n * - containerRef: Ref to attach to the scrollable container element\n * - rowVirtualizer: The virtualizer instance for advanced usage\n * - virtualItems: Array of currently visible items with their indices and sizes\n * - paddingTop: Top padding value to maintain scroll position\n * - paddingBottom: Bottom padding value to maintain scroll position\n *\n * @example\n * ```tsx\n * const MyList = ({ items }) => {\n * const { containerRef, virtualItems, paddingTop, paddingBottom } = useVirtualList(\n * items.length,\n * 40, // 40px estimated row height\n * 10 // render 10 items outside viewport\n * );\n *\n * return (\n *
\n * {paddingTop > 0 &&
}\n * {virtualItems.map(virtualRow => (\n *
\n * {items[virtualRow.index].name}\n *
\n * ))}\n * {paddingBottom > 0 &&
}\n *
\n * );\n * };\n * ```\n */\nexport const useVirtualList = (\n count: number,\n estimate: number,\n overscan: number = 10,\n) => {\n const containerRef = useRef(null);\n const rowVirtualizer = useVirtualizer({\n count,\n getScrollElement: () => containerRef.current,\n estimateSize: useCallback(() => estimate, [estimate]),\n overscan,\n });\n\n const virtualItems = rowVirtualizer.getVirtualItems();\n const totalSize = rowVirtualizer.getTotalSize();\n\n const [paddingTop, paddingBottom] = useMemo(\n () =>\n virtualItems.length > 0\n ? [\n Math.max(\n 0,\n virtualItems[0].start - rowVirtualizer.options.scrollMargin,\n ),\n Math.max(0, totalSize - virtualItems[virtualItems.length - 1].end),\n ]\n : [0, 0],\n [virtualItems, rowVirtualizer.options.scrollMargin, totalSize],\n );\n\n return {\n containerRef,\n rowVirtualizer,\n virtualItems,\n paddingTop,\n paddingBottom,\n };\n};\n" }, { "path": "packages/app/src/hooks/useWaterfallSearchState.tsx", "content": "import { useCallback, useState } from 'react';\nimport { useQueryState } from 'nuqs';\n\nexport default function useWaterfallSearchState({\n hasLogSource,\n}: {\n hasLogSource?: boolean;\n}) {\n const [traceWhere, setTraceWhere] = useQueryState('traceWhere');\n const [logWhere, setLogWhere] = useQueryState('logWhere');\n\n const isFilterActive = !!traceWhere || !!(hasLogSource && logWhere);\n\n const [isFilterExpanded, setIsFilterExpanded] = useState(isFilterActive);\n\n const onSubmit = useCallback(\n (data: { traceWhere: string; logWhere: string }) => {\n setTraceWhere(data.traceWhere || null);\n setLogWhere(data.logWhere || null);\n },\n [setTraceWhere, setLogWhere],\n );\n\n const clear = useCallback(() => {\n setTraceWhere(null);\n setLogWhere(null);\n }, [setTraceWhere, setLogWhere]);\n\n return {\n traceWhere,\n logWhere,\n isFilterActive,\n isFilterExpanded,\n setIsFilterExpanded,\n onSubmit,\n clear,\n };\n}\n" }, { "path": "packages/app/src/instrumentation.ts", "content": "export async function register() {\n if (process.env.NEXT_RUNTIME === 'nodejs') {\n const { init } = await import('@hyperdx/node-opentelemetry');\n init({\n apiKey: process.env.HYPERDX_API_KEY,\n additionalInstrumentations: [], // optional, default: []\n });\n }\n}\n" }, { "path": "packages/app/src/layout.tsx", "content": "import React from 'react';\nimport Link from 'next/link';\nimport { Button, Center, Group, Text } from '@mantine/core';\nimport { IconX } from '@tabler/icons-react';\n\nimport AppNav from '@/components/AppNav';\nimport { IS_CLICKHOUSE_BUILD } from '@/config';\n\nimport { HDXSpotlightProvider } from './Spotlights';\nimport { useLocalStorage } from './utils';\n\n/**\n * Next.js layout for pages that use the AppNav component. Using the same layout\n * for all pages that use the AppNav component ensures that the AppNav state, such as\n * scroll position, input values, etc. is preserved when navigating between pages.\n *\n * https://nextjs.org/docs/pages/building-your-application/routing/pages-and-layouts\n *\n * @example SearchPage.getLayout = withAppNav;\n */\nfunction PageWrapper({ children }: { children: React.ReactNode }) {\n const [bannerState, setBannerState] = useLocalStorage(\n 'clickstack-banner-state',\n 'opened',\n );\n const [hasMounted, setHasMounted] = React.useState(false); // prevents banner flash\n React.useEffect(() => setHasMounted(true), []);\n const bannerIsActive =\n hasMounted && IS_CLICKHOUSE_BUILD && bannerState === 'opened';\n\n return (\n
\n {bannerIsActive && (\n \n
\n \n This is not recommended for production use and is lacking core\n ClickStack features such as alerts and saved searches. For a\n proper experience, visit the{' '}\n \n \n ClickStack Docs\n \n \n \n
\n setBannerState('closed')}\n variant=\"transparent\"\n color=\"var(--color-text-inverted)\"\n >\n {' '}\n \n \n )}\n
\n \n \n {children}\n
\n
\n
\n );\n}\n\nexport const withAppNav = (page: React.ReactNode): React.ReactNode => {\n return (\n \n {page}\n \n );\n};\n" }, { "path": "packages/app/src/localStore.ts", "content": "import store from 'store2';\nimport { hashCode } from '@hyperdx/common-utils/dist/core/utils';\nimport { SavedSearch, TSource } from '@hyperdx/common-utils/dist/types';\n\nimport { HDX_LOCAL_DEFAULT_SOURCES } from './config';\nimport { parseJSON } from './utils';\n\ntype EntityWithId = { id: string };\n\n/**\n * Generic localStorage CRUD store for local-mode entities.\n * Uses store2 for atomic transact operations and JSON serialization.\n */\nexport function createEntityStore(\n key: string,\n getDefaultItems?: () => T[],\n) {\n function getAll(): T[] {\n if (getDefaultItems != null && !store.has(key)) {\n return getDefaultItems();\n }\n return store.get(key, []);\n }\n\n return {\n getAll,\n\n create(item: Omit): T {\n const newItem = {\n ...item,\n id: Math.abs(hashCode(Math.random().toString())).toString(16),\n } as T;\n // Seed transact from defaults when the key is absent so that\n // env-var-seeded items are not silently dropped on the first write.\n const alt = !store.has(key) ? (getDefaultItems?.() ?? []) : [];\n store.transact(key, (prev: T[]) => [...(prev ?? []), newItem], alt);\n return newItem;\n },\n\n update(id: string, updates: Partial>): T {\n let updated: T | undefined;\n // Same rationale: seed transact from defaults when the key is absent so\n // that updates against env-var-provided items don't throw 'not found'.\n const alt = !store.has(key) ? (getDefaultItems?.() ?? []) : [];\n store.transact(\n key,\n (prev: T[]) =>\n (prev ?? []).map(item => {\n if (item.id === id) {\n updated = { ...item, ...updates, id };\n return updated;\n }\n return item;\n }),\n alt,\n );\n if (updated == null) {\n throw new Error(\n `Local store: entity with id \"${id}\" not found in \"${key}\"`,\n );\n }\n return updated;\n },\n\n delete(id: string): void {\n const alt = !store.has(key) ? (getDefaultItems?.() ?? []) : [];\n store.transact(\n key,\n (prev: T[]) => (prev ?? []).filter(item => item.id !== id),\n alt,\n );\n },\n\n /** Replace the entire collection atomically (used for single-item stores like connections). */\n set(items: T[]): void {\n store.set(key, items);\n },\n };\n}\n\n/**\n * Sources store with env-var default fallback.\n * Keeps the existing \"hdx-local-source\" key for backward compatibility.\n */\nexport const localSources = createEntityStore(\n 'hdx-local-source',\n () => {\n try {\n const defaults = parseJSON(HDX_LOCAL_DEFAULT_SOURCES ?? '');\n if (defaults != null) return defaults;\n } catch (e) {\n console.error('Error loading default sources', e);\n }\n return [];\n },\n);\n\n/** Saved searches store (alerts remain cloud-only; no alert fields persisted locally). */\nexport const localSavedSearches = createEntityStore(\n 'hdx-local-saved-searches',\n);\n" }, { "path": "packages/app/src/metadata.ts", "content": "import { getMetadata as _getMetadata } from '@hyperdx/common-utils/dist/core/metadata';\n\nimport { getClickhouseClient } from '@/clickhouse';\n\nimport { DEFAULT_QUERY_TIMEOUT } from './defaults';\n\n// TODO: Get rid of this function and convert to singleton\nexport const getMetadata = () =>\n _getMetadata(getClickhouseClient({ queryTimeout: DEFAULT_QUERY_TIMEOUT }));\n" }, { "path": "packages/app/src/mocks/handlers.ts", "content": "import { http, HttpResponse } from 'msw';\n\nconst API_URL = 'http://localhost:8000';\n\nexport const makeHandler = (path: string, response: any) => {\n return http.get(`${API_URL}${path}`, () => {\n return HttpResponse.json(response);\n });\n};\n\nexport const meHandler = makeHandler('/me', {\n name: 'Mister Test',\n team: {\n name: 'Test.io',\n },\n});\n" }, { "path": "packages/app/src/otelSemanticConventions.ts", "content": "/**\n * OpenTelemetry Semantic Conventions utilities\n * Handles transformations between different versions of OTel semantic conventions\n */\nimport SqlString from 'sqlstring';\n\n/**\n * Mapping of old metric names to new metric names based on semantic convention version\n * The key is the old metric name for easy lookup\n */\nconst METRIC_NAME_MIGRATIONS: Record<\n string,\n {\n newName: string;\n versionThreshold: string;\n }\n> = {\n 'k8s.pod.cpu.utilization': {\n newName: 'k8s.pod.cpu.usage',\n versionThreshold: '0.125.0',\n },\n 'k8s.node.cpu.utilization': {\n newName: 'k8s.node.cpu.usage',\n versionThreshold: '0.125.0',\n },\n 'container.cpu.utilization': {\n newName: 'container.cpu.usage',\n versionThreshold: '0.125.0',\n },\n};\n\n/**\n * Generates SQL expression to coerce metric name to handle both old and new conventions\n * Matches metrics using either the old or new naming convention\n * @param metricName - The metric name to check for migrations (should be the old name)\n * @returns SQL expression if migration exists, undefined otherwise\n */\nexport function getMetricNameSql(metricName: string): string | undefined {\n const migration = METRIC_NAME_MIGRATIONS[metricName];\n\n if (!migration) {\n return undefined;\n }\n\n return SqlString.format('MetricName IN (?)', [\n [metricName, migration.newName],\n ]);\n}\n" }, { "path": "packages/app/src/savedSearch.ts", "content": "import { SavedSearch } from '@hyperdx/common-utils/dist/types';\nimport {\n useMutation,\n useQuery,\n useQueryClient,\n UseQueryOptions,\n} from '@tanstack/react-query';\n\nimport { hdxServer } from './api';\nimport { IS_LOCAL_MODE } from './config';\nimport { localSavedSearches } from './localStore';\nimport { SavedSearchWithEnhancedAlerts } from './types';\n\nasync function fetchSavedSearches(): Promise {\n if (IS_LOCAL_MODE) {\n // Locally stored saved searches never have alert data (alerts are cloud-only)\n return localSavedSearches.getAll() as SavedSearchWithEnhancedAlerts[];\n }\n return hdxServer('saved-search').json();\n}\n\nexport function useSavedSearches() {\n return useQuery({\n queryKey: ['saved-search'],\n queryFn: fetchSavedSearches,\n });\n}\n\nexport function useSavedSearch(\n { id }: { id: string },\n options: Omit<\n Partial>,\n 'select'\n > = {},\n) {\n return useQuery({\n queryKey: ['saved-search'],\n queryFn: fetchSavedSearches,\n select: data => data.find(s => s.id === id),\n ...options,\n });\n}\n\nexport function useCreateSavedSearch() {\n const queryClient = useQueryClient();\n\n return useMutation({\n mutationFn: (data: Omit) => {\n if (IS_LOCAL_MODE) {\n return Promise.resolve(\n localSavedSearches.create(data) as SavedSearchWithEnhancedAlerts,\n );\n }\n return hdxServer('saved-search', {\n method: 'POST',\n json: data,\n }).json();\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['saved-search'] });\n },\n });\n}\n\nexport function useUpdateSavedSearch() {\n const queryClient = useQueryClient();\n\n return useMutation({\n mutationFn: (data: Partial & { id: SavedSearch['id'] }) => {\n if (IS_LOCAL_MODE) {\n const { id, ...updates } = data;\n return Promise.resolve(\n localSavedSearches.update(\n id,\n updates,\n ) as SavedSearchWithEnhancedAlerts,\n );\n }\n return hdxServer(`saved-search/${data.id}`, {\n method: 'PATCH',\n json: data,\n }).json();\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['saved-search'] });\n },\n });\n}\n\nexport function useDeleteSavedSearch() {\n const queryClient = useQueryClient();\n\n return useMutation({\n mutationFn: (id: string) => {\n if (IS_LOCAL_MODE) {\n localSavedSearches.delete(id);\n return Promise.resolve();\n }\n return hdxServer(`saved-search/${id}`, { method: 'DELETE' }).json();\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['saved-search'] });\n },\n });\n}\n" }, { "path": "packages/app/src/searchFilters.tsx", "content": "import React from 'react';\nimport produce from 'immer';\nimport type { Filter } from '@hyperdx/common-utils/dist/types';\n\nimport { useLocalStorage } from './utils';\n\nexport const IS_ROOT_SPAN_COLUMN_NAME = 'isRootSpan';\n\nexport type FilterState = {\n [key: string]: {\n included: Set;\n excluded: Set;\n range?: { min: number; max: number }; // For BETWEEN conditions\n };\n};\n\nexport const filtersToQuery = (\n filters: FilterState,\n { stringifyKeys = false }: { stringifyKeys?: boolean } = {},\n): Filter[] => {\n return Object.entries(filters)\n .filter(\n ([_, values]) =>\n values.included.size > 0 ||\n values.excluded.size > 0 ||\n values.range != null,\n )\n .flatMap(([key, values]) => {\n const conditions = [];\n const actualKey = stringifyKeys ? `toString(${key})` : key;\n\n if (values.included.size > 0) {\n conditions.push({\n type: 'sql' as const,\n condition: `${actualKey} IN (${Array.from(values.included)\n .map(v => (typeof v === 'string' ? `'${v}'` : v))\n .join(', ')})`,\n });\n }\n if (values.excluded.size > 0) {\n conditions.push({\n type: 'sql' as const,\n condition: `${actualKey} NOT IN (${Array.from(values.excluded)\n .map(v => (typeof v === 'string' ? `'${v}'` : v))\n .join(', ')})`,\n });\n }\n if (values.range != null) {\n conditions.push({\n type: 'sql' as const,\n condition: `${actualKey} BETWEEN ${values.range.min} AND ${values.range.max}`,\n });\n }\n return conditions;\n });\n};\n\nexport const areFiltersEqual = (a: FilterState, b: FilterState) => {\n const aKeys = Object.keys(a);\n const bKeys = Object.keys(b);\n\n if (aKeys.length !== bKeys.length) {\n return false;\n }\n\n for (const key of aKeys) {\n if (!b[key]) return false;\n\n // Check included values\n if (a[key].included.size !== b[key].included.size) return false;\n for (const value of a[key].included) {\n if (!b[key].included.has(value)) return false;\n }\n\n // Check excluded values\n if (a[key].excluded.size !== b[key].excluded.size) return false;\n for (const value of a[key].excluded) {\n if (!b[key].excluded.has(value)) return false;\n }\n\n // Check range\n if (a[key].range?.min !== b[key].range?.min) return false;\n if (a[key].range?.max !== b[key].range?.max) return false;\n }\n\n return true;\n};\n\n// Helper function to parse a string value as boolean if possible, or otherwise\n// return as string with surrounding quotes removed.\nconst getBooleanOrUnquotedString = (value: string): string | boolean => {\n const trimmed = value.trim();\n\n if (['true', 'false'].includes(trimmed.toLowerCase())) {\n return trimmed.toLowerCase() === 'true';\n }\n\n // Remove surrounding quotes if present\n return trimmed.startsWith(\"'\") && trimmed.endsWith(\"'\")\n ? trimmed.slice(1, -1)\n : trimmed;\n};\n\n// Helper function to split on commas while respecting quoted strings and booleans\nfunction splitValuesOnComma(valuesStr: string): (string | boolean)[] {\n const values: (string | boolean)[] = [];\n let currentValue = '';\n let inString = false;\n\n for (let i = 0; i < valuesStr.length; i++) {\n const char = valuesStr[i];\n\n if (char === \"'\" && (i === 0 || valuesStr[i - 1] !== '\\\\')) {\n inString = !inString;\n currentValue += char;\n continue;\n }\n\n if (!inString && char === ',') {\n if (currentValue.trim()) {\n values.push(getBooleanOrUnquotedString(currentValue));\n }\n currentValue = '';\n continue;\n }\n\n currentValue += char;\n }\n\n // Add the last value\n if (currentValue.trim()) {\n values.push(getBooleanOrUnquotedString(currentValue));\n }\n\n return values;\n}\n\n// Helper function to extract simple IN/NOT IN clauses from a condition\n// This handles both simple conditions and compound conditions with AND\nfunction extractInClauses(condition: string): Array<{\n key: string;\n values: (string | boolean)[];\n isExclude: boolean;\n}> {\n const results: Array<{\n key: string;\n values: (string | boolean)[];\n isExclude: boolean;\n }> = [];\n\n // Split on ' AND ' while respecting quoted strings\n const parts: string[] = [];\n let currentPart = '';\n let inString = false;\n\n for (let i = 0; i < condition.length; i++) {\n const char = condition[i];\n\n if (char === \"'\" && (i === 0 || condition[i - 1] !== '\\\\')) {\n inString = !inString;\n currentPart += char;\n continue;\n }\n\n if (!inString && condition.slice(i, i + 5).toUpperCase() === ' AND ') {\n if (currentPart.trim()) {\n parts.push(currentPart.trim());\n }\n currentPart = '';\n i += 4; // Skip past ' AND '\n continue;\n }\n\n currentPart += char;\n }\n\n if (currentPart.trim()) {\n parts.push(currentPart.trim());\n }\n\n // Process each part to extract IN/NOT IN clauses\n for (const part of parts) {\n // Skip parts that contain OR (not supported) or comparison operators\n if (\n part.toUpperCase().includes(' OR ') ||\n part.includes('=') ||\n part.includes('<') ||\n part.includes('>')\n ) {\n continue;\n }\n\n const isExclude = part.includes('NOT IN');\n\n // Check if this is an IN clause\n if (part.includes(' IN ') || part.includes(' NOT IN ')) {\n const [key, values] = part.split(isExclude ? ' NOT IN ' : ' IN ');\n\n if (key && values) {\n const keyStr = key.trim();\n // Remove outer parentheses and split on commas while respecting quotes\n const trimmedValues = values.trim();\n const withoutParens =\n trimmedValues.startsWith('(') && trimmedValues.endsWith(')')\n ? trimmedValues.slice(1, -1)\n : trimmedValues;\n\n const valuesArray = splitValuesOnComma(withoutParens);\n\n results.push({\n key: keyStr,\n values: valuesArray,\n isExclude,\n });\n }\n }\n }\n\n return results;\n}\n\nexport const parseQuery = (\n q: Filter[],\n): {\n filters: FilterState;\n} => {\n const state = new Map<\n string,\n {\n included: Set;\n excluded: Set;\n range?: { min: number; max: number };\n }\n >();\n for (const filter of q) {\n if (filter.type !== 'sql') continue;\n\n // Check for BETWEEN condition\n if (filter.condition.includes(' BETWEEN ')) {\n const betweenMatch = filter.condition.match(\n /^(.+?)\\s+BETWEEN\\s+(.+?)\\s+AND\\s+(.+?)$/i,\n );\n if (betweenMatch) {\n const [, key, minVal, maxVal] = betweenMatch;\n const keyStr = key.trim();\n const min = parseFloat(minVal.trim());\n const max = parseFloat(maxVal.trim());\n\n if (!state.has(keyStr)) {\n state.set(keyStr, {\n included: new Set(),\n excluded: new Set(),\n range: { min, max },\n });\n } else {\n const existing = state.get(keyStr)!;\n existing.range = { min, max };\n }\n continue;\n }\n }\n\n // Extract all simple IN/NOT IN clauses from the condition\n // This handles both simple conditions and compound conditions with AND/OR\n const inClauses = extractInClauses(filter.condition);\n\n for (const clause of inClauses) {\n if (!state.has(clause.key)) {\n state.set(clause.key, { included: new Set(), excluded: new Set() });\n }\n const sets = state.get(clause.key)!;\n clause.values.forEach(v => {\n if (clause.isExclude) {\n sets.excluded.add(v);\n } else {\n sets.included.add(v);\n }\n });\n }\n }\n return { filters: Object.fromEntries(state) };\n};\n\nexport const useSearchPageFilterState = ({\n searchQuery = [],\n onFilterChange,\n}: {\n searchQuery?: Filter[];\n onFilterChange: (filters: Filter[]) => void;\n}) => {\n const parsedQuery = React.useMemo(() => {\n try {\n return parseQuery(searchQuery);\n } catch (e) {\n console.error(e);\n return { filters: {} };\n }\n }, [searchQuery]);\n\n const [filters, setFilters] = React.useState({});\n\n React.useEffect(() => {\n if (!areFiltersEqual(filters, parsedQuery.filters)) {\n setFilters(parsedQuery.filters);\n }\n // only react to changes in parsed query\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [parsedQuery.filters]);\n\n const updateFilterQuery = React.useCallback(\n (newFilters: FilterState) => {\n onFilterChange(filtersToQuery(newFilters));\n },\n [onFilterChange],\n );\n\n const setFilterValue = React.useCallback(\n (\n property: string,\n value: string | boolean,\n action?: 'only' | 'exclude' | 'include',\n ) => {\n setFilters(prevFilters => {\n const newFilters = produce(prevFilters, draft => {\n if (!draft[property]) {\n draft[property] = { included: new Set(), excluded: new Set() };\n }\n\n if (action === 'only') {\n draft[property] = {\n included: new Set([value]),\n excluded: new Set(),\n };\n return;\n }\n\n if (action === 'exclude') {\n // Remove from included if it was there\n draft[property].included.delete(value);\n // Toggle in excluded\n if (draft[property].excluded.has(value)) {\n draft[property].excluded.delete(value);\n } else {\n draft[property].excluded.add(value);\n }\n return;\n }\n\n // Regular toggle (include)\n draft[property].excluded.delete(value);\n if (draft[property].included.has(value)) {\n draft[property].included.delete(value);\n } else {\n draft[property].included.add(value);\n }\n });\n updateFilterQuery(newFilters);\n return newFilters;\n });\n },\n [updateFilterQuery],\n );\n\n const setFilterRange = React.useCallback(\n (property: string, range: { min: number; max: number }) => {\n setFilters(prevFilters => {\n const newFilters = produce(prevFilters, draft => {\n if (!draft[property]) {\n draft[property] = { included: new Set(), excluded: new Set() };\n }\n draft[property].range = range;\n });\n updateFilterQuery(newFilters);\n return newFilters;\n });\n },\n [updateFilterQuery],\n );\n\n const clearFilter = React.useCallback(\n (property: string) => {\n setFilters(prevFilters => {\n const newFilters = produce(prevFilters, draft => {\n delete draft[property];\n });\n updateFilterQuery(newFilters);\n return newFilters;\n });\n },\n [updateFilterQuery],\n );\n\n const clearAllFilters = React.useCallback(() => {\n setFilters(() => ({}));\n updateFilterQuery({});\n }, [updateFilterQuery]);\n\n return {\n filters,\n setFilters,\n setFilterValue,\n setFilterRange,\n clearFilter,\n clearAllFilters,\n };\n};\n\ntype PinnedFilters = {\n [key: string]: (string | boolean)[];\n};\n\nexport type FilterStateHook = ReturnType;\n\nfunction usePinnedFilterBySource(sourceId: string | null) {\n // Keep the original structure for backwards compatibility\n const [_pinnedFilters, _setPinnedFilters] = useLocalStorage<{\n [sourceId: string]: PinnedFilters;\n }>('hdx-pinned-search-filters', {});\n\n // Separate storage for pinned fields\n const [_pinnedFields, _setPinnedFields] = useLocalStorage<{\n [sourceId: string]: string[];\n }>('hdx-pinned-fields', {});\n\n const pinnedFilters = React.useMemo(\n () =>\n !sourceId || !_pinnedFilters[sourceId] ? {} : _pinnedFilters[sourceId],\n [_pinnedFilters, sourceId],\n );\n\n const pinnedFields = React.useMemo(\n () =>\n !sourceId || !_pinnedFields[sourceId] ? [] : _pinnedFields[sourceId],\n [_pinnedFields, sourceId],\n );\n\n const setPinnedFilters = React.useCallback<\n (val: PinnedFilters | ((pf: PinnedFilters) => PinnedFilters)) => void\n >(\n val => {\n if (!sourceId) return;\n _setPinnedFilters(prev =>\n produce(prev, draft => {\n draft[sourceId] =\n val instanceof Function ? val(draft[sourceId] ?? {}) : val;\n }),\n );\n },\n [sourceId, _setPinnedFilters],\n );\n\n const setPinnedFields = React.useCallback<\n (val: string[] | ((pf: string[]) => string[])) => void\n >(\n val => {\n if (!sourceId) return;\n _setPinnedFields(prev =>\n produce(prev, draft => {\n draft[sourceId] =\n val instanceof Function ? val(draft[sourceId] ?? []) : val;\n }),\n );\n },\n [sourceId, _setPinnedFields],\n );\n\n return { pinnedFilters, setPinnedFilters, pinnedFields, setPinnedFields };\n}\n\nexport function usePinnedFilters(sourceId: string | null) {\n const { pinnedFilters, setPinnedFilters, pinnedFields, setPinnedFields } =\n usePinnedFilterBySource(sourceId);\n\n const toggleFilterPin = React.useCallback(\n (property: string, value: string | boolean) => {\n setPinnedFilters(prevFilters =>\n produce(prevFilters, draft => {\n if (!draft[property]) {\n draft[property] = [];\n }\n const idx = draft[property].findIndex(v => v === value);\n if (idx >= 0) {\n draft[property].splice(idx, 1);\n } else {\n draft[property].push(value);\n }\n return draft;\n }),\n );\n\n // When pinning a value, also pin the field if not already pinned\n setPinnedFields(prevFields => {\n if (!prevFields.includes(property)) {\n return [...prevFields, property];\n }\n return prevFields;\n });\n },\n [setPinnedFilters, setPinnedFields],\n );\n\n const toggleFieldPin = React.useCallback(\n (field: string) => {\n setPinnedFields(prevFields => {\n const fieldIndex = prevFields.findIndex(f => f === field);\n if (fieldIndex >= 0) {\n return prevFields.filter((_, i) => i !== fieldIndex);\n } else {\n return [...prevFields, field];\n }\n });\n },\n [setPinnedFields],\n );\n\n const isFilterPinned = React.useCallback(\n (property: string, value: string | boolean): boolean => {\n return (\n pinnedFilters[property] &&\n pinnedFilters[property].some(v => v === value)\n );\n },\n [pinnedFilters],\n );\n\n const isFieldPinned = React.useCallback(\n (field: string): boolean => {\n return pinnedFields.includes(field);\n },\n [pinnedFields],\n );\n\n const getPinnedFields = React.useCallback((): string[] => {\n return pinnedFields;\n }, [pinnedFields]);\n\n return {\n toggleFilterPin,\n toggleFieldPin,\n isFilterPinned,\n isFieldPinned,\n getPinnedFields,\n pinnedFilters,\n };\n}\n" }, { "path": "packages/app/src/serviceDashboard.ts", "content": "import { useMemo } from 'react';\nimport { ColumnMeta } from '@hyperdx/common-utils/dist/clickhouse';\nimport { tcFromSource } from '@hyperdx/common-utils/dist/core/metadata';\nimport { SourceKind, TTraceSource } from '@hyperdx/common-utils/dist/types';\n\nimport { useColumns, useJsonColumns } from './hooks/useMetadata';\n\nconst COALESCE_FIELDS_LIMIT = 100;\n\n// Helper function to format field access based on column type\nfunction formatFieldAccess(\n field: string,\n key: string,\n isJsonColumn: boolean,\n): string {\n return isJsonColumn ? `${field}.\\`${key}\\`` : `${field}['${key}']`;\n}\n\n/**\n * Creates a 'coalesced' SQL query that checks whether each given field exists\n * and returns the first non-empty value.\n *\n * The list of fields should be ordered from highest precedence to lowest.\n *\n * @param fields list of fields (in order) to coalesce\n * @param isJSONColumn whether the fields are JSON columns\n * @returns a SQL query string that coalesces the fields\n */\nexport function makeCoalescedFieldsAccessQuery(\n fields: string[],\n isJSONColumn: boolean,\n): string {\n if (fields.length === 0) {\n throw new Error(\n 'Empty fields array passed while trying to build a coalesced field access query',\n );\n }\n\n if (fields.length > COALESCE_FIELDS_LIMIT) {\n throw new Error(\n `Too many fields (${fields.length}) passed while trying to build a coalesced field access query. Maximum allowed is ${COALESCE_FIELDS_LIMIT}`,\n );\n }\n\n if (fields.length === 1) {\n if (isJSONColumn) {\n return `if(toString(${fields[0]}) != '', toString(${fields[0]}), '')`;\n } else {\n return `nullif(${fields[0]}, '')`;\n }\n }\n\n if (isJSONColumn) {\n // For JSON columns, build nested if statements\n let query = '';\n for (let i = 0; i < fields.length; i++) {\n const field = fields[i];\n const isLast = i === fields.length - 1;\n\n query += `if(\ntoString(${field}) != '',\ntoString(${field}),`;\n\n if (isLast) {\n query += `''\\n`;\n } else {\n query += '\\n';\n }\n }\n\n // Close all the if statements\n for (let i = 0; i < fields.length; i++) {\n query += ')';\n }\n\n return `coalesce(\\n${query}\\n)`;\n } else {\n // For non-JSON columns, use nullif with coalesce\n const nullifExpressions = fields.map(field => `nullif(${field}, '')`);\n return `coalesce(${nullifExpressions.join(', ')})`;\n }\n}\n\nfunction getDefaults({\n spanAttributeField = 'SpanAttributes',\n isAttributeFieldJSON = false,\n}: {\n spanAttributeField?: string;\n isAttributeFieldJSON?: boolean;\n} = {}) {\n const dbStatement = makeCoalescedFieldsAccessQuery(\n [\n formatFieldAccess(\n spanAttributeField,\n 'db.query.text',\n isAttributeFieldJSON,\n ),\n formatFieldAccess(\n spanAttributeField,\n 'db.statement',\n isAttributeFieldJSON,\n ),\n ],\n isAttributeFieldJSON,\n );\n\n return {\n duration: 'Duration',\n durationPrecision: 9,\n traceId: 'TraceId',\n service: 'ServiceName',\n spanName: 'SpanName',\n spanKind: 'SpanKind',\n severityText: 'StatusCode',\n k8sResourceName: formatFieldAccess(\n spanAttributeField,\n 'k8s.resource.name',\n isAttributeFieldJSON,\n ),\n k8sPodName: formatFieldAccess(\n spanAttributeField,\n 'k8s.pod.name',\n isAttributeFieldJSON,\n ),\n serverAddress: formatFieldAccess(\n spanAttributeField,\n 'server.address',\n isAttributeFieldJSON,\n ),\n httpHost: formatFieldAccess(\n spanAttributeField,\n 'http.host',\n isAttributeFieldJSON,\n ),\n dbStatement,\n };\n}\n\nconst ENDPOINT_MATERIALIZED_COLUMN_NAME = 'endpoint';\n\nexport function getExpressions(\n source: TTraceSource,\n columns: ColumnMeta[],\n jsonColumns: string[],\n) {\n const spanAttributeField =\n source?.eventAttributesExpression || 'SpanAttributes';\n const isAttributeFieldJSON = jsonColumns.includes(spanAttributeField);\n const defaults = getDefaults({ spanAttributeField, isAttributeFieldJSON });\n\n const hasMaterializedEndpointColumn = !!columns.find(\n col => col.name === ENDPOINT_MATERIALIZED_COLUMN_NAME,\n );\n\n const fieldExpressions = {\n // General\n duration: source.durationExpression || defaults.duration,\n durationPrecision: source.durationPrecision || defaults.durationPrecision,\n traceId: source.traceIdExpression || defaults.traceId,\n service: source.serviceNameExpression || defaults.service,\n spanName: source.spanNameExpression || defaults.spanName,\n spanKind: source.spanKindExpression || defaults.spanKind,\n severityText: source.statusCodeExpression || defaults.severityText,\n\n // HTTP\n httpHost: defaults.httpHost,\n serverAddress: defaults.serverAddress,\n\n // Kubernetes\n k8sResourceName: defaults.k8sResourceName,\n k8sPodName: defaults.k8sPodName,\n\n // Database\n dbStatement: defaults.dbStatement,\n };\n\n const auxExpressions = {\n endpoint: hasMaterializedEndpointColumn\n ? ENDPOINT_MATERIALIZED_COLUMN_NAME\n : fieldExpressions.spanName,\n /** An expression for reading the Span duration in milliseconds. Using this will prevent the use of aggregating materialized views which aggregate `Duration` instead of `Duration/1e6` */\n durationInMillis: `${fieldExpressions.duration}/1e${fieldExpressions.durationPrecision - 3}`,\n /** The divisor used to convert the Span duration to milliseconds */\n durationDivisorForMillis: `1e${fieldExpressions.durationPrecision - 3}`,\n };\n\n const filterExpressions = {\n isEndpointNonEmpty: `NOT empty(${auxExpressions.endpoint})`,\n isError: `lower(${fieldExpressions.severityText}) = 'error'`,\n isSpanKindServer: `${fieldExpressions.spanKind} IN ('Server', 'SPAN_KIND_SERVER')`,\n isDbSpan: `${fieldExpressions.dbStatement} <> ''`,\n };\n\n return {\n ...fieldExpressions,\n ...filterExpressions,\n ...auxExpressions,\n };\n}\n\nexport function useServiceDashboardExpressions({\n source,\n}: {\n source: TTraceSource | undefined;\n}) {\n const tableConnection = useMemo(() => tcFromSource(source), [source]);\n\n const { data: jsonColumns, isLoading: isJsonColumnsLoading } =\n useJsonColumns(tableConnection);\n const { data: columns = [], isLoading: isColumnsLoading } =\n useColumns(tableConnection);\n\n const isLoading = !source || isJsonColumnsLoading || isColumnsLoading;\n\n const expressions = useMemo(() => {\n if (isLoading || !jsonColumns || !columns) return undefined;\n if (source?.kind !== SourceKind.Trace) return undefined;\n\n return getExpressions(source, columns, jsonColumns);\n }, [source, columns, jsonColumns, isLoading]);\n\n return {\n expressions,\n isLoading,\n };\n}\n" }, { "path": "packages/app/src/sessions.ts", "content": "import { useCallback, useEffect, useRef, useState } from 'react';\nimport produce from 'immer';\nimport type { ResponseJSON } from '@hyperdx/common-utils/dist/clickhouse';\nimport { chSql } from '@hyperdx/common-utils/dist/clickhouse';\nimport { renderChartConfig } from '@hyperdx/common-utils/dist/core/renderChartConfig';\nimport {\n DateRange,\n SearchCondition,\n SearchConditionLanguage,\n TSessionSource,\n TTraceSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { useQuery, UseQueryOptions } from '@tanstack/react-query';\n\nimport { usePrevious } from '@/utils';\n\nimport useFieldExpressionGenerator, {\n FieldExpressionGenerator,\n} from './hooks/useFieldExpressionGenerator';\nimport { useMetadataWithSettings } from './hooks/useMetadata';\nimport { getClickhouseClient, useClickhouseClient } from './clickhouse';\nimport { SESSION_TABLE_EXPRESSIONS, useSource } from './source';\n\nexport type Session = {\n errorCount: string;\n interactionCount: string;\n maxTimestamp: string;\n minTimestamp: string;\n recordingCount: string;\n serviceName: string;\n sessionCount: string;\n sessionId: string;\n teamId: string;\n teamName: string;\n userEmail: string;\n userName: string;\n};\n\nexport function useSessions(\n {\n traceSource,\n sessionSource,\n dateRange,\n where,\n whereLanguage,\n }: {\n traceSource?: TTraceSource;\n sessionSource?: TSessionSource;\n dateRange: DateRange['dateRange'];\n where?: SearchCondition;\n whereLanguage?: SearchConditionLanguage;\n },\n options?: Omit, 'queryKey'>,\n) {\n const { enabled = true } = options || {};\n\n const {\n getFieldExpression: getTraceSourceFieldExpression,\n isLoading: isLoadingFieldExpressionGenerator,\n } = useFieldExpressionGenerator(traceSource);\n\n const {\n getFieldExpression: getSessionsSourceFieldExpression,\n isLoading: isLoadingSessionsExpressionGenerator,\n } = useFieldExpressionGenerator(sessionSource);\n\n const FIXED_SDK_ATTRIBUTES = ['teamId', 'teamName', 'userEmail', 'userName'];\n const SESSIONS_CTE_NAME = 'sessions';\n const clickhouseClient = useClickhouseClient();\n const metadata = useMetadataWithSettings();\n return useQuery, Error>({\n queryKey: [\n 'sessions',\n traceSource?.id,\n sessionSource?.id,\n dateRange,\n where,\n whereLanguage,\n ],\n queryFn: async () => {\n if (\n !traceSource ||\n !sessionSource ||\n !getTraceSourceFieldExpression ||\n !getSessionsSourceFieldExpression\n ) {\n return [];\n }\n\n const traceSessionIdExpression = getTraceSourceFieldExpression(\n traceSource.resourceAttributesExpression ?? 'ResourceAttributes',\n 'rum.sessionId',\n );\n\n const [\n sessionsQuery,\n sessionIdsWithRecordingsQuery,\n sessionIdsWithUserActivityQuery,\n ] = await Promise.all([\n renderChartConfig(\n {\n select: [\n {\n valueExpression: `${traceSource.serviceNameExpression}`,\n alias: 'serviceName',\n },\n {\n valueExpression: traceSessionIdExpression,\n alias: 'sessionId',\n },\n // TODO: can't use aggFn max/min here for string value field\n {\n alias: 'maxTimestamp',\n valueExpression: `MAX(${traceSource.timestampValueExpression})`,\n },\n {\n alias: 'minTimestamp',\n valueExpression: `MIN(${traceSource.timestampValueExpression})`,\n },\n {\n aggFn: 'count',\n alias: 'sessionCount',\n valueExpression: '*',\n },\n {\n aggFn: 'count',\n aggConditionLanguage: 'lucene',\n aggCondition: `${traceSource.eventAttributesExpression}.component:\"user-interaction\"`,\n valueExpression: '',\n alias: 'interactionCount',\n },\n {\n aggFn: 'count',\n aggConditionLanguage: 'lucene',\n aggCondition: `${traceSource.statusCodeExpression}:error`,\n valueExpression: '',\n alias: 'errorCount',\n },\n {\n aggFn: 'count',\n aggConditionLanguage: 'lucene',\n aggCondition: `${traceSource.spanNameExpression}:\"record init\"`,\n valueExpression: '',\n alias: 'recordingCount',\n },\n ...FIXED_SDK_ATTRIBUTES.map(attr => ({\n valueExpression: `MAX(${getTraceSourceFieldExpression(traceSource.eventAttributesExpression ?? 'SpanAttributes', attr)})`,\n alias: attr,\n })),\n ],\n from: traceSource.from,\n dateRange,\n where: `${traceSource.resourceAttributesExpression}.rum.sessionId:*`,\n whereLanguage: 'lucene',\n ...(where && {\n filters: [\n {\n type: whereLanguage ?? 'lucene',\n condition: where,\n },\n ],\n }),\n timestampValueExpression: traceSource.timestampValueExpression,\n implicitColumnExpression: traceSource.implicitColumnExpression,\n connection: traceSource.connection,\n groupBy: 'serviceName, sessionId',\n },\n metadata,\n traceSource.querySettings,\n ),\n renderChartConfig(\n {\n select: [\n {\n valueExpression: `DISTINCT ${getSessionsSourceFieldExpression(\n sessionSource.resourceAttributesExpression ??\n 'ResourceAttributes',\n 'rum.sessionId',\n )}`,\n alias: 'sessionId',\n },\n ],\n from: sessionSource.from,\n dateRange,\n where: `${getSessionsSourceFieldExpression(\n sessionSource.resourceAttributesExpression ??\n 'ResourceAttributes',\n 'rum.sessionId',\n )} IN (SELECT sessions.sessionId FROM ${SESSIONS_CTE_NAME})`,\n whereLanguage: 'sql',\n timestampValueExpression: sessionSource.timestampValueExpression,\n implicitColumnExpression: undefined,\n connection: sessionSource.connection,\n },\n metadata,\n sessionSource.querySettings,\n ),\n renderChartConfig(\n {\n select: [\n {\n valueExpression: `DISTINCT ${getTraceSourceFieldExpression(traceSource.resourceAttributesExpression ?? 'ResourceAttributes', 'rum.sessionId')}`,\n alias: 'sessionId',\n },\n ],\n from: traceSource.from,\n dateRange,\n where: `(${traceSource.spanNameExpression}='record init' OR ${traceSource.spanNameExpression}='visibility') AND (${getTraceSourceFieldExpression(traceSource.resourceAttributesExpression ?? 'ResourceAttributes', 'rum.sessionId')} IN (SELECT sessions.sessionId FROM ${SESSIONS_CTE_NAME}))`,\n whereLanguage: 'sql',\n timestampValueExpression: traceSource.timestampValueExpression,\n implicitColumnExpression: traceSource.implicitColumnExpression,\n connection: traceSource?.connection,\n },\n metadata,\n traceSource.querySettings,\n ),\n ]);\n\n const sessionsCTE = chSql`\n WITH _${SESSIONS_CTE_NAME} AS (${sessionsQuery}),\n ${SESSIONS_CTE_NAME} AS (\n SELECT * \n FROM _${SESSIONS_CTE_NAME}\n ${\n // If the user is giving us an explicit query, we don't need to filter out sessions with no interactions\n // this is because the events that match the query might not be user interactions, and we'll just show 0 results otherwise.\n where ? '' : 'HAVING interactionCount > 0 OR recordingCount > 0'\n }\n ORDER BY maxTimestamp DESC\n LIMIT 500\n )\n `;\n\n const finalQuery =\n where && where.length > 0\n ? chSql`\n ${sessionsCTE},\n sessionIdsWithRecordings AS (${sessionIdsWithRecordingsQuery}),\n sessionIdsWithUserActivity AS (${sessionIdsWithUserActivityQuery})\n SELECT *\n FROM ${SESSIONS_CTE_NAME}\n WHERE ${SESSIONS_CTE_NAME}.sessionId IN (\n SELECT sessionIdsWithRecordings.sessionId FROM sessionIdsWithRecordings\n ) OR ${SESSIONS_CTE_NAME}.sessionId IN (\n SELECT sessionIdsWithUserActivity.sessionId FROM sessionIdsWithUserActivity\n )\n `\n : chSql`\n ${sessionsCTE}\n SELECT *\n FROM ${SESSIONS_CTE_NAME}\n `;\n\n const json = await clickhouseClient\n .query({\n query: finalQuery.sql,\n query_params: finalQuery.params,\n connectionId: traceSource?.connection,\n })\n .then(res => res.json());\n\n return json;\n },\n staleTime: 1000 * 60 * 5, // Cache every 5 min\n ...options,\n enabled:\n !!enabled &&\n !isLoadingFieldExpressionGenerator &&\n !isLoadingSessionsExpressionGenerator,\n });\n}\n\n// TODO: TO BE DEPRECATED\n// we want to use clickhouse-proxy instead\nclass TimeoutError extends Error {}\n\nasync function* streamToAsyncIterator(\n stream: ReadableStream,\n): AsyncIterableIterator {\n const reader = stream.getReader();\n try {\n while (true) {\n const { done, value } = await reader.read();\n if (done) return;\n yield value;\n }\n } finally {\n reader.releaseLock();\n }\n}\n\n// OPTIMIZATION STRATEGY\n//\n// 1. Write a clickhouse query to divide a session into different chunks, where each chunk has a start time. Maybe each chunk contains 100 events.\n// 2. When slider advances, use the timestamp to determine which chunk you are in\n// 3. Fetch data associated with that chunk\n// 4. Probably do some prefetching for future times\nexport function useRRWebEventStream(\n {\n serviceName,\n sessionId,\n sourceId,\n startDate,\n endDate,\n limit = 100,\n onEvent,\n onEnd,\n resultsKey,\n getSessionSourceFieldExpression,\n }: {\n serviceName: string;\n sessionId: string;\n sourceId: string;\n startDate: Date;\n endDate: Date;\n limit?: number;\n onEvent?: (event: any) => void;\n onEnd?: (error?: any) => void;\n resultsKey?: string;\n getSessionSourceFieldExpression: FieldExpressionGenerator;\n },\n options?: {\n keepPreviousData?: boolean;\n shouldAbortPendingRequest?: boolean;\n },\n) {\n const keepPreviousData = options?.keepPreviousData ?? false;\n const shouldAbortPendingRequest = options?.shouldAbortPendingRequest ?? true;\n const metadata = useMetadataWithSettings();\n\n const [results, setResults] = useState<{ key: string; data: any[] }>({\n key: '',\n data: [],\n });\n const [isFetching, setIsFetching] = useState(true);\n const [hasNextPage, setHasNextPage] = useState(true);\n\n const lastAbortController = useRef(null);\n const [fetchStatus, setFetchStatus] = useState<'fetching' | 'idle'>('idle');\n const lastFetchStatusRef = useRef<'fetching' | 'idle' | undefined>(undefined);\n\n const { data: source } = useSource({ id: sourceId });\n\n const fetchResults = useCallback(\n async ({\n pageParam = 0,\n limit: limitOverride,\n }: {\n pageParam: number;\n limit?: number;\n }) => {\n if (!source) return;\n const resBuffer: any[] = [];\n let linesFetched = 0;\n\n const startTime = startDate.getTime().toString();\n const endTime = endDate.getTime().toString();\n const queryLimit = (limitOverride ?? limit).toString();\n const offset = pageParam.toString();\n\n const ctrl = new AbortController();\n lastAbortController.current = ctrl;\n\n setIsFetching(true);\n setFetchStatus('fetching');\n lastFetchStatusRef.current = 'fetching';\n\n const MAX_LIMIT = 1e6;\n\n const query = await renderChartConfig(\n {\n // FIXME: add mappings to session source\n select: [\n {\n valueExpression:\n SESSION_TABLE_EXPRESSIONS.implicitColumnExpression,\n alias: 'b',\n },\n {\n valueExpression: `simpleJSONExtractInt(${SESSION_TABLE_EXPRESSIONS.implicitColumnExpression}, 'type')`,\n alias: 't',\n },\n {\n valueExpression: `${getSessionSourceFieldExpression(SESSION_TABLE_EXPRESSIONS.eventAttributesExpression, 'rr-web.chunk')}`,\n alias: 'ck',\n },\n {\n valueExpression: `${getSessionSourceFieldExpression(SESSION_TABLE_EXPRESSIONS.eventAttributesExpression, 'rr-web.total-chunks')}`,\n alias: 'tcks',\n },\n ],\n dateRange: [\n new Date(parseInt(startTime)),\n new Date(parseInt(endTime)),\n ],\n from: source.from,\n whereLanguage: 'lucene',\n where: `ServiceName:\"${serviceName}\" AND ${SESSION_TABLE_EXPRESSIONS.resourceAttributesExpression}.rum.sessionId:\"${sessionId}\"`,\n timestampValueExpression: source.timestampValueExpression,\n implicitColumnExpression:\n SESSION_TABLE_EXPRESSIONS.implicitColumnExpression,\n connection: source.connection,\n orderBy: `${source.timestampValueExpression} ASC`,\n limit: {\n limit: Math.min(MAX_LIMIT, parseInt(queryLimit)),\n offset: parseInt(offset),\n },\n },\n metadata,\n source.querySettings,\n );\n\n const format = 'JSONEachRow';\n const fetchPromise = (async () => {\n const clickhouseClient = getClickhouseClient();\n const resultSet = await clickhouseClient.query({\n query: query.sql,\n query_params: query.params,\n format,\n connectionId: source.connection,\n });\n\n let forFunc: (data: any) => void;\n if (onEvent) {\n forFunc = onEvent;\n } else if (keepPreviousData) {\n forFunc = (data: any) => resBuffer.push(data);\n } else {\n forFunc = (data: any) =>\n setResults(prevResults =>\n produce(prevResults, draft => {\n draft.key = resultsKey ?? draft.key ?? 'DEFAULT_KEY';\n draft.data.push(data);\n }),\n );\n }\n const stream = resultSet.stream();\n for await (const chunk of streamToAsyncIterator(stream)) {\n for (const row of chunk) {\n try {\n const parsed = row.json();\n linesFetched++;\n forFunc(parsed);\n } catch {\n // do noting\n }\n }\n }\n\n onEnd?.();\n\n if (keepPreviousData) {\n setResults({\n key: resultsKey ?? 'DEFAULT_KEY',\n data: resBuffer,\n });\n }\n\n if (linesFetched === 0 || linesFetched < limit) {\n setHasNextPage(false);\n }\n })();\n\n try {\n await Promise.race([\n fetchPromise,\n new Promise((_, reject) => {\n setTimeout(() => {\n reject(new TimeoutError('Timeout'));\n }, 180 * 1000);\n }),\n ]);\n } catch (e) {\n if (e instanceof TimeoutError) {\n setIsFetching(false);\n setFetchStatus('idle');\n lastFetchStatusRef.current = 'idle';\n ctrl.abort();\n console.warn('Closing event source due to timeout');\n onEnd?.(new TimeoutError());\n } else {\n console.error(e);\n }\n }\n\n ctrl.abort();\n setIsFetching(false);\n setFetchStatus('idle');\n lastFetchStatusRef.current = 'idle';\n },\n [\n source,\n serviceName,\n sessionId,\n startDate,\n endDate,\n limit,\n keepPreviousData,\n setResults,\n onEvent,\n onEnd,\n resultsKey,\n metadata,\n getSessionSourceFieldExpression,\n ],\n );\n\n const queryKey = [sessionId, startDate, endDate, limit].join('||');\n const prevQueryKey = usePrevious(queryKey);\n\n useEffect(() => {\n // Only attempt fetching on new query keys\n if (prevQueryKey != queryKey) {\n if (\n lastFetchStatusRef.current !== 'fetching' ||\n shouldAbortPendingRequest\n ) {\n // Abort previous pending request\n if (\n shouldAbortPendingRequest &&\n lastFetchStatusRef.current === 'fetching'\n ) {\n lastAbortController.current?.abort();\n }\n\n // Clean up previous results if we shouldn't keep them\n if (!keepPreviousData) {\n setResults({ key: '', data: [] });\n }\n\n setHasNextPage(true);\n fetchResults({ pageParam: 0 });\n }\n }\n }, [\n prevQueryKey,\n queryKey,\n shouldAbortPendingRequest,\n fetchResults,\n keepPreviousData,\n ]);\n\n const fetchNextPage = useCallback(\n (params?: { limit?: number; cb?: VoidFunction }) => {\n // Make sure we don't try to fetch again when we're already fetching\n // Make sure lastFetchStatusRef is not null, as that means we haven't done an initial fetch yet\n if (\n hasNextPage &&\n lastFetchStatusRef.current === 'idle' &&\n results.data.length > 0 // make sure we at least fetched initially\n ) {\n fetchResults({\n pageParam: results.data.length,\n limit: params?.limit,\n }).then(() => {\n params?.cb?.();\n });\n }\n },\n [fetchResults, results.data.length, hasNextPage],\n );\n\n const abort = useCallback(() => {\n lastAbortController.current?.abort();\n }, []);\n\n return {\n hasNextPage,\n isFetching,\n results: results.data,\n resultsKey: results.key,\n fetchNextPage,\n abort,\n };\n}\n" }, { "path": "packages/app/src/setupTests.tsx", "content": "import React from 'react';\n/* Polyfills for browser APIs in Node.js test environment */\nimport { TextDecoder, TextEncoder } from 'util';\nimport { MantineProvider } from '@mantine/core';\nimport { Notifications } from '@mantine/notifications';\nimport { render } from '@testing-library/react';\nimport structuredClone from '@ungap/structured-clone';\n\nimport '@testing-library/jest-dom';\nglobal.TextEncoder = TextEncoder as any;\nglobal.TextDecoder = TextDecoder as any;\n\n/* Mocks for mantine */\nclass ResizeObserver {\n observe() {}\n unobserve() {}\n disconnect() {}\n}\nwindow.ResizeObserver = ResizeObserver;\nObject.defineProperty(window, 'matchMedia', {\n value: () => ({\n matches: false,\n addListener: () => {},\n removeListener: () => {},\n addEventListener: () => {},\n removeEventListener: () => {},\n }),\n});\n\nglobal.renderWithMantine = (ui: React.ReactElement) => {\n return render(\n \n \n {ui}\n ,\n );\n};\n\nif (!globalThis.structuredClone) {\n // @ts-expect-error this is a correct polyfill\n globalThis.structuredClone = structuredClone;\n}\n\ndeclare global {\n function renderWithMantine(ui: React.ReactElement): ReturnType;\n}\n" }, { "path": "packages/app/src/source.ts", "content": "import React from 'react';\nimport pick from 'lodash/pick';\nimport objectHash from 'object-hash';\nimport {\n ColumnMeta,\n extractColumnReferencesFromKey,\n filterColumnMetaByType,\n JSDataType,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport { Metadata } from '@hyperdx/common-utils/dist/core/metadata';\nimport { splitAndTrimWithBracket } from '@hyperdx/common-utils/dist/core/utils';\nimport {\n MetricsDataType,\n SourceKind,\n SourceSchema,\n TLogSource,\n TMetricSource,\n TSessionSource,\n TSource,\n TSourceNoId,\n TTraceSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { notifications } from '@mantine/notifications';\nimport {\n useMutation,\n useQuery,\n useQueryClient,\n UseQueryResult,\n} from '@tanstack/react-query';\n\nimport { hdxServer } from '@/api';\nimport { IS_LOCAL_MODE } from '@/config';\nimport { localSources } from '@/localStore';\n\n// Columns for the sessions table as of OTEL Collector v0.129.1\nexport const SESSION_TABLE_EXPRESSIONS = {\n resourceAttributesExpression: 'ResourceAttributes',\n eventAttributesExpression: 'LogAttributes',\n timestampValueExpression: 'TimestampTime',\n implicitColumnExpression: 'Body',\n} as const;\n\nexport const JSON_SESSION_TABLE_EXPRESSIONS = {\n ...SESSION_TABLE_EXPRESSIONS,\n timestampValueExpression: 'Timestamp',\n} as const;\n\n// If a user specifies a timestampValueExpression with multiple columns,\n// this will return the first one. We'll want to refine this over time\nexport function getFirstTimestampValueExpression(valueExpression: string) {\n return splitAndTrimWithBracket(valueExpression)[0];\n}\n\nexport function getSpanEventBody(eventModel: TTraceSource) {\n return eventModel.spanNameExpression;\n}\n\nexport function getDisplayedTimestampValueExpression(eventModel: TSource) {\n const displayed =\n eventModel.kind === SourceKind.Log || eventModel.kind === SourceKind.Trace\n ? eventModel.displayedTimestampValueExpression\n : undefined;\n return (\n displayed ??\n getFirstTimestampValueExpression(eventModel.timestampValueExpression)\n );\n}\n\nexport function getEventBody(eventModel: TSource) {\n let expression: string | undefined;\n if (eventModel.kind === SourceKind.Trace) {\n expression = eventModel.spanNameExpression ?? undefined;\n } else if (eventModel.kind === SourceKind.Log) {\n expression =\n eventModel.bodyExpression ?? eventModel.implicitColumnExpression;\n }\n const multiExpr = splitAndTrimWithBracket(expression ?? '');\n return multiExpr.length === 1 ? expression : multiExpr[0];\n}\n\n// This function is for supporting legacy sources, which did not require this field.\n// Will be defaulted to `TimestampTime` when queried, if undefined.\nfunction addDefaultsToSource(source: TSource): TSource {\n if (source.kind === SourceKind.Session) {\n return {\n ...source,\n timestampValueExpression:\n source.timestampValueExpression ||\n SESSION_TABLE_EXPRESSIONS.timestampValueExpression,\n };\n }\n return source;\n}\n\nexport function useSources() {\n return useQuery({\n queryKey: ['sources'],\n queryFn: async () => {\n if (IS_LOCAL_MODE) {\n return localSources.getAll();\n }\n const rawSources = await hdxServer('sources').json();\n const sources = rawSources.map(addDefaultsToSource);\n\n sources.forEach(source => {\n const result = SourceSchema.safeParse(source);\n if (!result.success) {\n const fields = result.error.issues\n .map(issue => issue.path.join('.'))\n .join(', ');\n notifications.show({\n color: 'yellow',\n title: `Source \"${source.name}\" has validation issues`,\n message: React.createElement(\n React.Fragment,\n null,\n fields ? `Fields: ${fields}. ` : '',\n React.createElement(\n 'a',\n { href: '/team#sources' },\n 'Edit sources',\n ),\n ' to ensure compatibility.',\n ),\n autoClose: false,\n });\n }\n });\n\n return sources;\n },\n });\n}\n\nexport function useSource(opts: {\n id?: string | null;\n kinds: K[];\n}): UseQueryResult | undefined>;\nexport function useSource(opts: {\n id?: string | null;\n}): UseQueryResult;\nexport function useSource({\n id,\n kinds,\n}: {\n id?: string | null;\n kinds?: SourceKind[];\n}) {\n return useQuery({\n queryKey: ['sources'],\n queryFn: async () => {\n if (IS_LOCAL_MODE) {\n return localSources.getAll();\n }\n const rawSources = await hdxServer('sources').json();\n return rawSources.map(addDefaultsToSource);\n },\n select: (data: TSource[]) => {\n const source = data.find(s => s.id === id);\n if (source && kinds?.length && !kinds.includes(source.kind))\n return undefined;\n return source;\n },\n enabled: id != null,\n });\n}\n\nexport function useUpdateSource() {\n const queryClient = useQueryClient();\n\n return useMutation({\n mutationFn: async ({ source }: { source: TSource }) => {\n if (IS_LOCAL_MODE) {\n localSources.update(source.id, source);\n return;\n }\n return hdxServer(`sources/${source.id}`, {\n method: 'PUT',\n json: source,\n });\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['sources'] });\n },\n });\n}\n\nexport function useCreateSource() {\n const queryClient = useQueryClient();\n\n const mut = useMutation({\n mutationFn: async ({ source }: { source: TSourceNoId }) => {\n if (IS_LOCAL_MODE) {\n const existing = localSources\n .getAll()\n .find(\n stored =>\n objectHash(pick(stored, ['kind', 'name', 'connection'])) ===\n objectHash(pick(source, ['kind', 'name', 'connection'])),\n );\n if (existing) {\n // Replace the existing source in-place rather than duplicating\n localSources.update(existing.id, source);\n return { ...source, id: existing.id };\n }\n return localSources.create(source);\n }\n\n return hdxServer(`sources`, {\n method: 'POST',\n json: source,\n }).json();\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['sources'] });\n },\n });\n\n return mut;\n}\n\nexport function useDeleteSource() {\n const queryClient = useQueryClient();\n\n return useMutation({\n mutationFn: async ({ id }: { id: string }) => {\n if (IS_LOCAL_MODE) {\n localSources.delete(id);\n return;\n }\n return hdxServer(`sources/${id}`, { method: 'DELETE' });\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['sources'] });\n },\n });\n}\n\nfunction hasAllColumns(columns: ColumnMeta[], requiredColumns: string[]) {\n const nameToMeta = new Map(columns.map(c => [c.name, c]));\n const missingColumns = Array.from(requiredColumns).filter(\n col => !nameToMeta.has(col),\n );\n\n return missingColumns.length === 0;\n}\n\ntype TStrippedSource = Partial<\n Omit\n> & { kind: T['kind'] };\ntype InferredSourceConfig =\n | TStrippedSource\n | TStrippedSource\n | TStrippedSource\n | TStrippedSource;\n\nexport async function inferTableSourceConfig({\n databaseName,\n tableName,\n connectionId,\n kind,\n metadata,\n}: {\n databaseName: string;\n tableName: string;\n connectionId: string;\n kind: SourceKind;\n metadata: Metadata;\n}): Promise {\n const columns = await metadata.getColumns({\n databaseName,\n tableName,\n connectionId,\n });\n\n const primaryKeys = (\n await metadata.getTableMetadata({\n databaseName,\n tableName,\n connectionId,\n })\n )?.primary_key;\n const primaryKeyColumns = primaryKeys\n ? new Set(extractColumnReferencesFromKey(primaryKeys))\n : new Set();\n\n const timestampColumns = filterColumnMetaByType(columns, [JSDataType.Date]);\n const primaryKeyTimestampColumn = timestampColumns?.find(c =>\n primaryKeyColumns.has(c.name),\n );\n\n const baseConfig = {\n ...(primaryKeyTimestampColumn != null\n ? { timestampValueExpression: primaryKeyTimestampColumn.name }\n : {}),\n kind,\n };\n\n if (kind === SourceKind.Session) {\n const isSessionSchema =\n hasAllColumns(columns, Object.values(SESSION_TABLE_EXPRESSIONS)) ||\n hasAllColumns(columns, Object.values(JSON_SESSION_TABLE_EXPRESSIONS));\n\n if (isSessionSchema) {\n return {\n ...baseConfig,\n resourceAttributesExpression:\n SESSION_TABLE_EXPRESSIONS.resourceAttributesExpression,\n };\n }\n return baseConfig;\n }\n\n const isOtelLogSchema = hasAllColumns(columns, [\n 'Timestamp',\n 'Body',\n 'SeverityText',\n 'TraceId',\n 'SpanId',\n 'ServiceName',\n 'LogAttributes',\n 'ResourceAttributes',\n ]);\n\n const isOtelSpanSchema = hasAllColumns(columns, [\n 'Timestamp',\n 'SpanName',\n 'Duration',\n 'SpanKind',\n 'TraceId',\n 'SpanId',\n 'ParentSpanId',\n 'ServiceName',\n 'SpanAttributes',\n 'ResourceAttributes',\n 'StatusCode',\n 'StatusMessage',\n ]);\n\n // Check if SpanEvents column is available\n const hasSpanEvents = columns.some(col => col.name === 'Events.Timestamp');\n\n return {\n ...baseConfig,\n ...(isOtelLogSchema\n ? {\n defaultTableSelectExpression:\n 'Timestamp, ServiceName as service, SeverityText as level, Body',\n serviceNameExpression: 'ServiceName',\n bodyExpression: 'Body',\n\n displayedTimestampValueExpression: 'Timestamp',\n eventAttributesExpression: 'LogAttributes',\n implicitColumnExpression: 'Body',\n resourceAttributesExpression: 'ResourceAttributes',\n spanIdExpression: 'SpanId',\n traceIdExpression: 'TraceId',\n\n severityTextExpression: 'SeverityText',\n }\n : {}),\n ...(isOtelSpanSchema\n ? {\n displayedTimestampValueExpression: 'Timestamp',\n implicitColumnExpression: 'SpanName',\n defaultTableSelectExpression:\n 'Timestamp, ServiceName as service, StatusCode as level, round(Duration / 1e6) as duration, SpanName',\n eventAttributesExpression: 'SpanAttributes',\n serviceNameExpression: 'ServiceName',\n resourceAttributesExpression: 'ResourceAttributes',\n\n durationExpression: 'Duration',\n durationPrecision: 9,\n parentSpanIdExpression: 'ParentSpanId',\n spanIdExpression: 'SpanId',\n spanKindExpression: 'SpanKind',\n spanNameExpression: 'SpanName',\n traceIdExpression: 'TraceId',\n statusCodeExpression: 'StatusCode',\n statusMessageExpression: 'StatusMessage',\n ...(hasSpanEvents ? { spanEventsValueExpression: 'Events' } : {}),\n }\n : {}),\n };\n}\n\nexport function getDurationMsExpression(source: TTraceSource) {\n return `(${source.durationExpression})/1e${(source.durationPrecision ?? 9) - 3}`;\n}\n\nexport function getDurationSecondsExpression(source: TTraceSource) {\n return `(${source.durationExpression})/1e${source.durationPrecision ?? 9}`;\n}\n\n// defined in https://github.com/open-telemetry/opentelemetry-proto/blob/cfbf9357c03bf4ac150a3ab3bcbe4cc4ed087362/opentelemetry/proto/metrics/v1/metrics.proto\n// NOTE: We don't follow the standard perfectly, we enforce the required fields + a few more (ServiceName, MetricName, and ResourceAttributes primarily)\nconst ReqMetricTableColumns = {\n [MetricsDataType.Gauge]: [\n 'TimeUnix',\n 'ServiceName',\n 'MetricName',\n 'Value',\n 'Attributes',\n 'ResourceAttributes',\n ],\n [MetricsDataType.Histogram]: [\n 'TimeUnix',\n 'ServiceName',\n 'MetricName',\n 'Attributes',\n 'ResourceAttributes',\n 'Count',\n 'Sum',\n 'BucketCounts',\n 'ExplicitBounds',\n ],\n [MetricsDataType.Sum]: [\n 'TimeUnix',\n 'ServiceName',\n 'MetricName',\n 'Value',\n 'Attributes',\n 'ResourceAttributes',\n ],\n [MetricsDataType.Summary]: [\n 'Attributes',\n 'TimeUnix',\n 'Count',\n 'Sum',\n 'ValueAtQuantiles.Quantile',\n 'ValueAtQuantiles.Value',\n 'Flags',\n 'ServiceName',\n 'MetricName',\n 'ResourceAttributes',\n ],\n [MetricsDataType.ExponentialHistogram]: [\n 'Attributes',\n 'TimeUnix',\n 'Count',\n 'Sum',\n 'Scale',\n 'ZeroCount',\n 'PositiveOffset',\n 'PositiveBucketCounts',\n 'NegativeOffset',\n 'NegativeBucketCounts',\n 'Flags',\n 'ServiceName',\n 'MetricName',\n 'ResourceAttributes',\n ],\n};\n\nexport async function isValidMetricTable({\n databaseName,\n tableName,\n connectionId,\n metricType,\n metadata,\n}: {\n databaseName: string;\n tableName?: string;\n connectionId: string;\n metricType: MetricsDataType;\n metadata: Metadata;\n}) {\n if (!tableName) {\n return false;\n }\n\n const columns = await metadata.getColumns({\n databaseName,\n tableName,\n connectionId,\n });\n\n return hasAllColumns(columns, ReqMetricTableColumns[metricType]);\n}\n\nexport async function isValidSessionsTable({\n databaseName,\n tableName,\n connectionId,\n metadata,\n}: {\n databaseName: string;\n tableName?: string;\n connectionId: string;\n metadata: Metadata;\n}) {\n if (!tableName) {\n return false;\n }\n\n const columns = await metadata.getColumns({\n databaseName,\n tableName,\n connectionId,\n });\n\n return (\n hasAllColumns(columns, Object.values(SESSION_TABLE_EXPRESSIONS)) ||\n hasAllColumns(columns, Object.values(JSON_SESSION_TABLE_EXPRESSIONS))\n );\n}\n" }, { "path": "packages/app/src/stories/ActionIcon.stories.tsx", "content": "import { ActionIcon, Group, Stack, Text } from '@mantine/core';\nimport type { Meta, StoryObj } from '@storybook/nextjs';\nimport {\n IconCheck,\n IconEdit,\n IconExternalLink,\n IconLoader2,\n IconPlus,\n IconSettings,\n IconTrash,\n IconX,\n} from '@tabler/icons-react';\n\nconst meta: Meta = {\n title: 'Components/ActionIcon',\n component: ActionIcon,\n parameters: {\n layout: 'centered',\n },\n argTypes: {\n variant: {\n control: 'select',\n options: ['primary', 'secondary', 'danger', 'link'],\n },\n size: {\n control: 'select',\n options: ['xs', 'sm', 'md', 'lg', 'xl'],\n },\n disabled: {\n control: 'boolean',\n },\n loading: {\n control: 'boolean',\n },\n },\n};\n\nexport default meta;\ntype Story = StoryObj;\n\n// Interactive playground story\nexport const Playground: Story = {\n args: {\n children: ,\n variant: 'primary',\n size: 'md',\n disabled: false,\n loading: false,\n },\n};\n\nexport const CustomVariants = () => (\n \n
\n \n Primary\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n
\n \n Secondary\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n
\n \n Danger\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n
\n \n Link\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n);\n\nexport const Sizes = () => (\n \n \n ActionIcon Sizes\n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport const DisabledStates = () => (\n \n \n Disabled ActionIcon States\n \n \n All ActionIcon variants should have a consistent disabled appearance with\n reduced opacity and a "not-allowed" cursor.\n \n\n
\n \n Primary - Normal vs Disabled\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n
\n \n Secondary - Normal vs Disabled\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n
\n \n Danger - Normal vs Disabled\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n
\n \n Link - Normal vs Disabled\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n
\n \n Subtle - Normal vs Disabled\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n
\n \n All Sizes - Disabled\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n);\n\nexport const LoadingStates = () => (\n \n \n Loading ActionIcon States\n \n \n ActionIcons can show a loading spinner to indicate async operations.\n \n\n
\n \n Loading Variants\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n
\n \n Custom Loading Indicator\n \n \n \n \n \n \n \n \n \n
\n\n
\n \n Loading with Different Sizes\n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n);\n\nexport const CommonUseCases = () => (\n \n \n Common Use Cases\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n" }, { "path": "packages/app/src/stories/Button.stories.tsx", "content": "import { Button, Group, Stack, Text } from '@mantine/core';\nimport type { Meta, StoryObj } from '@storybook/nextjs';\nimport {\n IconArrowRight,\n IconCheck,\n IconExternalLink,\n IconLoader2,\n IconPlus,\n IconTrash,\n} from '@tabler/icons-react';\n\nconst meta: Meta = {\n title: 'Components/Button',\n component: Button,\n parameters: {\n layout: 'centered',\n },\n argTypes: {\n variant: {\n control: 'select',\n options: ['primary', 'secondary', 'danger', 'link'],\n },\n size: {\n control: 'select',\n options: ['xxs', 'xs', 'sm', 'md', 'lg'],\n },\n disabled: {\n control: 'boolean',\n },\n loading: {\n control: 'boolean',\n },\n },\n};\n\nexport default meta;\ntype Story = StoryObj;\n\n// Interactive playground story\nexport const Playground: Story = {\n args: {\n children: 'Button',\n variant: 'primary',\n size: 'md',\n disabled: false,\n loading: false,\n },\n};\n\nexport const CustomVariants = () => (\n \n
\n \n Primary\n \n \n \n \n \n \n \n
\n\n
\n \n Secondary\n \n \n \n \n \n \n
\n\n
\n \n Danger\n \n \n \n \n \n \n
\n\n
\n \n Link\n \n \n \n \n \n \n
\n \n);\n\nexport const DisabledStates = () => (\n \n \n Disabled Button States\n \n \n All button variants should have a consistent disabled appearance with\n reduced opacity and a "not-allowed" cursor.\n \n\n
\n \n Primary - Normal vs Disabled\n \n \n \n \n \n }\n disabled\n >\n Disabled with Icon\n \n \n
\n\n
\n \n Secondary - Normal vs Disabled\n \n \n \n \n \n }\n disabled\n >\n Disabled with Icon\n \n \n
\n\n
\n \n Danger - Normal vs Disabled\n \n \n \n \n \n \n \n
\n\n
\n \n Link - Normal vs Disabled\n \n \n \n \n \n }\n disabled\n >\n Disabled with Icon\n \n \n
\n\n
\n \n All Sizes - Disabled\n \n \n \n \n \n \n \n
\n \n);\n\nexport const LoadingStates = () => (\n \n \n Loading Button States\n \n \n Buttons can show a loading spinner to indicate async operations.\n \n\n
\n \n Loading Variants\n \n \n \n \n \n \n \n
\n\n
\n \n Custom Loading Indicator\n \n \n \n }\n >\n Custom Spinner\n \n \n
\n \n);\n\nexport const Sizes = () => (\n \n \n Button Sizes\n \n \n \n \n \n \n \n \n);\n" }, { "path": "packages/app/src/tableUtils.tsx", "content": "// https://github.com/TanStack/table/discussions/3192#discussioncomment-3873093\nexport const UNDEFINED_WIDTH = 99999;\n\nexport const MIN_LAST_COLUMN_WIDTH = 200;\n\nexport const MIN_COLUMN_WIDTH = 50;\n" }, { "path": "packages/app/src/theme/ChartColors.stories.tsx", "content": "import React from 'react';\n\nimport {\n COLORS,\n getChartColorError,\n getChartColorSuccess,\n getChartColorWarning,\n} from '@/utils';\n\n// Labels for chart colors - brand green first, then Observable palette\nconst COLOR_LABELS = [\n 'Green (Brand)',\n 'Blue',\n 'Orange',\n 'Red',\n 'Cyan',\n 'Pink',\n 'Purple',\n 'Light Blue',\n 'Brown',\n 'Gray',\n];\n\n// Derive chart colors from the single source of truth in utils.ts\nconst CHART_COLORS = COLORS.map((hex, i) => ({\n name: `color-chart-${i + 1}`,\n hex,\n label: COLOR_LABELS[i] || `Color ${i + 1}`,\n}));\n\nconst SEMANTIC_CHART_COLORS = [\n {\n name: 'color-chart-success',\n hex: getChartColorSuccess(),\n label: 'Success (Green)',\n },\n {\n name: 'color-chart-warning',\n hex: getChartColorWarning(),\n label: 'Warning (Orange)',\n },\n {\n name: 'color-chart-error',\n hex: getChartColorError(),\n label: 'Error (Red)',\n },\n];\n\nconst story = {\n title: 'Design Tokens/Chart Colors',\n};\nexport default story;\n\n// Color swatch component\nconst ColorSwatch = ({\n name,\n hex,\n label,\n}: {\n name: string;\n hex: string;\n label: string;\n}) => (\n \n \n
\n
{label}
\n
\n \n {hex}\n \n \n •\n \n \n var(--{name})\n \n
\n
\n
\n);\n\nexport const AllChartColors = () => (\n
\n

Chart Color Palette

\n

\n Observable categorical color palette - designed to work well on both light\n and dark backgrounds with good contrast and accessibility.\n

\n \n Source:{' '}\n \n Observable D3 Color Schemes\n \n

\n\n

Data Series Colors

\n
\n {CHART_COLORS.map(({ name, hex, label }) => (\n \n ))}\n
\n\n

Semantic Chart Colors

\n
\n {SEMANTIC_CHART_COLORS.map(({ name, hex, label }) => (\n \n ))}\n
\n
\n);\n\nexport const BarChartPreview = () => {\n const data = [\n { label: 'Jan', values: [65, 45, 30] },\n { label: 'Feb', values: [80, 55, 40] },\n { label: 'Mar', values: [70, 60, 50] },\n { label: 'Apr', values: [90, 70, 45] },\n { label: 'May', values: [85, 65, 55] },\n ];\n\n return (\n
\n

Bar Chart Preview

\n \n {data.map(({ label, values }) => (\n \n
\n {values.map((value, i) => (\n \n ))}\n
\n \n {label}\n \n
\n ))}\n \n
\n {['Series A', 'Series B', 'Series C'].map((name, i) => (\n \n \n {name}\n
\n ))}\n \n \n );\n};\n\nexport const LineChartPreview = () => {\n return (\n
\n

Line Chart Preview

\n \n \n {/* Grid lines */}\n {[0, 1, 2, 3, 4].map(i => (\n \n ))}\n {/* Series 1 - Blue */}\n \n {/* Series 2 - Orange */}\n \n {/* Series 3 - Cyan */}\n \n \n
\n
\n {[\n { name: 'Requests', colorIndex: 0 },\n { name: 'Warnings', colorIndex: 1 },\n { name: 'Latency', colorIndex: 3 },\n ].map(({ name, colorIndex }) => (\n \n \n {name}\n
\n ))}\n \n \n );\n};\n\nexport const SemanticColorsPreview = () => (\n
\n

Semantic Chart Colors

\n

\n Use these colors to indicate status in charts (e.g., success rate, error\n count).\n

\n \n {SEMANTIC_CHART_COLORS.map(({ hex, label }, i) => (\n
\n \n {i === 0 ? '98%' : i === 1 ? '15' : '3'}\n
\n
{label}
\n \n {hex}\n \n
\n ))}\n \n \n);\n\nexport const AccessibilityCheck = () => (\n
\n

Color Accessibility

\n

\n The Observable palette is designed to be distinguishable for users with\n color vision deficiencies. Toggle between dark and light mode to verify\n contrast.\n

\n \n {CHART_COLORS.map(({ hex, label }, i) => (\n \n {i + 1}\n {label}\n
\n ))}\n \n \n);\n" }, { "path": "packages/app/src/theme/SemanticColors.stories.tsx", "content": "import React from 'react';\n\nimport { semanticColorsGrouped } from './semanticColorsGrouped';\n\nconst story = {\n title: 'Design Tokens/Semantic Colors',\n};\nexport default story;\n\nexport const AllSemanticColors = () => (\n
\n {Object.entries(semanticColorsGrouped).map(([group, tokens]) => (\n
\n

\n {group.charAt(0).toUpperCase() + group.slice(1)}\n

\n
\n {tokens.map(name => (\n
\n \n
{name}
\n {`var(--${name})`}
\n
\n ))}\n
\n
\n ))}\n \n);\n" }, { "path": "packages/app/src/theme/ThemeProvider.tsx", "content": "import React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport {\n DEFAULT_THEME,\n getDevThemeName,\n getTheme,\n IS_DEV,\n safeLocalStorageRemove,\n safeLocalStorageSet,\n THEME_STORAGE_KEY,\n themes,\n} from './index';\nimport { ThemeConfig, ThemeName } from './types';\n\n// Type declaration for window namespace (avoids conflicts)\ndeclare global {\n interface Window {\n __HDX_THEME?: {\n current: ThemeName;\n set: (name: ThemeName) => void;\n toggle: () => void;\n clear: () => void;\n };\n }\n}\n\ninterface ThemeContextValue {\n theme: ThemeConfig;\n themeName: ThemeName;\n availableThemes: ThemeName[];\n // Dev-only functions\n setTheme: (name: ThemeName) => void;\n toggleTheme: () => void;\n clearThemeOverride: () => void;\n isDev: boolean;\n}\n\nconst ThemeContext = createContext(null);\n\nexport function AppThemeProvider({\n themeName: propsThemeName,\n children,\n}: {\n themeName?: ThemeName;\n children: React.ReactNode;\n}) {\n // SSR/initial render: Always use props or DEFAULT_THEME for hydration consistency.\n // The server cannot read localStorage, so we must start with a deterministic value.\n //\n // HYDRATION NOTE: In dev mode, the useEffect below may update the theme after hydration\n // if localStorage contains a different theme. This is intentional for dev testing\n // and will cause a brief flash. In production (IS_DEV=false), theme is stable and\n // matches server render. To avoid any flash in production, pass themeName prop explicitly.\n const [resolvedThemeName, setResolvedThemeName] = useState(\n () => propsThemeName ?? DEFAULT_THEME,\n );\n\n // After hydration, read from localStorage in dev mode only.\n // Uses consolidated getDevThemeName() from index.ts as single source of truth.\n // This effect only changes state in dev mode, so production has no hydration mismatch.\n useEffect(() => {\n // If theme is explicitly passed via props, use that (no dev override)\n if (propsThemeName) {\n setResolvedThemeName(propsThemeName);\n return;\n }\n\n // In dev mode only, allow localStorage override for testing themes\n if (IS_DEV) {\n const devTheme = getDevThemeName();\n setResolvedThemeName(devTheme);\n }\n }, [propsThemeName]);\n\n const theme = useMemo(() => {\n return getTheme(resolvedThemeName);\n }, [resolvedThemeName]);\n\n // Theme control functions - DEV MODE ONLY\n // Brand theme is deployment-configured in production (via NEXT_PUBLIC_THEME).\n // These functions are intentionally disabled in production - users should not\n // be able to switch brand themes; each deployment is branded for one product.\n const setTheme = useCallback((name: ThemeName) => {\n if (!IS_DEV) {\n console.warn(\n 'setTheme only works in development mode. Brand theme is deployment-configured in production.',\n );\n return;\n }\n if (themes[name]) {\n safeLocalStorageSet(THEME_STORAGE_KEY, name);\n setResolvedThemeName(name);\n }\n }, []);\n\n const toggleTheme = useCallback(() => {\n if (!IS_DEV) return;\n const themeNames = Object.keys(themes) as ThemeName[];\n setResolvedThemeName(current => {\n const currentIndex = themeNames.indexOf(current);\n const nextIndex = (currentIndex + 1) % themeNames.length;\n const nextTheme = themeNames[nextIndex];\n safeLocalStorageSet(THEME_STORAGE_KEY, nextTheme);\n return nextTheme;\n });\n }, []);\n\n const clearThemeOverride = useCallback(() => {\n safeLocalStorageRemove(THEME_STORAGE_KEY);\n setResolvedThemeName(propsThemeName ?? DEFAULT_THEME);\n }, [propsThemeName]);\n\n const contextValue = useMemo(\n () => ({\n theme,\n themeName: theme.name,\n availableThemes: Object.keys(themes) as ThemeName[],\n setTheme,\n toggleTheme,\n clearThemeOverride,\n isDev: IS_DEV,\n }),\n [theme, setTheme, toggleTheme, clearThemeOverride],\n );\n\n // Track previous theme class for efficient swap\n const prevThemeClassRef = useRef(null);\n\n // Apply theme CSS class to document (single class swap for performance)\n useEffect(() => {\n if (typeof document !== 'undefined') {\n const html = document.documentElement;\n const newClass = theme.cssClass;\n\n // Remove only the previous theme class (not all themes)\n if (prevThemeClassRef.current && prevThemeClassRef.current !== newClass) {\n html.classList.remove(prevThemeClassRef.current);\n }\n\n // Add new theme class if not already present\n if (!html.classList.contains(newClass)) {\n html.classList.add(newClass);\n }\n\n prevThemeClassRef.current = newClass;\n }\n }, [theme]);\n\n // Dev mode: expose theme API to window (namespaced to avoid global pollution)\n useEffect(() => {\n if (!IS_DEV || typeof window === 'undefined') return;\n\n // eslint-disable-next-line no-console\n console.info(\n `🎨 Theme: ${theme.displayName} (${theme.name})`,\n '\\n Set via console: window.__HDX_THEME.set(\"clickstack\")',\n );\n\n // Expose namespaced helper object to window for console access\n window.__HDX_THEME = {\n current: theme.name,\n set: setTheme,\n toggle: toggleTheme,\n clear: clearThemeOverride,\n };\n\n // Cleanup on unmount\n return () => {\n delete window.__HDX_THEME;\n };\n }, [theme, setTheme, toggleTheme, clearThemeOverride]);\n\n return (\n \n {children}\n \n );\n}\n\nexport function useAppTheme(): ThemeContextValue {\n const context = useContext(ThemeContext);\n if (!context) {\n // Fallback for when used outside provider - always use default to avoid hydration issues\n const theme = getTheme(DEFAULT_THEME);\n return {\n theme,\n themeName: theme.name,\n availableThemes: Object.keys(themes) as ThemeName[],\n // No-op functions when outside provider context\n setTheme: () => {\n console.warn(\n 'useAppTheme: setTheme called outside of AppThemeProvider',\n );\n },\n toggleTheme: () => {\n console.warn(\n 'useAppTheme: toggleTheme called outside of AppThemeProvider',\n );\n },\n clearThemeOverride: () => {\n console.warn(\n 'useAppTheme: clearThemeOverride called outside of AppThemeProvider',\n );\n },\n isDev: IS_DEV,\n };\n }\n return context;\n}\n\n// Convenience hooks\n// NOTE: These hooks return JSX elements, not component references, to avoid\n// creating components during render (which would violate react-hooks/static-components)\nexport function useWordmark() {\n const { theme } = useAppTheme();\n const WordmarkComponent = theme.Wordmark;\n return useMemo(() => , [WordmarkComponent]);\n}\n\nexport function useLogomark(props?: { size?: number }) {\n const { theme } = useAppTheme();\n const LogomarkComponent = theme.Logomark;\n return useMemo(\n () => ,\n [LogomarkComponent, props],\n );\n}\n\n// Hook to get current theme name (useful for conditional rendering)\nexport function useThemeName(): ThemeName {\n const { themeName } = useAppTheme();\n return themeName;\n}\n\n/** Hook to get the current theme's display name for UI copy (e.g. \"HyperDX\" or \"ClickStack\"). */\nexport function useBrandDisplayName(): string {\n const { theme } = useAppTheme();\n return theme.displayName;\n}\n" }, { "path": "packages/app/src/theme/__tests__/ThemeProvider.test.tsx", "content": "/**\n * Unit tests for ThemeProvider\n *\n * Tests cover:\n * - Context provides correct theme data\n * - useAppTheme hook functionality\n * - useWordmark and useLogomark hooks\n * - Fallback behavior outside provider\n * - Theme CSS class application\n */\n\nimport React from 'react';\nimport { act, renderHook } from '@testing-library/react';\n\nimport { DEFAULT_THEME, themes } from '../index';\nimport {\n AppThemeProvider,\n useAppTheme,\n useLogomark,\n useThemeName,\n useWordmark,\n} from '../ThemeProvider';\n\n// Mock localStorage\nlet localStorageMock: jest.Mocked;\n\nbeforeEach(() => {\n localStorageMock = {\n getItem: jest.fn().mockReturnValue(null),\n setItem: jest.fn(),\n removeItem: jest.fn(),\n clear: jest.fn(),\n key: jest.fn(),\n length: 0,\n };\n\n Object.defineProperty(window, 'localStorage', {\n value: localStorageMock,\n writable: true,\n });\n\n // Reset document classList\n document.documentElement.className = '';\n});\n\nafterEach(() => {\n jest.clearAllMocks();\n});\n\ndescribe('ThemeProvider', () => {\n describe('AppThemeProvider', () => {\n const wrapper = ({ children }: { children: React.ReactNode }) => (\n {children}\n );\n\n it('should provide default theme when no props passed', () => {\n const { result } = renderHook(() => useAppTheme(), { wrapper });\n\n expect(result.current.theme).toBeDefined();\n expect(result.current.themeName).toBe(DEFAULT_THEME);\n });\n\n it('should use themeName prop when provided', () => {\n const customWrapper = ({ children }: { children: React.ReactNode }) => (\n {children}\n );\n\n const { result } = renderHook(() => useAppTheme(), {\n wrapper: customWrapper,\n });\n\n expect(result.current.themeName).toBe('clickstack');\n expect(result.current.theme.name).toBe('clickstack');\n });\n\n it('should provide list of available themes', () => {\n const { result } = renderHook(() => useAppTheme(), { wrapper });\n\n expect(result.current.availableThemes).toEqual(\n expect.arrayContaining(['hyperdx', 'clickstack']),\n );\n });\n\n it('should provide isDev flag', () => {\n const { result } = renderHook(() => useAppTheme(), { wrapper });\n\n expect(typeof result.current.isDev).toBe('boolean');\n });\n\n it('should apply theme CSS class to document', () => {\n renderHook(() => useAppTheme(), { wrapper });\n\n // Check that exactly one theme class is applied\n const appliedThemeClasses = Object.values(themes)\n .map(t => t.cssClass)\n .filter(cls => document.documentElement.classList.contains(cls));\n\n expect(appliedThemeClasses.length).toBe(1);\n });\n });\n\n describe('useAppTheme outside provider', () => {\n it('should return fallback values without crashing', () => {\n // Mock console.warn to avoid noise\n const warnSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});\n\n const { result } = renderHook(() => useAppTheme());\n\n expect(result.current.theme).toBeDefined();\n expect(result.current.themeName).toBe(DEFAULT_THEME);\n expect(result.current.availableThemes).toBeDefined();\n\n // Calling setTheme outside provider should warn\n result.current.setTheme('clickstack');\n expect(warnSpy).toHaveBeenCalled();\n\n warnSpy.mockRestore();\n });\n });\n\n describe('useWordmark', () => {\n const wrapper = ({ children }: { children: React.ReactNode }) => (\n {children}\n );\n\n it('should return a component', () => {\n const { result } = renderHook(() => useWordmark(), { wrapper });\n\n expect(result.current).toBeDefined();\n expect(typeof result.current).toBe('object');\n });\n });\n\n describe('useLogomark', () => {\n const wrapper = ({ children }: { children: React.ReactNode }) => (\n {children}\n );\n\n it('should return a component', () => {\n const { result } = renderHook(() => useLogomark(), { wrapper });\n\n expect(result.current).toBeDefined();\n expect(typeof result.current).toBe('object');\n });\n });\n\n describe('useThemeName', () => {\n it('should return current theme name', () => {\n const wrapper = ({ children }: { children: React.ReactNode }) => (\n {children}\n );\n\n const { result } = renderHook(() => useThemeName(), { wrapper });\n\n expect(result.current).toBe('clickstack');\n });\n });\n\n describe('theme switching (dev mode)', () => {\n const wrapper = ({ children }: { children: React.ReactNode }) => (\n {children}\n );\n\n it('should have setTheme function', () => {\n const { result } = renderHook(() => useAppTheme(), { wrapper });\n\n expect(typeof result.current.setTheme).toBe('function');\n });\n\n it('should have toggleTheme function', () => {\n const { result } = renderHook(() => useAppTheme(), { wrapper });\n\n expect(typeof result.current.toggleTheme).toBe('function');\n });\n\n it('should have clearThemeOverride function', () => {\n const { result } = renderHook(() => useAppTheme(), { wrapper });\n\n expect(typeof result.current.clearThemeOverride).toBe('function');\n });\n });\n\n describe('hydration safety', () => {\n it('should start with deterministic theme for SSR consistency', () => {\n // Initial render should use DEFAULT_THEME or props, not localStorage\n // This ensures server and client render the same initially\n const { result } = renderHook(() => useAppTheme(), {\n wrapper: ({ children }) => (\n {children}\n ),\n });\n\n // Should be deterministic (props or DEFAULT_THEME)\n expect(result.current.themeName).toBe(DEFAULT_THEME);\n });\n\n it('should use props theme for consistent hydration', () => {\n const { result } = renderHook(() => useAppTheme(), {\n wrapper: ({ children }) => (\n {children}\n ),\n });\n\n // Props should take precedence for hydration consistency\n expect(result.current.themeName).toBe('clickstack');\n });\n });\n});\n" }, { "path": "packages/app/src/theme/__tests__/index.test.ts", "content": "/**\n * Unit tests for theme utilities\n *\n * Tests cover:\n * - Theme registry and validation\n * - getTheme() function\n * - getDevThemeName() function (localStorage-based)\n * - Safe localStorage helpers\n * - THEME_STORAGE_KEY constant\n */\n\nimport {\n DEFAULT_THEME,\n getDevThemeName,\n getTheme,\n safeLocalStorageGet,\n safeLocalStorageRemove,\n safeLocalStorageSet,\n THEME_STORAGE_KEY,\n themes,\n} from '../index';\n\ndescribe('theme/index', () => {\n beforeEach(() => {\n // Clear localStorage before each test\n window.localStorage.clear();\n });\n\n afterEach(() => {\n jest.clearAllMocks();\n window.localStorage.clear();\n });\n\n describe('themes registry', () => {\n it('should contain hyperdx theme', () => {\n expect(themes.hyperdx).toBeDefined();\n expect(themes.hyperdx.name).toBe('hyperdx');\n expect(themes.hyperdx.displayName).toBe('HyperDX');\n });\n\n it('should contain clickstack theme', () => {\n expect(themes.clickstack).toBeDefined();\n expect(themes.clickstack.name).toBe('clickstack');\n expect(themes.clickstack.displayName).toBe('ClickStack');\n });\n\n it('should have required properties for each theme', () => {\n Object.values(themes).forEach(theme => {\n expect(theme.name).toBeDefined();\n expect(theme.displayName).toBeDefined();\n expect(theme.mantineTheme).toBeDefined();\n expect(theme.Wordmark).toBeDefined();\n expect(theme.Logomark).toBeDefined();\n expect(theme.cssClass).toBeDefined();\n expect(theme.favicon).toBeDefined();\n });\n });\n\n it('should have valid favicon config for each theme', () => {\n Object.values(themes).forEach(theme => {\n expect(theme.favicon.svg).toBeDefined();\n expect(theme.favicon.png32).toBeDefined();\n expect(theme.favicon.png16).toBeDefined();\n expect(theme.favicon.appleTouchIcon).toBeDefined();\n expect(theme.favicon.themeColor).toMatch(/^#[0-9A-Fa-f]{6}$/);\n });\n });\n\n it('should have unique cssClass for each theme', () => {\n const cssClasses = Object.values(themes).map(t => t.cssClass);\n const uniqueClasses = new Set(cssClasses);\n expect(uniqueClasses.size).toBe(cssClasses.length);\n });\n });\n\n describe('DEFAULT_THEME', () => {\n it('should be a valid theme name', () => {\n expect(['hyperdx', 'clickstack']).toContain(DEFAULT_THEME);\n });\n\n it('should exist in themes registry', () => {\n expect(themes[DEFAULT_THEME]).toBeDefined();\n });\n });\n\n describe('getTheme', () => {\n it('should return hyperdx theme for \"hyperdx\"', () => {\n const theme = getTheme('hyperdx');\n expect(theme.name).toBe('hyperdx');\n });\n\n it('should return clickstack theme for \"clickstack\"', () => {\n const theme = getTheme('clickstack');\n expect(theme.name).toBe('clickstack');\n });\n\n it('should return default theme when called without arguments', () => {\n const theme = getTheme();\n expect(theme).toBeDefined();\n expect(theme.name).toBe(DEFAULT_THEME);\n });\n\n it('should fallback to hyperdx for invalid theme name', () => {\n // @ts-expect-error Testing invalid input\n const theme = getTheme('invalid-theme');\n expect(theme.name).toBe('hyperdx');\n });\n\n it('should return theme with all required properties', () => {\n const theme = getTheme('hyperdx');\n expect(theme.name).toBeDefined();\n expect(theme.displayName).toBeDefined();\n expect(theme.mantineTheme).toBeDefined();\n expect(theme.Wordmark).toBeDefined();\n expect(theme.Logomark).toBeDefined();\n expect(theme.cssClass).toBeDefined();\n expect(theme.favicon).toBeDefined();\n });\n });\n\n describe('safeLocalStorageGet', () => {\n it('should return value from localStorage', () => {\n window.localStorage.setItem(THEME_STORAGE_KEY, 'clickstack');\n const result = safeLocalStorageGet(THEME_STORAGE_KEY);\n expect(result).toBe('clickstack');\n });\n\n it('should return undefined when localStorage item does not exist', () => {\n const result = safeLocalStorageGet('non-existent-key');\n expect(result).toBeUndefined();\n });\n\n it('should handle different value types stored as strings', () => {\n window.localStorage.setItem('test-key', 'some-value');\n const result = safeLocalStorageGet('test-key');\n expect(result).toBe('some-value');\n });\n });\n\n describe('safeLocalStorageSet', () => {\n it('should set value in localStorage', () => {\n safeLocalStorageSet(THEME_STORAGE_KEY, 'clickstack');\n expect(window.localStorage.getItem(THEME_STORAGE_KEY)).toBe('clickstack');\n });\n\n it('should overwrite existing value', () => {\n window.localStorage.setItem(THEME_STORAGE_KEY, 'hyperdx');\n safeLocalStorageSet(THEME_STORAGE_KEY, 'clickstack');\n expect(window.localStorage.getItem(THEME_STORAGE_KEY)).toBe('clickstack');\n });\n });\n\n describe('safeLocalStorageRemove', () => {\n it('should remove item from localStorage', () => {\n window.localStorage.setItem(THEME_STORAGE_KEY, 'clickstack');\n safeLocalStorageRemove(THEME_STORAGE_KEY);\n expect(window.localStorage.getItem(THEME_STORAGE_KEY)).toBeNull();\n });\n\n it('should not throw when removing non-existent key', () => {\n expect(() => safeLocalStorageRemove('non-existent-key')).not.toThrow();\n });\n });\n\n describe('getDevThemeName', () => {\n it('should return DEFAULT_THEME when no localStorage override exists', () => {\n // No localStorage override, should use default\n const result = getDevThemeName();\n expect(result).toBe(DEFAULT_THEME);\n });\n\n it('should use localStorage when set', () => {\n window.localStorage.setItem(THEME_STORAGE_KEY, 'clickstack');\n const result = getDevThemeName();\n expect(result).toBe('clickstack');\n });\n\n it('should ignore invalid localStorage value', () => {\n window.localStorage.setItem(THEME_STORAGE_KEY, 'invalid-theme');\n const result = getDevThemeName();\n expect(result).toBe(DEFAULT_THEME);\n });\n });\n\n describe('THEME_STORAGE_KEY', () => {\n it('should be the expected key', () => {\n expect(THEME_STORAGE_KEY).toBe('hdx-dev-theme');\n });\n\n it('should be a non-empty string', () => {\n expect(typeof THEME_STORAGE_KEY).toBe('string');\n expect(THEME_STORAGE_KEY.length).toBeGreaterThan(0);\n });\n });\n\n describe('theme favicon paths', () => {\n it('should have consistent path structure for hyperdx', () => {\n const favicon = themes.hyperdx.favicon;\n expect(favicon.svg).toContain('/favicons/hyperdx/');\n expect(favicon.png32).toContain('/favicons/hyperdx/');\n expect(favicon.png16).toContain('/favicons/hyperdx/');\n expect(favicon.appleTouchIcon).toContain('/favicons/hyperdx/');\n });\n\n it('should have consistent path structure for clickstack', () => {\n const favicon = themes.clickstack.favicon;\n expect(favicon.svg).toContain('/favicons/clickstack/');\n expect(favicon.png32).toContain('/favicons/clickstack/');\n expect(favicon.png16).toContain('/favicons/clickstack/');\n expect(favicon.appleTouchIcon).toContain('/favicons/clickstack/');\n });\n });\n});\n" }, { "path": "packages/app/src/theme/index.ts", "content": "import { z } from 'zod';\n\nimport { clickstackTheme } from './themes/clickstack';\nimport { hyperdxTheme } from './themes/hyperdx';\nimport { ThemeConfig, ThemeName } from './types';\n\n/**\n * Brand Theme System\n *\n * DESIGN DECISION: Brand theme (hyperdx/clickstack) is DEPLOYMENT-CONFIGURED, not user-selectable.\n *\n * - Production: Theme is set via NEXT_PUBLIC_THEME environment variable at build/deploy time.\n * Each deployment is branded for a specific product (HyperDX or ClickStack).\n * Users cannot and should not change the brand theme.\n *\n * - Development: Theme switching is enabled for testing via:\n * - localStorage: hdx-dev-theme (persisted via dev UI)\n *\n * This is intentionally different from colorMode (light/dark), which IS user-selectable.\n */\n\n// Zod schema for validating ThemeConfig structure\n// Note: React components and MantineThemeOverride are validated at runtime\n// but cannot be fully validated with Zod schemas\nconst faviconConfigSchema = z.object({\n svg: z\n .string()\n .regex(\n /^\\/favicons\\/[a-z]+\\/[a-z0-9-]+\\.svg$/,\n 'SVG favicon path must match /favicons/{theme}/{name}.svg',\n ),\n png32: z\n .string()\n .regex(\n /^\\/favicons\\/[a-z]+\\/[a-z0-9-]+\\.png$/,\n 'PNG32 favicon path must match /favicons/{theme}/{name}.png',\n ),\n png16: z\n .string()\n .regex(\n /^\\/favicons\\/[a-z]+\\/[a-z0-9-]+\\.png$/,\n 'PNG16 favicon path must match /favicons/{theme}/{name}.png',\n ),\n appleTouchIcon: z\n .string()\n .regex(\n /^\\/favicons\\/[a-z]+\\/[a-z0-9-]+\\.png$/,\n 'Apple Touch Icon path must match /favicons/{theme}/{name}.png',\n ),\n themeColor: z.string().regex(/^#[0-9A-F]{6}$/i, 'Must be a valid hex color'),\n});\n\nconst themeConfigSchema = z.object({\n name: z.enum(['hyperdx', 'clickstack']),\n displayName: z.string().min(1),\n cssClass: z.string().min(1),\n favicon: faviconConfigSchema,\n // Wordmark and Logomark are React components - validate they exist and are callable\n Wordmark: z\n .any()\n .refine(\n val => typeof val === 'function' || (val && typeof val === 'object'),\n 'Wordmark must be a React component',\n ),\n Logomark: z\n .any()\n .refine(\n val => typeof val === 'function' || (val && typeof val === 'object'),\n 'Logomark must be a React component',\n ),\n // mantineTheme is complex - just check it exists\n mantineTheme: z\n .any()\n .refine(\n val => val !== null && val !== undefined,\n 'mantineTheme must be defined',\n ),\n});\n\n/**\n * Validates a theme configuration at runtime.\n * Throws an error with details if validation fails.\n *\n * @param theme - Theme configuration to validate\n * @param themeName - Name of the theme (for error messages)\n * @throws Error if theme is invalid\n */\nfunction validateThemeConfig(\n theme: unknown,\n themeName: string,\n): asserts theme is ThemeConfig {\n try {\n themeConfigSchema.parse(theme);\n } catch (error) {\n if (error instanceof z.ZodError) {\n const details = error.errors\n .map(e => `${e.path.join('.')}: ${e.message}`)\n .join('; ');\n throw new Error(\n `Invalid theme configuration for \"${themeName}\": ${details}`,\n );\n }\n throw error;\n }\n}\n\n// Validate themes at module load time\ntry {\n validateThemeConfig(hyperdxTheme, 'hyperdx');\n validateThemeConfig(clickstackTheme, 'clickstack');\n} catch (error) {\n // Log error but don't crash - fallback to default theme\n console.error(\n '[Theme Validation] Failed to validate theme configurations:',\n error,\n );\n // In production, we might want to throw to prevent deployment with invalid configs\n if (process.env.NODE_ENV === 'production') {\n throw error;\n }\n}\n\n// Theme registry\nexport const themes: Record = {\n hyperdx: hyperdxTheme,\n clickstack: clickstackTheme,\n};\n\n// Check if we're in development/local mode\nexport const IS_DEV =\n process.env.NODE_ENV === 'development' ||\n process.env.NEXT_PUBLIC_IS_LOCAL_MODE === 'true';\n\n// LocalStorage key for dev theme override (exported for ThemeProvider)\nexport const THEME_STORAGE_KEY = 'hdx-dev-theme';\n\n// Validate that a theme name is valid\nexport function isValidThemeName(\n name: string | null | undefined,\n): name is ThemeName {\n return name != null && name in themes;\n}\n\n// Safe localStorage access (handles private browsing, SSR, etc.)\nexport function safeLocalStorageGet(key: string): string | undefined {\n try {\n if (typeof window === 'undefined') return undefined;\n return localStorage.getItem(key) ?? undefined;\n } catch {\n // localStorage may throw in private browsing or when disabled\n return undefined;\n }\n}\n\nexport function safeLocalStorageSet(key: string, value: string): void {\n try {\n if (typeof window === 'undefined') return;\n localStorage.setItem(key, value);\n } catch {\n // localStorage may throw in private browsing or when disabled\n }\n}\n\nexport function safeLocalStorageRemove(key: string): void {\n try {\n if (typeof window === 'undefined') return;\n localStorage.removeItem(key);\n } catch {\n // localStorage may throw in private browsing or when disabled\n }\n}\n\n// Default theme (validated against registry, falls back to hyperdx)\nconst envTheme = process.env.NEXT_PUBLIC_THEME;\nlet resolvedDefaultTheme: ThemeName = isValidThemeName(envTheme)\n ? envTheme\n : 'hyperdx';\n\n// Validate that the resolved default theme exists and is valid\nif (!themes[resolvedDefaultTheme]) {\n console.warn(\n `[Theme Validation] Theme \"${resolvedDefaultTheme}\" from NEXT_PUBLIC_THEME not found in registry. Falling back to \"hyperdx\".`,\n );\n resolvedDefaultTheme = 'hyperdx';\n} else {\n // Validate the theme config structure\n try {\n validateThemeConfig(themes[resolvedDefaultTheme], resolvedDefaultTheme);\n } catch (error) {\n console.error(\n `[Theme Validation] Theme \"${resolvedDefaultTheme}\" failed validation. Falling back to \"hyperdx\".`,\n error,\n );\n resolvedDefaultTheme = 'hyperdx';\n // In production, throw to prevent deployment with invalid configs\n if (process.env.NODE_ENV === 'production') {\n throw error;\n }\n }\n}\n\nexport const DEFAULT_THEME: ThemeName = resolvedDefaultTheme;\n\n/**\n * Get the theme name from various sources (dev mode only).\n * This is the single source of truth for resolving dev theme names.\n *\n * Priority:\n * 1. localStorage: hdx-dev-theme (persisted via explicit UI action)\n * 2. Environment variable: NEXT_PUBLIC_THEME\n * 3. Default: hyperdx\n */\nexport function getDevThemeName(): ThemeName {\n if (typeof window === 'undefined') {\n return DEFAULT_THEME;\n }\n\n // Check localStorage (set via explicit user action in ThemeProvider)\n const storedTheme = safeLocalStorageGet(THEME_STORAGE_KEY);\n if (isValidThemeName(storedTheme)) {\n return storedTheme;\n }\n\n return DEFAULT_THEME;\n}\n\n// Get theme configuration by name\nexport function getTheme(name: ThemeName = DEFAULT_THEME): ThemeConfig {\n const theme = themes[name] || themes.hyperdx;\n\n // Runtime validation - ensure theme is valid before returning\n // This catches cases where theme config was corrupted after module load\n try {\n validateThemeConfig(theme, name);\n } catch (error) {\n console.error(\n `[Theme Validation] Theme \"${name}\" failed runtime validation. Falling back to \"hyperdx\".`,\n error,\n );\n // Return hyperdx theme as safe fallback\n return themes.hyperdx;\n }\n\n return theme;\n}\n\n/**\n * IMPORTANT: To get the current theme in React components, use `useAppTheme()` hook\n * from `./ThemeProvider` instead of calling these functions directly.\n *\n * Why?\n * - `useAppTheme()` ensures consistency with ThemeProvider context\n * - Prevents hydration mismatches between SSR and client-side rendering\n * - Properly handles theme switching in dev mode\n * - Matches the theme resolution used throughout the app\n *\n * Example:\n * ```tsx\n * import { useAppTheme } from '@/theme/ThemeProvider';\n *\n * function MyComponent() {\n * const { theme, themeName } = useAppTheme();\n * return
{theme.displayName}
;\n * }\n * ```\n *\n * These utility functions (`getTheme`, `getDevThemeName`) are for internal use\n * by ThemeProvider and should not be used directly in components.\n */\n\n// Re-export types\nexport type { ThemeConfig, ThemeName } from './types';\n\n// Re-export for backwards compatibility\nexport { makeTheme, theme } from './themes/hyperdx/mantineTheme';\n" }, { "path": "packages/app/src/theme/semanticColorsGrouped.ts", "content": "export const semanticColorsGrouped = {\n backgrounds: [\n 'color-bg-body',\n 'color-bg-surface',\n 'color-bg-muted',\n 'color-bg-highlighted',\n 'color-bg-sidebar',\n 'color-bg-header',\n 'color-bg-hover',\n 'color-bg-active',\n 'color-bg-field',\n 'color-bg-field-highlighted',\n 'color-bg-field-addon',\n 'color-bg-neutral',\n 'color-bg-success',\n 'color-bg-danger',\n 'color-bg-warning',\n 'color-bg-modal',\n 'color-bg-code',\n 'color-bg-kbd',\n ],\n borders: [\n 'color-border',\n 'color-border-emphasis',\n 'color-border-code',\n 'color-border-muted',\n ],\n text: [\n 'color-text',\n 'color-text-inverted',\n 'color-text-primary',\n 'color-text-primary-hover',\n 'color-text-secondary',\n 'color-text-muted',\n 'color-text-muted-hover',\n 'color-text-success',\n 'color-text-success-hover',\n 'color-text-brand',\n 'color-text-brand-hover',\n 'color-text-danger',\n ],\n icons: ['color-icon-primary', 'color-icon-muted'],\n overlay: ['color-overlay', 'color-backdrop'],\n states: [\n 'color-state-hover',\n 'color-state-selected',\n 'color-state-focus',\n 'color-outline-focus',\n ],\n json: [\n 'color-json-string',\n 'color-json-number',\n 'color-json-boolean',\n 'color-json-key',\n 'color-json-object',\n 'color-json-array',\n 'color-json-punctuation',\n ],\n charts: [\n 'color-chart-1',\n 'color-chart-2',\n 'color-chart-3',\n 'color-chart-4',\n 'color-chart-5',\n 'color-chart-6',\n 'color-chart-7',\n 'color-chart-8',\n 'color-chart-9',\n 'color-chart-10',\n 'color-chart-success',\n 'color-chart-warning',\n 'color-chart-error',\n 'color-chart-error-highlight',\n 'color-chart-warning-highlight',\n ],\n};\n" }, { "path": "packages/app/src/theme/themes/_base-tokens.scss", "content": "/* Base Design Tokens - Fallback values when no theme class is applied */\n\n/*\n * Uses HyperDX theme as default fallback for SSR and initial render.\n * This ensures CSS variables are defined before JavaScript applies the theme class.\n *\n * The hyperdx/_tokens.scss file defines mixins that are reused here,\n * avoiding duplication of token definitions.\n */\n\n@use './hyperdx/tokens' as hyperdx-tokens;\n@use './clickstack/tokens' as clickstack-tokens;\n\n/* Dark Mode (default fallback) - uses HyperDX tokens */\n[data-mantine-color-scheme='dark'] {\n @include hyperdx-tokens.dark-mode-tokens;\n}\n\n/* Light Mode (fallback) - uses HyperDX tokens */\n[data-mantine-color-scheme='light'] {\n @include hyperdx-tokens.light-mode-tokens;\n}\n" }, { "path": "packages/app/src/theme/themes/clickstack/Logomark.tsx", "content": "/**\n * ClickStack Logomark\n * A stylized database/stack icon with the brand yellow color\n */\nexport default function Logomark({ size = 16 }: { size?: number }) {\n return (\n \n \n \n \n \n \n \n );\n}\n" }, { "path": "packages/app/src/theme/themes/clickstack/Wordmark.tsx", "content": "import React from 'react';\n\nexport default function Wordmark() {\n return (\n
\n \n \n \n \n \n \n \n \n
\n );\n}\n" }, { "path": "packages/app/src/theme/themes/clickstack/_tokens.scss", "content": "/* ClickStack Theme Design Tokens */\n\n/* Yellow/Gold accent theme for ClickStack branding */\n\n/* Uses Click UI design tokens */\n\n/* Dark Mode */\n.theme-clickstack[data-mantine-color-scheme='dark'] {\n /* Brand Palette - Yellow/Gold */\n --palette-brand-50: #ffffe8;\n --palette-brand-100: #feffba;\n --palette-brand-200: #fdffa3;\n --palette-brand-300: #faff69;\n --palette-brand-400: #eef400;\n --palette-brand-500: #c7cc00;\n --palette-brand-600: #959900;\n --palette-brand-700: #686b00;\n --palette-brand-800: #3c4601;\n --palette-brand-900: #330;\n --palette-brand-base: #fbff46;\n\n /* Neutral Palette - Dark Mode */\n --palette-neutral-0: #fff;\n --palette-neutral-100: #f9f9f9;\n --palette-neutral-200: #dfdfdf;\n --palette-neutral-300: #c0c0c0;\n --palette-neutral-400: #a0a0a0;\n --palette-neutral-500: #808080;\n --palette-neutral-600: #606060;\n --palette-neutral-650: #505050;\n --palette-neutral-700: #414141;\n --palette-neutral-712: #323232;\n --palette-neutral-725: #282828;\n --palette-neutral-750: #1f1f1c;\n --palette-neutral-800: #1d1d1d;\n --palette-neutral-900: #151515;\n --palette-neutral-base: #212121;\n\n /* Mantine Yellow/Primary Override - Uses Brand Palette */\n --mantine-color-yellow-0: var(--palette-brand-50);\n --mantine-color-yellow-1: var(--palette-brand-100);\n --mantine-color-yellow-2: var(--palette-brand-200);\n --mantine-color-yellow-3: var(--palette-brand-300);\n --mantine-color-yellow-4: var(--palette-brand-400);\n --mantine-color-yellow-5: var(--palette-brand-500);\n --mantine-color-yellow-6: var(--palette-brand-600);\n --mantine-color-yellow-7: var(--palette-brand-700);\n --mantine-color-yellow-8: var(--palette-brand-800);\n --mantine-color-yellow-9: var(--palette-brand-900);\n\n /* Mantine Gray Override - Uses Neutral Palette */\n --mantine-color-gray-0: var(--palette-neutral-0);\n --mantine-color-gray-1: var(--palette-neutral-100);\n --mantine-color-gray-2: var(--palette-neutral-200);\n --mantine-color-gray-3: var(--palette-neutral-300);\n --mantine-color-gray-4: var(--palette-neutral-400);\n --mantine-color-gray-5: var(--palette-neutral-500);\n --mantine-color-gray-6: var(--palette-neutral-600);\n --mantine-color-gray-7: var(--palette-neutral-700);\n --mantine-color-gray-8: var(--palette-neutral-800);\n --mantine-color-gray-9: var(--palette-neutral-900);\n\n /* Mantine Dark Override - Uses Neutral Palette (inverted for dark backgrounds) */\n --mantine-color-dark-0: var(--palette-neutral-200);\n --mantine-color-dark-1: var(--palette-neutral-300);\n --mantine-color-dark-2: var(--palette-neutral-400);\n --mantine-color-dark-3: var(--palette-neutral-500);\n --mantine-color-dark-4: var(--palette-neutral-700);\n --mantine-color-dark-5: var(--palette-neutral-650);\n --mantine-color-dark-6: var(--palette-neutral-725);\n --mantine-color-dark-7: var(--palette-neutral-750);\n --mantine-color-dark-8: var(--palette-neutral-800);\n --mantine-color-dark-9: var(--palette-neutral-900);\n\n /* Click UI Global Tokens - Dark Mode Values */\n --click-global-color-stroke-default: #323232;\n --click-global-color-accent-default: #faff69;\n --click-global-color-background-default: #1f1f1c;\n --click-global-color-background-muted: #282828;\n --click-global-color-text-default: #fff;\n --click-global-color-text-muted: #b3b6bd;\n --click-global-color-text-disabled: #808080;\n --click-global-color-text-link-default: #faff69;\n --click-global-color-text-link-hover: #feffc2;\n --click-global-color-text-danger: #ffbaba;\n --click-global-color-title-default: rgb(97.5% 97.5% 97.5%);\n --click-global-color-title-muted: #b3b6bd;\n --click-global-color-outline-default: #faff69;\n --click-field-color-background-default: #2d2d2d;\n\n /* Backgrounds - Using Click UI tokens */\n --color-bg-body: var(--click-global-color-background-default);\n --color-bg-surface: var(--click-global-color-background-default);\n --color-bg-inverted: var(--mantine-color-dark-1);\n --color-bg-muted: var(--click-global-color-background-muted);\n --color-bg-highlighted: rgb(80 80 80 / 70%);\n --color-bg-sidenav: var(--click-global-color-background-default);\n --color-bg-sidenav-link-active: var(--palette-neutral-712);\n --color-bg-sidenav-link-active-hover: var(--mantine-color-gray-7);\n --color-bg-header: var(--click-global-color-background-default);\n --color-bg-hover: var(--palette-neutral-725);\n --color-bg-active: var(--palette-neutral-800);\n --color-bg-field: var(--click-field-color-background-default);\n --color-bg-field-highlighted: var(--palette-neutral-650);\n --color-bg-field-addon: var(--palette-neutral-712);\n --color-bg-neutral: #4d4f66;\n --color-bg-success: #22c55e;\n --color-bg-danger: #ef4444;\n --color-bg-warning: #f59e0b;\n --color-bg-brand: var(--click-global-color-accent-default);\n --color-bg-brand-hover: var(--click-global-color-accent-hover);\n\n /* Primary Button */\n --color-primary-button-bg: var(--palette-brand-300);\n --color-primary-button-bg-hover: var(--palette-brand-200);\n --color-primary-button-text: var(--color-text-inverted);\n\n /* Borders & Dividers */\n --color-border: var(--click-global-color-stroke-default);\n --color-border-emphasis: var(--mantine-color-dark-4);\n --color-border-muted: var(--click-global-color-stroke-default);\n\n /* Text - Using Click UI tokens */\n --color-text: var(--click-global-color-text-default);\n --color-text-inverted: var(--click-global-color-background-default);\n --color-text-primary: var(--click-global-color-accent-default);\n --color-text-primary-hover: var(--click-global-color-text-link-hover);\n --color-text-secondary: var(--click-global-color-text-muted);\n --color-text-muted: var(--click-global-color-text-muted);\n --color-text-muted-hover: var(--click-global-color-title-muted);\n --color-text-brand: var(--click-global-color-accent-default);\n --color-text-brand-hover: var(--click-global-color-text-link-hover);\n --color-text-success: #22c55e;\n --color-text-success-hover: #4ade80;\n --color-text-danger: var(--click-global-color-text-danger);\n --color-text-sidenav-link: var(--click-global-color-text-default);\n --color-text-sidenav-link-active: var(--click-global-color-text-default);\n\n /* Icons */\n --color-icon-primary: #d5d7e0;\n --color-icon-muted: #666980;\n\n /* Overlay & Backdrop */\n --color-overlay: rgb(0 0 0 / 60%);\n --color-backdrop: rgb(0 0 0 / 40%);\n\n /* States */\n --color-state-hover: #2b2c3d;\n --color-state-selected: #34354a;\n --color-state-focus: #4d4f66;\n --color-outline-focus: var(--mantine-primary-color-filled);\n --input-bd-focus: var(--mantine-primary-color-filled);\n\n /* Code / Misc UI */\n --color-bg-code: #1d1e30;\n --color-border-code: #4d4f66;\n --color-bg-kbd: var(--click-global-color-background-default);\n\n /* JSON Syntax Highlighting - Yellow/Gold palette */\n --color-json-string: #ffd966;\n --color-json-number: #f59e0b;\n --color-json-boolean: #f59e0b;\n --color-json-key: #a78bfa;\n --color-json-object: #ffd966;\n --color-json-array: #ffd966;\n --color-json-punctuation: #666980;\n\n /*\n * Chart Colors - Observable 10 categorical palette\n * NOTE: These colors are intentionally duplicated in both dark and light mode sections.\n * CSS specificity requires them to be defined within each [data-mantine-color-scheme] selector\n * to ensure they're applied correctly. A shared .theme-clickstack section would have lower\n * specificity and could be overridden by other styles.\n */\n --color-chart-1: #437eef; /* Blue - Primary */\n --color-chart-2: #efb118; /* Orange */\n --color-chart-3: #ff725c; /* Red */\n --color-chart-4: #6cc5b0; /* Cyan */\n --color-chart-5: #3ca951; /* Green */\n --color-chart-6: #ff8ab7; /* Pink */\n --color-chart-7: #a463f2; /* Purple */\n --color-chart-8: #97bbf5; /* Light Blue */\n --color-chart-9: #9c6b4e; /* Brown */\n --color-chart-10: #9498a0; /* Gray */\n\n /* Chart Semantic Colors */\n --color-chart-success: #3ca951; /* Green */\n --color-chart-warning: #efb118; /* Orange */\n --color-chart-error: #ff725c; /* Red */\n\n /* Chart Semantic Colors - Highlighted (for hover/selection states) */\n --color-chart-success-highlight: #80d9b3;\n --color-chart-warning-highlight: #f5c94d;\n --color-chart-error-highlight: #ffa090;\n\n /* Mantine Overrides */\n --mantine-color-body: var(--color-bg-body) !important;\n --mantine-color-text: var(--color-text);\n\n /* Tabler icons default stroke width - Set default stroke-width to 1.5 for Tabler icons (instead of default 2). This only affects SVGs that have a stroke attribute set. Can be overridden on individual icons by setting strokeWidth prop */\n .tabler-icon {\n stroke-width: 1.5;\n }\n}\n\n/* Light Mode */\n.theme-clickstack[data-mantine-color-scheme='light'] {\n /* Brand Palette - Yellow/Gold */\n --palette-brand-50: #ffffe8;\n --palette-brand-100: #feffc2;\n --palette-brand-200: #fdffa3;\n --palette-brand-300: #faff69;\n --palette-brand-400: #eef400;\n --palette-brand-500: #c7cc00;\n --palette-brand-600: #959900;\n --palette-brand-700: #686b00;\n --palette-brand-800: #3c4601;\n --palette-brand-900: #330;\n --palette-brand-base: #fbff46;\n\n /* Slate Palette - Light Mode */\n --palette-slate-25: #fbfcff;\n --palette-slate-50: #f6f7fa;\n --palette-slate-100: #e6e7e9;\n --palette-slate-200: #cccfd3;\n --palette-slate-300: #b3b6bd;\n --palette-slate-400: #9a9ea7;\n --palette-slate-500: #808691;\n --palette-slate-600: #696e79;\n --palette-slate-700: #53575f;\n --palette-slate-725: #42464b;\n --palette-slate-800: #302e32;\n --palette-slate-900: #161517;\n --palette-slate-base: #373439;\n\n /* Mantine Yellow/Primary Override - Uses Brand Palette */\n --mantine-color-yellow-0: var(--palette-brand-50);\n --mantine-color-yellow-1: var(--palette-brand-100);\n --mantine-color-yellow-2: var(--palette-brand-200);\n --mantine-color-yellow-3: var(--palette-brand-300);\n --mantine-color-yellow-4: var(--palette-brand-400);\n --mantine-color-yellow-5: var(--palette-brand-500);\n --mantine-color-yellow-6: var(--palette-brand-600);\n --mantine-color-yellow-7: var(--palette-brand-700);\n --mantine-color-yellow-8: var(--palette-brand-800);\n --mantine-color-yellow-9: var(--palette-brand-900);\n\n /* Mantine Gray Override - Uses Slate Palette */\n --mantine-color-gray-0: var(--palette-slate-25);\n --mantine-color-gray-1: var(--palette-slate-50);\n --mantine-color-gray-2: var(--palette-slate-100);\n --mantine-color-gray-3: var(--palette-slate-200);\n --mantine-color-gray-4: var(--palette-slate-300);\n --mantine-color-gray-5: var(--palette-slate-400);\n --mantine-color-gray-6: var(--palette-slate-500);\n --mantine-color-gray-7: var(--palette-slate-600);\n --mantine-color-gray-8: var(--palette-slate-700);\n --mantine-color-gray-9: var(--palette-slate-800);\n\n /* Mantine Dark Override - Uses Slate Palette */\n --mantine-color-dark-0: var(--palette-slate-100);\n --mantine-color-dark-1: var(--palette-slate-200);\n --mantine-color-dark-2: var(--palette-slate-300);\n --mantine-color-dark-3: var(--palette-slate-400);\n --mantine-color-dark-4: var(--palette-slate-500);\n --mantine-color-dark-5: var(--palette-slate-600);\n --mantine-color-dark-6: var(--palette-slate-700);\n --mantine-color-dark-7: var(--palette-slate-800);\n --mantine-color-dark-8: var(--palette-slate-900);\n --mantine-color-dark-9: var(--palette-slate-900);\n\n /* Click UI Global Tokens - Light Mode Values */\n --click-global-color-stroke-default: #e6e7e9;\n --click-global-color-accent-default: #151515;\n --click-global-color-background-default: #fff;\n --click-global-color-background-muted: #f6f7fa;\n --click-global-color-text-default: #161517;\n --click-global-color-text-muted: #696e79;\n --click-global-color-text-disabled: #a0a0a0;\n --click-global-color-text-link-default: #437eef;\n --click-global-color-text-link-hover: #104ec6;\n --click-global-color-text-danger: #c10000;\n --click-global-color-title-default: lch(11.126% 1.374 305.43deg);\n --click-global-color-title-muted: #696e79;\n --click-global-color-outline-default: #437eef;\n --click-field-color-background-default: #fbfcff;\n\n /* Backgrounds - Using Click UI tokens */\n --color-bg-body: var(--click-global-color-background-default);\n --color-bg-surface: var(--click-global-color-background-default);\n --color-bg-inverted: var(--mantine-color-dark-3);\n --color-bg-muted: var(--click-global-color-background-muted);\n --color-bg-highlighted: rgb(241 243 245 / 80%);\n --color-bg-sidenav: var(--click-global-color-background-default);\n --color-bg-sidenav-link-active: var(--click-global-color-stroke-default);\n --color-bg-sidenav-link-active-hover: var(--mantine-color-gray-3);\n --color-bg-header: var(--click-global-color-background-muted);\n --color-bg-modal: var(--click-global-color-background-default);\n --color-bg-hover: #e9ecef;\n --color-bg-active: #dee2e6;\n --color-bg-field: var(--click-field-color-background-default);\n --color-bg-field-highlighted: var(--click-global-color-background-default);\n --color-bg-field-addon: var(--click-global-color-background-default);\n --color-bg-neutral: #adb5bd;\n --color-bg-success: #16a34a;\n --color-bg-danger: #dc2626;\n --color-bg-warning: #d97706;\n --color-bg-brand: var(--click-global-color-accent-default);\n --color-bg-brand-hover: var(--click-global-color-accent-hover);\n\n /* Primary Button */\n --color-primary-button-bg: var(--palette-slate-800);\n --color-primary-button-bg-hover: var(--palette-slate-725);\n --color-primary-button-text: var(--color-text-inverted);\n\n /* Borders & Dividers */\n --color-border: var(--click-global-color-stroke-default);\n --color-border-emphasis: var(--mantine-color-dark-1);\n --color-border-muted: rgb(0 0 0 / 8%);\n\n /* Text - Using Click UI tokens */\n --color-text: var(--click-global-color-text-default);\n --color-text-inverted: var(--click-global-color-background-default);\n --color-text-primary: var(--click-global-color-text-link-default);\n --color-text-primary-hover: var(--click-global-color-text-link-hover);\n --color-text-secondary: var(--click-global-color-text-muted);\n --color-text-muted: var(--click-global-color-text-muted);\n --color-text-muted-hover: var(--click-global-color-title-default);\n --color-text-brand: var(--click-global-color-accent-default);\n --color-text-brand-hover: var(--click-global-color-text-link-hover);\n --color-text-success: #16a34a;\n --color-text-success-hover: #15803d;\n --color-text-danger: var(--click-global-color-text-danger);\n --color-text-sidenav-link: var(--click-global-color-text-default);\n --color-text-sidenav-link-active: var(--click-global-color-accent-default);\n\n /* Icons */\n --color-icon-primary: #343a40;\n --color-icon-muted: #868e96;\n\n /* Overlay & Backdrop */\n --color-overlay: rgb(0 0 0 / 30%);\n --color-backdrop: rgb(0 0 0 / 15%);\n\n /* States */\n --color-state-hover: #e9ecef;\n --color-state-selected: #dee2e6;\n --color-state-focus: #ced4da;\n --color-outline-focus: var(--mantine-primary-color-filled);\n\n /* Code / Misc UI */\n --color-bg-code: var(--click-global-color-background-muted);\n --color-border-code: #dee2e6;\n --color-bg-kbd: var(--click-global-color-background-muted);\n\n /* JSON Syntax Highlighting */\n --color-json-string: #997300;\n --color-json-number: #d97706;\n --color-json-boolean: #d97706;\n --color-json-key: #7c3aed;\n --color-json-object: #997300;\n --color-json-array: #997300;\n --color-json-punctuation: #868e96;\n\n /* Chart Colors - See dark mode section for explanation of why duplication is required */\n --color-chart-1: #437eef; /* Blue - Primary */\n --color-chart-2: #efb118; /* Orange */\n --color-chart-3: #ff725c; /* Red */\n --color-chart-4: #6cc5b0; /* Cyan */\n --color-chart-5: #3ca951; /* Green */\n --color-chart-6: #ff8ab7; /* Pink */\n --color-chart-7: #a463f2; /* Purple */\n --color-chart-8: #97bbf5; /* Light Blue */\n --color-chart-9: #9c6b4e; /* Brown */\n --color-chart-10: #9498a0; /* Gray */\n\n /* Chart Semantic Colors */\n --color-chart-success: #3ca951; /* Green */\n --color-chart-warning: #efb118; /* Orange */\n --color-chart-error: #ff725c; /* Red */\n\n /* Chart Semantic Colors - Highlighted (for hover/selection states) */\n --color-chart-success-highlight: #80d9b3;\n --color-chart-warning-highlight: #f5c94d;\n --color-chart-error-highlight: #ffa090;\n\n /* Mantine Overrides */\n --mantine-color-body: var(--color-bg-body);\n --mantine-color-text: var(--color-text);\n\n /* Tabler icons default stroke width - Set default stroke-width to 1.5 for Tabler icons (instead of default 2). This only affects SVGs that have a stroke attribute set. Can be overridden on individual icons by setting strokeWidth prop */\n .tabler-icon {\n stroke-width: 1.5;\n }\n}\n" }, { "path": "packages/app/src/theme/themes/clickstack/index.ts", "content": "import { ThemeConfig } from '../../types';\n\nimport Logomark from './Logomark';\nimport { theme } from './mantineTheme';\nimport Wordmark from './Wordmark';\n\nexport const clickstackTheme: ThemeConfig = {\n name: 'clickstack',\n displayName: 'ClickStack',\n mantineTheme: theme,\n Wordmark,\n Logomark,\n cssClass: 'theme-clickstack',\n favicon: {\n svg: '/favicons/clickstack/favicon.svg',\n png32: '/favicons/clickstack/favicon-32x32.png',\n png16: '/favicons/clickstack/favicon-16x16.png',\n appleTouchIcon: '/favicons/clickstack/apple-touch-icon.png',\n themeColor: '#1a1a1a', // Dark background for ClickStack\n },\n};\n" }, { "path": "packages/app/src/theme/themes/clickstack/mantineTheme.ts", "content": "import {\n ActionIcon,\n Button,\n MantineTheme,\n MantineThemeOverride,\n rem,\n SegmentedControl,\n Select,\n Slider,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\n\nimport variantClasses from '../../../../styles/variants.module.scss';\n\n/**\n * ClickStack Theme\n *\n * A distinct visual identity for ClickStack branding.\n * Primary color: Yellow/Gold accent\n * Style: Modern, professional\n */\nexport const makeTheme = ({\n fontFamily = '\"Inter\", sans-serif',\n}: {\n fontFamily?: string;\n}): MantineThemeOverride => ({\n cursorType: 'pointer',\n fontFamily,\n primaryColor: 'yellow',\n primaryShade: 6,\n autoContrast: true,\n white: '#fff',\n fontSizes: {\n xxs: '11px',\n xs: '12px',\n sm: '13px',\n md: '15px',\n lg: '16px',\n xl: '18px',\n },\n spacing: {\n xxxs: 'calc(0.375rem * var(--mantine-scale))',\n xxs: 'calc(0.5rem * var(--mantine-scale))',\n xs: 'calc(0.625rem * var(--mantine-scale))',\n sm: 'calc(0.75rem * var(--mantine-scale))',\n md: 'calc(1rem * var(--mantine-scale))',\n lg: 'calc(1.25rem * var(--mantine-scale))',\n xl: 'calc(2rem * var(--mantine-scale))',\n },\n colors: {\n // Note: Actual color values are overridden via CSS variables in _tokens.scss\n // These arrays are required for Mantine to recognize the colors\n // The CSS variables allow different palettes for light/dark modes\n yellow: [\n '#ffffe8', // Overridden by --mantine-color-yellow-0\n '#feffc2', // Overridden by --mantine-color-yellow-1\n '#fdffa3', // Overridden by --mantine-color-yellow-2\n '#faff69', // Overridden by --mantine-color-yellow-3\n '#eef400', // Overridden by --mantine-color-yellow-4\n '#c7cc00', // Overridden by --mantine-color-yellow-5\n '#959900', // Overridden by --mantine-color-yellow-6\n '#686b00', // Overridden by --mantine-color-yellow-7\n '#3c4601', // Overridden by --mantine-color-yellow-8\n '#333300', // Overridden by --mantine-color-yellow-9\n ],\n },\n headings: {\n fontFamily,\n },\n components: {\n Tooltip: Tooltip.extend({\n styles: () => ({\n tooltip: {\n fontFamily: 'var(--mantine-font-family)',\n },\n }),\n }),\n Modal: {\n styles: {\n header: {\n fontFamily,\n fontWeight: 'bold',\n },\n },\n },\n InputWrapper: {\n styles: {\n label: {\n marginBottom: 4,\n },\n description: {\n marginBottom: 8,\n lineHeight: 1.3,\n },\n },\n },\n Select: Select.extend({\n styles: {\n input: {\n border: '1px solid var(--color-border)',\n },\n },\n }),\n Slider: Slider.extend({\n styles: {\n bar: {\n backgroundColor: 'var(--color-bg-brand)',\n },\n thumb: {\n borderColor: 'var(--color-bg-brand)',\n },\n },\n }),\n Input: {\n styles: {\n input: {\n backgroundColor: 'var(--color-bg-field)',\n border: '1px solid var(--color-border)',\n },\n },\n },\n Card: {\n styles: (_theme: MantineTheme, props: { variant?: string }) => {\n if (props.variant === 'muted') {\n return {\n root: {\n backgroundColor: 'var(--color-bg-muted)',\n border: '1px solid var(--color-border)',\n },\n };\n }\n return {\n root: {\n backgroundColor: 'var(--color-bg-body)',\n },\n };\n },\n },\n Divider: {\n styles: {\n root: {\n borderColor: 'var(--color-border)',\n borderTopColor: 'var(--color-border)',\n '--divider-color': 'var(--color-border)',\n '--item-border-color': 'var(--color-border)',\n },\n },\n },\n Accordion: {\n styles: (_theme: MantineTheme, props: { variant?: string }) => {\n const base = {\n control: {\n '--item-border-color': 'var(--color-border)',\n },\n item: {\n borderColor: 'var(--color-border)',\n },\n };\n if (props.variant === 'noPadding') {\n return {\n ...base,\n content: {\n paddingInline: 0,\n },\n control: {\n paddingInlineStart: 0,\n },\n };\n }\n return base;\n },\n },\n UnstyledButton: {\n styles: {\n root: {\n '--item-border-color': 'var(--color-border)',\n },\n },\n },\n Paper: {\n classNames: (_theme: MantineTheme, props: { variant?: string }) => {\n if (props.variant === 'muted') {\n return {\n root: 'paper-muted',\n };\n }\n return {};\n },\n styles: (_theme: MantineTheme, props: { variant?: string }) => {\n if (props.variant === 'muted') {\n return {\n root: {\n backgroundColor: 'var(--color-bg-muted)',\n border: '1px solid var(--color-border)',\n },\n };\n }\n return {\n root: {\n border: '1px solid var(--color-border)',\n },\n };\n },\n },\n Text: Text.extend({\n styles: (theme, props) => {\n if (props.variant === 'danger') {\n return {\n root: {\n color: 'var(--color-text-danger)',\n },\n };\n }\n return {};\n },\n }),\n Button: Button.extend({\n defaultProps: {\n variant: 'primary',\n },\n classNames: (_theme, props) => {\n if (props.variant === 'link') {\n return { root: variantClasses.buttonLink };\n }\n return {};\n },\n vars: (_theme, props) => {\n const baseVars: Record = {};\n\n if (props.size === 'xxs') {\n baseVars['--button-height'] = rem(22);\n baseVars['--button-padding-x'] = rem(4);\n baseVars['--button-fz'] = rem(12);\n }\n\n // Use Mantine's built-in CSS vars for hover support\n if (props.variant === 'primary') {\n baseVars['--button-bg'] = 'var(--color-primary-button-bg)';\n baseVars['--button-hover'] = 'var(--color-primary-button-bg-hover)';\n baseVars['--button-color'] = 'var(--color-primary-button-text)';\n baseVars['--button-color-hover'] = 'var(--color-primary-button-text)';\n }\n\n if (props.variant === 'secondary') {\n baseVars['--button-bg'] = 'var(--color-bg-body)';\n baseVars['--button-hover'] = 'var(--color-bg-hover)';\n baseVars['--button-color'] = 'var(--color-text)';\n baseVars['--button-bd'] = '1px solid var(--color-border)';\n }\n\n if (props.variant === 'danger') {\n baseVars['--button-bg'] = 'var(--mantine-color-red-light)';\n baseVars['--button-hover'] = 'var(--mantine-color-red-light-hover)';\n baseVars['--button-color'] = 'var(--mantine-color-red-light-color)';\n }\n\n if (props.variant === 'link') {\n baseVars['--button-bg'] = 'transparent';\n baseVars['--button-hover'] = 'transparent';\n baseVars['--button-color'] = 'var(--color-text-secondary)';\n baseVars['--button-bd'] = 'none';\n baseVars['--button-padding-x'] = '0';\n }\n\n return { root: baseVars };\n },\n }),\n SegmentedControl: SegmentedControl.extend({\n styles: (_theme, props) => ({\n root: {\n background: 'var(--color-bg-field)',\n },\n indicator: {\n background: 'var(--color-bg-field-highlighted)',\n },\n }),\n }),\n Tabs: Tabs.extend({\n vars: () => ({\n root: {\n '--tabs-color': 'var(--color-text-brand)',\n },\n }),\n }),\n ActionIcon: ActionIcon.extend({\n defaultProps: {\n variant: 'subtle',\n color: 'gray',\n },\n classNames: (_theme, props) => {\n if (props.variant === 'link') {\n return { root: variantClasses.actionIconLink };\n }\n return {};\n },\n vars: (_theme, props) => {\n const baseVars: Record = {};\n\n if (props.variant === 'subtle') {\n baseVars['--ai-bg'] = 'transparent';\n baseVars['--ai-hover'] = 'var(--color-bg-hover)';\n baseVars['--ai-color'] = 'var(--color-text)';\n }\n\n if (props.variant === 'default') {\n baseVars['--ai-bg'] = 'var(--color-bg-hover)';\n baseVars['--ai-hover'] = 'var(--color-bg-muted)';\n baseVars['--ai-color'] = 'var(--color-text)';\n baseVars['--ai-bd'] = 'none';\n }\n\n if (props.variant === 'primary') {\n baseVars['--ai-bg'] = 'var(--color-primary-button-bg)';\n baseVars['--ai-hover'] = 'var(--color-primary-button-bg-hover)';\n baseVars['--ai-color'] = 'var(--color-primary-button-text)';\n }\n\n if (props.variant === 'secondary') {\n baseVars['--ai-bg'] = 'var(--color-bg-surface)';\n baseVars['--ai-hover'] = 'var(--color-bg-hover)';\n baseVars['--ai-color'] = 'var(--color-text)';\n baseVars['--ai-bd'] = '1px solid var(--color-border)';\n }\n\n if (props.variant === 'danger') {\n baseVars['--ai-bg'] = 'var(--mantine-color-red-light)';\n baseVars['--ai-hover'] = 'var(--mantine-color-red-light-hover)';\n baseVars['--ai-color'] = 'var(--mantine-color-red-light-color)';\n }\n\n if (props.variant === 'link') {\n baseVars['--ai-bg'] = 'transparent';\n baseVars['--ai-hover'] = 'transparent';\n baseVars['--ai-color'] = 'var(--color-text-secondary)';\n baseVars['--ai-bd'] = 'none';\n }\n\n return { root: baseVars };\n },\n }),\n },\n});\n\nexport const theme = makeTheme({});\n" }, { "path": "packages/app/src/theme/themes/hyperdx/Logomark.tsx", "content": "export default function Logomark({ size = 16 }: { size?: number }) {\n return (\n \n \n \n \n \n \n \n \n \n \n \n );\n}\n" }, { "path": "packages/app/src/theme/themes/hyperdx/Wordmark.tsx", "content": "import React from 'react';\n\nimport Logomark from './Logomark';\n\nexport default function Wordmark() {\n return (\n
\n \n \n
\n\n \n HyperDX\n \n \n );\n}\n" }, { "path": "packages/app/src/theme/themes/hyperdx/_tokens.scss", "content": "/* HyperDX Theme Design Tokens */\n\n/* Default theme with green accent */\n\n/*\n * These mixins define all design tokens for HyperDX theme.\n * They are used both here (for .theme-hyperdx scoped selectors) and\n * in _base-tokens.scss (for unscoped fallback selectors during SSR).\n */\n\n@mixin dark-mode-tokens {\n /* Backgrounds */\n --color-bg-body: var(--mantine-color-dark-9);\n --color-bg-surface: var(--mantine-color-dark-5);\n --color-bg-inverted: var(--mantine-color-dark-1);\n --color-bg-muted: var(--mantine-color-dark-7);\n --color-bg-highlighted: rgb(55 58 64 / 70%);\n --color-bg-sidenav: var(--mantine-color-dark-9);\n --color-bg-sidenav-link-active: var(--mantine-color-dark-6);\n --color-bg-sidenav-link-active-hover: var(--mantine-color-dark-7);\n --color-bg-header: var(--mantine-color-dark-9);\n --color-bg-hover: var(--mantine-color-dark-6);\n --color-bg-active: var(--mantine-color-dark-5);\n --color-bg-field: var(--mantine-color-dark-6);\n --color-bg-field-highlighted: var(--mantine-color-dark-5);\n --color-bg-field-addon: var(--mantine-color-dark-5);\n --color-bg-neutral: var(--mantine-color-dark-4);\n --color-bg-brand: var(--mantine-color-green-4);\n --color-bg-brand-hover: var(--mantine-color-green-3);\n --color-bg-success: var(--mantine-color-green-5);\n --color-bg-danger: var(--mantine-color-red-4);\n --color-bg-warning: var(--mantine-color-orange-5);\n\n /* Primary Button - uses brand green colors */\n --color-primary-button-bg: var(--mantine-color-green-light);\n --color-primary-button-bg-hover: var(--mantine-color-green-light-hover);\n --color-primary-button-text: var(--mantine-color-green-light-color);\n\n /* Borders & Dividers */\n --color-border: var(--mantine-color-dark-5);\n --color-border-emphasis: var(--mantine-color-dark-4);\n --color-border-muted: rgb(255 255 255 / 8%);\n\n /* Text */\n --color-text: var(--mantine-color-dark-0);\n --color-text-inverted: var(--mantine-color-dark-9);\n --color-text-primary: var(--mantine-color-green-4);\n --color-text-primary-hover: var(--mantine-color-green-3);\n --color-text-secondary: var(--mantine-color-dark-2);\n --color-text-muted: var(--mantine-color-dark-2);\n --color-text-muted-hover: var(--mantine-color-dark-1);\n --color-text-brand: var(--mantine-color-green-4);\n --color-text-brand-hover: var(--mantine-color-green-3);\n --color-text-success: var(--mantine-color-green-4);\n --color-text-success-hover: var(--mantine-color-green-3);\n --color-text-danger: var(--mantine-color-red-3);\n --color-text-sidenav-link: var(--mantine-color-dark-0);\n --color-text-sidenav-link-active: var(--color-text-primary);\n\n /* Icons */\n --color-icon-primary: var(--mantine-color-dark-1);\n --color-icon-muted: var(--mantine-color-dark-4);\n\n /* Overlay & Backdrop */\n --color-overlay: rgb(0 0 0 / 50%);\n --color-backdrop: rgb(0 0 0 / 30%);\n\n /* States */\n --color-state-hover: var(--mantine-color-dark-6);\n --color-state-selected: var(--mantine-color-dark-5);\n --color-state-focus: var(--mantine-color-dark-4);\n --color-outline-focus: var(--mantine-color-green-4);\n\n /* Code / Misc UI */\n --color-bg-code: var(--mantine-color-dark-8);\n --color-border-code: var(--mantine-color-dark-6);\n --color-bg-kbd: var(--mantine-color-dark-9);\n\n /* JSON Syntax Highlighting */\n --color-json-string: var(--mantine-color-green-3);\n --color-json-number: var(--mantine-color-orange-3);\n --color-json-boolean: var(--mantine-color-orange-3);\n --color-json-key: var(--mantine-color-violet-3);\n --color-json-object: var(--mantine-color-green-3);\n --color-json-array: var(--mantine-color-green-3);\n --color-json-punctuation: var(--mantine-color-dark-4);\n\n /* Chart Colors - Brand green first, then Observable palette\n Note: 1-indexed CSS vars map to 0-indexed COLORS array in utils.ts\n e.g., --color-chart-1 corresponds to COLORS[0] */\n --color-chart-1: #00c28a; /* Green - Brand (primary) */\n --color-chart-2: #4269d0; /* Blue */\n --color-chart-3: #efb118; /* Orange */\n --color-chart-4: #ff725c; /* Red */\n --color-chart-5: #6cc5b0; /* Cyan */\n --color-chart-6: #ff8ab7; /* Pink */\n --color-chart-7: #a463f2; /* Purple */\n --color-chart-8: #97bbf5; /* Light Blue */\n --color-chart-9: #9c6b4e; /* Brown */\n --color-chart-10: #9498a0; /* Gray */\n\n /* Chart Semantic Colors */\n --color-chart-success: #00c28a; /* Green - Brand */\n --color-chart-warning: #efb118; /* Orange */\n --color-chart-error: #ff725c; /* Red */\n\n /* Chart Semantic Colors - Highlighted (for hover/selection states) */\n --color-chart-success-highlight: #80d9b3;\n --color-chart-warning-highlight: #f5c94d;\n --color-chart-error-highlight: #ffa090;\n\n /* Mantine Overrides */\n --mantine-color-body: var(--color-bg-body) !important;\n --mantine-color-text: var(--color-text);\n}\n\n@mixin light-mode-tokens {\n /* Backgrounds - inverted (dark becomes light) */\n --color-bg-body: var(--mantine-color-white);\n --color-bg-surface: var(--mantine-color-white);\n --color-bg-inverted: var(--mantine-color-dark-3);\n --color-bg-muted: #f6f6fa;\n --color-bg-highlighted: rgb(230 232 237 / 70%);\n --color-bg-sidenav: var(--mantine-color-white);\n --color-bg-sidenav-link-active: #f6f6fa;\n --color-bg-sidenav-link-active-hover: var(--mantine-color-gray-2);\n --color-bg-header: var(--mantine-color-gray-1);\n --color-bg-modal: var(--mantine-color-white);\n --color-bg-hover: var(--mantine-color-gray-3);\n --color-bg-active: var(--mantine-color-gray-4);\n --color-bg-field: #f9f9fc;\n --color-bg-field-highlighted: var(--mantine-color-white);\n --color-bg-field-addon: var(--mantine-color-white);\n --color-bg-neutral: var(--mantine-color-gray-5);\n --color-bg-brand: var(--mantine-color-green-8);\n --color-bg-brand-hover: var(--mantine-color-green-9);\n --color-bg-success: var(--mantine-color-green-8);\n --color-bg-danger: var(--mantine-color-red-8);\n --color-bg-warning: var(--mantine-color-orange-8);\n\n /* Primary Button - uses brand green colors */\n --color-primary-button-bg: var(--mantine-color-green-light);\n --color-primary-button-bg-hover: var(--mantine-color-green-light-hover);\n --color-primary-button-text: var(--mantine-color-green-light-color);\n\n /* Borders & Dividers - inverted */\n --color-border: var(--mantine-color-gray-1);\n --color-border-emphasis: var(--mantine-color-gray-2);\n --color-border-muted: rgb(0 0 0 / 5%);\n\n /* Text - inverted */\n --color-text: var(--mantine-color-dark-9);\n --color-text-inverted: var(--mantine-color-white);\n --color-text-primary: var(--mantine-color-green-8);\n --color-text-primary-hover: var(--mantine-color-green-9);\n --color-text-secondary: var(--mantine-color-gray-5);\n --color-text-muted: var(--mantine-color-dark-6);\n --color-text-muted-hover: var(--mantine-color-dark-9);\n --color-text-brand: var(--mantine-color-green-8);\n --color-text-brand-hover: var(--mantine-color-green-9);\n --color-text-success: var(--mantine-color-green-8);\n --color-text-success-hover: var(--mantine-color-green-9);\n --color-text-danger: var(--mantine-color-red-8);\n --color-text-sidenav-link: var(--mantine-color-dark-6);\n --color-text-sidenav-link-active: var(--mantine-color-green-9);\n\n /* Icons - inverted */\n --color-icon-primary: var(--mantine-color-dark-8);\n --color-icon-muted: var(--mantine-color-dark-5);\n\n /* Overlay & Backdrop */\n --color-overlay: rgb(0 0 0 / 30%);\n --color-backdrop: rgb(0 0 0 / 10%);\n\n /* States - inverted */\n --color-state-hover: var(--mantine-color-dark-3);\n --color-state-selected: var(--mantine-color-dark-4);\n --color-state-focus: var(--mantine-color-dark-5);\n --color-outline-focus: var(--mantine-color-green-8);\n\n /* Code / Misc UI - inverted */\n --color-bg-code: var(--mantine-color-dark-1);\n --color-border-code: var(--mantine-color-dark-3);\n --color-bg-kbd: var(--mantine-color-dark-0);\n\n /* JSON Syntax Highlighting */\n --color-json-string: var(--mantine-color-green-9);\n --color-json-number: var(--mantine-color-orange-7);\n --color-json-boolean: var(--mantine-color-orange-7);\n --color-json-key: var(--mantine-color-violet-9);\n --color-json-object: var(--mantine-color-green-7);\n --color-json-array: var(--mantine-color-green-7);\n --color-json-punctuation: var(--mantine-color-dark-5);\n\n /* Chart Colors - Brand green first, then Observable palette (same for light mode) */\n --color-chart-1: #00c28a; /* Green - Brand (primary) */\n --color-chart-2: #4269d0; /* Blue */\n --color-chart-3: #efb118; /* Orange */\n --color-chart-4: #ff725c; /* Red */\n --color-chart-5: #6cc5b0; /* Cyan */\n --color-chart-6: #ff8ab7; /* Pink */\n --color-chart-7: #a463f2; /* Purple */\n --color-chart-8: #97bbf5; /* Light Blue */\n --color-chart-9: #9c6b4e; /* Brown */\n --color-chart-10: #9498a0; /* Gray */\n\n /* Chart Semantic Colors */\n --color-chart-success: #00c28a; /* Green - Brand */\n --color-chart-warning: #efb118; /* Orange */\n --color-chart-error: #ff725c; /* Red */\n\n /* Chart Semantic Colors - Highlighted (for hover/selection states) */\n --color-chart-success-highlight: #80d9b3;\n --color-chart-warning-highlight: #f5c94d;\n --color-chart-error-highlight: #ffa090;\n\n /* Mantine Overrides */\n --mantine-color-body: var(--color-bg-body);\n --mantine-color-text: var(--color-text);\n}\n\n/* Dark Mode - scoped to .theme-hyperdx */\n.theme-hyperdx[data-mantine-color-scheme='dark'] {\n @include dark-mode-tokens;\n}\n\n/* Light Mode - scoped to .theme-hyperdx */\n.theme-hyperdx[data-mantine-color-scheme='light'] {\n @include light-mode-tokens;\n}\n" }, { "path": "packages/app/src/theme/themes/hyperdx/index.ts", "content": "import { ThemeConfig } from '../../types';\n\nimport Logomark from './Logomark';\nimport { theme } from './mantineTheme';\nimport Wordmark from './Wordmark';\n\nexport const hyperdxTheme: ThemeConfig = {\n name: 'hyperdx',\n displayName: 'HyperDX',\n mantineTheme: theme,\n Wordmark,\n Logomark,\n cssClass: 'theme-hyperdx',\n favicon: {\n svg: '/favicons/hyperdx/favicon.svg',\n png32: '/favicons/hyperdx/favicon-32x32.png',\n png16: '/favicons/hyperdx/favicon-16x16.png',\n appleTouchIcon: '/favicons/hyperdx/apple-touch-icon.png',\n themeColor: '#25292e', // Dark background\n },\n};\n" }, { "path": "packages/app/src/theme/themes/hyperdx/mantineTheme.ts", "content": "import {\n ActionIcon,\n Button,\n MantineTheme,\n MantineThemeOverride,\n rem,\n SegmentedControl,\n Select,\n Slider,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\n\nimport focusClasses from '../../../../styles/focus.module.scss';\nimport variantClasses from '../../../../styles/variants.module.scss';\n\nexport const makeTheme = ({\n fontFamily = '\"IBM Plex Sans\", monospace',\n}: {\n fontFamily?: string;\n}): MantineThemeOverride => ({\n cursorType: 'pointer',\n fontFamily,\n focusClassName: focusClasses.focusRing,\n primaryColor: 'green',\n primaryShade: 8,\n autoContrast: true,\n white: '#fff',\n fontSizes: {\n xxs: '11px',\n xs: '12px',\n sm: '13px',\n md: '15px',\n lg: '16px',\n xl: '18px',\n },\n spacing: {\n xxxs: 'calc(0.375rem * var(--mantine-scale))',\n xxs: 'calc(0.5rem * var(--mantine-scale))',\n xs: 'calc(0.625rem * var(--mantine-scale))',\n sm: 'calc(0.75rem * var(--mantine-scale))',\n md: 'calc(1rem * var(--mantine-scale))',\n lg: 'calc(1.25rem * var(--mantine-scale))',\n xl: 'calc(2rem * var(--mantine-scale))',\n },\n colors: {\n green: [\n '#eafff6',\n '#cdfee7',\n '#a0fad5',\n '#63f2bf',\n '#25e2a5',\n '#00c28a',\n '#00a475',\n '#008362',\n '#00674e',\n '#005542',\n ],\n gray: [\n '#FAFAFA',\n '#e6e6ee',\n '#D7D8DB',\n '#aeaeb7',\n '#A1A1AA',\n '#868691',\n '#7e7e8b',\n '#6c6c79',\n '#5f5f6e',\n '#515264',\n ],\n dark: [\n '#C1C2C5',\n '#A6A7AB',\n '#909296',\n '#5C5F66',\n '#373A40',\n '#2C2E33',\n '#25262B',\n '#1A1B1E',\n '#141517',\n '#101113',\n ],\n },\n headings: {\n fontFamily,\n },\n components: {\n Tooltip: Tooltip.extend({\n styles: () => ({\n tooltip: {\n fontFamily: 'var(--mantine-font-family)',\n },\n }),\n }),\n Modal: {\n styles: {\n header: {\n fontFamily,\n fontWeight: 'bold',\n },\n },\n },\n InputWrapper: {\n styles: {\n label: {\n marginBottom: 4,\n },\n description: {\n marginBottom: 8,\n lineHeight: 1.3,\n },\n },\n },\n Select: Select.extend({\n styles: {\n input: {\n border: '1px solid var(--color-border)',\n },\n },\n }),\n Slider: Slider.extend({\n styles: {\n bar: {\n backgroundColor: 'var(--color-bg-brand)',\n },\n thumb: {\n borderColor: 'var(--color-bg-brand)',\n },\n },\n }),\n Input: {\n styles: {\n input: {\n backgroundColor: 'var(--color-bg-field)',\n border: '1px solid var(--color-border)',\n },\n },\n },\n Card: {\n styles: (_theme: MantineTheme, props: { variant?: string }) => {\n if (props.variant === 'muted') {\n return {\n root: {\n backgroundColor: 'var(--color-bg-muted)',\n border: '1px solid var(--color-border)',\n },\n };\n }\n return {\n root: {\n backgroundColor: 'var(--color-bg-body)',\n },\n };\n },\n },\n Divider: {\n styles: {\n root: {\n borderColor: 'var(--color-border)',\n borderTopColor: 'var(--color-border)',\n '--divider-color': 'var(--color-border)',\n '--item-border-color': 'var(--color-border)',\n },\n },\n },\n Accordion: {\n styles: (_theme: MantineTheme, props: { variant?: string }) => {\n const base = {\n control: {\n '--item-border-color': 'var(--color-border)',\n },\n item: {\n borderColor: 'var(--color-border)',\n },\n };\n if (props.variant === 'noPadding') {\n return {\n ...base,\n content: {\n paddingInline: 0,\n },\n control: {\n paddingInlineStart: 0,\n },\n };\n }\n return base;\n },\n },\n UnstyledButton: {\n styles: {\n root: {\n '--item-border-color': 'var(--color-border)',\n },\n },\n },\n Paper: {\n classNames: (_theme: MantineTheme, props: { variant?: string }) => {\n if (props.variant === 'muted') {\n return {\n root: 'paper-muted',\n };\n }\n return {};\n },\n styles: (_theme: MantineTheme, props: { variant?: string }) => {\n if (props.variant === 'muted') {\n return {\n root: {\n backgroundColor: 'var(--color-bg-muted)',\n border: '1px solid var(--color-border)',\n },\n };\n }\n return {\n root: {\n border: '1px solid var(--color-border)',\n },\n };\n },\n },\n Text: Text.extend({\n styles: (theme, props) => {\n if (props.variant === 'danger') {\n return {\n root: {\n color: 'var(--color-text-danger)',\n },\n };\n }\n return {};\n },\n }),\n Button: Button.extend({\n defaultProps: {\n variant: 'primary',\n },\n classNames: (_theme, props) => {\n if (props.variant === 'link') {\n return { root: variantClasses.buttonLink };\n }\n return {};\n },\n vars: (_theme, props) => {\n const baseVars: Record = {};\n\n if (props.size === 'xxs') {\n baseVars['--button-height'] = rem(22);\n baseVars['--button-padding-x'] = rem(4);\n baseVars['--button-fz'] = rem(12);\n }\n\n // Use semantic CSS vars for primary button styling\n if (props.variant === 'primary') {\n baseVars['--button-bg'] = 'var(--color-primary-button-bg)';\n baseVars['--button-hover'] = 'var(--color-primary-button-bg-hover)';\n baseVars['--button-color'] = 'var(--color-primary-button-text)';\n baseVars['--button-color-hover'] = 'var(--color-primary-button-text)';\n }\n\n if (props.variant === 'secondary') {\n baseVars['--button-bg'] = 'var(--color-bg-body)';\n baseVars['--button-hover'] = 'var(--color-bg-muted)';\n baseVars['--button-color'] = 'var(--color-text)';\n baseVars['--button-bd'] = '1px solid var(--color-border)';\n }\n\n if (props.variant === 'danger') {\n baseVars['--button-bg'] = 'var(--mantine-color-red-light)';\n baseVars['--button-hover'] = 'var(--mantine-color-red-light-hover)';\n baseVars['--button-color'] = 'var(--mantine-color-red-light-color)';\n }\n\n if (props.variant === 'link') {\n baseVars['--button-bg'] = 'transparent';\n baseVars['--button-hover'] = 'transparent';\n baseVars['--button-color'] = 'var(--color-text-secondary)';\n baseVars['--button-bd'] = 'none';\n baseVars['--button-padding-x'] = '0';\n }\n\n return { root: baseVars };\n },\n }),\n SegmentedControl: SegmentedControl.extend({\n styles: (_theme, props) => ({\n root: {\n background: 'var(--color-bg-field)',\n },\n indicator: {\n background: 'var(--color-bg-field-highlighted)',\n },\n }),\n }),\n Tabs: Tabs.extend({\n vars: () => ({\n root: {\n '--tabs-color': 'var(--color-text-brand)',\n },\n }),\n }),\n ActionIcon: ActionIcon.extend({\n defaultProps: {\n variant: 'subtle',\n color: 'gray',\n },\n classNames: (_theme, props) => {\n if (props.variant === 'link') {\n return { root: variantClasses.actionIconLink };\n }\n return {};\n },\n vars: (_theme, props) => {\n const baseVars: Record = {};\n\n if (props.variant === 'subtle') {\n baseVars['--ai-bg'] = 'transparent';\n baseVars['--ai-hover'] = 'var(--color-bg-hover)';\n baseVars['--ai-color'] = 'var(--color-text)';\n }\n\n if (props.variant === 'default') {\n baseVars['--ai-bg'] = 'var(--color-bg-hover)';\n baseVars['--ai-hover'] = 'var(--color-bg-muted)';\n baseVars['--ai-color'] = 'var(--color-text)';\n baseVars['--ai-bd'] = 'none';\n }\n\n if (props.variant === 'primary') {\n baseVars['--ai-bg'] = 'var(--color-primary-button-bg)';\n baseVars['--ai-hover'] = 'var(--color-primary-button-bg-hover)';\n baseVars['--ai-color'] = 'var(--color-primary-button-text)';\n }\n\n if (props.variant === 'secondary') {\n baseVars['--ai-bg'] = 'var(--color-bg-surface)';\n baseVars['--ai-hover'] = 'var(--color-bg-hover)';\n baseVars['--ai-color'] = 'var(--color-text)';\n baseVars['--ai-bd'] = '1px solid var(--color-border)';\n }\n\n if (props.variant === 'danger') {\n baseVars['--ai-bg'] = 'var(--mantine-color-red-light)';\n baseVars['--ai-hover'] = 'var(--mantine-color-red-light-hover)';\n baseVars['--ai-color'] = 'var(--mantine-color-red-light-color)';\n }\n\n if (props.variant === 'link') {\n baseVars['--ai-bg'] = 'transparent';\n baseVars['--ai-hover'] = 'transparent';\n baseVars['--ai-color'] = 'var(--color-text-secondary)';\n baseVars['--ai-bd'] = 'none';\n }\n\n return { root: baseVars };\n },\n }),\n },\n});\n\nexport const theme = makeTheme({});\n" }, { "path": "packages/app/src/theme/types.ts", "content": "import React from 'react';\nimport { MantineThemeOverride } from '@mantine/core';\n\n/**\n * ============================================================================\n * THEMING CONCEPTS: Color Mode vs Brand Theme\n * ============================================================================\n *\n * This codebase has TWO separate theming concepts:\n *\n * 1. COLOR MODE (light/dark/system)\n * - User-selectable preference stored in `useUserPreferences().colorMode`\n * - 'system' follows OS prefers-color-scheme; default is 'system'\n * - Affects visual appearance: backgrounds, text colors, etc.\n * - Managed by Mantine's color scheme system\n * - Persisted to localStorage via `hdx-user-preferences`\n *\n * 2. BRAND THEME (hyperdx/clickstack)\n * - Deployment-configured, NOT user-selectable in production\n * - Set via `NEXT_PUBLIC_THEME` environment variable\n * - Affects branding: logos, accent colors, favicons\n * - Each deployment is branded for one specific product\n * - Dev mode allows switching via localStorage (set via dev UI)\n *\n * WHY SEPARATE?\n * - Color mode is personal preference (accessibility, comfort)\n * - Brand theme is business identity (product differentiation)\n * - A ClickStack deployment should never show HyperDX branding, regardless of color mode\n *\n * @see useUserPreferences - manages colorMode (user preference)\n * @see AppThemeProvider - manages brand theme (deployment config)\n */\n\n/**\n * Brand theme identifier.\n * This is DEPLOYMENT-CONFIGURED, not user-selectable in production.\n */\nexport type ThemeName = 'hyperdx' | 'clickstack';\n\n/**\n * Favicon configuration for a theme.\n * Modern best practice includes multiple formats for broad compatibility.\n */\nexport interface FaviconConfig {\n /** SVG favicon - best for modern browsers, scalable */\n svg: string;\n /** PNG 32x32 - standard fallback */\n png32: string;\n /** PNG 16x16 - for small contexts */\n png16: string;\n /** Apple Touch Icon 180x180 - for iOS home screen */\n appleTouchIcon: string;\n /** Theme color for browser UI (address bar, etc.) */\n themeColor: string;\n}\n\nexport interface ThemeConfig {\n name: ThemeName;\n displayName: string;\n mantineTheme: MantineThemeOverride;\n Wordmark: React.ComponentType;\n Logomark: React.ComponentType<{ size?: number }>;\n cssClass: string; // Applied to html element for CSS variable scoping\n favicon: FaviconConfig;\n}\n" }, { "path": "packages/app/src/timeQuery.ts", "content": "import {\n Dispatch,\n SetStateAction,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useRouter } from 'next/router';\nimport {\n formatDuration,\n intervalToDuration,\n isValid,\n startOfSecond,\n sub,\n subMilliseconds,\n} from 'date-fns';\nimport { parseAsFloat, useQueryStates } from 'nuqs';\nimport {\n NumberParam,\n StringParam,\n useQueryParam,\n useQueryParams,\n withDefault,\n} from 'use-query-params';\nimport { formatDate } from '@hyperdx/common-utils/dist/core/utils';\nimport { DateRange } from '@hyperdx/common-utils/dist/types';\n\nimport { parseTimeRangeInput } from './components/TimePicker/utils';\nimport { useUserPreferences } from './useUserPreferences';\nimport { usePrevious } from './utils';\n\nconst LIVE_TAIL_TIME_QUERY = 'Live Tail';\nconst LIVE_TAIL_REFRESH_INTERVAL_MS = 1000;\n\nexport const dateRangeToString = (range: [Date, Date], isUTC: boolean) => {\n return `${formatDate(range[0], {\n isUTC,\n format: 'normal',\n clock: '24h',\n })} - ${formatDate(range[1], {\n isUTC,\n format: 'normal',\n clock: '24h',\n })}`;\n};\n\nfunction isInputTimeQueryLive(inputTimeQuery: string) {\n return inputTimeQuery === '' || inputTimeQuery.includes(LIVE_TAIL_TIME_QUERY);\n}\n\nexport function parseRelativeTimeQuery(interval: number) {\n // eslint-disable-next-line no-restricted-syntax\n const end = startOfSecond(new Date());\n return [subMilliseconds(end, interval), end];\n}\n\nexport function parseTimeQuery(\n timeQuery: string,\n isUTC: boolean,\n): [Date | null, Date | null] {\n return parseTimeRangeInput(timeQuery, isUTC);\n}\n\nexport function parseValidTimeRange(\n timeQuery: string,\n isUTC: boolean,\n): [Date, Date] | undefined {\n const [start, end] = parseTimeQuery(timeQuery, isUTC);\n if (start != null && end != null) {\n return [start, end];\n }\n return undefined;\n}\n\nexport function useTimeQuery({\n defaultValue = LIVE_TAIL_TIME_QUERY,\n defaultTimeRange = [-1, -1],\n isLiveEnabled = true,\n}: {\n defaultValue?: string;\n defaultTimeRange?: [number, number];\n isLiveEnabled?: boolean;\n}) {\n const router = useRouter();\n // We need to return true in SSR to prevent mismatch issues\n const isReady = typeof window === 'undefined' ? true : router.isReady;\n const prevIsReady = usePrevious(isReady);\n\n const {\n userPreferences: { isUTC },\n } = useUserPreferences();\n\n const [displayedTimeInputValue, setDisplayedTimeInputValue] = useState<\n undefined | string\n >(undefined);\n\n const [_timeRangeQuery, setTimeRangeQuery] = useQueryParams(\n {\n from: withDefault(NumberParam, undefined),\n to: withDefault(NumberParam, undefined),\n },\n {\n updateType: 'pushIn',\n enableBatching: true,\n },\n );\n\n const timeRangeQuery = useMemo(\n () => ({\n from: _timeRangeQuery.from ?? defaultTimeRange[0],\n to: _timeRangeQuery.to ?? defaultTimeRange[1],\n }),\n [_timeRangeQuery, defaultTimeRange],\n );\n\n // Allow browser back/fwd button to modify the displayed time input value\n const [inputTimeQuery, setInputTimeQuery] = useQueryParam(\n 'tq',\n withDefault(StringParam, ''),\n {\n updateType: 'pushIn',\n enableBatching: true,\n },\n );\n const prevInputTimeQuery = usePrevious(inputTimeQuery);\n\n useEffect(() => {\n // Only trigger this once when the qparams have loaded\n if (isReady && !prevIsReady) {\n if (inputTimeQuery != '') {\n setDisplayedTimeInputValue(inputTimeQuery);\n } else if (_timeRangeQuery.from != null && _timeRangeQuery.to != null) {\n // If we're missing the time range query, let's parse it from the input time query\n const timeQueryDerivedInputValue = dateRangeToString(\n [new Date(_timeRangeQuery.from), new Date(_timeRangeQuery.to)],\n isUTC,\n );\n setDisplayedTimeInputValue(timeQueryDerivedInputValue);\n setInputTimeQuery(timeQueryDerivedInputValue);\n } else {\n setDisplayedTimeInputValue(defaultValue);\n }\n }\n }, [\n _timeRangeQuery,\n defaultValue,\n inputTimeQuery,\n isReady,\n isUTC,\n prevIsReady,\n setInputTimeQuery,\n setDisplayedTimeInputValue,\n ]);\n\n const [liveTailTimeRange, setLiveTailTimeRange] = useState<\n [Date, Date] | undefined\n >(undefined);\n // XXX: This hack is needed as setTimeRangeQuery doesn't update the query params immediately\n // when switching from live -> not live\n // this causes us to enter a temporary state where we're not live tailing,\n // and liveTailTimeRange is undefined but the timeRangeQuery is [-1, -1]\n // We still need to return the last live tail value or else we'll trigger\n // unnecessary searches with the wrong time range\n const [tempLiveTailTimeRange, setTempLiveTailTimeRange] = useState<\n [Date, Date] | undefined\n >(undefined);\n\n const timeQueryDerivedInputValue =\n isReady && timeRangeQuery.from != -1 && timeRangeQuery.to != -1\n ? dateRangeToString(\n [new Date(timeRangeQuery.from), new Date(timeRangeQuery.to)],\n isUTC,\n )\n : undefined;\n\n const inputTimeQueryDerivedTimeQueryRef = useRef<[Date, Date] | undefined>(\n undefined,\n );\n\n // When the inputTimeQuery changes, we should calculate the time range\n // and set the timeRangeQuery if there is no existing time range query\n // if we're not supposed to be in live tail\n // Useful for relative time ranges where only tq is provided (ex. ?tq=Past+1d)\n useEffect(() => {\n if (\n isReady &&\n !isInputTimeQueryLive(inputTimeQuery) &&\n prevInputTimeQuery != inputTimeQuery\n ) {\n const timeRange = parseValidTimeRange(inputTimeQuery, isUTC);\n inputTimeQueryDerivedTimeQueryRef.current = timeRange;\n\n if (\n timeRange != null &&\n _timeRangeQuery.from == null &&\n _timeRangeQuery.to == null\n ) {\n setTimeRangeQuery({\n from: timeRange[0].getTime(),\n to: timeRange[1].getTime(),\n });\n }\n }\n }, [\n isReady,\n inputTimeQuery,\n isUTC,\n _timeRangeQuery,\n setTimeRangeQuery,\n prevInputTimeQuery,\n ]);\n\n // Derive searchedTimeRange\n const searchedTimeRange: [Date, Date] = useMemo(() => {\n if (isReady && timeRangeQuery.from != -1 && timeRangeQuery.to != -1) {\n // If we're ready and there's an existing time query, use that\n return [new Date(timeRangeQuery.from), new Date(timeRangeQuery.to)];\n } else if (\n isReady &&\n timeRangeQuery.from == -1 &&\n timeRangeQuery.to == -1 &&\n liveTailTimeRange != null\n ) {\n // If we're ready, and there's no time query, but we have a live tail time range, use that\n return liveTailTimeRange;\n } else if (\n isReady &&\n timeRangeQuery.from == -1 &&\n timeRangeQuery.to == -1 &&\n liveTailTimeRange == null &&\n tempLiveTailTimeRange != null\n ) {\n // This is a transitive state where timeRangeQuery hasn't been set yet\n // since setting qparams is async, but we've already unset liveTailTimeRange\n // Transitioning from live -> not live\n return tempLiveTailTimeRange;\n } else if (\n isReady &&\n timeRangeQuery.from == -1 &&\n timeRangeQuery.to == -1 &&\n liveTailTimeRange == null &&\n tempLiveTailTimeRange == null &&\n !isInputTimeQueryLive(inputTimeQuery) &&\n // eslint-disable-next-line react-hooks/refs\n inputTimeQueryDerivedTimeQueryRef.current != null\n ) {\n // Use the input time query, allows users to specify relative time ranges\n // via url ex. /logs?tq=Last+30+minutes\n // return inputTimeQueryDerivedTimeQuery as [Date, Date];\n // eslint-disable-next-line react-hooks/refs\n return inputTimeQueryDerivedTimeQueryRef.current;\n } else if (\n isReady &&\n timeRangeQuery.from == -1 &&\n timeRangeQuery.to == -1 &&\n liveTailTimeRange == null &&\n tempLiveTailTimeRange == null &&\n isInputTimeQueryLive(inputTimeQuery)\n ) {\n // If we haven't set a live tail time range yet, but we're ready and should be in live tail, let's just return one right now\n // this is due to the first interval of live tail not kicking in until 2 seconds after our first render\n // eslint-disable-next-line no-restricted-syntax\n const end = startOfSecond(new Date());\n const newLiveTailTimeRange: [Date, Date] = [\n sub(end, { minutes: 15 }),\n end,\n ];\n return newLiveTailTimeRange;\n } else {\n // We're not ready yet, safe to return anything.\n // Downstream querying components need to be disabled on isReady\n // eslint-disable-next-line no-restricted-syntax\n return [new Date(), new Date()];\n }\n }, [\n isReady,\n timeRangeQuery,\n liveTailTimeRange,\n tempLiveTailTimeRange,\n inputTimeQuery,\n ]);\n\n // ====================== LIVE MODE LOGIC ====================================\n // We'll only enter live mode once we're ready and see the qparams are not set\n // Live tail is defined by empty time range query, and inputTimeQuery either blank or containing 'Live Tail'\n const isLive = useMemo(() => {\n return (\n isReady &&\n isLiveEnabled &&\n timeRangeQuery.from == -1 &&\n timeRangeQuery.to == -1 &&\n (inputTimeQuery == '' || inputTimeQuery.includes(LIVE_TAIL_TIME_QUERY))\n );\n }, [isReady, isLiveEnabled, timeRangeQuery, inputTimeQuery]);\n const refreshLiveTailTimeRange = () => {\n // eslint-disable-next-line no-restricted-syntax\n const end = startOfSecond(new Date());\n setLiveTailTimeRange([sub(end, { minutes: 15 }), end]);\n };\n useEffect(() => {\n let interval: NodeJS.Timeout | undefined = undefined;\n\n if (isLive) {\n refreshLiveTailTimeRange();\n interval = setInterval(\n refreshLiveTailTimeRange,\n LIVE_TAIL_REFRESH_INTERVAL_MS,\n );\n }\n\n return () => {\n if (interval != null) {\n clearInterval(interval);\n interval = undefined;\n }\n };\n }, [isLive]);\n const setIsLive = useCallback(\n (newIsLive: boolean) => {\n if (isLive === false && newIsLive) {\n setTempLiveTailTimeRange(undefined);\n setTimeRangeQuery({ from: undefined, to: undefined });\n setDisplayedTimeInputValue(LIVE_TAIL_TIME_QUERY);\n setInputTimeQuery(LIVE_TAIL_TIME_QUERY);\n refreshLiveTailTimeRange();\n } else if (isLive && newIsLive === false && liveTailTimeRange != null) {\n const [start, end] = liveTailTimeRange;\n setTempLiveTailTimeRange(liveTailTimeRange);\n setTimeRangeQuery({ from: start.getTime(), to: end.getTime() });\n setLiveTailTimeRange(undefined);\n const dateRangeStr = dateRangeToString([start, end], isUTC);\n setDisplayedTimeInputValue(dateRangeStr);\n setInputTimeQuery(dateRangeStr);\n }\n },\n [\n isLive,\n setTimeRangeQuery,\n setDisplayedTimeInputValue,\n liveTailTimeRange,\n isUTC,\n setInputTimeQuery,\n ],\n );\n\n // eslint-disable-next-line react-hooks/refs\n return {\n isReady, // Don't search until we know what we want to do\n isLive,\n displayedTimeInputValue:\n displayedTimeInputValue ?? timeQueryDerivedInputValue ?? defaultValue,\n setDisplayedTimeInputValue,\n searchedTimeRange,\n onSearch: useCallback(\n (timeQuery: string) => {\n const [start, end] = parseTimeQuery(timeQuery, isUTC);\n // TODO: Add validation UI\n if (start != null && end != null) {\n setTimeRangeQuery({ from: start.getTime(), to: end.getTime() });\n if (timeQuery.toLowerCase().indexOf('past') === -1) {\n const dateRangeStr = dateRangeToString([start, end], isUTC);\n setDisplayedTimeInputValue(dateRangeStr);\n setInputTimeQuery(dateRangeStr);\n } else {\n setInputTimeQuery(timeQuery);\n }\n }\n },\n [isUTC, setTimeRangeQuery, setDisplayedTimeInputValue, setInputTimeQuery],\n ),\n onTimeRangeSelect: useCallback(\n (start: Date, end: Date) => {\n setTimeRangeQuery({ from: start.getTime(), to: end.getTime() });\n const dateRangeStr = dateRangeToString([start, end], isUTC);\n setDisplayedTimeInputValue(dateRangeStr);\n setInputTimeQuery(dateRangeStr);\n },\n [isUTC, setTimeRangeQuery, setDisplayedTimeInputValue, setInputTimeQuery],\n ),\n setIsLive,\n };\n}\n\nexport type UseTimeQueryInputType = {\n /**\n * Optional initial value to be set as the `displayedTimeInputValue`.\n * If no value is provided it will return a date string for the initial\n * time range.\n */\n initialDisplayValue?: string;\n /** The initial time range to get values for */\n initialTimeRange: [Date, Date];\n showRelativeInterval?: boolean;\n setDisplayedTimeInputValue?: (value: string) => void;\n updateInput?: boolean;\n};\n\nexport type UseTimeQueryReturnType = {\n isReady: boolean;\n displayedTimeInputValue: string;\n setDisplayedTimeInputValue: Dispatch>;\n searchedTimeRange: DateRange['dateRange'];\n onSearch: (timeQuery: string) => void;\n onTimeRangeSelect: (\n start: Date,\n end: Date,\n displayedTimeInputValue?: string | null,\n ) => void;\n from: number | null;\n to: number | null;\n};\n\nconst getRelativeInterval = (start: Date, end: Date): string | undefined => {\n const duration = intervalToDuration({ start, end });\n const durationStr = formatDuration(duration);\n return `Past ${durationStr}`;\n};\n\n// This needs to be a stable reference to prevent rerenders\nconst timeRangeQueryStateMap = {\n from: parseAsFloat,\n to: parseAsFloat,\n};\n\nexport function useNewTimeQuery({\n initialDisplayValue,\n initialTimeRange,\n showRelativeInterval,\n setDisplayedTimeInputValue,\n updateInput,\n}: UseTimeQueryInputType): UseTimeQueryReturnType {\n const router = useRouter();\n // We need to return true in SSR to prevent mismatch issues\n const isReady = typeof window === 'undefined' ? true : router.isReady;\n\n const {\n userPreferences: { isUTC },\n } = useUserPreferences();\n\n const [\n deprecatedDisplayedTimeInputValue,\n deprecatedSetDisplayedTimeInputValue,\n ] = useState(() => {\n return initialDisplayValue ?? dateRangeToString(initialTimeRange, isUTC);\n });\n\n const _setDisplayedTimeInputValue =\n setDisplayedTimeInputValue ?? deprecatedSetDisplayedTimeInputValue;\n\n const [{ from, to }, setTimeRangeQuery] = useQueryStates(\n timeRangeQueryStateMap,\n {\n history: 'push',\n },\n );\n\n const [searchedTimeRange, setSearchedTimeRange] = useState<[Date, Date]>(\n from != null && to != null\n ? [new Date(from), new Date(to)]\n : initialTimeRange,\n );\n\n const onSearch = useCallback(\n (timeQuery: string) => {\n const [start, end] = parseTimeQuery(timeQuery, isUTC);\n // TODO: Add validation UI\n if (start != null && end != null) {\n setTimeRangeQuery({ from: start.getTime(), to: end.getTime() });\n }\n },\n [isUTC, setTimeRangeQuery],\n );\n\n useEffect(() => {\n if (from != null && to != null && isReady) {\n const start = new Date(from);\n const end = new Date(to);\n if (isValid(start) && isValid(end)) {\n setSearchedTimeRange([start, end]);\n const relativeInterval =\n showRelativeInterval && getRelativeInterval(start, end);\n const dateRangeStr =\n relativeInterval || dateRangeToString([start, end], isUTC);\n if (updateInput !== false) {\n _setDisplayedTimeInputValue(dateRangeStr);\n }\n }\n } else if (from == null && to == null && isReady) {\n setSearchedTimeRange(initialTimeRange);\n const dateRangeStr = dateRangeToString(initialTimeRange, isUTC);\n if (updateInput !== false) {\n if (!showRelativeInterval) {\n _setDisplayedTimeInputValue(dateRangeStr);\n } else {\n _setDisplayedTimeInputValue(initialDisplayValue ?? dateRangeStr);\n }\n }\n }\n }, [\n isReady,\n isUTC,\n from,\n to,\n initialDisplayValue,\n initialTimeRange,\n showRelativeInterval,\n _setDisplayedTimeInputValue,\n updateInput,\n ]);\n\n return {\n from,\n to,\n isReady,\n displayedTimeInputValue: deprecatedDisplayedTimeInputValue,\n setDisplayedTimeInputValue: () => {},\n searchedTimeRange,\n onSearch,\n onTimeRangeSelect: useCallback(\n (start: Date, end: Date, displayedTimeInputValue?: string | null) => {\n setTimeRangeQuery({ from: start.getTime(), to: end.getTime() });\n setSearchedTimeRange([start, end]);\n const dateRangeStr = dateRangeToString([start, end], isUTC);\n if (displayedTimeInputValue !== null) {\n _setDisplayedTimeInputValue(displayedTimeInputValue ?? dateRangeStr);\n }\n },\n [setTimeRangeQuery, isUTC, _setDisplayedTimeInputValue],\n ),\n };\n}\n\nexport function getLiveTailTimeRange(): [Date, Date] {\n // eslint-disable-next-line no-restricted-syntax\n const end = startOfSecond(new Date());\n return [sub(end, { minutes: 15 }), end];\n}\n" }, { "path": "packages/app/src/types.ts", "content": "import { z } from 'zod';\nimport {\n Alert,\n AlertsPageItem as _AlertsPageItem,\n BuilderChartConfig,\n DashboardSchema,\n Filter,\n NumberFormat as _NumberFormat,\n SavedSearchSchema,\n} from '@hyperdx/common-utils/dist/types';\n\nexport type NumberFormat = _NumberFormat;\n\nexport type KeyValuePairs = {\n 'bool.names': string[];\n 'bool.values': number[];\n 'number.names': string[];\n 'number.values': number[];\n 'string.names': string[];\n 'string.values': string[];\n};\n\nexport type LogStreamModel = KeyValuePairs & {\n _host?: string;\n _namespace?: string;\n _platform: string;\n _service?: string;\n _source: string; // raw log\n body: string;\n id: string;\n observed_timestamp: number;\n severity_number: number;\n severity_text: string;\n span_id?: string;\n timestamp: string;\n trace_id?: string;\n};\n\nexport type AlertsPageItem = _AlertsPageItem;\n\nexport type AlertWithCreatedBy = Alert & {\n createdBy?: {\n email: string;\n name?: string;\n };\n};\n\nexport type SavedSearch = z.infer;\n\nexport type SavedSearchWithEnhancedAlerts = Omit & {\n alerts?: AlertWithCreatedBy[];\n};\n\nexport type SearchConfig = {\n select?: string | null;\n source?: string | null;\n where?: BuilderChartConfig['where'] | null;\n whereLanguage?: BuilderChartConfig['whereLanguage'] | null;\n filters?: Filter[] | null;\n orderBy?: string | null;\n};\n\nexport type ServerDashboard = z.infer;\n\nexport type Session = {\n errorCount: string;\n maxTimestamp: string;\n minTimestamp: string;\n rrwebEventCount: string;\n sessionCount: string;\n sessionId: string;\n teamId: string;\n teamName: string;\n userEmail: string;\n userName: string;\n};\n\nexport type Dictionary = {\n [key: string]: T;\n};\n\nexport type StacktraceFrame = {\n filename: string;\n function: string;\n module?: string;\n lineno: number;\n colno: number;\n in_app: boolean;\n context_line?: string;\n pre_context?: string[];\n post_context?: string[];\n};\n\nexport type StacktraceBreadcrumbCategory =\n | 'ui.click'\n | 'fetch'\n | 'xhr'\n | 'console'\n | 'navigation'\n | string;\n\nexport type StacktraceBreadcrumb = {\n type?: string;\n level?: string;\n event_id?: string;\n category?: StacktraceBreadcrumbCategory;\n message?: string;\n data?: { [key: string]: any };\n timestamp: number;\n};\n\nexport type AggFn =\n | 'avg_rate'\n | 'avg'\n | 'count_distinct'\n | 'count'\n | 'count_per_sec'\n | 'count_per_min'\n | 'count_per_hour'\n | 'last_value'\n | 'max_rate'\n | 'max'\n | 'min_rate'\n | 'min'\n | 'p50_rate'\n | 'p50'\n | 'p90_rate'\n | 'p90'\n | 'p95_rate'\n | 'p95'\n | 'p99_rate'\n | 'p99'\n | 'sum_rate'\n | 'sum';\n\nexport type SourceTable = 'logs' | 'rrweb' | 'metrics';\n\nexport enum MetricsDataType {\n Gauge = 'Gauge',\n Histogram = 'Histogram',\n Sum = 'Sum',\n Summary = 'Summary',\n}\n\ntype SeriesDBDataSource = {\n databaseName?: string;\n tableName?: string;\n timestampColumn?: string;\n};\n\nexport type TimeChartSeries = {\n displayName?: string;\n table: SourceTable;\n type: 'time';\n aggFn?: AggFn; // TODO: Type\n field?: string | undefined;\n where: string;\n groupBy: string[];\n numberFormat?: NumberFormat;\n color?: string;\n displayType?: 'stacked_bar' | 'line';\n implicitColumn?: string;\n whereSql?: string;\n groupBySql?: string;\n fieldSql?: string;\n} & SeriesDBDataSource;\n\nexport type TableChartSeries = {\n visible?: boolean;\n columnWidthPercent?: number;\n displayName?: string;\n type: 'table';\n table: SourceTable;\n aggFn?: AggFn;\n field?: string | undefined;\n where: string;\n groupBy: string[];\n sortOrder?: 'desc' | 'asc';\n numberFormat?: NumberFormat;\n color?: string;\n} & SeriesDBDataSource;\n\nexport type ChartSeries =\n | TimeChartSeries\n | TableChartSeries\n | ({\n table: SourceTable;\n type: 'histogram';\n field: string | undefined;\n where: string;\n } & SeriesDBDataSource)\n | ({\n type: 'search';\n fields: string[];\n where: string;\n } & SeriesDBDataSource)\n | ({\n type: 'number';\n table: SourceTable;\n aggFn: AggFn;\n field: string | undefined;\n where: string;\n numberFormat?: NumberFormat;\n color?: string;\n } & SeriesDBDataSource)\n | {\n type: 'markdown';\n content: string;\n };\n\nexport type Chart = {\n id: string;\n name: string;\n x: number;\n y: number;\n w: number;\n h: number;\n series: ChartSeries[];\n seriesReturnType: 'ratio' | 'column';\n};\n\n// https://github.com/open-telemetry/opentelemetry-collector-contrib/blob/main/receiver/k8sclusterreceiver/documentation.md#k8spodphase\nexport enum KubePhase {\n Pending = 1,\n Running = 2,\n Succeeded = 3,\n Failed = 4,\n Unknown = 5,\n}\n\nexport type NextApiConfigResponseData = {\n apiKey?: string;\n collectorUrl: string;\n serviceName: string;\n appVersion?: string;\n};\n" }, { "path": "packages/app/src/useConfirm.tsx", "content": "import * as React from 'react';\nimport { useRouter } from 'next/router';\nimport { Button, Group, Modal, Text } from '@mantine/core';\n\ntype ConfirmOptions = {\n variant?: 'primary' | 'danger';\n};\n\ntype ConfirmState = {\n message: React.ReactNode;\n confirmLabel?: string;\n confirmVariant?: 'primary' | 'danger';\n onConfirm: () => void;\n onClose: () => void;\n} | null;\n\ntype ConfirmFn = (\n message: React.ReactNode,\n confirmLabel?: string,\n options?: ConfirmOptions,\n) => Promise;\n\nconst ConfirmContext = React.createContext(null);\n\nexport function ConfirmProvider({ children }: { children: React.ReactNode }) {\n const [state, setState] = React.useState(null);\n const router = useRouter();\n\n // Keep a ref so the route-change handler always sees the latest state\n // without needing to be re-registered on every render.\n const stateRef = React.useRef(state);\n React.useEffect(() => {\n stateRef.current = state;\n }, [state]);\n\n React.useEffect(() => {\n const dismiss = () => {\n stateRef.current?.onClose();\n };\n router.events.on('routeChangeStart', dismiss);\n return () => router.events.off('routeChangeStart', dismiss);\n }, [router.events]);\n\n const confirm = React.useCallback(\n (message, confirmLabel, options) => {\n return new Promise(resolve => {\n setState({\n message,\n confirmLabel,\n confirmVariant: options?.variant ?? 'primary',\n onConfirm: () => {\n resolve(true);\n setState(null);\n },\n onClose: () => {\n resolve(false);\n setState(null);\n },\n });\n });\n },\n [],\n );\n\n return (\n \n {children}\n {})}\n centered\n withCloseButton={false}\n >\n \n {state?.message}\n \n \n \n Cancel\n \n \n {state?.confirmLabel || 'Confirm'}\n \n \n \n \n );\n}\n\nexport const useConfirm = () => {\n const confirm = React.useContext(ConfirmContext);\n if (confirm == null) {\n throw new Error('useConfirm must be used within a ConfirmProvider');\n }\n return confirm;\n};\n" }, { "path": "packages/app/src/useFormatTime.tsx", "content": "import React from 'react';\nimport { formatDate } from '@hyperdx/common-utils/dist/core/utils';\n\nimport { useUserPreferences } from './useUserPreferences';\n\ntype DateLike = number | string | Date;\n\ntype DateFormat = 'normal' | 'short' | 'withMs' | 'time' | 'withYear';\n\nconst parse = (time: DateLike) => {\n if (time instanceof Date) {\n return time;\n }\n return new Date(time);\n};\n\nexport const useFormatTime = () => {\n const {\n userPreferences: { isUTC, timeFormat },\n } = useUserPreferences();\n\n return React.useCallback(\n (time: DateLike, { format }: { format?: DateFormat } | undefined = {}) => {\n try {\n const date = parse(time);\n return formatDate(date, {\n clock: timeFormat,\n isUTC,\n format,\n });\n } catch (err) {\n console.error(err, time);\n return 'Unknown date';\n }\n },\n [isUTC, timeFormat],\n );\n};\n\nexport const FormatTime = ({\n value,\n format,\n}: {\n value?: DateLike;\n format?: DateFormat;\n}) => {\n const formatTime = useFormatTime();\n\n if (!value) {\n return null;\n }\n\n return <>{formatTime(value, { format })};\n};\n" }, { "path": "packages/app/src/useQueryParam.tsx", "content": "import {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useState,\n} from 'react';\nimport { useRouter } from 'next/router';\n\nimport { usePrevious } from './utils';\n\ntype QueryParamContextType = Record & {\n setState: (state: any) => void;\n};\n\nconst QueryParamContext = createContext({\n setState: _ => {},\n});\n\nexport const QueryParamProvider = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const router = useRouter();\n\n const prevRouterQuery = usePrevious(router.query);\n\n const setState = useCallback(\n (state: Record) => {\n // eslint-disable-next-line react-hooks/immutability\n setCache(oldCache => {\n const newCache = {\n ...oldCache,\n ...state,\n };\n const { setState: _, ...newQuery } = newCache;\n\n router.push({\n query: newQuery,\n });\n\n return newCache;\n });\n },\n [router],\n );\n\n const initState: QueryParamContextType = {\n setState,\n };\n\n const [cache, setCache] = useState(initState);\n\n // Update cache if query param changes\n useEffect(() => {\n if (router.isReady && prevRouterQuery != router.query) {\n setCache(oldCache => ({ ...oldCache, ...router.query }));\n }\n }, [setState, router.isReady, router.query, cache, prevRouterQuery]);\n\n return (\n \n {children}\n \n );\n};\n\nexport function useQueryParam(\n key: string,\n defaultValue: T,\n options: {\n queryParamConfig: {\n encode: (\n value: T | undefined,\n ) => string | (string | null)[] | null | undefined;\n decode: (\n input: string | (string | null)[] | null | undefined,\n ) => T | undefined;\n };\n } = {\n queryParamConfig: {\n encode: (value: T | undefined) => JSON.stringify(value),\n decode: (input: string | (string | null)[] | null | undefined) =>\n Array.isArray(input)\n ? input.map(i => (i != null ? JSON.parse(i) : undefined))\n : input != null\n ? JSON.parse(input)\n : undefined,\n },\n },\n): [T, (value: T) => void] {\n const qParamContext = useContext(QueryParamContext);\n\n const setValue = (value: T) => {\n qParamContext.setState({ [key]: options.queryParamConfig.encode(value) });\n };\n\n const value =\n options.queryParamConfig.decode(qParamContext[key]) ?? defaultValue;\n\n return [value, setValue];\n}\n" }, { "path": "packages/app/src/useSourceMappedFrame.tsx", "content": "import { StacktraceFrame } from './types';\n\nexport const useSourceMappedFrame = (frame: StacktraceFrame) => {\n return {\n isLoading: false,\n error: null,\n enrichedFrame: null,\n };\n};\n" }, { "path": "packages/app/src/useUserPreferences.tsx", "content": "import React from 'react';\nimport produce from 'immer';\nimport { useAtom } from 'jotai';\nimport { atomWithStorage } from 'jotai/utils';\n\nexport type ColorModePreference = 'light' | 'dark' | 'system';\n\nexport type UserPreferences = {\n isUTC: boolean;\n timeFormat: '12h' | '24h';\n /** Color mode preference (light/dark/system). Separate from brand theme (hyperdx/clickstack). */\n colorMode: ColorModePreference;\n font: 'IBM Plex Mono' | 'Roboto Mono' | 'Inter' | 'Roboto';\n expandSidebarHeader?: boolean;\n};\n\n// Legacy type for migration\ntype LegacyUserPreferences = Omit & {\n theme?: 'light' | 'dark';\n};\n\nconst STORAGE_KEY = 'hdx-user-preferences';\nconst DEFAULT_PREFERENCES: UserPreferences = {\n isUTC: false,\n timeFormat: '12h',\n colorMode: 'system',\n font: 'IBM Plex Mono',\n};\n\n// Cache migration result in memory to avoid repeated localStorage writes\n// This cache stores the migrated result for a given stored value\nlet migrationCache: {\n storedValue: string;\n result: UserPreferences | null;\n} | null = null;\n\n/**\n * Type guard to check if an object is a valid UserPreferences (already migrated).\n */\nfunction isUserPreferences(obj: unknown): obj is UserPreferences {\n if (typeof obj !== 'object' || obj === null) {\n return false;\n }\n\n const mode = (obj as { colorMode: unknown }).colorMode;\n return (\n 'colorMode' in obj &&\n typeof mode === 'string' &&\n (mode === 'light' || mode === 'dark' || mode === 'system')\n );\n}\n\n/**\n * Type guard to check if an object is a LegacyUserPreferences (needs migration).\n */\nfunction isLegacyUserPreferences(obj: unknown): obj is LegacyUserPreferences {\n if (typeof obj !== 'object' || obj === null) {\n return false;\n }\n\n const hasTheme = 'theme' in obj;\n const hasColorMode = 'colorMode' in obj;\n\n if (!hasTheme || hasColorMode) {\n return false;\n }\n\n const theme = (obj as { theme?: unknown }).theme;\n\n // Validate theme is either undefined or a valid color mode value\n return (\n theme === undefined ||\n (typeof theme === 'string' && (theme === 'light' || theme === 'dark'))\n );\n}\n\n/**\n * Migrates old localStorage data from `theme` to `colorMode`.\n * This ensures existing users don't lose their light/dark mode preference.\n *\n * Uses an in-memory cache to avoid repeated localStorage writes on every read.\n *\n * @internal Exported for testing only\n */\nexport function migrateUserPreferences(\n stored: string | null,\n): UserPreferences | null {\n if (!stored) {\n // Clear cache if storage is empty\n migrationCache = null;\n return null;\n }\n\n // Check cache first - if we've already processed this exact value, return cached result\n if (migrationCache && migrationCache.storedValue === stored) {\n return migrationCache.result;\n }\n\n try {\n const parsed: unknown = JSON.parse(stored);\n\n // Check if migration is needed (old format has `theme` instead of `colorMode`)\n if (isLegacyUserPreferences(parsed)) {\n // Use destructuring to exclude `theme` property for better type safety\n const { theme, ...rest } = parsed;\n // Ensure theme is valid before using it (legacy only had light/dark)\n const validTheme: 'light' | 'dark' =\n theme === 'light' || theme === 'dark' ? theme : 'dark';\n const migrated: UserPreferences = {\n ...DEFAULT_PREFERENCES,\n ...rest,\n colorMode: validTheme,\n };\n\n // Only write to localStorage if the migrated data differs from what's stored\n // This prevents unnecessary writes on every render and avoids race conditions\n try {\n if (typeof window !== 'undefined') {\n const migratedJson = JSON.stringify(migrated);\n // Compare with current stored value to avoid unnecessary write\n const currentStored = localStorage.getItem(STORAGE_KEY);\n if (currentStored !== migratedJson) {\n localStorage.setItem(STORAGE_KEY, migratedJson);\n }\n }\n } catch {\n // Ignore localStorage errors (private browsing, etc.)\n }\n\n // Cache the result to avoid re-processing on subsequent calls\n migrationCache = {\n storedValue: stored,\n result: migrated,\n };\n\n return migrated;\n }\n\n // Already migrated or new format - validate it's a proper UserPreferences\n if (isUserPreferences(parsed)) {\n // Cache the result to avoid re-processing on subsequent calls\n migrationCache = {\n storedValue: stored,\n result: parsed,\n };\n return parsed;\n }\n\n // Invalid format, return null to use defaults\n migrationCache = {\n storedValue: stored,\n result: null,\n };\n return null;\n } catch {\n // Invalid JSON, return null to use defaults\n migrationCache = null;\n return null;\n }\n}\n\n// Custom storage implementation with migration support\nconst storageWithMigration = {\n getItem: (key: string, initialValue: UserPreferences): UserPreferences => {\n if (typeof window === 'undefined') {\n return initialValue;\n }\n\n try {\n const stored = localStorage.getItem(key);\n const migrated = migrateUserPreferences(stored);\n return migrated ?? initialValue;\n } catch {\n return initialValue;\n }\n },\n setItem: (key: string, value: UserPreferences): void => {\n try {\n if (typeof window !== 'undefined') {\n localStorage.setItem(key, JSON.stringify(value));\n }\n } catch {\n // Ignore localStorage errors (private browsing, etc.)\n }\n },\n removeItem: (key: string): void => {\n try {\n if (typeof window !== 'undefined') {\n localStorage.removeItem(key);\n }\n } catch {\n // Ignore localStorage errors (private browsing, etc.)\n }\n },\n};\n\nexport const userPreferencesAtom = atomWithStorage(\n STORAGE_KEY,\n DEFAULT_PREFERENCES,\n storageWithMigration,\n);\n\nexport const useUserPreferences = () => {\n const [userPreferences, setUserPreferences] = useAtom(userPreferencesAtom);\n\n const setUserPreference = React.useCallback(\n (preference: Partial) => {\n setUserPreferences(\n produce((draft: UserPreferences) => {\n return { ...draft, ...preference };\n }),\n );\n },\n [setUserPreferences],\n );\n\n return { userPreferences, setUserPreference };\n};\n\n/**\n * Inline script that runs before React to set data-mantine-color-scheme from\n * user preference (light/dark/system). Prevents flash when preference is \"system\".\n */\nexport function SystemColorSchemeScript() {\n const scriptContent = `(function(){var k='${STORAGE_KEY}';try{var r=localStorage.getItem(k);var p=r?JSON.parse(r):null;var m=p&&p.colorMode;var s='dark';if(m==='light'||m==='dark')s=m;else if(typeof window.matchMedia!=='undefined'&&window.matchMedia('(prefers-color-scheme: dark)').matches)s='dark';else s='light';document.documentElement.setAttribute('data-mantine-color-scheme',s);}catch(e){}})();`;\n return (\n \n );\n}\n\n/**\n * Resolves color mode preference to an actual scheme for Mantine.\n * When preference is 'system', follows prefers-color-scheme and reacts to changes.\n */\nexport function useResolvedColorScheme(): 'light' | 'dark' {\n const { userPreferences } = useUserPreferences();\n const { colorMode } = userPreferences;\n\n const [systemScheme, setSystemScheme] = React.useState<'light' | 'dark'>(\n () => {\n if (typeof window === 'undefined') return 'dark';\n return window.matchMedia('(prefers-color-scheme: dark)').matches\n ? 'dark'\n : 'light';\n },\n );\n\n React.useEffect(() => {\n if (colorMode !== 'system') return;\n const mq = window.matchMedia('(prefers-color-scheme: dark)');\n const handler = () => setSystemScheme(mq.matches ? 'dark' : 'light');\n mq.addEventListener('change', handler);\n return () => mq.removeEventListener('change', handler);\n }, [colorMode]);\n\n if (colorMode === 'light' || colorMode === 'dark') return colorMode;\n return systemScheme;\n}\n" }, { "path": "packages/app/src/utils/__tests__/alerts.test.ts", "content": "import { normalizeNoOpAlertScheduleFields } from '../alerts';\n\ndescribe('normalizeNoOpAlertScheduleFields', () => {\n it('drops no-op schedule fields for pre-migration alerts', () => {\n const normalized = normalizeNoOpAlertScheduleFields(\n {\n scheduleOffsetMinutes: 0,\n scheduleStartAt: null,\n },\n {},\n );\n\n expect(normalized).toEqual({});\n });\n\n it('treats undefined previous values as absent fields', () => {\n const normalized = normalizeNoOpAlertScheduleFields(\n {\n scheduleOffsetMinutes: 0,\n scheduleStartAt: null,\n },\n {\n scheduleOffsetMinutes: undefined,\n scheduleStartAt: undefined,\n },\n );\n\n expect(normalized).toEqual({});\n });\n\n it('keeps no-op fields when they were already persisted', () => {\n const normalized = normalizeNoOpAlertScheduleFields(\n {\n scheduleOffsetMinutes: 0,\n scheduleStartAt: null,\n },\n {\n scheduleOffsetMinutes: 0,\n scheduleStartAt: null,\n },\n );\n\n expect(normalized).toEqual({\n scheduleOffsetMinutes: 0,\n scheduleStartAt: null,\n });\n });\n\n it('keeps non-default schedule fields', () => {\n const normalized = normalizeNoOpAlertScheduleFields(\n {\n scheduleOffsetMinutes: 3,\n scheduleStartAt: '2024-01-01T00:00:00.000Z',\n },\n {},\n );\n\n expect(normalized).toEqual({\n scheduleOffsetMinutes: 3,\n scheduleStartAt: '2024-01-01T00:00:00.000Z',\n });\n });\n\n it('keeps an explicit offset reset when requested', () => {\n const normalized = normalizeNoOpAlertScheduleFields(\n {\n scheduleOffsetMinutes: 0,\n },\n undefined,\n {\n preserveExplicitScheduleOffsetMinutes: true,\n },\n );\n\n expect(normalized).toEqual({\n scheduleOffsetMinutes: 0,\n });\n });\n\n it('keeps an explicit start-at clear when requested', () => {\n const normalized = normalizeNoOpAlertScheduleFields(\n {\n scheduleStartAt: null,\n },\n undefined,\n {\n preserveExplicitScheduleStartAt: true,\n },\n );\n\n expect(normalized).toEqual({\n scheduleStartAt: null,\n });\n });\n});\n" }, { "path": "packages/app/src/utils/__tests__/highlightedAttributes.test.ts", "content": "import {\n SourceKind,\n TSource,\n TTraceSource,\n} from '@hyperdx/common-utils/dist/types';\n\nimport {\n getHighlightedAttributesFromData,\n isLinkableUrl,\n} from '../highlightedAttributes';\n\ndescribe('getHighlightedAttributesFromData', () => {\n const createBasicSource = (\n highlightedTraceAttributeExpressions: any[] = [],\n ): TTraceSource => ({\n kind: SourceKind.Trace,\n from: {\n databaseName: 'default',\n tableName: 'otel_traces',\n },\n timestampValueExpression: 'Timestamp',\n defaultTableSelectExpression: 'Timestamp',\n connection: 'test-connection',\n name: 'Traces',\n highlightedTraceAttributeExpressions,\n id: 'test-source-id',\n durationExpression: 'Duration',\n durationPrecision: 9,\n traceIdExpression: 'TraceId',\n spanIdExpression: 'SpanId',\n parentSpanIdExpression: 'ParentSpanId',\n spanNameExpression: 'SpanName',\n spanKindExpression: 'SpanKind',\n });\n\n const basicMeta = [\n { name: 'Body', type: 'String' },\n { name: 'Timestamp', type: 'DateTime64(9)' },\n { name: 'method', type: 'String' },\n ];\n\n it('extracts attributes from data correctly', () => {\n const data: Record[] = [\n {\n Body: 'POST',\n Timestamp: '2025-11-12T21:27:00.053000000Z',\n SpanId: 'a51d12055f2058b9',\n ServiceName: 'hdx-oss-dev-api',\n method: 'POST',\n \"SpanAttributes['http.host']\": 'localhost:8123',\n Duration: 0.020954166,\n ParentSpanId: '013cca18a6e626a6',\n StatusCode: 'Unset',\n SpanAttributes: {\n 'http.flavor': '1.1',\n 'http.host': 'localhost:8123',\n 'http.method': 'POST',\n },\n type: 'trace',\n },\n {\n Body: 'POST',\n Timestamp: '2025-11-12T21:27:00.053000000Z',\n SpanId: 'a51d12055f2058b9',\n ServiceName: 'hdx-oss-dev-api',\n method: 'GET',\n \"SpanAttributes['http.host']\": 'localhost:8123',\n Duration: 0.020954166,\n ParentSpanId: '013cca18a6e626a6',\n StatusCode: 'Unset',\n SpanAttributes: {\n 'http.flavor': '1.1',\n 'http.host': 'localhost:8123',\n 'http.method': 'POST',\n },\n type: 'trace',\n },\n ];\n\n const meta = [\n {\n name: 'Body',\n type: 'LowCardinality(String)',\n },\n {\n name: 'Timestamp',\n type: 'DateTime64(9)',\n },\n {\n name: 'SpanId',\n type: 'String',\n },\n {\n name: 'ServiceName',\n type: 'LowCardinality(String)',\n },\n {\n name: 'method',\n type: 'String',\n },\n {\n name: \"SpanAttributes['http.host']\",\n type: 'String',\n },\n {\n name: 'Duration',\n type: 'Float64',\n },\n {\n name: 'ParentSpanId',\n type: 'String',\n },\n {\n name: 'StatusCode',\n type: 'LowCardinality(String)',\n },\n {\n name: 'SpanAttributes',\n type: 'Map(LowCardinality(String), String)',\n },\n ];\n\n const source: TSource = {\n kind: SourceKind.Trace,\n from: {\n databaseName: 'default',\n tableName: 'otel_traces',\n },\n timestampValueExpression: 'Timestamp',\n connection: '68dd82484f54641b08667893',\n name: 'Traces',\n displayedTimestampValueExpression: 'Timestamp',\n implicitColumnExpression: 'SpanName',\n serviceNameExpression: 'ServiceName',\n eventAttributesExpression: 'SpanAttributes',\n resourceAttributesExpression: 'ResourceAttributes',\n defaultTableSelectExpression:\n 'Timestamp,ServiceName,StatusCode,round(Duration/1e6),SpanName',\n traceIdExpression: 'TraceId',\n spanIdExpression: 'SpanId',\n durationExpression: 'Duration',\n durationPrecision: 9,\n parentSpanIdExpression: 'ParentSpanId',\n spanNameExpression: 'SpanName',\n spanKindExpression: 'SpanKind',\n statusCodeExpression: 'StatusCode',\n statusMessageExpression: 'StatusMessage',\n sessionSourceId: '68dd82484f54641b0866789e',\n logSourceId: '6900eed982d3b3dfeff12a29',\n highlightedTraceAttributeExpressions: [\n {\n sqlExpression: \"SpanAttributes['http.method']\",\n alias: 'method',\n },\n {\n sqlExpression: \"SpanAttributes['http.host']\",\n luceneExpression: 'SpanAttributes.http.host',\n alias: '',\n },\n ],\n id: '68dd82484f54641b08667899',\n };\n\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedTraceAttributeExpressions,\n data,\n meta,\n );\n\n expect(attributes).toHaveLength(3);\n expect(attributes).toContainEqual({\n sql: \"SpanAttributes['http.method']\",\n displayedKey: 'method',\n value: 'POST',\n source,\n });\n expect(attributes).toContainEqual({\n sql: \"SpanAttributes['http.method']\",\n displayedKey: 'method',\n value: 'GET',\n source,\n });\n expect(attributes).toContainEqual({\n sql: \"SpanAttributes['http.host']\",\n displayedKey: \"SpanAttributes['http.host']\",\n value: 'localhost:8123',\n lucene: 'SpanAttributes.http.host',\n source,\n });\n });\n\n it('returns empty array when data is empty', () => {\n const source = createBasicSource([\n { sqlExpression: 'method', alias: 'method' },\n ]);\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedTraceAttributeExpressions,\n [],\n basicMeta,\n );\n expect(attributes).toEqual([]);\n });\n\n it('returns empty array when highlightedTraceAttributeExpressions is undefined', () => {\n const source = createBasicSource();\n const data = [{ method: 'POST' }];\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedTraceAttributeExpressions,\n data,\n basicMeta,\n );\n expect(attributes).toEqual([]);\n });\n\n it('returns empty array when highlightedTraceAttributeExpressions is empty', () => {\n const source = createBasicSource([]);\n const data = [{ method: 'POST' }];\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedTraceAttributeExpressions,\n data,\n basicMeta,\n );\n expect(attributes).toEqual([]);\n });\n\n it('filters out non-string values', () => {\n const source = createBasicSource([\n { sqlExpression: 'method', alias: 'method' },\n { sqlExpression: 'count', alias: 'count' },\n { sqlExpression: 'isActive', alias: 'isActive' },\n ]);\n const data = [\n {\n method: 'POST', // string - should be included\n count: 123, // number - should be filtered out\n isActive: true, // boolean - should be filtered out\n },\n ];\n const meta = [\n { name: 'method', type: 'String' },\n { name: 'count', type: 'Int32' },\n { name: 'isActive', type: 'Bool' },\n ];\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedTraceAttributeExpressions,\n data,\n meta,\n );\n\n expect(attributes).toHaveLength(1);\n expect(attributes[0]).toEqual({\n displayedKey: 'method',\n value: 'POST',\n sql: 'method',\n lucene: undefined,\n source,\n });\n });\n\n it('deduplicates values from multiple rows', () => {\n const source = createBasicSource([\n { sqlExpression: 'method', alias: 'method' },\n ]);\n const data = [\n { method: 'POST' },\n { method: 'POST' }, // duplicate\n { method: 'GET' },\n { method: 'POST' }, // duplicate\n ];\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedTraceAttributeExpressions,\n data,\n basicMeta,\n );\n\n expect(attributes).toHaveLength(2);\n expect(attributes.map(a => a.value).sort()).toEqual(['GET', 'POST']);\n });\n\n it('uses sqlExpression as displayedKey when alias is empty string', () => {\n const source = createBasicSource([\n { sqlExpression: \"SpanAttributes['http.host']\", alias: '' },\n ]);\n const data = [{ \"SpanAttributes['http.host']\": 'localhost:8080' }];\n const meta = [\n { name: \"SpanAttributes['http.host']\", type: 'String' },\n { name: 'SpanAttributes', type: 'JSON' },\n ];\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedTraceAttributeExpressions,\n data,\n meta,\n );\n\n expect(attributes).toHaveLength(1);\n expect(attributes[0].displayedKey).toBe(\"SpanAttributes['http.host']\");\n });\n\n it('uses sqlExpression as displayedKey when alias is not provided', () => {\n const source = createBasicSource([\n { sqlExpression: 'ServiceName' } as any, // No alias\n ]);\n const data = [{ ServiceName: 'api-service' }];\n const meta = [{ name: 'ServiceName', type: 'String' }];\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedTraceAttributeExpressions,\n data,\n meta,\n );\n\n expect(attributes).toHaveLength(1);\n expect(attributes[0].displayedKey).toBe('ServiceName');\n });\n\n it('includes lucene expression when provided', () => {\n const source = createBasicSource([\n {\n sqlExpression: \"SpanAttributes['http.method']\",\n alias: 'method',\n luceneExpression: 'http.method',\n },\n ]);\n const data = [{ method: 'POST' }];\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedTraceAttributeExpressions,\n data,\n basicMeta,\n );\n\n expect(attributes).toHaveLength(1);\n expect(attributes[0].lucene).toBe('http.method');\n });\n\n it('omits lucene when not provided', () => {\n const source = createBasicSource([\n { sqlExpression: 'method', alias: 'method' },\n ]);\n const data = [{ method: 'POST' }];\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedTraceAttributeExpressions,\n data,\n basicMeta,\n );\n\n expect(attributes).toHaveLength(1);\n expect(attributes[0].lucene).toBeUndefined();\n });\n\n it('handles multiple attributes with different values', () => {\n const source = createBasicSource([\n { sqlExpression: 'method', alias: 'method' },\n { sqlExpression: 'status', alias: 'status' },\n ]);\n const data = [\n { method: 'POST', status: '200' },\n { method: 'GET', status: '404' },\n ];\n const meta = [\n { name: 'method', type: 'String' },\n { name: 'status', type: 'String' },\n ];\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedTraceAttributeExpressions,\n data,\n meta,\n );\n\n expect(attributes).toHaveLength(4);\n expect(\n attributes.filter(a => a.displayedKey === 'method').map(a => a.value),\n ).toEqual(['POST', 'GET']);\n expect(\n attributes.filter(a => a.displayedKey === 'status').map(a => a.value),\n ).toEqual(['200', '404']);\n });\n\n it('ignores rows with null attribute values', () => {\n const source = createBasicSource([\n { sqlExpression: 'method', alias: 'method' },\n ]);\n const data = [{ method: 'POST' }, { method: null }, { method: 'GET' }];\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedTraceAttributeExpressions,\n data,\n basicMeta,\n );\n\n expect(attributes).toHaveLength(2);\n expect(attributes.map(a => a.value).sort()).toEqual(['GET', 'POST']);\n });\n\n it('ignores rows with undefined attribute values', () => {\n const source = createBasicSource([\n { sqlExpression: 'method', alias: 'method' },\n ]);\n const data = [{ method: 'POST' }, { method: undefined }, { method: 'GET' }];\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedTraceAttributeExpressions,\n data,\n basicMeta,\n );\n\n expect(attributes).toHaveLength(2);\n expect(attributes.map(a => a.value).sort()).toEqual(['GET', 'POST']);\n });\n\n it('ignores rows with empty string values', () => {\n const source = createBasicSource([\n { sqlExpression: 'method', alias: 'method' },\n ]);\n const data = [{ method: 'POST' }, { method: '' }, { method: 'GET' }];\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedTraceAttributeExpressions,\n data,\n basicMeta,\n );\n\n expect(attributes).toHaveLength(2);\n expect(attributes.map(a => a.value).sort()).toEqual(['GET', 'POST']);\n });\n\n it('handles errors gracefully and returns empty array', () => {\n // Create a source that will cause an error during iteration\n const source = createBasicSource([\n { sqlExpression: 'method', alias: 'method' },\n ]);\n\n // Mock console.error to suppress error output during test\n const consoleErrorSpy = jest\n .spyOn(console, 'error')\n .mockImplementation(() => {});\n\n // Create data that throws when accessed\n const data = [\n Object.create(\n {},\n {\n method: {\n get() {\n throw new Error('Test error');\n },\n },\n },\n ),\n ];\n\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedTraceAttributeExpressions,\n data,\n basicMeta,\n );\n\n expect(attributes).toEqual([]);\n expect(consoleErrorSpy).toHaveBeenCalledWith(\n 'Error extracting attributes from data',\n expect.any(Error),\n );\n\n consoleErrorSpy.mockRestore();\n });\n\n it('includes source reference in each attribute', () => {\n const source = createBasicSource([\n { sqlExpression: 'method', alias: 'method' },\n ]);\n const data = [{ method: 'POST' }, { method: 'GET' }];\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedTraceAttributeExpressions,\n data,\n basicMeta,\n );\n\n expect(attributes).toHaveLength(2);\n attributes.forEach(attr => {\n expect(attr.source).toBe(source);\n });\n });\n\n it('extracts highlightedRowAttributeExpressions correctly', () => {\n const source: TTraceSource = {\n ...createBasicSource(),\n highlightedRowAttributeExpressions: [\n {\n sqlExpression: 'status',\n alias: 'status',\n },\n {\n sqlExpression: 'endpoint',\n luceneExpression: 'http.endpoint',\n alias: 'endpoint',\n },\n ],\n };\n\n const data = [\n { status: '200', endpoint: '/api/users' },\n { status: '404', endpoint: '/api/posts' },\n { status: '200', endpoint: '/api/comments' },\n ];\n\n const meta = [\n { name: 'status', type: 'String' },\n { name: 'endpoint', type: 'String' },\n ];\n\n const attributes = getHighlightedAttributesFromData(\n source,\n source.highlightedRowAttributeExpressions,\n data,\n meta,\n );\n\n expect(attributes).toHaveLength(5);\n expect(attributes).toContainEqual({\n sql: 'status',\n displayedKey: 'status',\n value: '200',\n source,\n });\n expect(attributes).toContainEqual({\n sql: 'status',\n displayedKey: 'status',\n value: '404',\n source,\n });\n expect(attributes).toContainEqual({\n sql: 'endpoint',\n displayedKey: 'endpoint',\n value: '/api/users',\n lucene: 'http.endpoint',\n source,\n });\n expect(attributes).toContainEqual({\n sql: 'endpoint',\n displayedKey: 'endpoint',\n value: '/api/posts',\n lucene: 'http.endpoint',\n source,\n });\n expect(attributes).toContainEqual({\n sql: 'endpoint',\n displayedKey: 'endpoint',\n value: '/api/comments',\n lucene: 'http.endpoint',\n source,\n });\n });\n});\n\ndescribe('isLinkableUrl', () => {\n describe('valid http and https URLs', () => {\n it('returns true for simple http URL', () => {\n expect(isLinkableUrl('http://example.com')).toBe(true);\n });\n\n it('returns true for simple https URL', () => {\n expect(isLinkableUrl('https://example.com')).toBe(true);\n });\n\n it('returns true for http URL with path', () => {\n expect(isLinkableUrl('http://example.com/path/to/resource')).toBe(true);\n });\n\n it('returns true for https URL with path', () => {\n expect(isLinkableUrl('https://example.com/path/to/resource')).toBe(true);\n });\n\n it('returns true for URL with query parameters', () => {\n expect(isLinkableUrl('https://example.com/search?q=test&page=1')).toBe(\n true,\n );\n });\n\n it('returns true for URL with hash fragment', () => {\n expect(isLinkableUrl('https://example.com/page#section')).toBe(true);\n });\n\n it('returns true for URL with port number', () => {\n expect(isLinkableUrl('https://example.com:8080/api')).toBe(true);\n });\n\n it('returns true for URL with authentication', () => {\n expect(isLinkableUrl('https://user:pass@example.com/resource')).toBe(\n true,\n );\n });\n\n it('returns true for localhost URL', () => {\n expect(isLinkableUrl('http://localhost:3000/api')).toBe(true);\n });\n\n it('returns true for IP address URL', () => {\n expect(isLinkableUrl('http://192.168.1.1:8080/admin')).toBe(true);\n });\n\n it('returns true for URL with subdomain', () => {\n expect(isLinkableUrl('https://api.staging.example.com/v1')).toBe(true);\n });\n });\n\n describe('XSS prevention - javascript protocol', () => {\n it('returns false for javascript: protocol', () => {\n expect(isLinkableUrl('javascript:alert(\"XSS\")')).toBe(false);\n });\n\n it('returns false for javascript: protocol with void', () => {\n expect(isLinkableUrl('javascript:void(0)')).toBe(false);\n });\n\n it('returns false for javascript: protocol with encoded payload', () => {\n expect(isLinkableUrl('javascript:eval(atob(\"YWxlcnQoJ1hTUycp\"))')).toBe(\n false,\n );\n });\n\n it('returns false for javascript: protocol with newline bypass attempt', () => {\n expect(isLinkableUrl('javascript://example.com%0Aalert(1)')).toBe(false);\n });\n\n it('returns false for javascript: with mixed case', () => {\n expect(isLinkableUrl('JaVaScRiPt:alert(1)')).toBe(false);\n });\n });\n\n describe('XSS prevention - data protocol', () => {\n it('returns false for data: protocol with HTML', () => {\n expect(\n isLinkableUrl('data:text/html,'),\n ).toBe(false);\n });\n\n it('returns false for data: protocol with base64 encoded script', () => {\n expect(\n isLinkableUrl(\n 'data:text/html;base64,PHNjcmlwdD5hbGVydCgnWFNTJyk8L3NjcmlwdD4=',\n ),\n ).toBe(false);\n });\n\n it('returns false for data: protocol with SVG', () => {\n expect(\n isLinkableUrl('data:image/svg+xml,'),\n ).toBe(false);\n });\n });\n\n describe('XSS prevention - other dangerous protocols', () => {\n it('returns false for vbscript: protocol', () => {\n expect(isLinkableUrl('vbscript:msgbox(\"XSS\")')).toBe(false);\n });\n\n it('returns false for file: protocol', () => {\n expect(isLinkableUrl('file:///etc/passwd')).toBe(false);\n });\n\n it('returns false for file: protocol on Windows', () => {\n expect(isLinkableUrl('file:///C:/Windows/System32/config/sam')).toBe(\n false,\n );\n });\n\n it('returns false for about: protocol', () => {\n expect(isLinkableUrl('about:blank')).toBe(false);\n });\n });\n\n describe('non-http/https protocols', () => {\n it('returns false for ftp: protocol', () => {\n expect(isLinkableUrl('ftp://ftp.example.com/file.zip')).toBe(false);\n });\n\n it('returns false for mailto: protocol', () => {\n expect(isLinkableUrl('mailto:test@example.com')).toBe(false);\n });\n\n it('returns false for tel: protocol', () => {\n expect(isLinkableUrl('tel:+1234567890')).toBe(false);\n });\n\n it('returns false for ssh: protocol', () => {\n expect(isLinkableUrl('ssh://user@host:22/path')).toBe(false);\n });\n\n it('returns false for ws: protocol', () => {\n expect(isLinkableUrl('ws://example.com/socket')).toBe(false);\n });\n\n it('returns false for wss: protocol', () => {\n expect(isLinkableUrl('wss://example.com/socket')).toBe(false);\n });\n });\n\n describe('malformed URLs', () => {\n it('returns false for plain text', () => {\n expect(isLinkableUrl('not a url')).toBe(false);\n });\n\n it('returns false for empty string', () => {\n expect(isLinkableUrl('')).toBe(false);\n });\n\n it('returns false for URL without protocol', () => {\n expect(isLinkableUrl('example.com')).toBe(false);\n });\n\n it('returns false for protocol without domain', () => {\n expect(isLinkableUrl('http://')).toBe(false);\n });\n\n it('returns false for missing protocol', () => {\n expect(isLinkableUrl('://example.com')).toBe(false);\n });\n\n it('returns false for HTML script tag', () => {\n expect(isLinkableUrl('')).toBe(false);\n });\n\n it('returns false for script tag embedded in URL-like string', () => {\n expect(isLinkableUrl('http://')).toBe(false);\n });\n\n it('returns false for relative URL', () => {\n expect(isLinkableUrl('/path/to/resource')).toBe(false);\n });\n\n it('returns false for protocol-relative URL', () => {\n expect(isLinkableUrl('//example.com/path')).toBe(false);\n });\n\n it('returns false for URL with only whitespace', () => {\n expect(isLinkableUrl(' ')).toBe(false);\n });\n });\n\n describe('edge cases', () => {\n it('returns false for null input', () => {\n // @ts-expect-error explicitly testing invalid input\n expect(isLinkableUrl(null)).toBe(false);\n });\n\n it('returns false for undefined input', () => {\n // @ts-expect-error explicitly testing invalid input\n expect(isLinkableUrl(undefined)).toBe(false);\n });\n\n it('returns true for URL with unusual but valid characters', () => {\n expect(isLinkableUrl('https://example.com/path-with_special~chars')).toBe(\n true,\n );\n });\n\n it('returns true for URL with encoded characters', () => {\n expect(isLinkableUrl('https://example.com/path%20with%20spaces')).toBe(\n true,\n );\n });\n });\n});\n" }, { "path": "packages/app/src/utils/__tests__/materializedViews.test.ts", "content": "import { ColumnMeta } from '@hyperdx/common-utils/dist/clickhouse';\nimport {\n Metadata,\n TableConnection,\n TableMetadata,\n} from '@hyperdx/common-utils/dist/core/metadata';\n\nimport {\n getSourceTableColumn,\n inferMaterializedViewConfig,\n inferTimestampColumnGranularity,\n parseSummedColumns,\n} from '../materializedViews';\n\nfunction createMockColumnMeta({\n name,\n type,\n}: {\n name: string;\n type: string;\n}): ColumnMeta {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n return { name, type } as ColumnMeta;\n}\n\ndescribe('inferMaterializedViewConfig', () => {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n const mockMetadata: Metadata = {\n getColumns: jest.fn(),\n getTableMetadata: jest.fn(),\n queryMaterializedViewsByTarget: jest.fn(),\n } as unknown as Metadata;\n\n const mvTargetTable = {\n columns: [\n createMockColumnMeta({ name: 'Timestamp', type: 'DateTime' }),\n createMockColumnMeta({\n name: 'ServiceName',\n type: 'LowCardinality(String)',\n }),\n createMockColumnMeta({\n name: 'SpanKind',\n type: 'LowCardinality(String)',\n }),\n createMockColumnMeta({\n name: 'count',\n type: 'SimpleAggregateFunction(sum, UInt64)',\n }),\n createMockColumnMeta({\n name: 'sum__Duration',\n type: 'SimpleAggregateFunction(sum, UInt64)',\n }),\n createMockColumnMeta({\n name: 'histogram__Duration',\n type: 'AggregateFunction(histogram(20), UInt64)',\n }),\n createMockColumnMeta({\n name: 'quantile__Duration',\n type: 'AggregateFunction(quantile(0.5), UInt64)',\n }),\n ] as ColumnMeta[],\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n meta: {\n engine: 'AggregatingMergeTree',\n database: 'test_db',\n name: 'test_mv_target_table',\n primary_key: 'Timestamp, ServiceName, SpanKind',\n } as unknown as TableMetadata,\n };\n\n const mvTargetTableSummingMergeTree = {\n columns: [\n createMockColumnMeta({ name: 'Timestamp', type: 'DateTime' }),\n createMockColumnMeta({\n name: 'ServiceName',\n type: 'LowCardinality(String)',\n }),\n createMockColumnMeta({\n name: 'SpanKind',\n type: 'LowCardinality(String)',\n }),\n createMockColumnMeta({\n name: 'quantileDuration',\n type: 'AggregateFunction(quantile(0.5), UInt64)',\n }),\n createMockColumnMeta({\n name: 'count',\n type: 'UInt64',\n }),\n createMockColumnMeta({\n name: 'sumDuration',\n type: 'UInt64',\n }),\n ] as ColumnMeta[],\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n meta: {\n engine: 'SummingMergeTree',\n engine_full:\n 'SummingMergeTree((count, sumDuration)) ORDER BY (Timestamp, ServiceName, SpanKind) SETTINGS index_granularity = 8192',\n database: 'test_db',\n name: 'test_mv_target_table_summing',\n primary_key: 'Timestamp, ServiceName, SpanKind',\n } as unknown as TableMetadata,\n };\n\n const mvSourceTable = {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n columns: [\n { name: 'Timestamp', type: 'DateTime' },\n { name: 'ServiceName', type: 'LowCardinality(String)' },\n { name: 'SpanKind', type: 'LowCardinality(String)' },\n { name: 'Duration', type: 'UInt64' },\n ] as ColumnMeta[],\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n meta: {\n engine: 'SharedMergeTree',\n database: 'test_db',\n name: 'test_source_table',\n } as unknown as TableMetadata,\n };\n\n const mv = {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n meta: {\n engine: 'MaterializedView',\n database: 'test_db',\n name: 'test_mv',\n create_table_query: `CREATE MATERIALIZED VIEW test_db.test_mv TO test_db.test_mv_target_table AS \n SELECT toStartOfHour(Timestamp) AS Timestamp, ServiceName, SpanKind, \n count(*) AS count, sum(Duration) AS sum__Duration, histogram(20)(Duration) as histogram__Duration, quantileState(0.5)(Duration) AS quantile__Duration\n FROM test_source_table\n GROUP BY Timestamp, ServiceName, SpanKind`,\n as_select: `SELECT toStartOfHour(Timestamp) AS Timestamp, ServiceName, SpanKind, \n count(*) AS count, sum(Duration) AS sum__Duration, histogram(20)(Duration) as histogram__Duration, quantileState(0.5)(Duration) AS quantile__Duration\n FROM test_source_table\n GROUP BY Timestamp, ServiceName, SpanKind`,\n } as unknown as TableMetadata,\n };\n\n const summingMergeTreeMV = {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n meta: {\n engine: 'MaterializedView',\n database: 'test_db',\n name: 'test_mv_summing',\n create_table_query: `CREATE MATERIALIZED VIEW test_db.test_mv_summing TO test_db.test_mv_target_table_summing AS \n SELECT toStartOfHour(Timestamp) AS Timestamp, ServiceName, SpanKind, count() AS count, sum(Duration) AS sumDuration, quantileState(0.5)(Duration) AS quantileDuration\n FROM test_source_table\n GROUP BY Timestamp, ServiceName, SpanKind`,\n as_select: `SELECT toStartOfHour(Timestamp) AS Timestamp, ServiceName, SpanKind, count() AS count, sum(Duration) AS sumDuration, quantileState(0.5)(Duration) AS quantileDuration\n FROM test_source_table\n GROUP BY Timestamp, ServiceName, SpanKind`,\n } as unknown as TableMetadata,\n };\n\n beforeEach(() => {\n mockMetadata.getTableMetadata = jest\n .fn()\n .mockImplementation(({ tableName }) => {\n if (tableName === 'test_mv') {\n return Promise.resolve(mv.meta);\n } else if (tableName === 'test_mv_summing') {\n return Promise.resolve(summingMergeTreeMV.meta);\n } else if (tableName === 'test_mv_target_table') {\n return Promise.resolve(mvTargetTable.meta);\n } else if (tableName === 'test_mv_target_table_summing') {\n return Promise.resolve(mvTargetTableSummingMergeTree.meta);\n } else if (tableName === 'test_source_table') {\n return Promise.resolve(mvSourceTable.meta);\n }\n return Promise.reject(new Error(`Table ${tableName} not found`));\n });\n mockMetadata.getColumns = jest.fn().mockImplementation(({ tableName }) => {\n if (tableName === 'test_source_table') {\n return Promise.resolve(mvSourceTable.columns);\n } else if (tableName === 'test_mv_target_table') {\n return Promise.resolve(mvTargetTable.columns);\n } else if (tableName === 'test_mv_target_table_summing') {\n return Promise.resolve(mvTargetTableSummingMergeTree.columns);\n }\n return Promise.reject(new Error(`Table ${tableName} not found`));\n });\n\n mockMetadata.queryMaterializedViewsByTarget = jest\n .fn()\n .mockImplementation(({ tableName }) => {\n return Promise.resolve([\n {\n databaseName: 'test_db',\n tableName:\n tableName === 'test_mv_target_table_summing'\n ? 'test_mv_summing'\n : 'test_mv',\n },\n ]);\n });\n });\n\n afterEach(() => {\n jest.resetAllMocks();\n });\n\n it('should infer materialized view configuration when given the name of a materialized view target table', async () => {\n const sourceTableConnection: TableConnection = {\n databaseName: 'test_db',\n tableName: 'test_source_table',\n connectionId: 'test_connection',\n };\n\n const mvTableConnection: TableConnection = {\n databaseName: 'test_db',\n tableName: 'test_mv_target_table',\n connectionId: 'test_connection',\n };\n\n const actualConfig = await inferMaterializedViewConfig(\n mvTableConnection,\n sourceTableConnection,\n mockMetadata,\n );\n\n expect(actualConfig).toEqual({\n databaseName: 'test_db',\n tableName: 'test_mv_target_table',\n dimensionColumns: 'ServiceName, SpanKind',\n timestampColumn: 'Timestamp',\n minGranularity: '1 hour',\n aggregatedColumns: [\n {\n aggFn: 'count',\n mvColumn: 'count',\n sourceColumn: '',\n },\n {\n aggFn: 'sum',\n mvColumn: 'sum__Duration',\n sourceColumn: 'Duration',\n },\n {\n aggFn: 'histogram',\n mvColumn: 'histogram__Duration',\n sourceColumn: 'Duration',\n },\n {\n aggFn: 'quantile',\n mvColumn: 'quantile__Duration',\n sourceColumn: 'Duration',\n },\n ],\n });\n });\n\n it('should infer materialized view configuration when given the name of a materialized view', async () => {\n const sourceTableConnection: TableConnection = {\n databaseName: 'test_db',\n tableName: 'test_source_table',\n connectionId: 'test_connection',\n };\n\n const mvTableConnection: TableConnection = {\n databaseName: 'test_db',\n tableName: 'test_mv', // Same as the previous test except this line refers to the MV instead of the target table\n connectionId: 'test_connection',\n };\n\n const actualConfig = await inferMaterializedViewConfig(\n mvTableConnection,\n sourceTableConnection,\n mockMetadata,\n );\n\n expect(actualConfig).toEqual({\n databaseName: 'test_db',\n tableName: 'test_mv_target_table',\n dimensionColumns: 'ServiceName, SpanKind',\n timestampColumn: 'Timestamp',\n minGranularity: '1 hour',\n aggregatedColumns: [\n {\n aggFn: 'count',\n mvColumn: 'count',\n sourceColumn: '',\n },\n {\n aggFn: 'sum',\n mvColumn: 'sum__Duration',\n sourceColumn: 'Duration',\n },\n {\n aggFn: 'histogram',\n mvColumn: 'histogram__Duration',\n sourceColumn: 'Duration',\n },\n {\n aggFn: 'quantile',\n mvColumn: 'quantile__Duration',\n sourceColumn: 'Duration',\n },\n ],\n });\n });\n\n it('should infer materialized view configuration when given the name of a SummingMergeTree target table', async () => {\n const sourceTableConnection: TableConnection = {\n databaseName: 'test_db',\n tableName: 'test_source_table',\n connectionId: 'test_connection',\n };\n\n const mvTableConnection: TableConnection = {\n databaseName: 'test_db',\n tableName: 'test_mv_target_table_summing',\n connectionId: 'test_connection',\n };\n\n const actualConfig = await inferMaterializedViewConfig(\n mvTableConnection,\n sourceTableConnection,\n mockMetadata,\n );\n\n expect(actualConfig).toEqual({\n databaseName: 'test_db',\n tableName: 'test_mv_target_table_summing',\n dimensionColumns: 'ServiceName, SpanKind',\n timestampColumn: 'Timestamp',\n minGranularity: '1 hour',\n aggregatedColumns: [\n {\n aggFn: 'quantile',\n mvColumn: 'quantileDuration',\n sourceColumn: 'Duration',\n },\n {\n aggFn: 'count',\n mvColumn: 'count',\n sourceColumn: '',\n },\n {\n aggFn: 'sum',\n mvColumn: 'sumDuration',\n sourceColumn: 'Duration',\n },\n ],\n });\n });\n\n it('should return a partial result when multiple materialized views target the same table', async () => {\n mockMetadata.queryMaterializedViewsByTarget = jest.fn().mockResolvedValue([\n { tableName: 'test_mv', databaseName: 'test_db' },\n { tableName: 'test_mv_2', databaseName: 'test_db' },\n ]);\n\n const sourceTableConnection: TableConnection = {\n databaseName: 'test_db',\n tableName: 'test_source_table',\n connectionId: 'test_connection',\n };\n\n const mvTableConnection: TableConnection = {\n databaseName: 'test_db',\n tableName: 'test_mv_target_table',\n connectionId: 'test_connection',\n };\n\n const actualConfig = await inferMaterializedViewConfig(\n mvTableConnection,\n sourceTableConnection,\n mockMetadata,\n );\n\n expect(actualConfig).toEqual({\n databaseName: 'test_db',\n tableName: 'test_mv_target_table',\n dimensionColumns: 'ServiceName, SpanKind',\n timestampColumn: 'Timestamp',\n minGranularity: '', // Since we don't know the MV, we can't infer the granularity\n aggregatedColumns: [\n {\n aggFn: 'count',\n mvColumn: 'count',\n sourceColumn: '',\n },\n {\n aggFn: 'sum',\n mvColumn: 'sum__Duration',\n sourceColumn: 'Duration',\n },\n {\n aggFn: 'histogram',\n mvColumn: 'histogram__Duration',\n sourceColumn: 'Duration',\n },\n {\n aggFn: 'quantile',\n mvColumn: 'quantile__Duration',\n sourceColumn: 'Duration',\n },\n ],\n });\n });\n\n it('should return undefined when the target table is not an AggregatingMergeTree', async () => {\n const sourceTableConnection: TableConnection = {\n databaseName: 'test_db',\n tableName: 'test_source_table',\n connectionId: 'test_connection',\n };\n\n const mvTableConnection: TableConnection = {\n databaseName: 'test_db',\n tableName: 'test_source_table', // This table is not an AggregatingMergeTree\n connectionId: 'test_connection',\n };\n\n const actualConfig = await inferMaterializedViewConfig(\n mvTableConnection,\n sourceTableConnection,\n mockMetadata,\n );\n\n expect(actualConfig).toBeUndefined();\n });\n});\n\ndescribe('inferTimestampColumnGranularity', () => {\n it.each([\n {\n expected: '1 second',\n asSelect:\n 'SELECT toStartOfSecond(Timestamp) AS Timestamp, ServiceName, quantileState(0.9)(Duration) AS p90__Duration FROM default.otel_traces GROUP BY Timestamp, ServiceName',\n },\n {\n expected: '1 minute',\n asSelect:\n 'SELECT toStartOfMinute(Timestamp) AS Timestamp, ServiceName, quantileState(0.9)(Duration) AS p90__Duration FROM default.otel_traces GROUP BY Timestamp, ServiceName',\n },\n {\n expected: '5 minute',\n asSelect:\n 'SELECT toStartOfFiveMinutes(Timestamp) AS Timestamp, ServiceName, quantileState(0.9)(Duration) AS p90__Duration FROM default.otel_traces GROUP BY Timestamp, ServiceName',\n },\n {\n expected: '15 minute',\n asSelect:\n 'SELECT toStartOfFifteenMinutes(Timestamp) AS Timestamp, ServiceName, quantileState(0.9)(Duration) AS p90__Duration FROM default.otel_traces GROUP BY Timestamp, ServiceName',\n },\n {\n expected: '1 hour',\n asSelect:\n 'SELECT toStartOfHour(Timestamp) AS Timestamp, ServiceName, quantileState(0.9)(Duration) AS p90__Duration FROM default.otel_traces GROUP BY Timestamp, ServiceName',\n },\n {\n expected: '1 day',\n asSelect:\n 'SELECT toStartOfDay(Timestamp) AS Timestamp, ServiceName, quantileState(0.9)(Duration) AS p90__Duration FROM default.otel_traces GROUP BY Timestamp, ServiceName',\n },\n ])(\n 'should handle a toStartOfX function with granularity: $expected',\n ({ asSelect, expected }) => {\n expect(\n inferTimestampColumnGranularity(\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n {\n as_select: asSelect,\n } as unknown as TableMetadata,\n 'Timestamp',\n ),\n ).toBe(expected);\n },\n );\n\n it.each([\n {\n expected: '1 second',\n asSelect:\n 'SELECT toStartOfInterval(Timestamp, INTERVAL 1 SECOND) AS Timestamp, ServiceName, quantileState(0.9)(Duration) AS p90__Duration FROM default.otel_traces GROUP BY Timestamp, ServiceName',\n },\n {\n expected: '5 minute',\n asSelect:\n 'SELECT toStartOfInterval(Timestamp, interval 5 minutes) AS Timestamp, ServiceName, quantileState(0.9)(Duration) AS p90__Duration FROM default.otel_traces GROUP BY Timestamp, ServiceName',\n },\n {\n expected: '30 minute',\n asSelect:\n 'SELECT toStartOfInterval(Timestamp, toIntervalMinute(30)) AS Timestamp, ServiceName, quantileState(0.9)(Duration) AS p90__Duration FROM default.otel_traces GROUP BY Timestamp, ServiceName',\n },\n ])(\n 'should handle a toStartOfInterval function with a dynamic interval: $expected',\n ({ asSelect, expected }) => {\n expect(\n inferTimestampColumnGranularity(\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n {\n as_select: asSelect,\n } as unknown as TableMetadata,\n 'Timestamp',\n ),\n ).toBe(expected);\n },\n );\n\n it('should handle toDate()', () => {\n expect(\n inferTimestampColumnGranularity(\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n {\n as_select:\n 'SELECT toDate(Timestamp) AS Timestamp, ServiceName, quantileState(0.9)(Duration) AS p90__Duration FROM default.otel_traces GROUP BY Timestamp, ServiceName',\n } as unknown as TableMetadata,\n 'Timestamp',\n ),\n ).toBe('1 day');\n });\n\n it('should handle toDateTime()', () => {\n expect(\n inferTimestampColumnGranularity(\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n {\n as_select:\n 'SELECT toDateTime(Timestamp) AS Timestamp, ServiceName, quantileState(0.9)(Duration) AS p90__Duration FROM default.otel_traces GROUP BY Timestamp, ServiceName',\n } as unknown as TableMetadata,\n 'Timestamp',\n ),\n ).toBe('1 second');\n });\n\n it('should reject non-standard granularities', () => {\n expect(\n inferTimestampColumnGranularity(\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n {\n as_select:\n 'SELECT toStartOfInterval(Timestamp, INTERVAL 7 SECOND) AS Timestamp, ServiceName, quantileState(0.9)(Duration) AS p90__Duration FROM default.otel_traces GROUP BY Timestamp, ServiceName',\n } as unknown as TableMetadata,\n 'Timestamp',\n ),\n ).toBeUndefined();\n });\n});\n\ndescribe('parseSummedColumns', () => {\n it('should parse summed columns correctly when there is one summed column', () => {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n const metadata: TableMetadata = {\n engine: 'SummingMergeTree',\n engine_full:\n 'SummingMergeTree(count) ORDER BY (Timestamp, ServiceName, SpanKind) SETTINGS index_granularity = 8192',\n } as TableMetadata;\n\n const parsed = parseSummedColumns(metadata);\n expect(parsed).toEqual(new Set(['count']));\n });\n\n it('should parse summed columns correctly when there are multiple summed columns', () => {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n const metadata = {\n engine: 'SummingMergeTree',\n engine_full:\n 'SummingMergeTree((count, sum__Duration)) ORDER BY (Timestamp, ServiceName, SpanKind) SETTINGS index_granularity = 8192',\n } as TableMetadata;\n\n const parsed = parseSummedColumns(metadata);\n expect(parsed).toEqual(new Set(['count', 'sum__Duration']));\n });\n});\n\ndescribe('getSourceTableColumn', () => {\n it('should return empty string if no matching source column is found', () => {\n const sourceTableColumns: ColumnMeta[] = [\n createMockColumnMeta({ name: 'Duration', type: 'UInt64' }),\n createMockColumnMeta({ name: 'Value', type: 'UInt64' }),\n ];\n\n const targetTableColumn = createMockColumnMeta({\n name: 'sum__NonExistentColumn',\n type: 'SimpleAggregateFunction(sum, UInt64)',\n });\n const sourceColumn = getSourceTableColumn(\n 'sum',\n targetTableColumn,\n sourceTableColumns,\n );\n expect(sourceColumn).toBe('');\n });\n\n it('should return empty string if the aggFn is count', () => {\n const sourceTableColumns: ColumnMeta[] = [\n createMockColumnMeta({ name: 'Duration', type: 'UInt64' }),\n createMockColumnMeta({ name: 'Value', type: 'UInt64' }),\n ];\n\n const targetTableColumn = createMockColumnMeta({\n name: 'count',\n type: 'SimpleAggregateFunction(count, UInt64)',\n });\n const sourceColumn = getSourceTableColumn(\n 'count',\n targetTableColumn,\n sourceTableColumns,\n );\n expect(sourceColumn).toBe('');\n });\n\n it('should match source columns based on convention', () => {\n const sourceTableColumns: ColumnMeta[] = [\n createMockColumnMeta({ name: 'Duration', type: 'UInt64' }),\n createMockColumnMeta({ name: 'Value', type: 'UInt64' }),\n ];\n\n const targetTableColumnSum = createMockColumnMeta({\n name: 'sum__Duration',\n type: 'SimpleAggregateFunction(sum, UInt64)',\n });\n const sourceColumnForSum = getSourceTableColumn(\n 'sum',\n targetTableColumnSum,\n sourceTableColumns,\n );\n expect(sourceColumnForSum).toBe('Duration');\n });\n\n it('should match source column based on MV DDL expressions', () => {\n const sourceTableColumns: ColumnMeta[] = [\n createMockColumnMeta({ name: 'Duration', type: 'UInt64' }),\n createMockColumnMeta({ name: 'Value', type: 'UInt64' }),\n ];\n\n const targetTableColumnQuantile = createMockColumnMeta({\n name: 'quantileDuration',\n type: 'AggregateFunction(quantile(0.5), UInt64)',\n });\n\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n const mvMetadata: TableMetadata = {\n as_select:\n 'SELECT toStartOfHour(Timestamp) AS Timestamp, ServiceName, SpanKind, count() AS count, sum(Duration) AS sumDuration, quantileState(0.5)(Duration) AS quantileDuration FROM test_source_table GROUP BY Timestamp, ServiceName, SpanKind',\n } as unknown as TableMetadata;\n\n const sourceColumnForQuantile = getSourceTableColumn(\n 'quantile',\n targetTableColumnQuantile,\n sourceTableColumns,\n mvMetadata,\n );\n\n expect(sourceColumnForQuantile).toBe('Duration');\n });\n\n it('should match source column based on MV DDL expressions when there are overlapping source column names', () => {\n const sourceTableColumns: ColumnMeta[] = [\n createMockColumnMeta({ name: 'MaxDuration', type: 'UInt64' }),\n createMockColumnMeta({ name: 'Duration', type: 'UInt64' }),\n createMockColumnMeta({ name: 'Value', type: 'UInt64' }),\n ];\n\n const targetTableColumnMaxMax = createMockColumnMeta({\n name: 'maxMaxDuration',\n type: 'AggregateFunction(max, UInt64)',\n });\n\n const targetTableColumnMax = createMockColumnMeta({\n name: 'maxDuration',\n type: 'AggregateFunction(max, UInt64)',\n });\n\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n const mvMetadata: TableMetadata = {\n as_select:\n 'SELECT toStartOfHour(Timestamp) AS Timestamp, ServiceName, SpanKind, count() AS count, max(MaxDuration) AS maxMaxDuration, max(Duration) AS maxDuration FROM test_source_table GROUP BY Timestamp, ServiceName, SpanKind',\n } as unknown as TableMetadata;\n\n const sourceColumnForMax = getSourceTableColumn(\n 'max',\n targetTableColumnMax,\n sourceTableColumns,\n mvMetadata,\n );\n\n expect(sourceColumnForMax).toBe('Duration');\n\n const sourceColumnForMaxMax = getSourceTableColumn(\n 'max',\n targetTableColumnMaxMax,\n sourceTableColumns,\n mvMetadata,\n );\n\n expect(sourceColumnForMaxMax).toBe('MaxDuration');\n });\n});\n" }, { "path": "packages/app/src/utils/__tests__/queryParsers.test.ts", "content": "import { parseAsJsonEncoded, parseAsStringEncoded } from '../queryParsers';\n\n// Helper: extract the parse/serialize functions from the parser object\nconst stringParser = parseAsStringEncoded;\nconst jsonParser = parseAsJsonEncoded();\n\ndescribe('parseAsStringEncoded', () => {\n describe('parse', () => {\n it('decodes a double-encoded value (new format)', () => {\n // serialize produces encodeURIComponent(value); nuqs double-encodes % → %25.\n // URLSearchParams.get() strips one layer, leaving our encoded value.\n expect(stringParser.parse('hello%20world')).toBe('hello world');\n });\n\n it('handles plain string with no encoding (old format)', () => {\n // decodeURIComponent on a plain string is a no-op\n expect(stringParser.parse('hello world')).toBe('hello world');\n });\n\n it('decodes special characters', () => {\n expect(stringParser.parse('a%3Ab')).toBe('a:b');\n expect(stringParser.parse('%5B%5D')).toBe('[]');\n });\n\n it('returns value as-is on malformed URI sequence', () => {\n // '%zz' is not valid percent-encoding\n expect(stringParser.parse('hello%zz')).toBe('hello%zz');\n });\n });\n\n describe('serialize', () => {\n it('encodes spaces as %20', () => {\n expect(stringParser.serialize('hello world')).toBe('hello%20world');\n });\n\n it('encodes special characters', () => {\n expect(stringParser.serialize('a+b')).toBe('a%2Bb');\n expect(stringParser.serialize('[1,2]')).toBe('%5B1%2C2%5D');\n });\n\n it('round-trips through parse → serialize', () => {\n const original = 'foo bar+baz [test]';\n expect(stringParser.parse(stringParser.serialize(original))).toBe(\n original,\n );\n });\n });\n});\n\ndescribe('parseAsJsonEncoded', () => {\n describe('parse', () => {\n it('parses a double-encoded JSON value (new format)', () => {\n // New format: serialize encodes JSON via encodeURIComponent; after\n // URLSearchParams.get() strips one layer our parse receives the once-encoded string.\n const value = [{ key: 'hello world' }];\n const serialized = jsonParser.serialize(value); // encodeURIComponent(JSON.stringify(value))\n expect(jsonParser.parse(serialized)).toEqual(value);\n });\n\n it('parses plain JSON string (old format — no double-encoding)', () => {\n // Old format: nuqs wrote raw JSON, URLSearchParams.get() decoded + → space already.\n const raw = JSON.stringify([{ key: 'value' }]);\n expect(jsonParser.parse(raw)).toEqual([{ key: 'value' }]);\n });\n\n it('parses old-format URL where nuqs used + for spaces', () => {\n // URLSearchParams.get() already turned + into space, so we receive a space.\n const raw = JSON.stringify([{ key: 'hello world' }]);\n expect(jsonParser.parse(raw)).toEqual([{ key: 'hello world' }]);\n });\n\n it('returns null for malformed JSON after successful URI decode', () => {\n // A valid percent-sequence that decodes to something that is not JSON.\n expect(jsonParser.parse('not-json')).toBeNull();\n });\n\n it('returns null for truly malformed input', () => {\n // Both decode and parse should fail gracefully.\n expect(jsonParser.parse('%zz{broken')).toBeNull();\n });\n\n it('does not fall back to raw parse when decode succeeds but JSON is malformed', () => {\n // encodeURIComponent('bad json') is a valid URI sequence that decodes to 'bad json'.\n // The old fallback would try JSON.parse('bad json') → still null, but with the\n // new separated logic this is handled cleanly without masking.\n const encoded = encodeURIComponent('bad json');\n expect(jsonParser.parse(encoded)).toBeNull();\n });\n });\n\n describe('serialize', () => {\n it('encodes JSON as a URI component', () => {\n const value = [{ key: 'a b' }];\n const serialized = jsonParser.serialize(value);\n expect(serialized).toBe(encodeURIComponent(JSON.stringify(value)));\n });\n\n it('round-trips through parse → serialize', () => {\n const original = [{ key: 'hello world', num: 42 }];\n expect(jsonParser.parse(jsonParser.serialize(original))).toEqual(\n original,\n );\n });\n });\n});\n" }, { "path": "packages/app/src/utils/alerts.ts", "content": "import {\n differenceInDays,\n differenceInHours,\n differenceInMinutes,\n sub,\n} from 'date-fns';\nimport _ from 'lodash';\nimport { z } from 'zod';\nimport { Granularity } from '@hyperdx/common-utils/dist/core/utils';\nimport {\n ALERT_INTERVAL_TO_MINUTES,\n AlertChannelType,\n AlertInterval,\n AlertThresholdType,\n ChartAlertBaseSchema,\n} from '@hyperdx/common-utils/dist/types';\n\nimport { IS_DEV } from '@/config';\n\nexport function intervalToGranularity(interval: AlertInterval) {\n if (interval === '1m') return Granularity.OneMinute;\n if (interval === '5m') return Granularity.FiveMinute;\n if (interval === '15m') return Granularity.FifteenMinute;\n if (interval === '30m') return Granularity.ThirtyMinute;\n if (interval === '1h') return Granularity.OneHour;\n if (interval === '6h') return Granularity.SixHour;\n if (interval === '12h') return Granularity.TwelveHour;\n if (interval === '1d') return Granularity.OneDay;\n return Granularity.OneDay;\n}\n\nexport function intervalToMinutes(interval: AlertInterval): number {\n return ALERT_INTERVAL_TO_MINUTES[interval];\n}\n\nexport function intervalToDateRange(interval: AlertInterval): [Date, Date] {\n // eslint-disable-next-line no-restricted-syntax\n const now = new Date();\n if (interval === '1m') return [sub(now, { minutes: 15 }), now];\n if (interval === '5m') return [sub(now, { hours: 1 }), now];\n if (interval === '15m') return [sub(now, { hours: 4 }), now];\n if (interval === '30m') return [sub(now, { hours: 8 }), now];\n if (interval === '1h') return [sub(now, { hours: 16 }), now];\n if (interval === '6h') return [sub(now, { days: 4 }), now];\n if (interval === '12h') return [sub(now, { days: 7 }), now];\n if (interval === '1d') return [sub(now, { days: 7 }), now];\n return [now, now];\n}\n\nexport function extendDateRangeToInterval(\n dateRange: [Date, Date],\n interval: AlertInterval,\n): [Date, Date] {\n const [start, end] = dateRange;\n\n if (interval === '1m' && differenceInMinutes(end, start) < 15) {\n return [sub(end, { minutes: 15 }), end];\n }\n if (interval === '5m' && differenceInHours(end, start) < 1) {\n return [sub(end, { hours: 1 }), end];\n }\n if (interval === '15m' && differenceInHours(end, start) < 4) {\n return [sub(end, { hours: 4 }), end];\n }\n if (interval === '30m' && differenceInHours(end, start) < 8) {\n return [sub(end, { hours: 8 }), end];\n }\n if (interval === '1h' && differenceInHours(end, start) < 16) {\n return [sub(end, { hours: 16 }), end];\n }\n if (interval === '6h' && differenceInDays(end, start) < 4) {\n return [sub(end, { days: 4 }), end];\n }\n if (interval === '12h' && differenceInDays(end, start) < 7) {\n return [sub(end, { days: 7 }), end];\n }\n if (interval === '1d' && differenceInDays(end, start) < 7) {\n return [sub(end, { days: 7 }), end];\n }\n return dateRange;\n}\n\nexport const ALERT_THRESHOLD_TYPE_OPTIONS: Record = {\n above: 'At least (≥)',\n below: 'Below (<)',\n};\n\nexport const TILE_ALERT_THRESHOLD_TYPE_OPTIONS: Record = {\n above: 'is at least (≥)',\n below: 'falls below (<)',\n};\n\nexport const ALERT_INTERVAL_OPTIONS: Record = {\n '1m': '1 minute',\n '5m': '5 minute',\n '15m': '15 minute',\n '30m': '30 minute',\n '1h': '1 hour',\n '6h': '6 hour',\n '12h': '12 hour',\n '1d': '1 day',\n};\n\nexport const TILE_ALERT_INTERVAL_OPTIONS = _.pick(ALERT_INTERVAL_OPTIONS, [\n ...(IS_DEV ? (['1m'] as const) : []),\n '5m',\n '15m',\n '30m',\n '1h',\n '6h',\n '12h',\n '1d',\n]);\n\nexport const ALERT_CHANNEL_OPTIONS: Record = {\n webhook: 'Webhook',\n};\n\nexport const DEFAULT_TILE_ALERT: z.infer = {\n threshold: 1,\n thresholdType: AlertThresholdType.ABOVE,\n interval: '5m',\n scheduleOffsetMinutes: 0,\n scheduleStartAt: null,\n channel: {\n type: 'webhook',\n webhookId: '',\n },\n};\n\n/**\n * Checks if an alert's silence period has expired.\n * @param silenced - The alert's silenced state containing the until timestamp\n * @returns true if the silence period has expired, false otherwise\n */\nexport function isAlertSilenceExpired(silenced?: {\n until: string | Date;\n}): boolean {\n // eslint-disable-next-line no-restricted-syntax\n return silenced ? new Date() > new Date(silenced.until) : false;\n}\n\nexport function parseScheduleStartAtValue(\n value: string | null | undefined,\n): Date | null {\n if (value == null) {\n return null;\n }\n\n const parsedDate = new Date(value);\n return Number.isNaN(parsedDate.getTime()) ? null : parsedDate;\n}\n\ntype AlertScheduleFields = {\n scheduleOffsetMinutes?: number;\n scheduleStartAt?: string | null;\n};\n\ntype NormalizeAlertScheduleOptions = {\n preserveExplicitScheduleOffsetMinutes?: boolean;\n preserveExplicitScheduleStartAt?: boolean;\n};\n\n/**\n * Keep alert documents backward-compatible by avoiding no-op writes for\n * scheduling fields on pre-migration alerts that never had these keys.\n */\nexport function normalizeNoOpAlertScheduleFields<\n T extends AlertScheduleFields | undefined,\n>(\n alert: T,\n previousAlert?: AlertScheduleFields | null,\n options: NormalizeAlertScheduleOptions = {},\n): T {\n if (alert == null) {\n return alert;\n }\n\n const normalizedAlert = { ...alert };\n // Treat undefined as \"field absent\" so we don't depend on object key\n // preservation/stripping behavior from any parsing layer.\n const previousHadOffset =\n previousAlert != null && previousAlert.scheduleOffsetMinutes !== undefined;\n const previousHadStartAt =\n previousAlert != null && previousAlert.scheduleStartAt !== undefined;\n\n if (\n (normalizedAlert.scheduleOffsetMinutes ?? 0) === 0 &&\n !previousHadOffset &&\n !options.preserveExplicitScheduleOffsetMinutes\n ) {\n delete normalizedAlert.scheduleOffsetMinutes;\n }\n\n if (\n normalizedAlert.scheduleStartAt == null &&\n !previousHadStartAt &&\n !options.preserveExplicitScheduleStartAt\n ) {\n delete normalizedAlert.scheduleStartAt;\n }\n\n return normalizedAlert as T;\n}\n" }, { "path": "packages/app/src/utils/curlGenerator.ts", "content": "// From: https://github.com/albertodeago/curl-generator/blob/master/src/main.ts\n// Forked to allow multiple headers with the same name\n\ntype StringMap = { [key: string]: string };\n\n/**\n * Additional options for curl command.\n *\n * --compressed -> Request compressed response\n * --compressed-ssh -> Enable SSH compression\n * --fail -> Fail silently (no output at all) on HTTP errors\n * --fail-early -> Fail on first transfer error, do not continue\n * --head -> Show document info only\n * --include -> Include protocol response headers in the output\n * --insecure -> Allow insecure server connections when using SSL\n * --ipv4 -> Resolve names to IPv4 addresses\n * --ipv6 -> Resolve names to IPv6 addresses\n * --list-only -> List only mode\n * --location -> Follow redirects\n * --location-trusted -> Like --location, and send auth to other hosts\n * --no-keepalive -> Disable TCP keepalive on the connection\n * --show-error -> Show error even when -s is used\n * --silent -> Silent mode\n * --ssl -> Try SSL/TLS\n * --sslv2 -> Use SSLv2\n * --sslv3 -> Use SSLv3\n * --verbose -> Make the operation more talkative\n */\ntype CurlAdditionalOptions = {\n compressed: boolean;\n compressedSsh: boolean;\n fail: boolean;\n failEarly: boolean;\n head: boolean;\n include: boolean;\n insecure: boolean;\n ipv4: boolean;\n ipv6: boolean;\n listOnly: boolean;\n location: boolean;\n locationTrusted: boolean;\n noKeepalive: boolean;\n output: string;\n showError: boolean;\n silent: boolean;\n ssl: boolean;\n sslv2: boolean;\n sslv3: boolean;\n verbose: boolean;\n};\n\ntype CurlRequest = {\n method?:\n | 'GET'\n | 'get'\n | 'POST'\n | 'post'\n | 'PUT'\n | 'put'\n | 'PATCH'\n | 'patch'\n | 'DELETE'\n | 'delete';\n headers?: [string, string][];\n body?: object | string;\n url: string;\n};\n\n// slash for connecting previous breakup line to current line for running cURL directly in Command Prompt\nconst slash = ' \\\\';\nconst newLine = '\\n';\n\n/**\n * @param {string} [method]\n * @returns {string}\n */\nconst getCurlMethod = function (method?: string): string {\n let result = '';\n if (method) {\n const types: StringMap = {\n GET: '-X GET',\n POST: '-X POST',\n PUT: '-X PUT',\n PATCH: '-X PATCH',\n DELETE: '-X DELETE',\n };\n result = ` ${types[method.toUpperCase()]}`;\n }\n return slash + newLine + result;\n};\n\n/**\n * @param {StringMap} headers\n * @returns {string}\n */\nconst getCurlHeaders = function (headers?: [string, string][]): string {\n let result = '';\n if (headers) {\n headers.map(([name, val]) => {\n result += `${slash}${newLine}-H \"${name}: ${val.replace(\n /(\\\\|\")/g,\n '\\\\$1',\n )}\"`;\n });\n }\n return result;\n};\n\n/**\n * @param {Object} body\n * @returns {string}\n */\nconst getCurlBody = function (body?: object): string {\n let result = '';\n if (body) {\n result += `${slash}${newLine}-d \"${JSON.stringify(body).replace(\n /(\\\\|\")/g,\n '\\\\$1',\n )}\"`;\n }\n return result;\n};\n\n// From chrome dev tools\n// https://github.com/ChromeDevTools/devtools-frontend/blob/d12637511c19e5a3d060656eeb54e76e410715ca/front_end/panels/network/NetworkLogView.ts#L2193\n// TODO: Support windows\nfunction escapeStringPosix(str: string): string {\n function escapeCharacter(x: string): string {\n const code = x.charCodeAt(0);\n let hexString = code.toString(16);\n // Zero pad to four digits to comply with ANSI-C Quoting:\n // http://www.gnu.org/software/bash/manual/html_node/ANSI_002dC-Quoting.html\n while (hexString.length < 4) {\n hexString = '0' + hexString;\n }\n\n return '\\\\u' + hexString;\n }\n\n // eslint-disable-next-line no-control-regex, no-useless-escape\n if (/[\\0-\\x1F\\x7F-\\x9F!]|\\'/.test(str)) {\n // Use ANSI-C quoting syntax.\n return (\n \"$'\" +\n str\n .replace(/\\\\/g, '\\\\\\\\')\n // eslint-disable-next-line no-useless-escape\n .replace(/\\'/g, \"\\\\'\")\n .replace(/\\n/g, '\\\\n')\n .replace(/\\r/g, '\\\\r')\n // eslint-disable-next-line no-control-regex\n .replace(/[\\0-\\x1F\\x7F-\\x9F!]/g, escapeCharacter) +\n \"'\"\n );\n }\n // Use single quote syntax.\n return \"'\" + str + \"'\";\n}\n\nconst getCurlBodyString = function (body?: string): string {\n let result = '';\n if (body) {\n result += `${slash}${newLine}--data-raw ${escapeStringPosix(body)}`;\n }\n return result;\n};\n\n/**\n * Given the curl additional options, turn them into curl syntax\n * @param {CurlAdditionalOptions} [options]\n * @returns {string}\n */\nconst getCurlOptions = function (options?: CurlAdditionalOptions): string {\n let result = '';\n if (options) {\n (Object.keys(options) as Array).forEach(\n (key: keyof CurlAdditionalOptions) => {\n const kebabKey = key.replace(\n /[A-Z]/g,\n letter => `-${letter.toLowerCase()}`,\n );\n\n if (!options[key]) {\n throw new Error(`Invalid Curl option ${key}`);\n } else if (typeof options[key] === 'boolean' && options[key]) {\n // boolean option, we just add --opt\n result += `--${kebabKey} `;\n } else if (typeof options[key] === 'string') {\n // string option, we have to add --opt=value\n result += `--${kebabKey} ${options[key]} `;\n }\n },\n );\n }\n\n return result ? `${slash}${newLine}${result}` : result;\n};\n\n/**\n * @param {CurlRequest} params\n * @param {CurlAdditionalOptions} [options]\n * @returns {string}\n */\nconst CurlGenerator = function (\n params: CurlRequest,\n options?: CurlAdditionalOptions,\n): string {\n let curlSnippet = 'curl ';\n curlSnippet += params.url;\n curlSnippet += getCurlMethod(params.method);\n curlSnippet += getCurlHeaders(params.headers);\n curlSnippet +=\n typeof params.body === 'string'\n ? getCurlBodyString(params.body)\n : getCurlBody(params.body);\n curlSnippet += getCurlOptions(options);\n return curlSnippet.trim();\n};\n\nexport { CurlGenerator };\n" }, { "path": "packages/app/src/utils/highlightedAttributes.ts", "content": "import { ResponseJSON } from '@hyperdx/common-utils/dist/clickhouse';\nimport { TLogSource, TSource } from '@hyperdx/common-utils/dist/types';\n\nimport { getJSONColumnNames } from '@/components/DBRowDataPanel';\n\ntype HighlightedAttributeExpressions =\n TLogSource['highlightedRowAttributeExpressions'];\n\nexport function getSelectExpressionsForHighlightedAttributes(\n expressions: HighlightedAttributeExpressions = [],\n) {\n return expressions.map(({ sqlExpression, alias }) => ({\n valueExpression: sqlExpression,\n alias: alias || sqlExpression,\n }));\n}\n\nexport function getHighlightedAttributesFromData(\n source: TSource,\n attributes: HighlightedAttributeExpressions = [],\n data: Record[],\n meta: ResponseJSON['meta'],\n) {\n const attributeValuesByDisplayKey = new Map>();\n const sqlExpressionsByDisplayKey = new Map();\n const luceneExpressionsByDisplayKey = new Map();\n const jsonColumns = getJSONColumnNames(meta);\n\n try {\n for (const row of data) {\n for (const { sqlExpression, luceneExpression, alias } of attributes) {\n const displayName = alias || sqlExpression;\n\n const isJsonExpression = jsonColumns.includes(\n sqlExpression.split('.')[0],\n );\n const sqlExpressionWithJSONSupport = isJsonExpression\n ? `toString(${sqlExpression})`\n : sqlExpression;\n\n sqlExpressionsByDisplayKey.set(\n displayName,\n sqlExpressionWithJSONSupport,\n );\n if (luceneExpression) {\n luceneExpressionsByDisplayKey.set(displayName, luceneExpression);\n }\n\n const value = row[displayName];\n if (value && typeof value === 'string') {\n if (!attributeValuesByDisplayKey.has(displayName)) {\n attributeValuesByDisplayKey.set(displayName, new Set());\n }\n attributeValuesByDisplayKey.get(displayName)!.add(value);\n }\n }\n }\n } catch (e) {\n console.error('Error extracting attributes from data', e);\n }\n\n return Array.from(attributeValuesByDisplayKey.entries()).flatMap(\n ([key, values]) =>\n [...values].map(value => ({\n displayedKey: key,\n value,\n sql: sqlExpressionsByDisplayKey.get(key)!,\n lucene: luceneExpressionsByDisplayKey.get(key),\n source,\n })),\n );\n}\n\nexport function isLinkableUrl(value: string): boolean {\n try {\n const url = new URL(value);\n return url.protocol === 'http:' || url.protocol === 'https:';\n } catch {\n return false;\n }\n}\n" }, { "path": "packages/app/src/utils/materializedViews.ts", "content": "import {\n ColumnMeta,\n extractColumnReferencesFromKey,\n filterColumnMetaByType,\n JSDataType,\n} from '@hyperdx/common-utils/dist/clickhouse';\nimport {\n Metadata,\n TableConnection,\n TableMetadata,\n} from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n Granularity,\n splitAndTrimWithBracket,\n} from '@hyperdx/common-utils/dist/core/utils';\nimport {\n InternalAggregateFunction,\n MaterializedViewConfiguration,\n} from '@hyperdx/common-utils/dist/types';\n\nexport const MV_AGGREGATE_FUNCTIONS = [\n 'avg',\n 'count',\n 'max',\n 'min',\n 'quantile',\n 'sum',\n 'histogram',\n];\n\n/**\n * To maximize the number of queries which are compatible with materialized views,\n * every granularity should be a multiple of every smaller granularity.\n *\n * Further, these should match the granularities supported by charts, defined\n * in convertDateRangeToGranularityString().\n * */\nexport const MV_GRANULARITY_OPTIONS = [\n { value: '1 second', label: '1 second' },\n { value: Granularity.FifteenSecond, label: '15 seconds' },\n { value: Granularity.ThirtySecond, label: '30 seconds' },\n { value: Granularity.OneMinute, label: '1 minute' },\n { value: Granularity.FiveMinute, label: '5 minutes' },\n { value: Granularity.FifteenMinute, label: '15 minutes' },\n { value: Granularity.ThirtyMinute, label: '30 minutes' },\n { value: Granularity.OneHour, label: '1 hour' },\n { value: Granularity.TwoHour, label: '2 hours' },\n { value: Granularity.SixHour, label: '6 hours' },\n { value: Granularity.TwelveHour, label: '12 hours' },\n { value: Granularity.OneDay, label: '1 day' },\n { value: Granularity.TwoDay, label: '2 days' },\n { value: Granularity.SevenDay, label: '7 days' },\n { value: Granularity.ThirtyDay, label: '30 days' },\n];\n\nconst isGranularity = (value: string): value is Granularity => {\n return MV_GRANULARITY_OPTIONS.map(option => option.value as string).includes(\n value,\n );\n};\n\nconst MV_DDL_PATTERN = /MATERIALIZED VIEW [^\\s]+\\.[^\\s]+ TO ([^\\s]+)\\.([^\\s]+)/;\nfunction getViewTargetTable(meta: TableMetadata) {\n const match = meta.create_table_query.match(MV_DDL_PATTERN);\n if (match && match[1] && match[2]) {\n return {\n databaseName: match[1],\n tableName: match[2],\n };\n }\n}\n\nconst isAggregateFn = (\n aggFn: string | undefined,\n): aggFn is InternalAggregateFunction => {\n return MV_AGGREGATE_FUNCTIONS.includes(aggFn ?? '');\n};\n\nfunction isMaterializedView(\n meta: TableMetadata | undefined,\n): meta is TableMetadata {\n return meta?.engine?.startsWith('MaterializedView') ?? false;\n}\n\nfunction isAggregatingMergeTree(\n meta: TableMetadata | undefined,\n): meta is TableMetadata {\n return meta?.engine?.includes('AggregatingMergeTree') ?? false;\n}\n\nfunction isSummingMergeTree(\n meta: TableMetadata | undefined,\n): meta is TableMetadata {\n return meta?.engine?.includes('SummingMergeTree') ?? false;\n}\n\n/**\n * Given a table that is either a materialized view or a table targeted by a materialized view,\n * fetches the metadata for both the materialized view and the target table.\n *\n * Returns undefined if there are multiple materialized views targeting the given table,\n * or if the target table is not an AggregatingMergeTree.\n */\nasync function getMetadataForMaterializedViewAndTable(\n { databaseName, tableName, connectionId }: TableConnection,\n metadata: Metadata,\n) {\n try {\n const givenMetadata = await metadata.getTableMetadata({\n databaseName,\n tableName,\n connectionId,\n });\n\n if (isMaterializedView(givenMetadata)) {\n const mvMetadata = givenMetadata;\n const mvTableDetails = getViewTargetTable(mvMetadata);\n\n if (mvTableDetails) {\n const mvTableMetadata = await metadata.getTableMetadata({\n ...mvTableDetails,\n connectionId,\n });\n\n return isAggregatingMergeTree(mvTableMetadata) ||\n isSummingMergeTree(mvTableMetadata)\n ? { mvMetadata, mvTableMetadata }\n : undefined;\n }\n } else if (\n isAggregatingMergeTree(givenMetadata) ||\n isSummingMergeTree(givenMetadata)\n ) {\n const mvTableMetadata = givenMetadata;\n const sourceViews = await metadata.queryMaterializedViewsByTarget({\n databaseName,\n tableName,\n connectionId,\n });\n\n if (sourceViews.length === 1) {\n const mvMetadata = await metadata.getTableMetadata({\n ...sourceViews[0],\n connectionId,\n });\n\n return {\n mvMetadata,\n mvTableMetadata,\n };\n } else {\n // We can't be sure which materialized view to use, so\n // just return the target table metadata\n return { mvTableMetadata };\n }\n }\n } catch (e) {\n console.error('Error fetching materialized view metadata', e);\n }\n}\n\n/**\n * Split the given materialized view's SELECT expression into individual column expressions.\n */\nfunction extractSelectExpressions(meta: TableMetadata) {\n const selectStr = meta.as_select ?? '';\n\n // Remove the \"SELECT\" keyword and everything after \"FROM\"\n const selectExpressionWithoutSelect = selectStr\n .slice(0, selectStr.toLowerCase().indexOf('from'))\n .replace(/^select/i, '')\n .trim();\n\n // Split into individual expressions (eg. ['toStartOfMinute(Timestamp) AS Timestamp', ...])\n return splitAndTrimWithBracket(selectExpressionWithoutSelect);\n}\n\n/**\n * Returns the granularity of the given timestamp column, if it can be inferred\n * by looking for a toStartOf(Second|Minute|Hour|Day) function in the given list\n * of select column expressions.\n *\n * Returns undefined if the granularity cannot be inferred.\n **/\nexport function inferTimestampColumnGranularity(\n mvMetadata: TableMetadata,\n timestampColumn: string,\n) {\n try {\n // Find any expression that uses toStartOfX on the timestamp column\n const selectExpressions = extractSelectExpressions(mvMetadata);\n const timestampExpression = selectExpressions.find(\n expr => expr.match(/toStartOf|toDate/) && expr.includes(timestampColumn),\n );\n\n if (!timestampExpression) {\n return undefined;\n }\n\n // Look for fixed interval functions\n const intervalToGranularityMap: Record = {\n toStartOfSecond: '1 second',\n toStartOfMinute: '1 minute',\n toStartOfFiveMinutes: '5 minute',\n toStartOfFifteenMinutes: '15 minute',\n toStartOfHour: '1 hour',\n toStartOfDay: '1 day',\n toDate: '1 day',\n toDateTime: '1 second',\n };\n\n for (const [func, granularity] of Object.entries(\n intervalToGranularityMap,\n )) {\n if (timestampExpression?.includes(`${func}(`)) {\n return granularity;\n }\n }\n\n // Look for toStartOfInterval(Timestamp, INTERVAL X UNIT)\n // Only accept specific granularities matching the ones defined above\n if (timestampExpression.includes(`toStartOfInterval(`)) {\n const intervalMatch = timestampExpression.match(\n /INTERVAL\\s+(\\d+)\\s+(SECOND|MINUTE|HOUR|DAY)S?\\)/i,\n );\n const intervalFunctionMatch = timestampExpression.match(\n /toInterval(Second|Minute|Hour|Day)\\((\\d+)\\)/,\n );\n const granularity = intervalMatch\n ? `${intervalMatch[1]} ${intervalMatch[2].toLowerCase()}`\n : intervalFunctionMatch\n ? `${intervalFunctionMatch[2]} ${intervalFunctionMatch[1].toLowerCase()}`\n : null;\n if (\n granularity &&\n isGranularity(granularity) &&\n MV_GRANULARITY_OPTIONS.map(option => option.value).includes(granularity)\n ) {\n return granularity;\n }\n }\n } catch (e) {\n console.error('Error inferring timestamp column granularity', e);\n }\n}\n\n/** Returns the set of columns that are summed in the given SummingMergeTree engine table. */\nexport function parseSummedColumns(mvTableMetadata: TableMetadata) {\n if (!isSummingMergeTree(mvTableMetadata)) {\n return undefined;\n }\n\n // Extract the column list from the engine parameters\n // SummingMergeTree(col1) or SummingMergeTree((col1, col2, ...))\n const engineParamStr = mvTableMetadata.engine_full?.match(\n /SummingMergeTree\\((\\(?[^(]*)\\)/,\n )?.[1];\n\n // Remove surrounding parentheses if present\n const engineParamStripped =\n engineParamStr?.at(0) === '(' && engineParamStr?.at(-1) === ')'\n ? engineParamStr.slice(1, -1)\n : engineParamStr;\n\n if (engineParamStripped) {\n return new Set(splitAndTrimWithBracket(engineParamStripped));\n }\n}\n\nfunction escapeRegExp(s: string) {\n // $& means the whole matched string\n return s.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\nexport function getSourceTableColumn(\n aggFn: string,\n targetTableColumn: ColumnMeta,\n sourceTableColumns: ColumnMeta[],\n mvMetadata?: TableMetadata,\n) {\n if (aggFn === 'count') {\n // Count may not have a source column\n return '';\n }\n\n // By convention: MV Columns are named \"__\"\n const nameSuffix = targetTableColumn.name.split('__')[1];\n if (sourceTableColumns.find(col => col.name === nameSuffix)) {\n return nameSuffix;\n }\n\n // Try to infer from the MV's SELECT expression\n if (mvMetadata) {\n const selectExpressions = extractSelectExpressions(mvMetadata);\n const matchingSelectExpression = selectExpressions.find(expr =>\n // Use endsWith because the expression must have an alias\n // matching the target column name.\n expr.endsWith(targetTableColumn.name),\n );\n const matchingSourceColumn =\n matchingSelectExpression &&\n sourceTableColumns.find(col =>\n new RegExp(`\\\\b${escapeRegExp(col.name)}\\\\b`).test(\n matchingSelectExpression,\n ),\n );\n if (matchingSourceColumn) {\n return matchingSourceColumn.name;\n }\n }\n\n return '';\n}\n\n/**\n * Attempts to create a MaterializedViewConfiguration object from the given TableConnections\n * by introspecting the view, target table, and source table.\n *\n * @param mvTableOrView - A TableConnection representing either the materialized view or the target table.\n * @param sourceTable - A TableConnection representing the source table (the table the materialized view selects from).\n *\n * Returns undefined if the configuration cannot be inferred.\n */\nexport async function inferMaterializedViewConfig(\n mvTableOrView: TableConnection,\n sourceTable: TableConnection,\n metadata: Metadata,\n): Promise {\n const { databaseName, tableName, connectionId } = mvTableOrView;\n const { databaseName: sourceDatabaseName, tableName: sourceTableName } =\n sourceTable;\n\n if (!tableName) {\n return undefined;\n }\n\n const meta = await getMetadataForMaterializedViewAndTable(\n {\n databaseName,\n tableName,\n connectionId,\n },\n metadata,\n );\n\n if (!meta) {\n return undefined;\n }\n\n const { mvMetadata, mvTableMetadata } = meta;\n\n const [mvTableColumns, sourceTableColumns] = await Promise.all([\n metadata.getColumns({\n databaseName: mvTableMetadata.database,\n tableName: mvTableMetadata.name,\n connectionId,\n }),\n metadata.getColumns({\n databaseName: sourceDatabaseName,\n tableName: sourceTableName,\n connectionId,\n }),\n ]);\n\n const aggregatedColumns: MaterializedViewConfiguration['aggregatedColumns'] =\n mvTableColumns\n .filter(targetTableColumn =>\n targetTableColumn.type.includes('AggregateFunction'),\n )\n .map(targetTableColumn => {\n let aggFn: string | undefined = targetTableColumn.type.match(\n /AggregateFunction\\(([a-zA-Z0-9_]+)/,\n )?.[1];\n if (\n aggFn === 'sum' &&\n targetTableColumn.name.toLowerCase().includes('count')\n ) {\n aggFn = 'count';\n } else if (aggFn?.startsWith('quantile')) {\n aggFn = 'quantile';\n }\n\n if (!isAggregateFn(aggFn)) {\n return undefined;\n }\n\n const sourceColumn = getSourceTableColumn(\n aggFn,\n targetTableColumn,\n sourceTableColumns,\n mvMetadata,\n );\n\n return {\n mvColumn: targetTableColumn.name,\n aggFn,\n sourceColumn,\n };\n })\n .filter(c => c != undefined);\n\n // Add Aggregated columns from the SummingMergeTree engine, if applicable\n const summedColumnNames = isSummingMergeTree(mvTableMetadata)\n ? parseSummedColumns(mvTableMetadata)\n : undefined;\n for (const summedColumn of summedColumnNames ?? []) {\n const aggFn: InternalAggregateFunction = summedColumn\n .toLowerCase()\n .includes('count')\n ? 'count'\n : 'sum';\n\n const summedColumnMeta = mvTableColumns.find(\n col => col.name === summedColumn,\n );\n\n if (summedColumnMeta) {\n const sourceColumn = getSourceTableColumn(\n aggFn,\n summedColumnMeta,\n sourceTableColumns,\n mvMetadata,\n );\n aggregatedColumns.push({\n mvColumn: summedColumn,\n aggFn,\n sourceColumn,\n });\n }\n }\n\n // Infer the timestamp column\n const primaryKeyColumns = new Set(\n extractColumnReferencesFromKey(mvTableMetadata.primary_key),\n );\n const timestampColumns =\n filterColumnMetaByType(mvTableColumns, [JSDataType.Date]) ?? [];\n const timestampColumn =\n timestampColumns?.find(c => primaryKeyColumns.has(c.name))?.name ?? '';\n\n // Infer the granularity, if possible\n let minGranularity = '';\n if (mvMetadata) {\n minGranularity =\n inferTimestampColumnGranularity(mvMetadata, timestampColumn) ?? '';\n }\n\n // Infer the dimension columns\n const dimensionColumns = mvTableColumns\n .filter(\n col =>\n !col.type.includes('AggregateFunction') &&\n !summedColumnNames?.has(col.name) &&\n !timestampColumns.includes(col),\n )\n .map(col => col.name)\n .join(', ');\n\n return {\n databaseName: mvTableMetadata.database,\n tableName: mvTableMetadata.name,\n dimensionColumns,\n minGranularity,\n timestampColumn,\n aggregatedColumns,\n };\n}\n" }, { "path": "packages/app/src/utils/queryParsers.ts", "content": "import { createParser } from 'nuqs';\nimport { SortingState } from '@tanstack/react-table';\n\n/**\n * Problem: nuqs serializes spaces as '+' (form-encoding). When\n * URLs are shared via Microsoft Teams (and some other systems), they re-encode\n * '+' as '%2B'. That makes '%2B' decode as a literal '+' instead of a space,\n * breaking lucene queries, SQL expressions, etc.\n *\n * Fix: pre-encode the value with encodeURIComponent in serialize (spaces →\n * '%20', brackets, quotes, etc. also encoded). nuqs then double-encodes our\n * '%' signs ('%20' → '%2520'). Teams sees only '%XX' sequences and leaves\n * them alone. On load, URLSearchParams.get() decodes one level and our parse\n * function decodes the second level.\n *\n * Backward compatible: old URLs where nuqs wrote '+' for spaces are still\n * handled correctly because URLSearchParams.get() decodes '+' → ' ' before\n * our parse function runs, and decodeURIComponent of a plain string is a no-op.\n *\n * Also supersedes parseAsStringWithNewLines (encodeURIComponent encodes \\n\n * as %0A automatically).\n */\nexport const parseAsStringEncoded = createParser({\n parse: value => {\n try {\n return decodeURIComponent(value);\n } catch {\n // Malformed URI sequence – return as-is for robustness.\n return value;\n }\n },\n serialize: value => encodeURIComponent(value),\n});\n\n/**\n * Same double-encoding protection as parseAsStringEncoded, but wraps\n * JSON.stringify / JSON.parse around the value.\n *\n * Backward compatible: old URLs where nuqs wrote raw JSON (with '+' for\n * spaces, unencoded '[', ']', etc.) are handled via a fallback to plain\n * JSON.parse after the decodeURIComponent step naturally resolves '%22' →\n * '\"', '+' → ' ', etc. via URLSearchParams.get().\n */\nexport function parseAsJsonEncoded() {\n return createParser({\n parse: value => {\n let decoded: string;\n try {\n decoded = decodeURIComponent(value);\n } catch {\n // Malformed URI sequence — value is likely old-format plain JSON.\n try {\n return JSON.parse(value);\n } catch {\n return null;\n }\n }\n // URI decoded successfully; parse the decoded string as JSON.\n // This handles both new-format (double-encoded) and old-format URLs,\n // since decodeURIComponent is a no-op on plain JSON strings.\n try {\n return JSON.parse(decoded);\n } catch {\n return null;\n }\n },\n serialize: value => encodeURIComponent(JSON.stringify(value)),\n });\n}\n\nexport const parseAsSortingStateString = createParser({\n parse: value => {\n if (!value) {\n return null;\n }\n const keys = value.split(' ');\n const direction = keys.pop();\n const key = keys.join(' ');\n return {\n id: key,\n desc: direction === 'DESC',\n };\n },\n serialize: value => {\n if (!value) {\n return '';\n }\n return `${value.id} ${value.desc ? 'DESC' : 'ASC'}`;\n },\n});\n" }, { "path": "packages/app/src/utils/searchWindows.ts", "content": "export const DEFAULT_TIME_WINDOWS_SECONDS = [\n 6 * 60 * 60, // 6h\n 6 * 60 * 60, // 6h\n 12 * 60 * 60, // 12h\n 24 * 60 * 60, // 24h\n];\n\nexport type TimeWindow = {\n startTime: Date;\n endTime: Date;\n windowIndex: number;\n direction: 'ASC' | 'DESC';\n};\n\n// Generate time windows from date range using progressive bucketing, starting at the end of the date range\nexport function generateTimeWindowsDescending(\n startDate: Date,\n endDate: Date,\n windowDurationsSeconds: number[] = DEFAULT_TIME_WINDOWS_SECONDS,\n): TimeWindow[] {\n if (startDate.getTime() === endDate.getTime()) {\n return [\n {\n startTime: startDate,\n endTime: endDate,\n windowIndex: 0,\n direction: 'DESC',\n },\n ];\n }\n\n const windows: TimeWindow[] = [];\n let currentEnd = new Date(endDate);\n let windowIndex = 0;\n\n while (currentEnd > startDate) {\n const windowSizeSeconds =\n windowDurationsSeconds[windowIndex] ||\n windowDurationsSeconds[windowDurationsSeconds.length - 1]; // use largest window size\n const windowSizeMs = windowSizeSeconds * 1000;\n const windowStart = new Date(\n Math.max(currentEnd.getTime() - windowSizeMs, startDate.getTime()),\n );\n\n windows.push({\n endTime: new Date(currentEnd),\n startTime: windowStart,\n windowIndex,\n direction: 'DESC',\n });\n\n currentEnd = windowStart;\n windowIndex++;\n }\n\n return windows;\n}\n\n// Generate time windows from date range using progressive bucketing, starting at the beginning of the date range\nexport function generateTimeWindowsAscending(\n startDate: Date,\n endDate: Date,\n windowDurationsSeconds: number[] = DEFAULT_TIME_WINDOWS_SECONDS,\n): TimeWindow[] {\n if (startDate.getTime() === endDate.getTime()) {\n return [\n {\n startTime: startDate,\n endTime: endDate,\n windowIndex: 0,\n direction: 'ASC',\n },\n ];\n }\n\n const windows: TimeWindow[] = [];\n let currentStart = new Date(startDate);\n let windowIndex = 0;\n\n while (currentStart < endDate) {\n const windowSizeSeconds =\n windowDurationsSeconds[windowIndex] ||\n windowDurationsSeconds[windowDurationsSeconds.length - 1]; // use largest window size\n const windowSizeMs = windowSizeSeconds * 1000;\n const windowEnd = new Date(\n Math.min(currentStart.getTime() + windowSizeMs, endDate.getTime()),\n );\n\n windows.push({\n startTime: new Date(currentStart),\n endTime: windowEnd,\n windowIndex,\n direction: 'ASC',\n });\n\n currentStart = windowEnd;\n windowIndex++;\n }\n\n return windows;\n}\n" }, { "path": "packages/app/src/utils/sessions.ts", "content": "import z from 'zod';\n\nexport const sessionRowSchema = z.object({\n body: z.string().nullish(),\n component: z.string().nullish(),\n durationInMs: z.number(),\n 'error.message': z.string().nullish(),\n 'http.method': z.string().nullish(),\n 'http.status_code': z.string().nullish(),\n 'http.url': z.string().nullish(),\n id: z.string(),\n 'location.href': z.string().nullish(),\n 'otel.library.name': z.string(),\n parent_span_id: z.string(),\n severity_text: z.string(),\n span_id: z.string(),\n span_name: z.string(),\n timestamp: z.string(),\n trace_id: z.string(),\n type: z.string().nullish(),\n});\n\nexport type SessionRow = z.infer;\n" }, { "path": "packages/app/src/utils/tilePositioning.ts", "content": "import { DisplayType } from '@hyperdx/common-utils/dist/types';\n\nimport { Tile } from '@/dashboard';\n\n/**\n * Generate a unique ID for a tile\n * @returns A random string ID in base 36\n */\nexport const makeId = () => Math.floor(100000000 * Math.random()).toString(36);\n\n/**\n * Calculate the next available position for a new tile at the bottom of the dashboard\n * @param tiles - Array of existing tiles on the dashboard\n * @returns Position object with x and y coordinates\n */\nexport function calculateNextTilePosition(tiles: Tile[]): {\n x: number;\n y: number;\n} {\n if (tiles.length === 0) {\n return { x: 0, y: 0 };\n }\n\n // Find the maximum bottom position (y + height) across all tiles\n const maxBottom = Math.max(...tiles.map(tile => tile.y + tile.h));\n\n return {\n x: 0, // Always start at left edge\n y: maxBottom, // Place at bottom of dashboard\n };\n}\n\n/**\n * Get default tile dimensions based on chart display type\n * @param displayType - The type of chart visualization\n * @returns Dimensions object with width (w) and height (h) in grid units\n */\nexport function getDefaultTileSize(displayType?: DisplayType): {\n w: number;\n h: number;\n} {\n const GRID_COLS = 24; // Full width of dashboard grid\n\n switch (displayType) {\n case DisplayType.Line:\n case DisplayType.StackedBar:\n // Half-width time series charts\n return { w: 12, h: 10 };\n\n case DisplayType.Table:\n case DisplayType.Search:\n // Full-width data views\n return { w: GRID_COLS, h: 12 };\n\n case DisplayType.Number:\n // Small metric cards\n return { w: 6, h: 6 };\n\n case DisplayType.Markdown:\n // Medium-sized documentation blocks\n return { w: 12, h: 8 };\n\n case DisplayType.Heatmap:\n // Half-width heatmap\n return { w: 12, h: 10 };\n\n default:\n // Default to half-width time series size\n return { w: 12, h: 10 };\n }\n}\n" }, { "path": "packages/app/src/utils/webhookIcons.tsx", "content": "import React from 'react';\nimport {\n WebhookApiData,\n WebhookService,\n} from '@hyperdx/common-utils/dist/types';\nimport { IconBrandSlack, IconLink, IconMail } from '@tabler/icons-react';\n\nimport { IncidentIOIcon } from '@/SVGIcons';\n\nexport interface ServiceConfig {\n name: string;\n icon: React.ReactElement;\n order: number;\n}\n\n// Service type configuration with icons and display names\nexport const WEBHOOK_SERVICE_CONFIG: Record = {\n [WebhookService.Slack]: {\n name: 'Slack',\n icon: ,\n order: 1,\n },\n [WebhookService.IncidentIO]: {\n name: 'incident.io',\n icon: ,\n order: 4,\n },\n [WebhookService.Generic]: {\n name: 'Generic',\n icon: ,\n order: 5,\n },\n} as const;\n\n// Channel icons for alert display (smaller sizes)\nexport const CHANNEL_ICONS: Record = {\n [WebhookService.Generic]: ,\n [WebhookService.Slack]: ,\n [WebhookService.IncidentIO]: ,\n} as const;\n\n/**\n * Get webhook service configuration by service type\n */\nexport const getWebhookServiceConfig = (\n serviceType: string | undefined,\n): ServiceConfig | undefined => {\n if (!serviceType) return undefined;\n return WEBHOOK_SERVICE_CONFIG[serviceType as WebhookService];\n};\n\n/**\n * Get webhook service icon for display in lists/headers\n */\nexport const getWebhookServiceIcon = (\n serviceType: string | undefined,\n): React.ReactElement => {\n const config = getWebhookServiceConfig(serviceType);\n return config?.icon || WEBHOOK_SERVICE_CONFIG[WebhookService.Generic].icon;\n};\n\n/**\n * Get webhook channel icon for alert tabs/smaller displays\n */\nexport const getWebhookChannelIcon = (\n serviceType: string | null | undefined,\n): React.ReactElement => {\n if (!serviceType) return CHANNEL_ICONS[WebhookService.Generic];\n return (\n CHANNEL_ICONS[serviceType as keyof typeof CHANNEL_ICONS] ||\n CHANNEL_ICONS[WebhookService.Generic]\n );\n};\n\n/**\n * Get webhook service display name\n */\nexport const getWebhookServiceName = (\n serviceType: string | undefined,\n): string => {\n const config = getWebhookServiceConfig(serviceType);\n return config?.name || serviceType || 'Unknown';\n};\n\n/**\n * Helper function to group webhooks by service type\n */\nexport const groupWebhooksByService = (webhooks: WebhookApiData[]) => {\n const grouped = webhooks.reduce(\n (acc, webhook) => {\n const service = webhook.service;\n if (!acc[service]) {\n acc[service] = [];\n }\n acc[service].push(webhook);\n return acc;\n },\n {} as Record,\n );\n\n // Sort groups by predefined order\n return Object.entries(grouped).sort(([a], [b]) => {\n const orderA = WEBHOOK_SERVICE_CONFIG[a as WebhookService]?.order || 999;\n const orderB = WEBHOOK_SERVICE_CONFIG[b as WebhookService]?.order || 999;\n return orderA - orderB;\n });\n};\n" }, { "path": "packages/app/src/utils.ts", "content": "import { useCallback, useEffect, useRef, useState } from 'react';\nimport { useRouter } from 'next/router';\nimport { formatDistanceToNowStrict } from 'date-fns';\nimport numbro from 'numbro';\nimport type { MutableRefObject, SetStateAction } from 'react';\nimport { TableConnection } from '@hyperdx/common-utils/dist/core/metadata';\nimport {\n SourceKind,\n TMetricSource,\n TSource,\n} from '@hyperdx/common-utils/dist/types';\nimport { SortingState } from '@tanstack/react-table';\n\nimport { NOW } from './config';\nimport { dateRangeToString } from './timeQuery';\nimport { MetricsDataType, NumberFormat } from './types';\n\nexport function omit(\n obj: T,\n paths: K[],\n): Omit {\n return {\n ...paths.reduce(\n (mem, key) => ((k: K, { [k]: ignored, ...rest }) => rest)(key, mem),\n obj as object,\n ),\n } as Omit;\n}\n\nexport function generateSearchUrl({\n query,\n dateRange,\n lineId,\n isUTC,\n savedSearchId,\n}: {\n savedSearchId?: string;\n query?: string;\n dateRange?: [Date, Date];\n lineId?: string;\n isUTC?: boolean;\n}) {\n const fromDate = dateRange ? dateRange[0] : new Date(NOW);\n const toDate = dateRange ? dateRange[1] : new Date(NOW);\n const qparams = new URLSearchParams({\n q: query ?? '',\n from: fromDate.getTime().toString(),\n to: toDate.getTime().toString(),\n tq: dateRangeToString([fromDate, toDate], isUTC ?? false),\n ...(lineId ? { lid: lineId } : {}),\n });\n return `/search${\n savedSearchId != null ? `/${savedSearchId}` : ''\n }?${qparams.toString()}`;\n}\n\nexport function useFirstNonNullValue(value: T): T {\n const [firstNonNullValue, setFirstNonNullValue] = useState(value);\n useEffect(() => {\n if (value != null) {\n setFirstNonNullValue(v => (v == null ? value : v));\n }\n }, [value]);\n return firstNonNullValue;\n}\n\n// From: https://usehooks.com/useWindowSize/\nexport function useWindowSize() {\n // Initialize state with undefined width/height so server and client renders match\n // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/\n const [windowSize, setWindowSize] = useState<{\n width: number | undefined;\n height: number | undefined;\n }>({\n width: undefined,\n height: undefined,\n });\n useEffect(() => {\n // Handler to call on window resize\n function handleResize() {\n // Set window width/height to state\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n });\n }\n // Add event listener\n window.addEventListener('resize', handleResize);\n // Call handler right away so state gets updated with initial window size\n handleResize();\n // Remove event listener on cleanup\n return () => window.removeEventListener('resize', handleResize);\n }, []); // Empty array ensures that effect is only run on mount\n return windowSize;\n}\n\nexport const isValidUrl = (input: string) => {\n try {\n new URL(input);\n return true;\n } catch (err) {\n return false;\n }\n};\n\nexport const isValidJson = (input: string) => {\n try {\n JSON.parse(input);\n return true;\n } catch {\n return false;\n }\n};\n\nexport const capitalizeFirstLetter = (input: string) => {\n return input.charAt(0).toUpperCase() + input.slice(1);\n};\n\nexport const getShortUrl = (url: string) => {\n try {\n const parsedUrl = new URL(url);\n const urlSplit = (parsedUrl.pathname || url)\n ?.split('/')\n .filter((v: string) => v.length > 0); // Get rid of empty string\n let shortUrl = `/${urlSplit[urlSplit.length - 1] ?? url}`;\n for (let i = 3; i > 0; i--) {\n const urlSuffix = `/${urlSplit.slice(-1 * i).join('/')}`;\n if (urlSuffix.length < 25) {\n shortUrl = urlSuffix;\n break;\n }\n }\n\n return shortUrl;\n } catch (e) {\n return '';\n }\n};\n\nexport const useDebugMode = () => {\n const { query } = useRouter();\n\n return Boolean(query.debugMode) || Boolean(query.debug);\n};\n\nconst returnFalse = () => false;\n\n// From: https://usehooks.com/useDebounce/\nexport const useDebounce = (\n value: T,\n delay: number,\n immediate?: (value: T) => boolean,\n) => {\n // State and setters for debounced value\n const [debouncedValue, setDebouncedValue] = useState(value);\n const shouldBeImmediate = (immediate ?? returnFalse)(value);\n useEffect(\n () => {\n if (shouldBeImmediate) {\n setDebouncedValue(value);\n return () => {};\n }\n\n // Update debounced value after delay\n const handler = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n // Cancel the timeout if value changes (also on delay change or unmount)\n // This is how we prevent debounced value from updating if value is changed ...\n // .. within the delay period. Timeout gets cleared and restarted.\n return () => {\n clearTimeout(handler);\n };\n },\n [value, delay, shouldBeImmediate], // Only re-call effect if value or delay changes\n );\n if (shouldBeImmediate) {\n return value;\n }\n\n return debouncedValue;\n};\n\n// localStorage key for query\nexport const QUERY_LOCAL_STORAGE = {\n KEY: 'QuerySearchHistory',\n SEARCH_SQL: 'searchSQL',\n SEARCH_LUCENE: 'searchLucene',\n LIMIT: 10, // cache up to 10\n};\n\nexport function getLocalStorageValue(key: string): T | null {\n if (typeof window === 'undefined') {\n return null;\n }\n try {\n const item = window.localStorage.getItem(key);\n return item != null ? JSON.parse(item) : null;\n } catch (error) {\n // eslint-disable-next-line no-console\n console.log(error);\n return null;\n }\n}\n\nexport interface CustomStorageChangeDetail {\n key: string;\n instanceId: string;\n}\n\nexport function useLocalStorage(key: string, initialValue: T) {\n // State to store our value\n // Pass initial state function to useState so logic is only executed once\n const [storedValue, setStoredValue] = useState(\n getLocalStorageValue(key) ?? initialValue,\n );\n\n // Create a unique ID for this hook instance\n const [instanceId] = useState(() =>\n Math.random().toString(36).substring(2, 9),\n );\n\n useEffect(() => {\n const handleCustomStorageChange = (event: Event) => {\n if (\n event instanceof CustomEvent &&\n event.detail.key === key &&\n event.detail.instanceId !== instanceId\n ) {\n setStoredValue(getLocalStorageValue(key)!);\n }\n };\n const handleStorageChange = (event: Event) => {\n if (event instanceof StorageEvent && event.key === key) {\n setStoredValue(getLocalStorageValue(key)!);\n }\n };\n // check if local storage changed from current window\n window.addEventListener('customStorage', handleCustomStorageChange);\n // check if local storage changed from another window\n window.addEventListener('storage', handleStorageChange);\n\n return () => {\n window.removeEventListener('customStorage', handleCustomStorageChange);\n window.removeEventListener('storage', handleStorageChange);\n };\n }, [instanceId, key]);\n\n // Fetch the value on client-side to avoid SSR issues\n useEffect(() => {\n if (typeof window === 'undefined') {\n return;\n }\n try {\n // Get from local storage by key\n const item = window.localStorage.getItem(key);\n // Parse stored json or if none return initialValue\n if (item != null) {\n setStoredValue(JSON.parse(item));\n }\n } catch (error) {\n // If error also return initialValue\n // eslint-disable-next-line no-console\n console.log(error);\n }\n }, [key]);\n\n // Return a wrapped version of useState's setter function that ...\n // ... persists the new value to localStorage.\n const setValue = useCallback(\n (value: SetStateAction) => {\n if (typeof window === 'undefined') {\n return;\n }\n try {\n // Allow value to be a function so we have same API as useState\n // Save state\n setStoredValue(prev => {\n const newValue = value instanceof Function ? value(prev) : value;\n window.localStorage.setItem(key, JSON.stringify(newValue));\n return newValue;\n });\n // Fire off event so other localStorage hooks listening with the same key\n // will update\n const event = new CustomEvent(\n 'customStorage',\n {\n detail: {\n key,\n instanceId,\n },\n },\n );\n window.dispatchEvent(event);\n } catch (error) {\n // A more advanced implementation would handle the error case\n // eslint-disable-next-line no-console\n console.log(error);\n }\n },\n [instanceId, key],\n );\n\n return [storedValue, setValue] as const;\n}\n\nexport function useQueryHistory(type: string | undefined) {\n const key = `${QUERY_LOCAL_STORAGE.KEY}.${type}`;\n const [queryHistory, _setQueryHistory] = useLocalStorage(key, []);\n const setQueryHistory = useCallback(\n (query: string) => {\n // do not set up anything if there is no type or empty query\n try {\n const trimmed = query.trim();\n if (!type || !trimmed) return null;\n const deduped = [trimmed, ...queryHistory.filter(q => q !== trimmed)];\n const limited = deduped.slice(0, QUERY_LOCAL_STORAGE.LIMIT);\n _setQueryHistory(limited);\n } catch (e) {\n // eslint-disable-next-line no-console\n console.log(`Failed to cache query history, error ${e.message}`);\n }\n },\n [_setQueryHistory, queryHistory, type],\n );\n return [queryHistory, setQueryHistory] as const;\n}\n\nexport function useIntersectionObserver(onIntersect: () => void) {\n const observer = useRef(null);\n const observerRef = useCallback(\n (node: Element | null) => {\n if (observer.current) observer.current.disconnect();\n observer.current = new IntersectionObserver(entries => {\n if (entries[0].isIntersecting) {\n onIntersect();\n }\n });\n if (node) observer.current.observe(node);\n },\n [onIntersect],\n );\n\n return { observerRef };\n}\n\nexport function truncateText(\n text: string,\n maxLength: number,\n suffix?: string,\n endPattern?: RegExp,\n) {\n const patternIndex = endPattern ? text.search(endPattern) : -1;\n // Return truncated text at index\n if (patternIndex >= 0 && patternIndex < maxLength) {\n return text.substring(0, patternIndex) + '...';\n }\n\n if (text.length <= maxLength) {\n return text;\n }\n return text.substring(0, maxLength) + (suffix ?? '...');\n}\n\nexport function formatDistanceToNowStrictShort(date: Date) {\n return formatDistanceToNowStrict(date)\n .replace(' month', 'mo.')\n .replace(' days', 'd')\n .replace(' day', 'd')\n .replace(' hours', 'h')\n .replace(' hour', 'h')\n .replace(' minutes', 'm')\n .replace(' minute', 'm')\n .replace(' seconds', 's');\n}\n\nexport function formatmmss(milliseconds?: number) {\n if (milliseconds == null) {\n return '--:--';\n }\n\n const value = Math.max(milliseconds, 0);\n const minutes = Math.floor(value / 1000 / 60);\n const seconds = Math.floor((value / 1000) % 60);\n\n return `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;\n}\n\nexport const getLogLevelClass = (lvl: string | undefined) => {\n const level = lvl?.toLowerCase();\n if (level == null) {\n return undefined;\n }\n\n return level.startsWith('emerg') ||\n level.startsWith('alert') ||\n level.startsWith('crit') ||\n level.startsWith('err') ||\n level.startsWith('fatal')\n ? 'error'\n : level.startsWith('warn')\n ? 'warn'\n : level.startsWith('info') ||\n level.startsWith('debug') ||\n level.startsWith('ok') ||\n level.startsWith('notice') ||\n level.startsWith('verbose') ||\n level.startsWith('unset') ||\n level.startsWith('trace')\n ? 'info'\n : undefined;\n};\n\n// Chart color palette - single source of truth\n// Colors from Observable categorical palette, with custom brand green\n// https://observablehq.com/@d3/color-schemes\nexport const CHART_PALETTE = {\n green: '#00c28a', // Brand green (Mantine green.5) - used as primary chart color\n blue: '#4269d0',\n orange: '#efb118',\n red: '#ff725c',\n cyan: '#6cc5b0',\n pink: '#ff8ab7',\n purple: '#a463f2',\n lightBlue: '#97bbf5',\n brown: '#9c6b4e',\n gray: '#9498a0',\n // Highlighted variants (lighter shades for hover/selection states)\n greenHighlight: '#80d9b3',\n redHighlight: '#ffa090',\n orangeHighlight: '#f5c94d',\n} as const;\n\n// ClickStack theme chart color palette - Observable 10 categorical palette\n// https://observablehq.com/@d3/color-schemes\nexport const CLICKSTACK_CHART_PALETTE = {\n blue: '#437EEF', // Primary color for ClickStack\n orange: '#efb118',\n red: '#ff725c',\n cyan: '#6cc5b0',\n green: '#3ca951',\n pink: '#ff8ab7',\n purple: '#a463f2',\n lightBlue: '#97bbf5',\n brown: '#9c6b4e',\n gray: '#9498a0',\n // Highlighted variants (lighter shades for hover/selection states)\n greenHighlight: '#80d9b3',\n redHighlight: '#ffa090',\n orangeHighlight: '#f5c94d',\n} as const;\n\n// Ordered array for chart series - green first for brand consistency (HyperDX default)\n// Maps to CSS variables: COLORS[0] -> --color-chart-1, COLORS[1] -> --color-chart-2, etc.\n// NOTE: This is a fallback for SSR. In browser, getColorFromCSSVariable() reads from CSS variables\nexport const COLORS = [\n CHART_PALETTE.green, // 1 - Brand green (primary) - HyperDX default\n CHART_PALETTE.blue, // 2\n CHART_PALETTE.orange, // 3\n CHART_PALETTE.red, // 4\n CHART_PALETTE.cyan, // 5\n CHART_PALETTE.pink, // 6\n CHART_PALETTE.purple, // 7\n CHART_PALETTE.lightBlue, // 8\n CHART_PALETTE.brown, // 9\n CHART_PALETTE.gray, // 10\n];\n\n/**\n * Detects the active theme by checking for theme classes on documentElement.\n * Returns 'clickstack' if theme-clickstack class is present, 'hyperdx' otherwise.\n * Note: classList.contains() is O(1) and fast - no caching needed.\n */\nfunction detectActiveTheme(): 'clickstack' | 'hyperdx' {\n if (typeof window === 'undefined') {\n // SSR: default to hyperdx (can't detect theme without DOM)\n return 'hyperdx';\n }\n\n try {\n const isClickStack =\n document.documentElement.classList.contains('theme-clickstack');\n return isClickStack ? 'clickstack' : 'hyperdx';\n } catch {\n // Fallback if DOM access fails\n return 'hyperdx';\n }\n}\n\n/**\n * Reads chart color from CSS variable based on index.\n * CSS variables handle theme switching automatically via theme classes on documentElement.\n * Falls back to COLORS array if CSS variable is not available (SSR or getComputedStyle fails).\n *\n * Note on SSR/Hydration: During SSR, this returns fallback colors (HyperDX green palette).\n * On client hydration, it reads from CSS variables which may differ for ClickStack theme.\n * This is expected behavior - charts typically render after data fetching (client-side),\n * so hydration mismatches are rare. If needed, wrap chart components with suppressHydrationWarning.\n */\nexport function getColorFromCSSVariable(index: number): string {\n const colorArrayLength = COLORS.length;\n\n if (typeof window === 'undefined') {\n // SSR: fallback to default colors (HyperDX palette)\n return COLORS[index % colorArrayLength];\n }\n\n try {\n const cssVarName = `--color-chart-${(index % colorArrayLength) + 1}`;\n // Read from documentElement - CSS variables cascade from theme classes\n const computedStyle = getComputedStyle(document.documentElement);\n const color = computedStyle.getPropertyValue(cssVarName).trim();\n\n // Only use CSS variable if it's actually set (non-empty)\n if (color && color !== '') {\n return color;\n }\n } catch {\n // Fallback if getComputedStyle fails\n }\n\n // Fallback to default colors\n return COLORS[index % colorArrayLength];\n}\n\nexport function hashCode(str: string) {\n let hash = 0,\n i,\n chr;\n if (str.length === 0) return hash;\n for (i = 0; i < str.length; i++) {\n chr = str.charCodeAt(i);\n hash = (hash << 5) - hash + chr;\n hash |= 0; // Convert to 32bit integer\n }\n return hash;\n}\n\n/**\n * Gets theme-aware chart color from CSS variable or falls back to palette.\n * Reads from --color-chart-{type} CSS variable, falls back to theme-appropriate palette.\n *\n * Note on SSR/Hydration: During SSR, returns HyperDX colors as default.\n * On client, reads from CSS variables for accurate theme colors.\n * Charts typically render client-side after data fetching, minimizing hydration issues.\n */\nfunction getSemanticChartColor(\n cssVarName: string,\n hyperdxColor: string,\n clickstackColor: string,\n): string {\n if (typeof window === 'undefined') {\n // SSR: use HyperDX as default (can't detect theme without DOM)\n return hyperdxColor;\n }\n\n try {\n const computedStyle = getComputedStyle(document.documentElement);\n const color = computedStyle.getPropertyValue(cssVarName).trim();\n if (color && color !== '') {\n return color;\n }\n } catch {\n // Fallback if getComputedStyle fails\n }\n\n // Fallback to theme-appropriate palette\n const activeTheme = detectActiveTheme();\n return activeTheme === 'clickstack' ? clickstackColor : hyperdxColor;\n}\n\n// Semantic colors for log levels (theme-aware)\n// These are functions that read from CSS variables with theme-appropriate fallbacks\nexport function getChartColorSuccess(): string {\n return getSemanticChartColor(\n '--color-chart-success',\n CHART_PALETTE.green,\n CLICKSTACK_CHART_PALETTE.green,\n );\n}\n\nexport function getChartColorWarning(): string {\n return getSemanticChartColor(\n '--color-chart-warning',\n CHART_PALETTE.orange,\n CLICKSTACK_CHART_PALETTE.orange,\n );\n}\n\nexport function getChartColorError(): string {\n return getSemanticChartColor(\n '--color-chart-error',\n CHART_PALETTE.red,\n CLICKSTACK_CHART_PALETTE.red,\n );\n}\n\n// Highlighted variants (theme-aware)\nexport function getChartColorSuccessHighlight(): string {\n return getSemanticChartColor(\n '--color-chart-success-highlight',\n CHART_PALETTE.greenHighlight,\n CLICKSTACK_CHART_PALETTE.greenHighlight,\n );\n}\n\nexport function getChartColorErrorHighlight(): string {\n return getSemanticChartColor(\n '--color-chart-error-highlight',\n CHART_PALETTE.redHighlight,\n CLICKSTACK_CHART_PALETTE.redHighlight,\n );\n}\n\nexport function getChartColorWarningHighlight(): string {\n return getSemanticChartColor(\n '--color-chart-warning-highlight',\n CHART_PALETTE.orangeHighlight,\n CLICKSTACK_CHART_PALETTE.orangeHighlight,\n );\n}\n\n// Try to match log levels to colors\nexport const semanticKeyedColor = (\n key: string | number | undefined,\n index: number,\n) => {\n const logLevel = getLogLevelClass(`${key}`);\n if (logLevel != null) {\n return logLevel === 'error'\n ? getChartColorError()\n : logLevel === 'warn'\n ? getChartColorWarning()\n : // Info-level logs use primary chart color (blue for ClickStack, green for HyperDX)\n getColorFromCSSVariable(0);\n }\n\n // Use CSS variable for theme-aware colors, fallback to hardcoded array\n return getColorFromCSSVariable(index);\n};\n\nexport const logLevelColor = (key: string | number | undefined) => {\n const logLevel = getLogLevelClass(`${key}`);\n return logLevel === 'error'\n ? getChartColorError()\n : logLevel === 'warn'\n ? getChartColorWarning()\n : // Info-level logs use primary chart color (blue for ClickStack, green for HyperDX)\n getColorFromCSSVariable(0);\n};\n\n// order of colors for sorting. primary color (blue/green) on bottom, then yellow, then red\n// Computed lazily to avoid DOM access at module initialization (SSR-safe)\nexport function getLogLevelColorOrder(): string[] {\n return [logLevelColor('info'), logLevelColor('warn'), logLevelColor('error')];\n}\n\nconst getLevelColor = (logLevel?: string) => {\n if (logLevel == null) {\n return;\n }\n return logLevel === 'error'\n ? getChartColorError()\n : logLevel === 'warn'\n ? getChartColorWarning()\n : // Info-level logs use primary chart color (blue for ClickStack, green for HyperDX)\n getColorFromCSSVariable(0);\n};\n\nexport const getColorProps = (index: number, level: string): string => {\n const logLevel = getLogLevelClass(level);\n const colorOverride = getLevelColor(logLevel);\n\n // Use CSS variable for theme-aware colors, fallback to hardcoded array\n return colorOverride ?? getColorFromCSSVariable(index);\n};\n\nexport const truncateMiddle = (str: string, maxLen = 10) => {\n const coercedStr = `${str}`;\n if (coercedStr.length <= maxLen) {\n return coercedStr;\n }\n return `${coercedStr.slice(0, (maxLen - 2) / 2)}..${coercedStr.slice(\n (-1 * (maxLen - 2)) / 2,\n )}`;\n};\n\nexport const useIsBlog = () => {\n const router = useRouter();\n return router?.pathname.startsWith('/blog');\n};\n\nexport const useIsDocs = () => {\n const router = useRouter();\n return router?.pathname.startsWith('/docs');\n};\n\nexport const useIsTerms = () => {\n const router = useRouter();\n return router?.pathname.startsWith('/terms');\n};\n\nexport const usePrevious = (value: T): T | undefined => {\n const ref = useRef(undefined);\n useEffect(() => {\n ref.current = value;\n });\n // eslint-disable-next-line react-hooks/refs\n return ref.current;\n};\n\nexport const formatNumber = (\n value?: number,\n options?: NumberFormat,\n): string => {\n if (!value && value !== 0) {\n return 'N/A';\n }\n\n // Guard against NaN only - ClickHouse can return numbers as strings, which\n // we should still format. Only truly non-numeric values (NaN) get passed through.\n if (isNaN(value as number)) {\n return String(value);\n }\n\n if (!options) {\n return value.toString();\n }\n\n const numbroFormat: numbro.Format = {\n output: options.output || 'number',\n mantissa: options.mantissa || 0,\n thousandSeparated: options.thousandSeparated || false,\n average: options.average || false,\n ...(options.output === 'byte' && {\n base: options.decimalBytes ? 'decimal' : 'general',\n spaceSeparated: true,\n average: false,\n }),\n ...(options.output === 'currency' && {\n currencySymbol: options.currencySymbol || '$',\n }),\n };\n\n // Factor is only currently available for the time output\n const factor = options.output === 'time' ? (options.factor ?? 1) : 1;\n\n return (\n numbro(value * factor).format(numbroFormat) +\n (options.unit ? ` ${options.unit}` : '')\n );\n};\n\n// format uptime as days, hours, minutes or seconds\nexport const formatUptime = (seconds: number) => {\n if (seconds < 60) {\n return `${seconds}s`;\n } else if (seconds < 60 * 60) {\n return `${Math.floor(seconds / 60)}m`;\n } else if (seconds < 60 * 60 * 24) {\n return `${Math.floor(seconds / 60 / 60)}h`;\n } else {\n return `${Math.floor(seconds / 60 / 60 / 24)}d`;\n }\n};\n\n// FIXME: eventually we want to separate metric name into two fields\nexport const legacyMetricNameToNameAndDataType = (metricName?: string) => {\n const [mName, mDataType] = (metricName ?? '').split(' - ');\n\n return {\n name: mName,\n dataType: mDataType as MetricsDataType,\n };\n};\n\n// Date formatting\nexport const mergePath = (path: string[], jsonColumns: string[] = []) => {\n const [key, ...rest] = path;\n if (rest.length === 0) {\n return key;\n }\n return jsonColumns.includes(key)\n ? `${key}.${rest\n .map(v =>\n v\n .split('.')\n .map(v => (v.startsWith('`') && v.endsWith('`') ? v : `\\`${v}\\``))\n .join('.'),\n )\n .join('.')}`\n : `${key}['${rest.join(\"']['\")}']`;\n};\n\nexport const _useTry = (fn: () => T): [null | Error | unknown, null | T] => {\n let output = null;\n let error = null;\n try {\n output = fn();\n return [error, output];\n } catch (e) {\n error = e;\n return [error, output];\n }\n};\n\nexport const parseJSON = (json: string) => {\n const [error, result] = _useTry(() => JSON.parse(json));\n return result;\n};\n\nexport const optionsToSelectData = (options: Record) =>\n Object.entries(options).map(([value, label]) => ({ value, label }));\n\n// Helper function to format attribute clause\nexport function formatAttributeClause(\n column: string,\n field: string,\n value: string,\n isSql: boolean,\n): string {\n return isSql\n ? `${column}['${field}']='${value}'`\n : `${column}.${field}:\"${value}\"`;\n}\n\n/**\n * Gets the appropriate table name for a source based on metric type\n * @param source The data source\n * @param metricType Optional metric type to determine which table to use\n * @returns The table name to use for the given source and metric type\n */\nexport function getMetricTableName(\n source: TSource,\n metricType?: string,\n): string | undefined {\n if (metricType == null) {\n return source.from.tableName;\n }\n if (source.kind === SourceKind.Metric) {\n return source.metricTables?.[\n metricType.toLowerCase() as keyof typeof source.metricTables\n ];\n }\n return undefined;\n}\n\nexport function getAllMetricTables(source: TSource): TableConnection[] {\n if (source.kind !== SourceKind.Metric || !source.metricTables) return [];\n\n return Object.values(MetricsDataType)\n .filter(\n metricType =>\n !!source.metricTables[\n metricType as unknown as keyof TMetricSource['metricTables']\n ],\n )\n .map(\n metricType =>\n ({\n tableName:\n source.metricTables[\n metricType as unknown as keyof TMetricSource['metricTables']\n ],\n databaseName: source.from.databaseName,\n connectionId: source.connection,\n }) satisfies TableConnection,\n );\n}\n\n/**\n * Converts (T | T[]) to T[]. If undefined, empty array\n */\nexport function toArray(obj?: T | T[]): T[] {\n return !obj ? [] : Array.isArray(obj) ? obj : [obj];\n}\n\n// Helper function to remove trailing slash\nexport const stripTrailingSlash = (url: string | undefined | null): string => {\n if (!url || typeof url !== 'string') {\n throw new Error('URL must be a non-empty string');\n }\n return url.endsWith('/') ? url.slice(0, -1) : url;\n};\n\n/**\n * Converts the given SortingState into a SQL Order By string\n * Note, only the first element of the SortingState is used. Returns\n * undefined if the input is null or empty.\n *\n * Output format: \" \"\n * */\nexport const sortingStateToOrderByString = (\n sort: SortingState | null,\n): string | undefined => {\n const firstSort = sort?.at(0);\n return firstSort\n ? `${firstSort.id} ${firstSort.desc ? 'DESC' : 'ASC'}`\n : undefined;\n};\n\n/**\n * Converts the given SQL Order By string into a SortingState.\n *\n * Expects format matching the output of sortingStateToOrderByString\n * (\" \"). Returns undefined if the input is invalid.\n */\nexport const orderByStringToSortingState = (\n orderBy: string | undefined,\n): SortingState | undefined => {\n if (!orderBy) {\n return undefined;\n }\n\n const orderByParts = orderBy.split(' ');\n const endsWithDirection = orderBy.toLowerCase().match(/ (asc|desc)$/i);\n\n if (orderByParts.length !== 2 || !endsWithDirection) {\n return undefined;\n }\n\n return [\n {\n id: orderByParts[0].trim(),\n desc: orderByParts[1].trim().toUpperCase() === 'DESC',\n },\n ];\n};\n\nexport const mapKeyBy = (array: T[], key: keyof T) => {\n const map = new Map();\n\n for (const item of array) {\n map.set(item[key], item);\n }\n\n return map;\n};\n\n/**\n * Check if an element is clickable, or if it is obscured by a modal or drawer\n *\n * @param el - The element to check if it is clickable\n * @returns True if the element is clickable, false otherwise\n */\nexport const isElementClickable = (el: HTMLElement): boolean => {\n if (!el) return false;\n\n const rect = el.getBoundingClientRect();\n const x = rect.left + rect.width / 2;\n const y = rect.top + rect.height / 2;\n const elementAtPoint = document.elementFromPoint(x, y);\n // return true if the element at point is the same as the element passed in\n // or if the element at point is a descendant of the element passed in\n return el === elementAtPoint || el.contains(elementAtPoint);\n};\n" }, { "path": "packages/app/src/vsc-dark-plus.ts", "content": "const styles = {\n 'pre[class*=\"language-\"]': {\n color: '#d4d4d4',\n fontSize: '13px',\n textShadow: 'none',\n fontFamily:\n 'Menlo, Monaco, Consolas, \"Andale Mono\", \"Ubuntu Mono\", \"Courier New\", monospace',\n direction: 'ltr',\n textAlign: 'left',\n whiteSpace: 'pre',\n wordSpacing: 'normal',\n wordBreak: 'normal',\n lineHeight: '1.5',\n MozTabSize: '4',\n OTabSize: '4',\n tabSize: '4',\n WebkitHyphens: 'none',\n MozHyphens: 'none',\n msHyphens: 'none',\n hyphens: 'none',\n padding: '1em',\n margin: '.5em 0',\n overflow: 'auto',\n background: '#1e1e1e',\n },\n 'code[class*=\"language-\"]': {\n color: '#d4d4d4',\n fontSize: '13px',\n textShadow: 'none',\n fontFamily:\n 'Menlo, Monaco, Consolas, \"Andale Mono\", \"Ubuntu Mono\", \"Courier New\", monospace',\n direction: 'ltr',\n textAlign: 'left',\n whiteSpace: 'pre',\n wordSpacing: 'normal',\n wordBreak: 'normal',\n lineHeight: '1.5',\n MozTabSize: '4',\n OTabSize: '4',\n tabSize: '4',\n WebkitHyphens: 'none',\n MozHyphens: 'none',\n msHyphens: 'none',\n hyphens: 'none',\n },\n 'pre[class*=\"language-\"]::selection': {\n textShadow: 'none',\n background: '#75a7ca',\n },\n 'code[class*=\"language-\"]::selection': {\n textShadow: 'none',\n background: '#75a7ca',\n },\n 'pre[class*=\"language-\"] *::selection': {\n textShadow: 'none',\n background: '#75a7ca',\n },\n 'code[class*=\"language-\"] *::selection': {\n textShadow: 'none',\n background: '#75a7ca',\n },\n ':not(pre) > code[class*=\"language-\"]': {\n padding: '.1em .3em',\n borderRadius: '.3em',\n color: '#db4c69',\n background: '#f9f2f4',\n },\n '.namespace': {\n Opacity: '.7',\n },\n 'doctype.doctype-tag': {\n color: '#569CD6',\n },\n 'doctype.name': {\n color: '#9cdcfe',\n },\n comment: {\n color: '#6a9955',\n },\n prolog: {\n color: '#6a9955',\n },\n punctuation: {\n color: '#d4d4d4',\n },\n '.language-html .language-css .token.punctuation': {\n color: '#d4d4d4',\n },\n '.language-html .language-javascript .token.punctuation': {\n color: '#d4d4d4',\n },\n property: {\n color: '#9cdcfe',\n },\n tag: {\n color: '#569cd6',\n },\n boolean: {\n color: '#569cd6',\n },\n number: {\n color: '#b5cea8',\n },\n constant: {\n color: '#9cdcfe',\n },\n symbol: {\n color: '#b5cea8',\n },\n inserted: {\n color: '#b5cea8',\n },\n unit: {\n color: '#b5cea8',\n },\n selector: {\n color: '#d7ba7d',\n },\n 'attr-name': {\n color: '#9cdcfe',\n },\n string: {\n color: '#ce9178',\n },\n char: {\n color: '#ce9178',\n },\n builtin: {\n color: '#ce9178',\n },\n deleted: {\n color: '#ce9178',\n },\n '.language-css .token.string.url': {\n textDecoration: 'underline',\n },\n operator: {\n color: '#d4d4d4',\n },\n entity: {\n color: '#569cd6',\n },\n 'operator.arrow': {\n color: '#569CD6',\n },\n atrule: {\n color: '#ce9178',\n },\n 'atrule.rule': {\n color: '#c586c0',\n },\n 'atrule.url': {\n color: '#9cdcfe',\n },\n 'atrule.url.function': {\n color: '#dcdcaa',\n },\n 'atrule.url.punctuation': {\n color: '#d4d4d4',\n },\n keyword: {\n color: '#569CD6',\n },\n 'keyword.module': {\n color: '#c586c0',\n },\n 'keyword.control-flow': {\n color: '#c586c0',\n },\n function: {\n color: '#dcdcaa',\n },\n 'function.maybe-class-name': {\n color: '#dcdcaa',\n },\n regex: {\n color: '#d16969',\n },\n important: {\n color: '#569cd6',\n },\n italic: {\n fontStyle: 'italic',\n },\n 'class-name': {\n color: '#4ec9b0',\n },\n 'maybe-class-name': {\n color: '#4ec9b0',\n },\n console: {\n color: '#9cdcfe',\n },\n parameter: {\n color: '#9cdcfe',\n },\n interpolation: {\n color: '#9cdcfe',\n },\n 'punctuation.interpolation-punctuation': {\n color: '#569cd6',\n },\n variable: {\n color: '#9cdcfe',\n },\n 'imports.maybe-class-name': {\n color: '#9cdcfe',\n },\n 'exports.maybe-class-name': {\n color: '#9cdcfe',\n },\n escape: {\n color: '#d7ba7d',\n },\n 'tag.punctuation': {\n color: '#808080',\n },\n cdata: {\n color: '#808080',\n },\n 'attr-value': {\n color: '#ce9178',\n },\n 'attr-value.punctuation': {\n color: '#ce9178',\n },\n 'attr-value.punctuation.attr-equals': {\n color: '#d4d4d4',\n },\n namespace: {\n color: '#4ec9b0',\n },\n 'pre[class*=\"language-javascript\"]': {\n color: '#9cdcfe',\n },\n 'code[class*=\"language-javascript\"]': {\n color: '#9cdcfe',\n },\n 'pre[class*=\"language-jsx\"]': {\n color: '#9cdcfe',\n },\n 'code[class*=\"language-jsx\"]': {\n color: '#9cdcfe',\n },\n 'pre[class*=\"language-typescript\"]': {\n color: '#9cdcfe',\n },\n 'code[class*=\"language-typescript\"]': {\n color: '#9cdcfe',\n },\n 'pre[class*=\"language-tsx\"]': {\n color: '#9cdcfe',\n },\n 'code[class*=\"language-tsx\"]': {\n color: '#9cdcfe',\n },\n 'pre[class*=\"language-css\"]': {\n color: '#ce9178',\n },\n 'code[class*=\"language-css\"]': {\n color: '#ce9178',\n },\n 'pre[class*=\"language-html\"]': {\n color: '#d4d4d4',\n },\n 'code[class*=\"language-html\"]': {\n color: '#d4d4d4',\n },\n '.language-regex .token.anchor': {\n color: '#dcdcaa',\n },\n '.language-html .token.punctuation': {\n color: '#808080',\n },\n 'pre[data-line]': {\n position: 'relative',\n },\n 'pre[class*=\"language-\"] > code[class*=\"language-\"]': {\n position: 'relative',\n zIndex: '1',\n },\n '.line-highlight': {\n position: 'absolute',\n left: '0',\n right: '0',\n padding: 'inherit 0',\n marginTop: '1em',\n background: '#f7ebc6',\n boxShadow: 'inset 5px 0 0 #f7d87c',\n zIndex: '0',\n pointerEvents: 'none',\n lineHeight: 'inherit',\n whiteSpace: 'pre',\n },\n};\n\nexport default styles;\n" }, { "path": "packages/app/src/zIndex.ts", "content": "import { createContext, useContext } from 'react';\n\nexport const ZIndexContext = createContext(0);\n\nexport function useZIndex() {\n const zIndex = useContext(ZIndexContext);\n return zIndex;\n}\n" }, { "path": "packages/app/stylelint.config.mjs", "content": "/** @type {import('stylelint').Config} */\nexport default {\n extends: ['stylelint-config-standard-scss', 'stylelint-prettier/recommended'],\n rules: {\n 'selector-class-pattern': null,\n 'no-descending-specificity': null,\n 'property-no-deprecated': null,\n 'declaration-property-value-keyword-no-deprecated': [\n true,\n {\n severity: 'warning',\n },\n ],\n 'scss/at-extend-no-missing-placeholder': [\n true,\n {\n severity: 'warning',\n },\n ],\n 'scss/dollar-variable-pattern': null,\n },\n};\n" }, { "path": "packages/app/styles/AlertsPage.module.scss", "content": ".sectionHeader {\n border-bottom: 1px solid var(--color-border);\n margin-top: 30px;\n padding-bottom: 10px;\n font-size: 14px;\n color: var(--color-text-muted);\n}\n\n.historyCardWrapper {\n display: flex;\n flex-direction: row;\n\n &:hover {\n .historyCard {\n opacity: 0.3;\n }\n }\n}\n\n.historyCard {\n width: 4px;\n height: 16px;\n background-color: var(--color-bg-muted);\n border-radius: 2px;\n margin: 0 1px;\n cursor: default;\n transition: opacity 0.1s ease-in;\n\n &:hover {\n transition: none;\n opacity: 1 !important;\n }\n\n &.ok {\n background-color: var(--color-bg-success);\n }\n\n &.alarm {\n background-color: var(--color-bg-danger);\n }\n\n &.clickable {\n cursor: pointer;\n }\n}\n\n.alertRow {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n padding: 12px 0;\n border-bottom: 1px solid var(--color-border);\n}\n\n.alertLink {\n font-weight: 500;\n color: var(--color-text-secondary);\n text-decoration: none;\n\n &:hover {\n color: var(--color-text);\n }\n}\n" }, { "path": "packages/app/styles/DashboardFiltersModal.module.scss", "content": ".filtersContainer {\n max-height: 400px;\n overflow-y: auto;\n border-top: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n padding: var(--mantine-spacing-sm) 0;\n margin-bottom: var(--mantine-spacing-xs) 0;\n}\n\n.filterActionButton {\n opacity: 0.7;\n transition: opacity 0.2s ease;\n\n &:hover {\n opacity: 1;\n }\n}\n\n.deleteButton {\n &:hover {\n color: var(--color-text-danger);\n }\n}\n" }, { "path": "packages/app/styles/EndpointSubpanel.module.scss", "content": ".panel {\n display: flex;\n flex-direction: column;\n font-size: 12px;\n height: 100%;\n background: var(--color-bg-surface);\n box-shadow: 0 0 100px 40px rgb(0 0 0 / 70%);\n border-left: 1px solid var(--color-border);\n}\n" }, { "path": "packages/app/styles/HDXLineChart.module.scss", "content": ".legend {\n display: flex;\n flex-wrap: wrap;\n}\n\n.legendItem {\n font-size: 11px;\n margin-right: 8px;\n margin-bottom: 4px;\n display: flex;\n align-items: center;\n text-wrap: wrap;\n word-break: break-all;\n word-wrap: break-word;\n line-height: 1.2;\n\n &:active {\n opacity: 0.5;\n }\n}\n\n.legendMoreLink {\n color: var(--color-text-muted);\n cursor: pointer;\n text-decoration: underline;\n}\n\n.legendTooltipContent {\n padding: 8px;\n display: flex;\n flex-wrap: wrap;\n max-width: 40vw;\n overflow: hidden;\n gap: 2px;\n}\n\n.chartTooltip {\n backdrop-filter: blur(8px);\n background-color: var(--color-bg-surface);\n border: 1px solid var(--color-border);\n border-radius: 2px;\n font-size: 11px;\n}\n\n.chartTooltipHeader {\n padding: 2px 12px;\n border-bottom: 1px solid var(--color-border);\n}\n\n.chartTooltipContent {\n padding: 6px 12px;\n}\n" }, { "path": "packages/app/styles/Home.module.css", "content": ".container {\n min-height: 100vh;\n padding: 0 0.5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100vh;\n}\n\n.main {\n padding: 5rem 0;\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n\n.footer {\n width: 100%;\n height: 100px;\n border-top: 1px solid #eaeaea;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.footer a {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-grow: 1;\n}\n\n.title a {\n color: #0070f3;\n text-decoration: none;\n}\n\n.title a:hover,\n.title a:focus,\n.title a:active {\n text-decoration: underline;\n}\n\n.title {\n margin: 0;\n line-height: 1.15;\n font-size: 4rem;\n}\n\n.title,\n.description {\n text-align: center;\n}\n\n.description {\n line-height: 1.5;\n font-size: 1.5rem;\n}\n\n.code {\n background: #fafafa;\n border-radius: 5px;\n padding: 0.75rem;\n font-size: 1.1rem;\n font-family: Menlo, Monaco, 'Lucida Console', 'Liberation Mono',\n 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace;\n}\n\n.grid {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n max-width: 800px;\n margin-top: 3rem;\n}\n\n.card {\n margin: 1rem;\n padding: 1.5rem;\n text-align: left;\n color: inherit;\n text-decoration: none;\n border: 1px solid #eaeaea;\n border-radius: 10px;\n transition:\n color 0.15s ease,\n border-color 0.15s ease;\n width: 45%;\n}\n\n.card:hover,\n.card:focus,\n.card:active {\n color: #0070f3;\n border-color: #0070f3;\n}\n\n.card h2 {\n margin: 0 0 1rem;\n font-size: 1.5rem;\n}\n\n.card p {\n margin: 0;\n font-size: 1.25rem;\n line-height: 1.5;\n}\n\n.logo {\n height: 1em;\n margin-left: 0.5rem;\n}\n\n@media (width <= 600px) {\n .grid {\n width: 100%;\n flex-direction: column;\n }\n}\n" }, { "path": "packages/app/styles/LogSidePanel.module.scss", "content": ".panel {\n display: flex;\n flex-direction: column;\n font-size: 12px;\n height: 100%;\n background: var(--color-bg-body);\n box-shadow: 0 0 100px 40px rgb(0 0 0 / 70%);\n border-left: 1px solid var(--color-border);\n}\n\n.panelDragBar {\n position: absolute;\n width: 3px;\n height: 100%;\n cursor: col-resize;\n background-color: transparent;\n\n &:hover {\n background-color: var(--color-border);\n transition: background-color 0.2s ease-in-out;\n }\n}\n\n.panelHeader {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid var(--color-border);\n padding: 12px var(--mantine-spacing-xl);\n}\n\n.panelDetails {\n padding: var(--mantine-spacing-xl);\n padding-bottom: 16px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.panelContent {\n padding: 0 var(--mantine-spacing-xl);\n}\n\n.severityChip {\n background: var(--color-bg-surface);\n padding: 4px 12px;\n border-radius: 16px;\n margin-right: 8px;\n}\n\n.loadingState {\n color: var(--color-text-muted);\n margin: var(--mantine-spacing-xl);\n font-size: 16px;\n text-align: center;\n flex-grow: 1;\n}\n\n.panelSectionWrapper {\n border: 1px solid var(--color-border);\n margin: 12px 0;\n border-radius: 6px;\n}\n\n.panelSectionWrapperTitle {\n padding: 18px 24px;\n border-bottom: 1px solid var(--color-border);\n}\n\n.kbdShortcuts {\n background: var(--color-bg-muted);\n border-top: 1px solid var(--color-border);\n padding: 12px var(--mantine-spacing-xl);\n color: var(--color-text-secondary);\n font-size: 11px;\n}\n\n.kbd {\n display: inline-block;\n background: var(--color-bg-surface);\n letter-spacing: 0.5px;\n border: 1px solid var(--color-border);\n border-radius: 4px;\n padding: 1px 6px;\n margin: 0 2px;\n}\n\n.kbdDivider {\n height: 21px;\n width: 1px;\n background: var(--color-border);\n}\n\n.lineContext {\n color: var(--color-text-secondary);\n background-color: var(--color-bg-highlighted);\n padding: 8px 0;\n border-radius: 4px;\n margin-top: 8px;\n}\n\n.lineContextCurrentLine {\n background-color: var(--color-bg-muted);\n color: var(--color-text);\n font-weight: 600;\n\n .lineContextLineNo {\n color: var(--color-text);\n border-right-color: var(--color-border);\n }\n}\n\n.lineContextLineNo {\n display: inline-block;\n width: 60px;\n text-align: right;\n border-right: 1px solid var(--color-border);\n padding-right: 12px;\n margin-right: 12px;\n}\n\n.emptyMessage {\n color: var(--color-text-muted);\n text-align: center;\n padding: 10px;\n}\n\n.traceTimelineLabel {\n opacity: 0.8;\n font-size: 11px;\n padding-right: 8px;\n letter-spacing: -0.3px;\n\n &:hover {\n opacity: 1;\n }\n}\n\n.traceTimelineLabelHighlighted {\n opacity: 1;\n font-weight: bold;\n}\n\n.stacktraceRowInteractive {\n cursor: pointer;\n\n &:hover {\n background-color: var(--color-bg-muted);\n }\n\n &:active {\n background-color: var(--color-bg-muted);\n }\n}\n" }, { "path": "packages/app/styles/LogTable.module.scss", "content": "$button-height: 18px;\n\n.tableWrapper {\n overflow: auto;\n height: 100%;\n font-size: var(--mantine-font-size-xs);\n\n /* CSS custom properties for variant support */\n --log-table-bg: var(--color-bg-body);\n --log-table-muted-bg: var(--color-bg-muted);\n\n &.muted {\n --log-table-bg: var(--color-bg-muted);\n --log-table-muted-bg: var(--color-bg-highlighted);\n }\n}\n\n.table {\n width: 100%;\n table-layout: fixed;\n border-spacing: 0;\n border-collapse: separate;\n background: var(--log-table-bg);\n font-family: var(--font-ibm-plex-mono);\n}\n\n.tableHead {\n background: var(--log-table-bg);\n position: sticky;\n top: 0;\n z-index: 1;\n height: 24px;\n}\n\n.tableRow {\n position: relative;\n\n &__selected {\n background-color: var(--log-table-muted-bg);\n font-weight: bold;\n }\n\n &:hover .rowButtons {\n opacity: 1;\n }\n\n &:hover .rowContentButton {\n background-color: var(--log-table-muted-bg);\n }\n\n &:has(.expandButton:hover) .rowButtons {\n opacity: 0 !important;\n }\n\n &:has(.expandButton:hover) .rowContentButton {\n background-color: transparent !important;\n }\n}\n\n.expandedRowContent {\n max-height: 400px;\n overflow: auto;\n background-color: var(--log-table-muted-bg);\n}\n\n.expandButton {\n background: transparent;\n border: none;\n padding: 0 2px;\n color: inherit;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.15s ease-in-out;\n border-radius: 4px;\n min-height: $button-height;\n\n &:hover {\n background-color: var(--log-table-muted-bg);\n }\n\n &:focus,\n &:focus-visible {\n background-color: var(--log-table-muted-bg);\n outline: none;\n }\n\n &:active {\n outline: none;\n box-shadow: none;\n background-color: var(--log-table-muted-bg);\n }\n\n svg {\n transition: transform 0.2s ease-in-out;\n transform-origin: center;\n }\n\n &.expanded svg {\n transform: rotate(90deg);\n }\n}\n\n.expandButtonSeparator {\n width: 1px;\n height: calc($button-height - 8px);\n border-right: 1px solid var(--color-border);\n margin-left: 2px;\n margin-right: 2px;\n display: inline-block;\n vertical-align: middle;\n}\n\n.rowContentButton {\n background: transparent;\n border: none;\n padding: 0;\n margin: 0;\n width: 100%;\n cursor: pointer;\n text-align: left;\n color: inherit;\n transition: background-color 0.15s ease-in-out;\n border-radius: 4px;\n min-height: $button-height;\n display: flex;\n align-items: center;\n position: relative;\n\n &:hover .rowButtons {\n opacity: 1;\n }\n\n &:focus,\n &:focus-visible {\n background-color: var(--log-table-muted-bg);\n outline: none;\n }\n\n &:active {\n outline: none;\n box-shadow: none;\n background-color: var(--log-table-muted-bg);\n }\n\n &.isWrapped {\n align-items: flex-start;\n }\n\n &.isTruncated {\n align-items: flex-start;\n }\n}\n\n.rowButtons {\n position: absolute;\n top: 2px;\n right: 0;\n padding-left: 10px;\n padding-right: 4px;\n display: flex;\n gap: 4px;\n opacity: 0;\n transition: opacity 0.2s ease-in-out;\n z-index: 0;\n align-items: flex-start;\n\n &:hover {\n opacity: 1;\n }\n}\n\n.iconActionButton {\n padding: 4px;\n border-radius: 4px;\n background-color: var(--color-bg-surface);\n border: 1px solid var(--color-border);\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: transform 0.2s ease-in-out;\n pointer-events: auto;\n\n &:hover {\n transform: scale(1.05);\n }\n\n &.copied {\n color: var(--color-bg-success);\n }\n}\n\n.fieldTextContainer {\n position: relative;\n display: block;\n width: 100%;\n}\n\n.fieldText {\n overflow: hidden;\n padding: 2px 4px;\n cursor: pointer;\n transition: background-color 0.2s ease-in-out;\n\n > span:hover {\n border-radius: 4px;\n background-color: var(--color-bg-highlighted);\n }\n\n &.chart {\n overflow: visible;\n min-height: 50px;\n }\n}\n\n.fieldText.truncated {\n text-overflow: ellipsis;\n white-space: nowrap;\n min-height: $button-height;\n}\n\n.fieldText.wrapped {\n word-break: break-word;\n white-space: normal;\n display: flex;\n}\n\n.fieldTextPopover {\n background-color: transparent;\n border: none;\n box-shadow: none;\n padding: 0;\n}\n" }, { "path": "packages/app/styles/PlaybarSlider.module.scss", "content": ".wrapper {\n width: 100%;\n\n > div {\n width: 100%;\n }\n}\n\n.markers {\n width: auto !important;\n position: relative;\n margin-bottom: 10px;\n margin-left: 6px;\n margin-right: 6px;\n\n &:hover {\n .markerDot {\n opacity: 0.7;\n }\n }\n}\n\n.markerDot {\n cursor: pointer;\n position: absolute;\n top: 0;\n margin-left: -1px;\n width: 2px;\n height: 8px;\n background-color: #333;\n border-radius: 1px;\n opacity: 0.5;\n\n &:hover {\n opacity: 1 !important;\n z-index: 20;\n }\n}\n" }, { "path": "packages/app/styles/ResizablePanel.module.scss", "content": ".resizeHandle {\n position: absolute;\n right: -3px;\n top: 0;\n bottom: 0;\n width: 6px;\n cursor: col-resize;\n transition: all 150ms ease;\n z-index: 10;\n\n &:hover,\n &:active {\n background-color: var(--color-bg-neutral);\n }\n\n &:active {\n background-color: var(--color-bg-neutral);\n width: 8px;\n margin-right: -1px;\n }\n}\n\n.resizeYHandle {\n position: absolute;\n bottom: -3px;\n left: 0;\n right: 0;\n height: 6px;\n cursor: row-resize;\n transition: all 150ms ease;\n z-index: 10;\n\n &:hover,\n &:active {\n background-color: var(--color-bg-neutral);\n }\n\n &:active {\n background-color: var(--color-bg-neutral);\n height: 8px;\n margin-bottom: -1px;\n }\n}\n" }, { "path": "packages/app/styles/SearchPage.module.scss", "content": "/* stylelint-disable selector-pseudo-class-no-unknown */\n.filtersPanel {\n position: relative;\n min-width: 200px;\n max-width: 50%;\n height: 100%;\n display: flex;\n flex-direction: column;\n background-color: var(--color-bg-body);\n word-break: break-all;\n flex-shrink: 0;\n flex-grow: 0;\n border-right: 1px solid var(--color-border);\n overflow: hidden;\n z-index: 3; // higher z-index to be above other elements\n\n :global {\n .mantine-TextInput-wrapper {\n background-color: transparent;\n }\n\n .mantine-TextInput-input {\n height: 20px;\n min-height: 20px;\n background-color: transparent;\n color: var(--color-text-secondary);\n font-size: var(--mantine-font-size-xs);\n\n &::placeholder {\n color: var(--color-text-muted);\n font-weight: bold;\n }\n\n &:focus {\n border: none;\n outline: none;\n }\n }\n }\n}\n\n.textButton {\n user-select: none;\n flex-shrink: 0;\n\n &:hover {\n cursor: pointer;\n color: var(--color-text-muted) !important;\n }\n\n &:active {\n color: var(--color-text-muted) !important;\n }\n}\n\n.filterCheckbox {\n width: 100%;\n display: grid;\n grid-template-columns: 1fr 13px;\n padding: 2px 6px;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n border-radius: 4px;\n position: relative;\n\n input {\n opacity: 0.8;\n }\n\n .filterActions {\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n display: none;\n z-index: 1;\n backdrop-filter: blur(4px);\n border-radius: 4px;\n align-items: center;\n padding: 0 4px;\n gap: 4px;\n background-color: var(--color-bg-body);\n\n .textButton {\n padding: 2px 4px;\n border-radius: 3px;\n\n &:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-secondary);\n }\n\n &:active {\n background-color: var(--color-bg-muted);\n color: var(--color-text);\n }\n }\n }\n\n &:hover {\n input {\n opacity: 1;\n }\n\n background-color: var(--color-bg-surface);\n\n .filterActions {\n display: flex;\n }\n }\n}\n\n.searchPageContainer {\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: relative;\n}\n\n.chevron {\n transform: rotate(-90deg);\n\n &[data-rotate] {\n transform: rotate(0deg);\n }\n}\n\n.recentlyMoved {\n animation: highlight 0.6s ease-out;\n}\n\n@keyframes highlight {\n 0% {\n background-color: var(--color-bg-highlighted);\n transform: scale(1.02);\n }\n\n 50% {\n background-color: var(--color-bg-highlighted);\n transform: scale(1.01);\n }\n\n 100% {\n background-color: transparent;\n transform: scale(1);\n }\n}\n\n.searchStatsContainer {\n background-color: var(--color-bg-body);\n padding-inline: var(--mantine-spacing-sm);\n padding-block: var(--mantine-spacing-xxs);\n z-index: 3;\n}\n\n.timeChartContainer {\n background-color: var(--color-bg-body);\n padding-inline: var(--mantine-spacing-sm);\n padding-block: var(--mantine-spacing-xxs);\n height: 120px;\n z-index: 3;\n}\n\n.searchForm {\n background: var(--color-bg-body);\n z-index: 4;\n padding-bottom: var(--mantine-spacing-xs);\n border-bottom: 1px solid var(--color-border);\n}\n" }, { "path": "packages/app/styles/SessionSubpanelV2.module.scss", "content": ".wrapper {\n height: 100%;\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n display: flex;\n}\n\n.eventList {\n width: 300px;\n border-right: 1px solid var(--color-border);\n display: flex;\n flex-direction: column;\n flex-shrink: 0;\n}\n\n.eventListHeader {\n display: flex;\n align-items: stretch;\n flex-direction: column;\n gap: 6px;\n padding: 8px;\n border-bottom: 1px solid var(--color-border);\n}\n\n.eventListContainer {\n max-width: 300px;\n max-height: 100%;\n}\n\n.eventRow {\n padding: 6px 12px;\n border-bottom: 1px solid var(--color-border);\n cursor: pointer;\n font-size: 12px;\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n gap: 12px;\n}\n\n.eventRowError {\n .eventRowIcon {\n background: var(--color-bg-danger);\n }\n\n .eventRowTitle {\n color: var(--color-text-danger);\n }\n}\n\n.eventRowSuccess {\n .eventRowIcon {\n background: var(--color-bg-success);\n\n i {\n color: #000;\n }\n }\n\n .eventRowTitle {\n color: var(--color-text-brand);\n }\n}\n\n.eventRowHighlighted {\n background-color: var(--color-bg-muted);\n padding-left: 20px;\n}\n\n.eventRowIcon {\n background: var(--color-bg-neutral);\n width: 26px;\n height: 26px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: center;\n border-radius: 50%;\n\n > i {\n color: white;\n font-size: 16px;\n }\n}\n\n.eventRowContent {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n flex: 1;\n overflow: hidden;\n line-height: 1.4;\n max-width: 100%;\n padding: 2px;\n margin: -2px;\n border-radius: 2px;\n\n &:hover {\n background: var(--color-bg-highlighted);\n }\n}\n\n.eventRowTimestamp {\n padding: 2px;\n margin: -2px;\n border-radius: 2px;\n color: var(--color-text-muted);\n font-size: 11px;\n align-self: center;\n\n &:hover {\n background: var(--color-bg-highlighted);\n }\n}\n\n.eventRowTitle {\n font-size: 12px;\n font-weight: bold;\n color: var(--color-text);\n\n span {\n color: var(--color-text-secondary) !important;\n font-size: 11px;\n font-weight: normal;\n\n &::before {\n content: '•';\n margin-right: 4px;\n opacity: 0.7;\n }\n }\n}\n\n.eventRowDescription {\n font-size: 11px;\n color: var(--color-text-muted);\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.player {\n flex: 1;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n max-width: 100%;\n min-width: 0;\n}\n\n// Player Header (URL)\n.playerHeader {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 6px 12px;\n background-color: var(--color-bg-surface);\n border-bottom: 1px solid var(--color-border);\n width: 100%;\n max-width: 100%;\n gap: 12px;\n}\n\n.playerHeaderUrl {\n font-size: 11px;\n color: var(--color-text);\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.playerContainer {\n flex: 1;\n overflow: hidden;\n background: repeating-linear-gradient(\n 45deg,\n var(--color-bg-hover),\n var(--color-bg-hover) 15px,\n var(--color-bg-surface) 15px,\n var(--color-bg-surface) 30px\n );\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n color: var(--color-text-muted);\n}\n\n.domPlayerWrapper {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.domPlayerWrapperPaused {\n opacity: 0.7;\n\n &:hover {\n opacity: 1;\n }\n}\n\n.playerTimestamp {\n flex: 1;\n}\n\n.playerPlaybar {\n width: 100%;\n display: flex;\n padding: 6px 12px;\n align-items: center;\n border-top: 1px solid var(--color-border);\n}\n\n.playerToolbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 14px 20px;\n border-top: 1px solid var(--color-border);\n\n > div {\n flex: 1;\n }\n}\n" }, { "path": "packages/app/styles/SessionsPage.module.scss", "content": ".sessionCard {\n &:hover {\n .emailText {\n color: var(--color-text-brand);\n }\n }\n}\n\n.emailText {\n transition: color 0.2s ease;\n}\n" }, { "path": "packages/app/styles/SourceSelectControlled.module.scss", "content": ".sourceSchemaPreviewButton {\n pointer-events: all;\n font-size: var(--mantine-font-size-xxs);\n color: var(--color-text-brand);\n padding-inline: var(--mantine-spacing-xxxs);\n border-radius: var(--mantine-radius-xs);\n\n &:hover {\n color: var(--color-text-brand-hover);\n cursor: pointer;\n }\n}\n\n.groupLabel {\n &::after {\n border-color: var(--color-border);\n }\n}\n" }, { "path": "packages/app/styles/_bootstrap-utilities.scss", "content": "// Custom layout utility classes to replace Bootstrap\n\n// WHY THIS FILE EXISTS:\n// This project migrated from Bootstrap to Mantine UI components, but Bootstrap utility\n// classes (d-flex, p-3, m-2, etc.) are used extensively throughout the codebase in\n// hundreds of components. Rather than refactoring all components to use Mantine's prop-based\n// styling system (which would be a massive undertaking), we've recreated the most commonly\n// used Bootstrap utilities here using Mantine's spacing variables.\n\n// FUTURE CONSIDERATION:\n// As components are refactored, prefer using Mantine's native props:\n// - instead of
\n// - instead of
\n// - instead of
\n\n// This file provides classes like d-flex, flex-column, m-*, p-*, etc.\n\n// Display utilities\n.d-none {\n display: none !important;\n}\n\n.d-inline {\n display: inline !important;\n}\n\n.d-inline-block {\n display: inline-block !important;\n}\n\n.d-block {\n display: block !important;\n}\n\n.d-flex {\n display: flex !important;\n}\n\n.d-inline-flex {\n display: inline-flex !important;\n}\n\n// Flexbox utilities\n.flex-row {\n flex-direction: row !important;\n}\n\n.flex-column {\n flex-direction: column !important;\n}\n\n.flex-row-reverse {\n flex-direction: row-reverse !important;\n}\n\n.flex-column-reverse {\n flex-direction: column-reverse !important;\n}\n\n.flex-wrap {\n flex-wrap: wrap !important;\n}\n\n.flex-nowrap {\n flex-wrap: nowrap !important;\n}\n\n.flex-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n}\n\n.flex-fill {\n flex: 1 1 auto !important;\n}\n\n.flex-grow-0 {\n flex-grow: 0 !important;\n}\n\n.flex-grow-1 {\n flex-grow: 1 !important;\n}\n\n.flex-shrink-0 {\n flex-shrink: 0 !important;\n}\n\n.flex-shrink-1 {\n flex-shrink: 1 !important;\n}\n\n// Justify content\n.justify-content-start {\n justify-content: flex-start !important;\n}\n\n.justify-content-end {\n justify-content: flex-end !important;\n}\n\n.justify-content-center {\n justify-content: center !important;\n}\n\n.justify-content-between {\n justify-content: space-between !important;\n}\n\n.justify-content-around {\n justify-content: space-around !important;\n}\n\n.justify-content-evenly {\n justify-content: space-evenly !important;\n}\n\n// Align items\n.align-items-start {\n align-items: flex-start !important;\n}\n\n.align-items-end {\n align-items: flex-end !important;\n}\n\n.align-items-center {\n align-items: center !important;\n}\n\n.align-items-baseline {\n align-items: baseline !important;\n}\n\n.align-items-stretch {\n align-items: stretch !important;\n}\n\n// Align content\n.align-content-start {\n align-content: flex-start !important;\n}\n\n.align-content-end {\n align-content: flex-end !important;\n}\n\n.align-content-center {\n align-content: center !important;\n}\n\n.align-content-between {\n align-content: space-between !important;\n}\n\n.align-content-around {\n align-content: space-around !important;\n}\n\n.align-content-stretch {\n align-content: stretch !important;\n}\n\n// Align self\n.align-self-auto {\n align-self: auto !important;\n}\n\n.align-self-start {\n align-self: flex-start !important;\n}\n\n.align-self-end {\n align-self: flex-end !important;\n}\n\n.align-self-center {\n align-self: center !important;\n}\n\n.align-self-baseline {\n align-self: baseline !important;\n}\n\n.align-self-stretch {\n align-self: stretch !important;\n}\n\n// Gap utilities (using Mantine spacing)\n.gap-0 {\n gap: 0 !important;\n}\n\n.gap-1 {\n gap: var(--mantine-spacing-xs) !important;\n}\n\n.gap-2 {\n gap: var(--mantine-spacing-sm) !important;\n}\n\n.gap-3 {\n gap: var(--mantine-spacing-md) !important;\n}\n\n.gap-4 {\n gap: var(--mantine-spacing-lg) !important;\n}\n\n.gap-5 {\n gap: var(--mantine-spacing-xl) !important;\n}\n\n// Margin utilities (using Mantine spacing as base unit: 1rem)\n// Bootstrap scale: 0.25rem increments (m-1 = 0.25rem, m-2 = 0.5rem, etc.)\n.m-0 {\n margin: 0 !important;\n}\n\n.m-0\\.5 {\n margin: calc(var(--mantine-spacing-md) * 0.125) !important; // 0.125rem\n}\n\n.m-1 {\n margin: calc(var(--mantine-spacing-md) * 0.25) !important; // 0.25rem\n}\n\n.m-2 {\n margin: calc(var(--mantine-spacing-md) * 0.5) !important; // 0.5rem\n}\n\n.m-3 {\n margin: var(--mantine-spacing-md) !important; // 1rem\n}\n\n.m-4 {\n margin: calc(var(--mantine-spacing-md) * 1.5) !important; // 1.5rem\n}\n\n.m-4\\.5 {\n margin: calc(var(--mantine-spacing-md) * 2) !important; // 2rem\n}\n\n.m-5 {\n margin: calc(var(--mantine-spacing-md) * 3) !important; // 3rem\n}\n\n.m-auto {\n margin: auto !important;\n}\n\n// Margin top\n.mt-0 {\n margin-top: 0 !important;\n}\n\n.mt-0\\.5 {\n margin-top: calc(var(--mantine-spacing-md) * 0.125) !important;\n}\n\n.mt-1 {\n margin-top: calc(var(--mantine-spacing-md) * 0.25) !important;\n}\n\n.mt-2 {\n margin-top: calc(var(--mantine-spacing-md) * 0.5) !important;\n}\n\n.mt-3 {\n margin-top: var(--mantine-spacing-md) !important;\n}\n\n.mt-4 {\n margin-top: calc(var(--mantine-spacing-md) * 1.5) !important;\n}\n\n.mt-4\\.5 {\n margin-top: calc(var(--mantine-spacing-md) * 2) !important;\n}\n\n.mt-5 {\n margin-top: calc(var(--mantine-spacing-md) * 3) !important;\n}\n\n.mt-auto {\n margin-top: auto !important;\n}\n\n// Margin bottom\n.mb-0 {\n margin-bottom: 0 !important;\n}\n\n.mb-0\\.5 {\n margin-bottom: calc(var(--mantine-spacing-md) * 0.125) !important;\n}\n\n.mb-1 {\n margin-bottom: calc(var(--mantine-spacing-md) * 0.25) !important;\n}\n\n.mb-2 {\n margin-bottom: calc(var(--mantine-spacing-md) * 0.5) !important;\n}\n\n.mb-3 {\n margin-bottom: var(--mantine-spacing-md) !important;\n}\n\n.mb-4 {\n margin-bottom: calc(var(--mantine-spacing-md) * 1.5) !important;\n}\n\n.mb-4\\.5 {\n margin-bottom: calc(var(--mantine-spacing-md) * 2) !important;\n}\n\n.mb-5 {\n margin-bottom: calc(var(--mantine-spacing-md) * 3) !important;\n}\n\n.mb-auto {\n margin-bottom: auto !important;\n}\n\n// Margin start (left in LTR)\n.ms-0 {\n margin-inline-start: 0 !important;\n}\n\n.ms-0\\.5 {\n margin-inline-start: calc(var(--mantine-spacing-md) * 0.125) !important;\n}\n\n.ms-1 {\n margin-inline-start: calc(var(--mantine-spacing-md) * 0.25) !important;\n}\n\n.ms-2 {\n margin-inline-start: calc(var(--mantine-spacing-md) * 0.5) !important;\n}\n\n.ms-3 {\n margin-inline-start: var(--mantine-spacing-md) !important;\n}\n\n.ms-4 {\n margin-inline-start: calc(var(--mantine-spacing-md) * 1.5) !important;\n}\n\n.ms-4\\.5 {\n margin-inline-start: calc(var(--mantine-spacing-md) * 2) !important;\n}\n\n.ms-5 {\n margin-inline-start: calc(var(--mantine-spacing-md) * 3) !important;\n}\n\n.ms-auto {\n margin-inline-start: auto !important;\n}\n\n// Margin end (right in LTR)\n.me-0 {\n margin-inline-end: 0 !important;\n}\n\n.me-0\\.5 {\n margin-inline-end: calc(var(--mantine-spacing-md) * 0.125) !important;\n}\n\n.me-1 {\n margin-inline-end: calc(var(--mantine-spacing-md) * 0.25) !important;\n}\n\n.me-2 {\n margin-inline-end: calc(var(--mantine-spacing-md) * 0.5) !important;\n}\n\n.me-3 {\n margin-inline-end: var(--mantine-spacing-md) !important;\n}\n\n.me-4 {\n margin-inline-end: calc(var(--mantine-spacing-md) * 1.5) !important;\n}\n\n.me-4\\.5 {\n margin-inline-end: calc(var(--mantine-spacing-md) * 2) !important;\n}\n\n.me-5 {\n margin-inline-end: calc(var(--mantine-spacing-md) * 3) !important;\n}\n\n.me-auto {\n margin-inline-end: auto !important;\n}\n\n// Margin x-axis\n.mx-0 {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.mx-0\\.5 {\n margin-left: calc(var(--mantine-spacing-md) * 0.125) !important;\n margin-right: calc(var(--mantine-spacing-md) * 0.125) !important;\n}\n\n.mx-1 {\n margin-left: calc(var(--mantine-spacing-md) * 0.25) !important;\n margin-right: calc(var(--mantine-spacing-md) * 0.25) !important;\n}\n\n.mx-2 {\n margin-left: calc(var(--mantine-spacing-md) * 0.5) !important;\n margin-right: calc(var(--mantine-spacing-md) * 0.5) !important;\n}\n\n.mx-3 {\n margin-left: var(--mantine-spacing-md) !important;\n margin-right: var(--mantine-spacing-md) !important;\n}\n\n.mx-4 {\n margin-left: calc(var(--mantine-spacing-md) * 1.5) !important;\n margin-right: calc(var(--mantine-spacing-md) * 1.5) !important;\n}\n\n.mx-4\\.5 {\n margin-left: calc(var(--mantine-spacing-md) * 2) !important;\n margin-right: calc(var(--mantine-spacing-md) * 2) !important;\n}\n\n.mx-5 {\n margin-left: calc(var(--mantine-spacing-md) * 3) !important;\n margin-right: calc(var(--mantine-spacing-md) * 3) !important;\n}\n\n.mx-auto {\n margin-left: auto !important;\n margin-right: auto !important;\n}\n\n// Margin y-axis\n.my-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n\n.my-0\\.5 {\n margin-top: calc(var(--mantine-spacing-md) * 0.125) !important;\n margin-bottom: calc(var(--mantine-spacing-md) * 0.125) !important;\n}\n\n.my-1 {\n margin-top: calc(var(--mantine-spacing-md) * 0.25) !important;\n margin-bottom: calc(var(--mantine-spacing-md) * 0.25) !important;\n}\n\n.my-2 {\n margin-top: calc(var(--mantine-spacing-md) * 0.5) !important;\n margin-bottom: calc(var(--mantine-spacing-md) * 0.5) !important;\n}\n\n.my-3 {\n margin-top: var(--mantine-spacing-md) !important;\n margin-bottom: var(--mantine-spacing-md) !important;\n}\n\n.my-4 {\n margin-top: calc(var(--mantine-spacing-md) * 1.5) !important;\n margin-bottom: calc(var(--mantine-spacing-md) * 1.5) !important;\n}\n\n.my-4\\.5 {\n margin-top: calc(var(--mantine-spacing-md) * 2) !important;\n margin-bottom: calc(var(--mantine-spacing-md) * 2) !important;\n}\n\n.my-5 {\n margin-top: calc(var(--mantine-spacing-md) * 3) !important;\n margin-bottom: calc(var(--mantine-spacing-md) * 3) !important;\n}\n\n.my-auto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n}\n\n// Padding utilities (using Mantine spacing as base unit: 1rem)\n// Bootstrap scale: 0.25rem increments (p-1 = 0.25rem, p-2 = 0.5rem, etc.)\n.p-0 {\n padding: 0 !important;\n}\n\n.p-0\\.5 {\n padding: calc(var(--mantine-spacing-md) * 0.125) !important; // 0.125rem\n}\n\n.p-1 {\n padding: calc(var(--mantine-spacing-md) * 0.25) !important; // 0.25rem\n}\n\n.p-2 {\n padding: calc(var(--mantine-spacing-md) * 0.5) !important; // 0.5rem\n}\n\n.p-3 {\n padding: var(--mantine-spacing-md) !important; // 1rem\n}\n\n.p-4 {\n padding: calc(var(--mantine-spacing-md) * 1.5) !important; // 1.5rem\n}\n\n.p-4\\.5 {\n padding: calc(var(--mantine-spacing-md) * 2) !important; // 2rem\n}\n\n.p-5 {\n padding: calc(var(--mantine-spacing-md) * 3) !important; // 3rem\n}\n\n// Padding bottom\n.pb-0 {\n padding-bottom: 0 !important;\n}\n\n.pb-0\\.5 {\n padding-bottom: calc(var(--mantine-spacing-md) * 0.125) !important;\n}\n\n.pb-1 {\n padding-bottom: calc(var(--mantine-spacing-md) * 0.25) !important;\n}\n\n.pb-2 {\n padding-bottom: calc(var(--mantine-spacing-md) * 0.5) !important;\n}\n\n.pb-3 {\n padding-bottom: var(--mantine-spacing-md) !important;\n}\n\n.pb-4 {\n padding-bottom: calc(var(--mantine-spacing-md) * 1.5) !important;\n}\n\n.pb-4\\.5 {\n padding-bottom: calc(var(--mantine-spacing-md) * 2) !important;\n}\n\n.pb-5 {\n padding-bottom: calc(var(--mantine-spacing-md) * 3) !important;\n}\n\n// Padding top\n.pt-0 {\n padding-top: 0 !important;\n}\n\n.pt-0\\.5 {\n padding-top: calc(var(--mantine-spacing-md) * 0.125) !important;\n}\n\n.pt-1 {\n padding-top: calc(var(--mantine-spacing-md) * 0.25) !important;\n}\n\n.pt-2 {\n padding-top: calc(var(--mantine-spacing-md) * 0.5) !important;\n}\n\n.pt-3 {\n padding-top: var(--mantine-spacing-md) !important;\n}\n\n.pt-4 {\n padding-top: calc(var(--mantine-spacing-md) * 1.5) !important;\n}\n\n.pt-4\\.5 {\n padding-top: calc(var(--mantine-spacing-md) * 2) !important;\n}\n\n.pt-5 {\n padding-top: calc(var(--mantine-spacing-md) * 3) !important;\n}\n\n// Padding start (left in LTR)\n.ps-0 {\n padding-inline-start: 0 !important;\n}\n\n.ps-0\\.5 {\n padding-inline-start: calc(var(--mantine-spacing-md) * 0.125) !important;\n}\n\n.ps-1 {\n padding-inline-start: calc(var(--mantine-spacing-md) * 0.25) !important;\n}\n\n.ps-2 {\n padding-inline-start: calc(var(--mantine-spacing-md) * 0.5) !important;\n}\n\n.ps-3 {\n padding-inline-start: var(--mantine-spacing-md) !important;\n}\n\n.ps-4 {\n padding-inline-start: calc(var(--mantine-spacing-md) * 1.5) !important;\n}\n\n.ps-4\\.5 {\n padding-inline-start: calc(var(--mantine-spacing-md) * 2) !important;\n}\n\n.ps-5 {\n padding-inline-start: calc(var(--mantine-spacing-md) * 3) !important;\n}\n\n// Padding end (right in LTR)\n.pe-0 {\n padding-inline-end: 0 !important;\n}\n\n.pe-0\\.5 {\n padding-inline-end: calc(var(--mantine-spacing-md) * 0.125) !important;\n}\n\n.pe-1 {\n padding-inline-end: calc(var(--mantine-spacing-md) * 0.25) !important;\n}\n\n.pe-2 {\n padding-inline-end: calc(var(--mantine-spacing-md) * 0.5) !important;\n}\n\n.pe-3 {\n padding-inline-end: var(--mantine-spacing-md) !important;\n}\n\n.pe-4 {\n padding-inline-end: calc(var(--mantine-spacing-md) * 1.5) !important;\n}\n\n.pe-4\\.5 {\n padding-inline-end: calc(var(--mantine-spacing-md) * 2) !important;\n}\n\n.pe-5 {\n padding-inline-end: calc(var(--mantine-spacing-md) * 3) !important;\n}\n\n// Padding x-axis\n.px-0 {\n padding-left: 0 !important;\n padding-right: 0 !important;\n}\n\n.px-0\\.5 {\n padding-left: calc(var(--mantine-spacing-md) * 0.125) !important;\n padding-right: calc(var(--mantine-spacing-md) * 0.125) !important;\n}\n\n.px-1 {\n padding-left: calc(var(--mantine-spacing-md) * 0.25) !important;\n padding-right: calc(var(--mantine-spacing-md) * 0.25) !important;\n}\n\n.px-2 {\n padding-left: calc(var(--mantine-spacing-md) * 0.5) !important;\n padding-right: calc(var(--mantine-spacing-md) * 0.5) !important;\n}\n\n.px-3 {\n padding-left: var(--mantine-spacing-md) !important;\n padding-right: var(--mantine-spacing-md) !important;\n}\n\n.px-4 {\n padding-left: calc(var(--mantine-spacing-md) * 1.5) !important;\n padding-right: calc(var(--mantine-spacing-md) * 1.5) !important;\n}\n\n.px-4\\.5 {\n padding-left: calc(var(--mantine-spacing-md) * 2) !important;\n padding-right: calc(var(--mantine-spacing-md) * 2) !important;\n}\n\n.px-5 {\n padding-left: calc(var(--mantine-spacing-md) * 3) !important;\n padding-right: calc(var(--mantine-spacing-md) * 3) !important;\n}\n\n// Padding y-axis\n.py-0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n\n.py-0\\.5 {\n padding-top: calc(var(--mantine-spacing-md) * 0.125) !important;\n padding-bottom: calc(var(--mantine-spacing-md) * 0.125) !important;\n}\n\n.py-1 {\n padding-top: calc(var(--mantine-spacing-md) * 0.25) !important;\n padding-bottom: calc(var(--mantine-spacing-md) * 0.25) !important;\n}\n\n.py-2 {\n padding-top: calc(var(--mantine-spacing-md) * 0.5) !important;\n padding-bottom: calc(var(--mantine-spacing-md) * 0.5) !important;\n}\n\n.py-3 {\n padding-top: var(--mantine-spacing-md) !important;\n padding-bottom: var(--mantine-spacing-md) !important;\n}\n\n.py-4 {\n padding-top: calc(var(--mantine-spacing-md) * 1.5) !important;\n padding-bottom: calc(var(--mantine-spacing-md) * 1.5) !important;\n}\n\n.py-4\\.5 {\n padding-top: calc(var(--mantine-spacing-md) * 2) !important;\n padding-bottom: calc(var(--mantine-spacing-md) * 2) !important;\n}\n\n.py-5 {\n padding-top: calc(var(--mantine-spacing-md) * 3) !important;\n padding-bottom: calc(var(--mantine-spacing-md) * 3) !important;\n}\n\n// Width utilities\n.w-25 {\n width: 25% !important;\n}\n\n.w-50 {\n width: 50% !important;\n}\n\n.w-75 {\n width: 75% !important;\n}\n\n.w-100 {\n width: 100% !important;\n}\n\n.w-auto {\n width: auto !important;\n}\n\n// Height utilities\n.h-25 {\n height: 25% !important;\n}\n\n.h-50 {\n height: 50% !important;\n}\n\n.h-75 {\n height: 75% !important;\n}\n\n.h-100 {\n height: 100% !important;\n}\n\n.h-auto {\n height: auto !important;\n}\n\n// Viewport height/width\n.vh-100 {\n height: 100vh !important;\n}\n\n.vw-100 {\n width: 100vw !important;\n}\n\n.min-vh-100 {\n min-height: 100vh !important;\n}\n\n.min-vw-100 {\n min-width: 100vw !important;\n}\n\n// Min/Max width\n.mw-100 {\n max-width: 100% !important;\n}\n\n.min-w-0 {\n min-width: 0 !important;\n}\n\n// Position utilities\n.position-static {\n position: static !important;\n}\n\n.position-relative {\n position: relative !important;\n}\n\n.position-absolute {\n position: absolute !important;\n}\n\n.position-fixed {\n position: fixed !important;\n}\n\n.position-sticky {\n position: sticky !important;\n}\n\n// Position values\n.top-0 {\n top: 0 !important;\n}\n\n.top-50 {\n top: 50% !important;\n}\n\n.top-100 {\n top: 100% !important;\n}\n\n.bottom-0 {\n bottom: 0 !important;\n}\n\n.bottom-50 {\n bottom: 50% !important;\n}\n\n.bottom-100 {\n bottom: 100% !important;\n}\n\n.start-0 {\n left: 0 !important;\n}\n\n.start-50 {\n left: 50% !important;\n}\n\n.start-100 {\n left: 100% !important;\n}\n\n.end-0 {\n right: 0 !important;\n}\n\n.end-50 {\n right: 50% !important;\n}\n\n.end-100 {\n right: 100% !important;\n}\n\n// Fixed positioning helpers\n.fixed-top {\n position: fixed !important;\n top: 0 !important;\n right: 0 !important;\n left: 0 !important;\n z-index: 1030 !important;\n}\n\n.fixed-bottom {\n position: fixed !important;\n right: 0 !important;\n bottom: 0 !important;\n left: 0 !important;\n z-index: 1030 !important;\n}\n\n// Overflow utilities\n.overflow-auto {\n overflow: auto !important;\n}\n\n.overflow-hidden {\n overflow: hidden !important;\n}\n\n.overflow-visible {\n overflow: visible !important;\n}\n\n.overflow-scroll {\n overflow: scroll !important;\n}\n\n// Text utilities\n.text-nowrap {\n white-space: nowrap !important;\n}\n\n.text-wrap {\n white-space: normal !important;\n}\n\n// Pointer events\n.pe-none {\n pointer-events: none !important;\n}\n\n.pe-auto {\n pointer-events: auto !important;\n}\n\n// Cursor\n.cursor-pointer {\n cursor: pointer !important;\n}\n\n// Visibility\n.visible {\n visibility: visible !important;\n}\n\n.invisible {\n visibility: hidden !important;\n}\n\n// Table utilities\n.table {\n width: 100%;\n margin-bottom: 1rem;\n color: var(--color-text);\n vertical-align: top;\n border-color: var(--color-border);\n}\n\n// Text alignment\n.text-start {\n text-align: left !important;\n}\n\n.text-center {\n text-align: center !important;\n}\n\n.text-end {\n text-align: right !important;\n}\n\n.text-truncate {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n}\n\n// Font size utilities\n.fs-1 {\n font-size: 2.5rem !important; // 40px\n}\n\n.fs-2 {\n font-size: 2rem !important; // 32px\n}\n\n.fs-3 {\n font-size: 1.75rem !important; // 28px\n}\n\n.fs-4 {\n font-size: 1.5rem !important; // 24px\n}\n\n.fs-5 {\n font-size: 1.25rem !important; // 20px\n}\n\n.fs-6 {\n font-size: 1rem !important; // 16px (base)\n}\n\n.fs-7 {\n font-size: 0.875rem !important; // 14px\n}\n\n.fs-8 {\n font-size: 0.75rem !important; // 12px\n}\n\n.fs-9 {\n font-size: 0.625rem !important; // 10px\n}\n" }, { "path": "packages/app/styles/_utilities.scss", "content": "// Custom utility classes for HyperDX\n// These are HyperDX-specific utilities using semantic color tokens\n// Layout utilities (spacing, display, flexbox, etc.) are in _bootstrap-utilities.scss\n\n// Background utilities\n.bg-surface {\n background-color: var(--color-bg-surface) !important;\n}\n\n.bg-body {\n background-color: var(--color-bg-body) !important;\n}\n\n.bg-muted {\n background-color: var(--color-bg-muted);\n}\n\n.bg-muted-hover {\n &:hover {\n background-color: var(--color-bg-muted);\n }\n}\n\n.bg-highlighted {\n background-color: var(--color-bg-highlighted);\n}\n\n.bg-highlighted-hover {\n &:hover {\n background-color: var(--color-bg-highlighted);\n }\n}\n\n.bg-danger-transparent {\n background-color: color-mix(\n in srgb,\n var(--mantine-color-red-5) 15%,\n transparent\n );\n}\n\n// Border utilities\n.border {\n border: 1px solid var(--color-border) !important;\n}\n\n.border-top {\n border-top: 1px solid var(--color-border) !important;\n}\n\n.border-bottom {\n border-bottom: 1px solid var(--color-border) !important;\n}\n\n.border-start {\n border-left: 1px solid var(--color-border) !important;\n}\n\n.border-end {\n border-right: 1px solid var(--color-border) !important;\n}\n\n.border-dark {\n border-color: var(--color-border) !important;\n}\n\n.border-0 {\n border: 0 !important;\n}\n\n// Rounded utilities\n.rounded {\n border-radius: var(--mantine-radius-default) !important;\n}\n\n.rounded-sm {\n border-radius: var(--mantine-radius-sm) !important;\n}\n\n.rounded-lg {\n border-radius: var(--mantine-radius-lg) !important;\n}\n\n.rounded-0 {\n border-radius: 0 !important;\n}\n\n// Text color utilities\n.text-muted {\n color: var(--color-text-muted) !important;\n}\n\n.text-muted-hover {\n color: var(--color-text-muted);\n transition: color 0.2s ease;\n\n &:hover {\n color: var(--color-text-muted-hover);\n }\n}\n\n.text-light {\n color: var(--color-text) !important;\n}\n\n.text-success {\n color: var(--color-text-success) !important;\n}\n\n.text-success-hover {\n color: var(--color-text-success);\n transition: color 0.2s ease;\n\n &:hover {\n color: var(--color-text-success-hover);\n }\n}\n\n.text-brand {\n color: var(--color-text-brand) !important;\n}\n\n.text-brand-hover {\n color: var(--color-text-brand);\n transition: color 0.2s ease;\n\n &:hover {\n color: var(--color-text-brand-hover);\n }\n}\n\n.text-link {\n color: var(--color-text-primary) !important;\n}\n\n.text-danger {\n color: var(--color-text-danger) !important;\n}\n\n.text-warning {\n color: var(--color-text-warning) !important;\n}\n\n// Font size utilities\n.fs-8 {\n font-size: var(--mantine-font-size-xs) !important;\n}\n\n.fs-7 {\n font-size: var(--mantine-font-size-sm) !important;\n}\n\n// Font weight utilities\n.fw-normal {\n font-weight: 400 !important;\n}\n\n.fw-bold {\n font-weight: 700 !important;\n}\n\n.fw-500 {\n font-weight: 500 !important;\n}\n\n.fw-600 {\n font-weight: 600 !important;\n}\n\n.cursor-default {\n cursor: default;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n.cursor-grab {\n cursor: grab;\n}\n\n.cursor-col-resize {\n cursor: col-resize;\n}\n\n.cursor-zoom-in {\n cursor: zoom-in !important;\n}\n\n.cursor-crosshair {\n cursor: crosshair !important;\n}\n" }, { "path": "packages/app/styles/app.scss", "content": "/* stylelint-disable-file */\n// stylelint adds '}}' to end of file.. not sure why. Disabled for now.\n\n@use '../src/theme/themes/base-tokens';\n\n// Bootstrap utilities only (d-flex, flex-column, m-*, p-*, etc.)\n@use './_bootstrap-utilities';\n\n// Custom utilities (bg-surface, border-dark, etc.)\n@use './_utilities';\n\n.inter {\n font-family: var(--font-inter), 'Helvetica Neue', sans-serif;\n}\n\n.roboto {\n font-family: var(--font-roboto), sans-serif;\n}\n\n.roboto-mono {\n font-family: var(--font-roboto-mono), monospace;\n}\n\n.mono {\n font-family: var(--font-ibm-plex-mono), monospace;\n}\n\n:root {\n --mantine-webkit-font-smoothing: inherit;\n --mantine-moz-font-smoothing: inherit;\n\n --app-font-family: var(--font-inter);\n}\n\n[data-mantine-color-scheme='dark'] {\n color-scheme: dark;\n}\n\n[data-mantine-color-scheme='light'] {\n color-scheme: light;\n}\n\nbody {\n font-family: var(--app-font-family);\n font-size: var(--mantine-font-size-sm);\n}\n\na:focus-visible,\nbutton:focus-visible {\n outline: 2px solid var(--color-outline-focus);\n outline-offset: 2px;\n border-radius: var(--mantine-radius-xs);\n}\n\n.accordion-button,\n.button,\n.form-control {\n &:focus {\n outline: none;\n box-shadow: none;\n }\n}\n\n.nav-link.active {\n font-weight: 500;\n}\n\n/* Custom Components */\n.player-skipping-overlay {\n position: absolute;\n z-index: 10;\n background: rgb(50 50 50 / 40%);\n inset: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.replayer-wrapper {\n position: relative;\n\n .replayer-mouse {\n width: 15px;\n height: 15px;\n background-color: rgba(#fff, 0.5);\n border: 2px solid var(--color-border);\n border-radius: 50%;\n position: absolute;\n pointer-events: none; // Make sure the rrweb mouse doesn't obscure elements below it for the inspector\n }\n\n .replayer-mouse-tail {\n position: absolute;\n pointer-events: none;\n }\n\n &.started .replayer-mouse {\n display: block;\n }\n}\n\n.shimmer {\n // animation : shimmer 1.5s infinite;\n // background: linear-gradient(to right, #d8d8d8 4%, #a5a5a5 25%, #aaadaf 36%);\n animation: shimmer-animation 3s infinite linear;\n background: linear-gradient(270deg, #333 4%, #111 25%, #333 36%);\n background-size: 1000px 100%;\n}\n\n@keyframes shimmer-animation {\n 0% {\n // background-position: top left;\n background-position: -1000px 0;\n\n // background-position: -1000px 0;\n }\n\n 100% {\n // background-position: top right;\n background-position: 1000px 0;\n }\n}\n\n.spin-animate {\n animation: spin 0.8s infinite linear;\n}\n\n@keyframes spin {\n 0% {\n transform: scale(1) rotate(0deg);\n }\n\n 40% {\n transform: scale(1) rotate(160deg);\n }\n\n 60% {\n transform: scale(1) rotate(200deg);\n }\n\n 100% {\n transform: scale(1) rotate(360deg);\n }\n}\n\n// Just for the price slider\n.PricingSlider {\n height: 25px;\n\n .thumb {\n margin-top: -6px;\n }\n}\n\n.TimelineView {\n svg {\n overflow: visible;\n }\n}\n\n@keyframes animatedglow {\n 0% {\n opacity: 0.1;\n }\n\n 33% {\n opacity: 0.7;\n }\n\n 100% {\n opacity: 0.3;\n }\n}\n\n.backgroundGlow {\n filter: blur(125px);\n grid-area: 1/1/1/1;\n animation-name: animatedglow;\n animation-duration: 1.75s;\n opacity: 0.3;\n background: linear-gradient(\n 90deg,\n rgb(80 250 219) 0.39%,\n rgb(164 42 238 / 80%) 70%\n );\n}\n\n.ds-table.table-hover {\n tr.data-row:hover {\n background-color: var(--color-bg-muted);\n }\n}\n\n.parent-hover-trigger {\n .child-hover-trigger {\n visibility: hidden;\n }\n\n &:hover .child-hover-trigger {\n visibility: visible;\n }\n}\n\n// React Grid for Dashboarding\n.react-grid-item.react-grid-placeholder {\n // Override the default placeholder color from red\n background: var(--color-bg-muted) !important;\n border: 1px solid var(--color-border) !important;\n opacity: 0.4 !important;\n}\n\n.react-grid-item > .react-resizable-handle::after {\n border-color: var(--color-text) !important;\n right: -4px;\n bottom: -4px;\n width: 4px;\n height: 4px;\n border-right: 2px solid var(--color-text) !important;\n border-bottom: 2px solid var(--color-text) !important;\n}\n\n// custom overrides for jsontree\n.react-json-tree {\n & > ul {\n width: 100%;\n word-break: break-all;\n }\n}\n\n// recharts overrides\n.recharts-default-legend {\n text-align: left !important;\n}\n\n.recharts-legend-item {\n font-size: 0.75rem;\n}\n\n.recharts-tooltip-cursor {\n fill: rgb(204 204 204 / 20%) !important;\n}\n\n.effect-pulse {\n animation: pulse 1s infinite;\n}\n\n@keyframes pulse {\n 0% {\n opacity: 0.7;\n }\n\n 20% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0.7;\n }\n}\n\n.dashboard-chart-highlighted {\n animation: highlightedChart 1.5s forwards;\n border: 1px solid rgb(255 166 0 / 50%);\n}\n\n@keyframes highlightedChart {\n 0% {\n background-color: rgb(255 166 0 / 50%);\n }\n\n 100% {\n background-color: transparent;\n }\n}\n\n.muted-thead tr th {\n font-weight: normal !important;\n font-size: 0.8rem;\n opacity: 0.8;\n}\n\n.recharts-tooltip-wrapper {\n &:focus,\n &:focus-visible {\n outline: none;\n }\n}\n\n// Global cursor pointer for interactive elements\nbutton,\na,\n[role='button'] {\n cursor: pointer;\n}\n\n.u-select {\n border: 1px solid #50fa7b;\n background: #50fa7a0d !important;\n color: #2e224788;\n}\n\n// Heatmap selection uses red to match the outlier/selection color in delta charts.\n.heatmap-selection-container .u-select {\n border-color: rgba(255, 99, 71, 0.8);\n background: rgba(255, 99, 71, 0.05) !important;\n}\n\n.hdx-markdown {\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p {\n margin-top: 0;\n margin-bottom: 1rem;\n }\n\n ol,\n ul {\n padding-left: 2rem;\n }\n\n th {\n font-weight: 600;\n }\n\n h1 {\n font-size: 2rem;\n }\n\n h2 {\n font-size: 1.8rem;\n }\n\n h3 {\n font-size: 1.6rem;\n }\n\n h4 {\n font-size: 1.4rem;\n }\n\n // Remove margin on first and last child elements\n > :first-child {\n margin-top: 0;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n\n code {\n font-size: 0.875em;\n color: var(--color-json-string);\n word-wrap: break-word;\n }\n}\n" }, { "path": "packages/app/styles/focus.module.scss", "content": ".focusRing:focus-visible {\n outline: 2px solid var(--color-outline-focus);\n outline-offset: 2px;\n border-radius: var(--mantine-radius-xs);\n}\n" }, { "path": "packages/app/styles/globals.css", "content": "html,\nbody {\n padding: 0;\n margin: 0;\n}\n\na {\n color: inherit;\n text-decoration: none;\n}\n\n* {\n box-sizing: border-box;\n scrollbar-width: thin;\n scrollbar-color: var(--color-border) transparent;\n}\n\n*::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n}\n\n*::-webkit-scrollbar-track {\n background: transparent;\n}\n\n*::-webkit-scrollbar-thumb {\n background-color: var(--color-border);\n border-radius: 3px;\n}\n\n*::-webkit-scrollbar-thumb:hover {\n background-color: var(--color-text-muted);\n}\n\n.app-layout {\n height: 100vh;\n}\n\n.app-layout-with-banner {\n height: 100vh;\n display: grid;\n grid-template-rows: auto 1fr;\n}\n" }, { "path": "packages/app/styles/variants.module.scss", "content": "// Hover: brighten text to full contrast.\n// Both Button and ActionIcon use SCSS for hover color because\n// Mantine only provides --button-color-hover (no ActionIcon equivalent).\n// Using SCSS for both keeps the approach consistent.\n.buttonLink:hover:not(:disabled, [data-disabled]) {\n --button-color: var(--color-text);\n}\n\n.actionIconLink:hover:not(:disabled, [data-disabled]) {\n --ai-color: var(--color-text);\n}\n\n// Disabled: override Mantine's built-in disabled background.\n// !important is required because Mantine applies disabled styles\n// via high-specificity internal selectors that CSS modules cannot beat.\n.buttonLink,\n.actionIconLink {\n &:disabled,\n &[data-disabled] {\n background-color: transparent !important;\n border: none !important;\n opacity: 0.4;\n }\n}\n" }, { "path": "packages/app/tests/e2e/README.md", "content": "# End-to-End Testing\n\nThis directory contains Playwright-based end-to-end tests for the HyperDX\napplication. The tests are organized into core functionality and\nfeature-specific test suites.\n\n## Prerequisites\n\n- Node.js (>=22.16.0 as specified in package.json)\n- Dependencies installed via `yarn install`\n- Development server running (automatically handled by test configuration)\n\n## Running Tests\n\n### Default: Full-Stack Mode\n\nBy default, `make e2e` runs tests in **full-stack mode** with MongoDB + API +\nlocal Docker ClickHouse for maximum consistency and real backend features:\n\n```bash\n# Run all tests (full-stack with MongoDB + API + local Docker ClickHouse)\nmake e2e\n\n# For UI, specific tests, or other options, use the script from repo root:\n./scripts/test-e2e.sh --ui # Run with Playwright UI\n./scripts/test-e2e.sh --grep \"@kubernetes\" # Run specific tests\n./scripts/test-e2e.sh --grep \"@smoke\"\n./scripts/test-e2e.sh --ui --last-failed # Re-run only failed tests with UI\n```\n\n### Optional: Local Mode (Frontend Only)\n\nFor faster iteration during development, use the script with `--local` to skip\nMongoDB and run frontend-only tests:\n\n```bash\n# From repo root - run local tests (no MongoDB, frontend only)\n./scripts/test-e2e.sh --local\n./scripts/test-e2e.sh --local --ui\n./scripts/test-e2e.sh --local --grep \"@search\"\n\n# From packages/app - run local tests (frontend only)\ncd packages/app\nyarn test:e2e --local\n```\n\n**When to use local mode:**\n\n- Quick frontend iteration during development\n- Testing UI components that don't need auth/persistence\n- Faster test execution when you don't need backend features\n\n### Direct Command Usage\n\nFrom `packages/app`, you can use the `test:e2e` command with flags:\n\n```bash\n# Full-stack mode (default, with backend)\nyarn test:e2e\n\n# Local mode (frontend only)\nyarn test:e2e --local\n\n# Combine with other flags\nyarn test:e2e --ui # UI mode (full-stack)\nyarn test:e2e --ui --local # UI mode (local)\nyarn test:e2e --debug # Debug mode (full-stack)\nyarn test:e2e --debug --local # Debug mode (local)\nyarn test:e2e --headed # Visible browser (full-stack)\nyarn test:e2e --headed --local # Visible browser (local)\n\n# Run specific test with any mode\nyarn test:e2e tests/e2e/features/search/search.spec.ts\nyarn test:e2e tests/e2e/features/dashboard.spec.ts --local\n```\n\n**Watch mode (re-run on file save):**\n\nPlaywright UI has built-in watch. Run with UI, then enable it per test:\n\n```bash\n./scripts/test-e2e.sh --keep-running --ui\n```\n\nIn the Playwright UI sidebar, click the **eye icon** next to a test (or file/describe) to turn on watch for it. When you save changes to that test file, that test will re-run automatically.\n\n**Available flags:**\n\n- `--local` - Run in local mode (frontend only), excludes `@full-stack` tests\n- `--ui` - Open Playwright UI for interactive debugging and watch mode\n- `--debug` - Run in debug mode with browser developer tools\n- `--headed` - Run tests in visible browser (default is headless)\n\n### Test Modes\n\n#### Full-Stack Mode (Default)\n\n**Default behavior** - runs with real backend (MongoDB + API) and demo\nClickHouse data.\n\n**What it includes:**\n\n- MongoDB (port 29998) - authentication, teams, users, persistence\n- API Server (port 29000) - full backend logic\n- App Server (port 28081) - frontend\n- **Local Docker ClickHouse** (localhost:8123) - seeded E2E test data (logs/traces/metrics/K8s). Seeded timestamps span a past+future window (~1h past, ~2h future from seed time) so relative ranges like \"last 5 minutes\" keep finding data. If you run tests more than ~2 hours after the last seed, re-run the global setup (or full test run) to re-seed.\n\n**Benefits:**\n\n- Test authentication flows (login, signup, teams)\n- Test persistence (saved searches, dashboards, alerts)\n- Test real API endpoints and backend logic\n- Consistent with production environment\n- All features work (auth, persistence, data querying)\n\n```bash\n# Default: full-stack mode\nmake e2e\n./scripts/test-e2e.sh --grep \"@kubernetes\" # from repo root, for specific tags\n```\n\n#### Local Mode (for testing frontend-only features)\n\n**Frontend + ClickHouse mode** - skips MongoDB/API, uses local Docker ClickHouse\nwith seeded test data.\n\n**Use for:**\n\n- Quick frontend iteration during development\n- Testing UI components that don't need auth\n- Faster test execution when backend features aren't needed\n- Consistent test data (same as full-stack mode)\n\n**Limitations:**\n\n- No authentication (no login/signup)\n- No persistence (can't save searches/dashboards via API)\n- No API calls (queries go directly to local ClickHouse)\n\n**Note:** Uses the same Docker ClickHouse and seeded data as full-stack mode,\nensuring consistency between local and full-stack tests.\n\n```bash\n# Opt-in to local mode for speed (from repo root)\n./scripts/test-e2e.sh --local\n./scripts/test-e2e.sh --local --grep \"@search\"\n```\n\n## Writing Tests\n\nSince full-stack is the default, all tests have access to authentication,\npersistence, and real backend features:\n\n```typescript\nimport { expect, test } from '../../utils/base-test';\nimport { SearchPage } from '../page-objects/SearchPage';\n\ntest.describe('My Feature', { tag: '@full-stack' }, () => {\n test('should allow authenticated user to save search', async ({ page }) => {\n const ts = Date.now();\n const searchPage = new SearchPage(page);\n\n await searchPage.goto();\n await searchPage.openSaveSearchModal();\n await searchPage.savedSearchModal.saveSearchAndWaitForNavigation(\n `My Saved Search ${ts}`,\n );\n\n await expect(searchPage.alertsButton).toBeVisible();\n });\n});\n```\n\n**Note:** Tests that need to run in full stack mode should be tagged with\n`@full-stack` so that when running with `./scripts/test-e2e.sh --local`, they\nare skipped appropriately.\n\n### Page Object Pattern\n\nAll UI interactions in spec files must go through page objects (`page-objects/`) and components (`components/`). Never use raw `page.getByTestId()`, `page.locator()`, or `page.getByRole()` directly in spec files. If a needed interaction doesn't exist in a page object, add it there first.\n\n### Data Isolation\n\nTests run in parallel and share a database. Use `Date.now()` for **every field the API uniqueness-checks** — not just display names:\n\n```typescript\nconst ts = Date.now();\nconst name = `E2E Thing ${ts}`;\nconst url = `https://example.com/thing-${ts}`; // URL fields too, not just name\n```\n\nThe webhook API enforces uniqueness on `(team, service, url)`. A hardcoded URL will collide between parallel runs or retries and cause the form to stay open (API returns 400).\n\n### Scoped Assertions\n\nNever assert global counts — other tests' data is in the shared DB. Scope assertions to the current test's unique data:\n\n```typescript\n// ❌ Brittle — other tests' alerts pollute the count\nawait expect(alertsPage.getAlertCards()).toHaveCount(1);\n\n// ✅ Scoped to this test's data\nawait expect(\n alertsPage.pageContainer.getByRole('link').filter({ hasText: name }),\n).toBeVisible();\n```\n\n### AI-Assisted Test Writing\n\nThe project ships with AI tooling for generating, fixing, and planning E2E tests using a live browser via the [Playwright MCP server](https://github.com/microsoft/playwright/tree/main/packages/playwright-mcp).\n\n#### Claude Code\n\nUse the `/playwright ` skill. It orchestrates three agents:\n\n- **`playwright-test-generator`** — drives a real browser, executes steps live, writes spec code following HyperDX conventions\n- **`playwright-test-healer`** — debugs failing tests interactively using the MCP browser tools\n- **`playwright-test-planner`** — explores the UI and produces a structured test plan before writing code\n\n```\n/playwright write a test that creates an alert from a saved search\n```\n\nThe skill automatically runs the test after generation and invokes the healer if it fails. Update `.claude/skills/playwright/SKILL.md` if the output doesn't match project conventions.\n\n#### Cursor\n\nThe Playwright MCP server is pre-configured in `.cursor/mcp.json`. Enable it under **Settings → Tools & MCP**.\n\nTo write a test, reference the `@playwright` rule in your prompt — it loads all HyperDX conventions automatically:\n\n```\n@playwright write a new E2E test at packages/app/tests/e2e/features/search.spec.ts\nthat verifies a user can save a search and see it in the sidebar\n```\n\nTo fix a failing test:\n\n```\n@playwright this test is failing with [error]. Debug and fix it using the Playwright MCP tools.\n```\n\nThe `@playwright` rule is a thin wrapper that points to `.claude/skills/playwright/SKILL.md` as the single source of truth for conventions — so both Claude Code and Cursor stay in sync automatically.\n\n## Test Organization\n\n```\ntests/e2e/\n├── core/ # Core application functionality\n│ └── navigation.spec.ts # Navigation and routing\n├── features/ # Feature-specific tests\n│ ├── alerts.spec.ts\n│ ├── chart-explorer.spec.ts\n│ ├── dashboard.spec.ts\n│ ├── search/\n│ │ ├── search.spec.ts\n│ │ ├── search-filters.spec.ts\n│ │ └── saved-search.spec.ts\n│ ├── sessions.spec.ts\n│ └── traces-workflow.spec.ts\n└── utils/ # Test utilities and helpers\n └── base-test.ts\n```\n\n## Debugging Tests\n\nThe `test:e2e` command supports flags for different modes:\n\n### Interactive Mode\n\nRun tests with the Playwright UI for interactive debugging:\n\n```bash\n# Full-stack mode (default)\nyarn test:e2e --ui\n\n# Local mode (frontend only)\nyarn test:e2e --ui --local\n```\n\n### Debug Mode\n\nRun tests in debug mode with browser developer tools:\n\n```bash\n# Full-stack mode (default)\nyarn test:e2e --debug\n\n# Local mode\nyarn test:e2e --debug --local\n```\n\n### CI Mode\n\nRun tests in ci mode, which runs it in a docker container and environment\nsimilar to how it runs inside of Github Actions\n\n```bash\nyarn test:e2e:ci\n```\n\n### Single Test Debugging\n\nTo debug a specific test file, pass the file path as an argument:\n\n```bash\n# Full-stack mode (default)\nyarn test:e2e tests/e2e/features/search/search.spec.ts --debug\n\n# Local mode\nyarn test:e2e tests/e2e/features/search/search.spec.ts --debug --local\n```\n\n### Headed Mode\n\nRun tests in headed mode (visible browser):\n\n```bash\n# Full-stack mode (default)\nyarn test:e2e --headed\n\n# Local mode\nyarn test:e2e --headed --local\n```\n\n## Test Output and Reports\n\n### HTML Reports\n\nAfter test execution, view the detailed HTML report:\n\n```bash\nyarn playwright show-report\n```\n\nThe report includes:\n\n- Test execution timeline\n- Screenshots of failures\n- Video recordings of failed tests\n- Network logs and console output\n\n### Test Results\n\nTest artifacts are stored in:\n\n- `test-results/` - Screenshots, videos, and traces for failed tests\n- `playwright-report/` - HTML report files\n\n### Trace Viewer\n\nFor detailed debugging of failed tests, use the trace viewer:\n\n```bash\nyarn playwright show-trace test-results/[test-name]/trace.zip\n```\n\n## Configuration\n\nThe test configuration is defined in `playwright.config.ts`:\n\n- **Base URL**: `http://localhost:8080` (configurable via `PLAYWRIGHT_BASE_URL`)\n- **Test Timeout**: 60 seconds (increased from default 30s to reduce flaky test\n failures)\n- **Retries**: 1 retry locally, 2 on CI\n- **Workers**: Undefined (uses Playwright defaults)\n- **Screenshots**: Captured on failure only\n- **Videos**: Recorded and retained on failure\n- **Traces**: Collected on first retry\n- **Global Setup**: Ensures server readiness before tests\n- **Web Server**: Automatically starts local dev server with local mode enabled\n\n## Test Development\n\n### Writing Tests\n\nTests use the extended base test from `utils/base-test.ts` which provides:\n\n- Automatic handling of connection/sources\n- Tanstack Query devtools management\n- Network idle waiting after navigation\n\n### Best Practices\n\n- Use data test IDs for reliable element selection\n- Implement proper wait strategies for dynamic content\n- Group related assertions in test steps\n- Use descriptive test names and organize with appropriate tags\n- Clean up test data when necessary\n\n## Configuration Details\n\n### Port Configuration\n\n**Local Environment (make e2e):**\n\n- MongoDB: 29998 (custom port to avoid conflicts)\n- API Server: 29000\n- App Server: 28081\n\n**CI Environment (GitHub Actions):**\n\n- MongoDB: 27017 (default, accessed via service name `mongodb`)\n- API Server: 29000\n- App Server: 28081\n\nThe MongoDB port differs between local and CI to:\n\n- Avoid conflicts with existing MongoDB instances locally (port 27017)\n- Use standard ports in isolated CI containers (port 27017)\n- CI accesses MongoDB via hostname `mongodb` instead of `localhost`\n\n### Playwright Configuration\n\nThe test setup uses Playwright's `webServer` array feature (v1.32+) to start\nmultiple servers:\n\n- API server (port 29000) - loads `.env.e2e` configuration\n- App server (port 28081) - connects to API\n\n## Troubleshooting\n\n### Common Issues\n\n**Server connection errors:**\n\n- Port 28081 (full-stack) or 8081 (local mode) already in use\n- Check development server started successfully\n- Verify environment variables in `.env.e2e`\n\n**MongoDB connection issues (full-stack mode):**\n\n- Check port 29998 is available locally: `lsof -i :29998`\n- View MongoDB logs:\n `docker compose -p e2e -f tests/e2e/docker-compose.yml logs`\n- MongoDB is auto-managed by `make e2e` (default)\n- Note: CI uses port 27017 internally (accessed via service name)\n\n**Sources don't appear in UI:**\n\n- Check API logs for `setupTeamDefaults` errors\n- Verify `DEFAULT_SOURCES` in `.env.e2e` points to local Docker ClickHouse (localhost:8123)\n- Ensure you registered a new user (DEFAULT_SOURCES only applies to new teams)\n\n**Tests can't find demo data:**\n\n- Verify sources use `default` database with `e2e_` prefixed tables\n- Check Network tab - should query `localhost:8123`\n- Verify a source is selected in UI dropdown\n\n### Flaky Tests\n\nFor intermittent failures:\n\n1. Check the HTML report for timing issues\n2. Review network logs for failed requests\n3. Consider if individual test steps need longer wait times (global timeout is\n now 60s)\n4. Use the trace viewer to analyze test execution\n\n### CI/CD Integration\n\nTests run in **full-stack mode** on CI (GitHub Actions) with:\n\n- MongoDB service container for authentication and persistence\n- Local Docker ClickHouse for telemetry data (same as local mode)\n- 60-second test timeout (same as local)\n- Multiple retry attempts (2 retries on CI vs 1 locally)\n- Artifact collection for failed tests\n- GitHub Actions integration for PR comments\n- Parallel execution across 4 shards for faster feedback\n" }, { "path": "packages/app/tests/e2e/components/ChartEditorComponent.ts", "content": "/**\n * ChartEditorComponent - Reusable component for chart/tile editor\n * Used for creating and configuring dashboard tiles and chart explorer\n */\nimport { DisplayType } from '@hyperdx/common-utils/dist/types';\nimport { Locator, Page } from '@playwright/test';\n\nimport { getSqlEditor } from '../utils/locators';\n\nimport { WebhookAlertModalComponent } from './WebhookAlertModalComponent';\n\nexport class ChartEditorComponent {\n readonly page: Page;\n readonly addNewWebhookButton: Locator;\n readonly webhookAlertModal: WebhookAlertModalComponent;\n\n private readonly chartNameInput: Locator;\n private readonly chartTypeInput: Locator;\n private readonly sourceSelector: Locator;\n private readonly metricSelector: Locator;\n private readonly addOrRemoveAlertButton: Locator;\n private readonly webhookSelector: Locator;\n private readonly runQueryButton: Locator;\n private readonly saveButton: Locator;\n\n constructor(page: Page) {\n this.page = page;\n this.chartNameInput = page.getByTestId('chart-name-input');\n this.chartTypeInput = page.getByTestId('chart-type-input');\n this.sourceSelector = page.getByTestId('source-selector');\n this.metricSelector = page.getByTestId('metric-name-selector');\n this.addOrRemoveAlertButton = page.getByTestId('alert-button');\n this.webhookSelector = page.getByTestId('select-webhook');\n this.addNewWebhookButton = page.getByTestId('add-new-webhook-button');\n this.webhookAlertModal = new WebhookAlertModalComponent(page);\n this.runQueryButton = page.getByTestId('chart-run-query-button');\n this.saveButton = page.getByTestId('chart-save-button');\n }\n\n /**\n * Set chart name\n */\n async setChartName(name: string) {\n await this.chartNameInput.fill(name);\n }\n\n /**\n * Set chart type\n */\n async setChartType(name: DisplayType) {\n await this.chartTypeInput.getByRole('tab', { name }).click();\n }\n\n /**\n * Set group by expression\n */\n async setGroupBy(expression: string) {\n const groupByInput = getSqlEditor(this.page, 'SQL Columns');\n await groupByInput.click();\n await this.page.keyboard.type(expression);\n }\n\n /**\n * Select a data source\n */\n async selectSource(sourceName: string) {\n await this.sourceSelector.click();\n // Use getByRole for more reliable selection\n const sourceOption = this.page.getByRole('option', { name: sourceName });\n if ((await sourceOption.getAttribute('data-combobox-active')) != 'true') {\n await sourceOption.click({ timeout: 5000 });\n }\n }\n\n /**\n * Select a metric by name\n */\n async selectMetric(metricName: string, metricValue?: string) {\n // Wait for metric selector to be visible\n await this.metricSelector.waitFor({ state: 'visible', timeout: 5000 });\n\n // Click to open dropdown\n await this.metricSelector.click();\n\n // Type to filter\n await this.metricSelector.fill(metricName);\n\n // If a specific metric value is provided, wait for and click it\n if (metricValue) {\n // Use attribute selector for combobox options\n const targetMetricOption = this.page.locator(\n `[data-combobox-option=\"true\"][value=\"${metricValue}\"]`,\n );\n await targetMetricOption.waitFor({ state: 'visible', timeout: 5000 });\n await targetMetricOption.click({ timeout: 5000 });\n } else {\n // Otherwise just press Enter to select the first match\n await this.page.keyboard.press('Enter');\n }\n }\n\n async clickAddAlert() {\n await this.addOrRemoveAlertButton.click();\n this.addNewWebhookButton.waitFor({\n state: 'visible',\n timeout: 2000,\n });\n }\n\n async clickRemoveAlert() {\n await this.addOrRemoveAlertButton.click();\n this.addNewWebhookButton.waitFor({\n state: 'hidden',\n timeout: 2000,\n });\n }\n\n async selectWebhook(webhookName: string) {\n // Click to open dropdown\n await this.webhookSelector.click();\n\n // Type to filter\n await this.webhookSelector.fill(webhookName);\n\n // Use getByRole for more reliable selection\n const sourceOption = this.page.getByRole('option', { name: webhookName });\n if ((await sourceOption.getAttribute('data-combobox-active')) != 'true') {\n await sourceOption.click({ timeout: 5000 });\n }\n }\n\n /**\n * Run the query and wait for it to complete\n */\n async runQuery(waitForRecharts: boolean = true) {\n await this.runQueryButton.click();\n if (waitForRecharts) {\n // need to wait for the recharts graph to render\n await this.page\n .locator('.recharts-responsive-container')\n .first()\n .waitFor({ state: 'visible', timeout: 10000 });\n }\n }\n\n /**\n * Switch the chart editor from Builder to SQL mode.\n */\n async switchToSqlMode() {\n const sqlLabel = this.page.locator(\n '.mantine-SegmentedControl-label:has-text(\"SQL\")',\n );\n await sqlLabel.waitFor({ state: 'visible', timeout: 5000 });\n await sqlLabel.click();\n }\n\n /**\n * Type a SQL query into the CodeMirror SQL editor.\n * Call switchToSqlMode() first to make the SQL editor visible.\n */\n async typeSqlQuery(sql: string) {\n // Target the cm-content (editable area) inside the SQL template editor.\n // Use first() because the \"Generated SQL\" accordion may add another\n // cm-editor further down the DOM.\n const sqlContent = this.page.locator('.cm-editor .cm-content').first();\n await sqlContent.click();\n await this.page.keyboard.type(sql);\n }\n\n /**\n * Save the chart/tile and wait for modal to close\n */\n async save() {\n await this.saveButton.click();\n // Wait for save button to disappear (modal closes)\n await this.saveButton.waitFor({ state: 'hidden', timeout: 2000 });\n }\n\n /**\n * Wait for chart editor data to load (sources, metrics, etc.)\n */\n async waitForDataToLoad() {\n await this.runQueryButton.waitFor({ state: 'visible', timeout: 2000 });\n await this.page.waitForLoadState('networkidle');\n }\n\n /**\n * Complete workflow: create a basic chart with name and save\n */\n async createBasicChart(name: string) {\n // Wait for data sources to load before interacting\n await this.waitForDataToLoad();\n await this.setChartName(name);\n await this.runQuery();\n await this.save();\n }\n\n /**\n * Complete workflow: create a chart with specific source and metric\n */\n async createChartWithMetric(\n chartName: string,\n sourceName: string,\n metricName: string,\n metricValue?: string,\n ) {\n // Wait for data sources to load before interacting\n await this.waitForDataToLoad();\n await this.selectSource(sourceName);\n await this.selectMetric(metricName, metricValue);\n await this.runQuery();\n await this.save();\n }\n\n /**\n * Complete workflow: create a chart with specific source and metric\n */\n async createTable({\n chartName,\n sourceName,\n groupBy,\n }: {\n chartName: string;\n sourceName: string;\n groupBy?: string;\n }) {\n // Wait for data sources to load before interacting\n await this.waitForDataToLoad();\n\n const tableButton = this.page.getByRole('tab', { name: 'Table' });\n await tableButton.click();\n\n await this.setChartName(chartName);\n await this.selectSource(sourceName);\n if (groupBy) await this.setGroupBy(groupBy);\n await this.save();\n }\n\n // Getters for assertions\n\n get nameInput() {\n return this.chartNameInput;\n }\n\n get source() {\n return this.sourceSelector;\n }\n\n get metric() {\n return this.metricSelector;\n }\n\n get alertButton() {\n return this.addOrRemoveAlertButton;\n }\n\n get runButton() {\n return this.runQueryButton;\n }\n\n get saveBtn() {\n return this.saveButton;\n }\n}\n" }, { "path": "packages/app/tests/e2e/components/FilterComponent.ts", "content": "/**\n * FilterComponent - Reusable component for search filters\n * Used for applying, excluding, pinning, and searching filters\n */\nimport { Locator, Page } from '@playwright/test';\n\nexport class FilterComponent {\n readonly page: Page;\n\n constructor(page: Page) {\n this.page = page;\n }\n\n private async scrollAndClick(locator: Locator, testId: string) {\n // Filters live in a side nav with its own ScrollArea. Use native scrollIntoView\n // so the browser scrolls within that container; Playwright's scrollIntoViewIfNeeded\n // can be unreliable with nested scroll containers.\n await locator.evaluate(el =>\n el.scrollIntoView({ block: 'nearest', inline: 'nearest' }),\n );\n await locator.hover();\n\n const button = locator.getByTestId(testId);\n await button.waitFor({ state: 'visible' });\n await button.click();\n }\n\n /**\n * Get filter group by name\n * @param filterName - e.g., 'SeverityText', 'ServiceName'\n */\n getFilterGroup(filterName: string) {\n return this.page.getByTestId(`filter-group-${filterName}`);\n }\n\n /**\n * Get filter group control (clickable header)\n */\n getFilterGroupControl(index?: number) {\n const controls = this.page.getByTestId('filter-group-control');\n return index !== undefined ? controls.nth(index) : controls;\n }\n\n /**\n * Open/expand a filter group\n */\n async openFilterGroup(filterName: string) {\n await this.getFilterGroup(filterName).click();\n }\n\n /**\n * Get checkbox for a specific filter value\n * @param valueName - e.g., 'info', 'error', 'debug'\n */\n getFilterCheckbox(valueName: string) {\n return this.page.getByTestId(`filter-checkbox-${valueName}`);\n }\n\n /**\n * Get checkbox input element\n */\n getFilterCheckboxInput(valueName: string) {\n return this.page.getByTestId(`filter-checkbox-input-${valueName}`);\n }\n\n /**\n * Apply/select a filter value\n */\n async applyFilter(valueName: string) {\n const checkbox = this.getFilterCheckbox(valueName);\n await checkbox.click();\n }\n\n /**\n * Exclude a filter value (invert the filter)\n */\n async excludeFilter(valueName: string) {\n const filterCheckbox = this.getFilterCheckbox(valueName);\n await this.scrollAndClick(filterCheckbox, `filter-exclude-${valueName}`);\n }\n\n /**\n * Pin a filter value to persist it\n */\n async pinFilter(valueName: string) {\n const filterCheckbox = this.getFilterCheckbox(valueName);\n await this.scrollAndClick(filterCheckbox, `filter-pin-${valueName}`);\n }\n\n /**\n * Clear/unselect a filter\n */\n async clearFilter(valueName: string) {\n const input = this.getFilterCheckboxInput(valueName);\n const checkbox = this.getFilterCheckbox(valueName);\n await checkbox.click();\n await input.click();\n }\n\n /**\n * Get filter search input\n */\n getFilterSearchInput(filterName: string) {\n return this.page.getByTestId(`filter-search-${filterName}`);\n }\n\n /**\n * Search within a filter's values\n */\n async searchFilterValues(filterName: string, searchText: string) {\n const searchInput = this.getFilterSearchInput(filterName);\n await searchInput.fill(searchText);\n }\n\n /**\n * Clear filter search\n */\n async clearFilterSearch(filterName: string) {\n const searchInput = this.getFilterSearchInput(filterName);\n await searchInput.clear();\n }\n\n /**\n * Find and expand first filter group that has a search input (>5 values)\n * Returns the filter name if found, null otherwise\n */\n async findFilterWithSearch(skipNames: string[] = []): Promise {\n const filterControls = this.getFilterGroupControl();\n const count = await filterControls.count();\n\n for (let i = 0; i < Math.min(count, 5); i++) {\n const filter = filterControls.nth(i);\n const filterText = (await filter.textContent()) || '';\n const filterName = filterText.trim().replace(/\\s*\\(\\d+\\)\\s*$/, '');\n\n // Skip filters in the skip list\n if (skipNames.some(skip => filterName.toLowerCase().includes(skip))) {\n continue;\n }\n\n // Expand the filter\n await filter.click();\n\n // Check if search input appears\n const searchInput = this.getFilterSearchInput(filterName);\n\n try {\n await searchInput.waitFor({ state: 'visible', timeout: 1000 });\n // Search input is visible, return this filter name\n return filterName;\n } catch (e) {\n // Search input not visible, collapse and try next\n await filter.click();\n }\n }\n\n return null;\n }\n\n /**\n * Check if filter checkbox is indeterminate (excluded state)\n */\n async isFilterExcluded(valueName: string): Promise {\n const input = this.getFilterCheckboxInput(valueName);\n const indeterminate = await input.getAttribute('data-indeterminate');\n return indeterminate === 'true';\n }\n\n /**\n * Get all filter values for a specific filter group\n */\n getFilterValues(filterGroupName: string) {\n return this.page.getByTestId(`filter-checkbox-${filterGroupName}`);\n }\n\n /**\n * Click \"Load more\" or \"Show more\" for a filter group if visible, so that\n * all options (or more options) are shown. Use when pickVisibleFilterValues\n * might otherwise only see a limited initial set.\n */\n async ensureFilterOptionsExpanded(filterGroupName: string): Promise {\n const group = this.getFilterGroup(filterGroupName);\n const loadMore = this.page.getByTestId(\n `filter-load-more-${filterGroupName}`,\n );\n const showMore = this.page.getByTestId(\n `filter-show-more-${filterGroupName}`,\n );\n\n if (await loadMore.isVisible()) {\n await loadMore.click();\n await group\n .getByText('Loading more...')\n .waitFor({ state: 'hidden', timeout: 15000 })\n .catch(() => {});\n }\n\n if (await showMore.isVisible()) {\n const text = (await showMore.textContent()) ?? '';\n if (text.includes('Show more')) {\n await showMore.click();\n }\n }\n }\n\n /**\n * Open a filter group and return the first N filter values from the candidate\n * list that are visible in the UI. Use seed constants (e.g. SEVERITIES) as\n * candidates so tests don't rely on a single value that may not be present.\n * Expands \"Load more\" / \"Show more\" if needed so hidden options are visible.\n * @param filterGroupName - e.g. 'SeverityText', 'ServiceName'\n * @param candidates - possible values from seed (e.g. SEVERITIES from seed-clickhouse)\n * @param count - number of visible values to return (default 2)\n * @returns array of up to `count` values that are visible\n */\n async pickVisibleFilterValues(\n filterGroupName: string,\n candidates: readonly string[],\n count: number = 2,\n ): Promise {\n await this.openFilterGroup(filterGroupName);\n\n // Wait for initial facet options to load\n const group = this.getFilterGroup(filterGroupName);\n await group\n .locator('[data-testid^=\"filter-checkbox-input-\"]')\n .first()\n .waitFor({ state: 'visible', timeout: 10000 });\n\n await this.ensureFilterOptionsExpanded(filterGroupName);\n\n const visible: string[] = [];\n for (const value of candidates) {\n if (visible.length >= count) break;\n const input = this.getFilterCheckboxInput(value);\n if (await input.isVisible()) visible.push(value);\n }\n if (visible.length < count) {\n throw new Error(\n `pickVisibleFilterValues: expected at least ${count} visible values in ${filterGroupName} from [${candidates.join(', ')}], got ${visible.length}`,\n );\n }\n return visible;\n }\n}\n" }, { "path": "packages/app/tests/e2e/components/InfrastructurePanelComponent.ts", "content": "/**\n * InfrastructurePanelComponent - Reusable component for infrastructure metrics\n * Used in side panels to display K8s pod/node metrics\n */\nimport { Locator, Page } from '@playwright/test';\n\nexport class InfrastructurePanelComponent {\n readonly page: Page;\n\n constructor(page: Page) {\n this.page = page;\n }\n\n /**\n * Get infrastructure subpanel by resource type\n * @param resourceType - e.g., 'k8s.pod.' or 'k8s.node.'\n */\n getSubpanel(resourceType: string) {\n return this.page.getByTestId(`infra-subpanel-${resourceType}`);\n }\n\n /**\n * Get metric card within a subpanel\n * @param subpanel - The subpanel locator\n * @param metricType - e.g., 'cpu-usage', 'memory-usage', 'disk-usage'\n */\n getMetricCard(subpanel: Locator, metricType: string) {\n return subpanel.getByTestId(`${metricType}-card`);\n }\n\n /**\n * Get chart data container within a metric card\n */\n getChartContainer(metricCard: Locator) {\n return metricCard.locator('.recharts-responsive-container');\n }\n\n /**\n * Get all metric types for a subpanel\n * @param subpanel - The subpanel locator\n */\n async getAllMetrics(subpanel: Locator) {\n const metrics = ['cpu-usage', 'memory-usage', 'disk-usage'];\n const results: Record = {};\n\n for (const metric of metrics) {\n results[metric] = this.getChartContainer(\n this.getMetricCard(subpanel, metric),\n );\n }\n\n return results;\n }\n\n /**\n * Verify all standard metrics are visible for a resource\n * @param resourceType - e.g., 'k8s.pod.' or 'k8s.node.'\n */\n async verifyStandardMetrics(resourceType: string) {\n const subpanel = this.getSubpanel(resourceType);\n const metrics = await this.getAllMetrics(subpanel);\n\n return {\n subpanel,\n cpuUsage: metrics['cpu-usage'],\n memoryUsage: metrics['memory-usage'],\n diskUsage: metrics['disk-usage'],\n };\n }\n}\n" }, { "path": "packages/app/tests/e2e/components/SavedSearchModalComponent.ts", "content": "/**\n * SavedSearchModalComponent - Reusable component for save search modal\n * Used for creating and managing saved searches\n * Not used until Saved Search functionality is implemented\n */\nimport { expect, Locator, Page } from '@playwright/test';\n\nexport class SavedSearchModalComponent {\n readonly page: Page;\n private readonly modal: Locator;\n private readonly nameInput: Locator;\n private readonly submitButton: Locator;\n private readonly addTagButton: Locator;\n\n constructor(page: Page) {\n this.page = page;\n this.modal = page.locator('[data-testid=\"save-search-modal\"]');\n this.nameInput = page.locator('[data-testid=\"save-search-name-input\"]');\n this.submitButton = page.locator(\n '[data-testid=\"save-search-submit-button\"]',\n );\n this.addTagButton = page.locator('[data-testid=\"add-tag-button\"]');\n }\n\n /**\n * Get the modal container\n */\n get container() {\n return this.modal;\n }\n\n /**\n * Fill in the search name\n */\n async fillName(name: string) {\n await this.nameInput.fill(name);\n }\n\n /**\n * Submit the save search form\n */\n async submit() {\n await this.submitButton.click();\n }\n\n /**\n * Add a tag to the saved search\n */\n async addTag(tagName: string) {\n await this.addTagButton.click();\n\n // Wait for tag input/dropdown to appear\n // Note: Implementation may vary based on actual UI\n const tagInput = this.page.locator('input[placeholder*=\"tag\" i]').last();\n await tagInput.fill(tagName);\n await this.page.keyboard.press('Enter');\n }\n\n /**\n * Complete workflow: fill name and submit\n */\n async saveSearch(name: string, tags: string[] = []) {\n await this.fillName(name);\n\n for (const tag of tags) {\n await this.addTag(tag);\n }\n\n await this.submit();\n }\n\n /**\n * Save search and wait for URL to change to the saved search page\n * This is more reliable than waiting separately for modal close and URL change\n */\n async saveSearchAndWaitForNavigation(\n name: string,\n tags: string[] = [],\n ): Promise {\n await this.fillName(name);\n\n for (const tag of tags) {\n await this.addTag(tag);\n }\n\n // Wait for submit button to be enabled (form might need validation time)\n await expect(this.submitButton).toBeEnabled({ timeout: 5000 });\n\n // Start waiting for URL change BEFORE clicking submit to avoid race condition\n const urlPromise = this.page.waitForURL(/\\/search\\/[a-f0-9]+/, {\n timeout: 15000,\n });\n\n await this.submit();\n\n // Wait for navigation to complete\n await urlPromise;\n\n // Wait for modal to fully close\n await expect(this.container).toBeHidden();\n }\n\n /**\n * Get tag elements\n */\n getTags() {\n return this.modal.locator('[data-testid^=\"tag-\"]');\n }\n\n /**\n * Remove a tag by name\n */\n async removeTag(tagName: string) {\n const tagButton = this.modal.locator(\n `button:has-text(\"${tagName.toUpperCase()}\")`,\n );\n const removeIcon = tagButton.locator('svg');\n await removeIcon.click();\n }\n}\n" }, { "path": "packages/app/tests/e2e/components/SearchPageAlertModalComponent.ts", "content": "import { Locator, Page } from '@playwright/test';\n\nimport { WebhookAlertModalComponent } from './WebhookAlertModalComponent';\n\n/**\n * SearchPageAlertModalComponent - Encapsulates the alert creation modal\n * that appears on the saved search page (DBSearchPageAlertModal).\n */\nexport class SearchPageAlertModalComponent {\n private readonly modal: Locator;\n private readonly addNewWebhookButtonLocator: Locator;\n private readonly createAlertButtonLocator: Locator;\n readonly webhookAlertModal: WebhookAlertModalComponent;\n\n constructor(page: Page) {\n this.modal = page.getByTestId('alerts-modal');\n this.addNewWebhookButtonLocator = page.getByTestId(\n 'add-new-webhook-button',\n );\n this.createAlertButtonLocator = page.getByRole('button', {\n name: 'Create Alert',\n });\n this.webhookAlertModal = new WebhookAlertModalComponent(page);\n }\n\n get addNewWebhookButton() {\n return this.addNewWebhookButtonLocator;\n }\n\n /**\n * Add a new incoming webhook and wait for the webhook creation modal to\n * fully unmount. Uses `detached` state (not just `hidden`) because the\n * fixed-position overlay from the inner modal can linger after the root\n * loses its dimensions, blocking subsequent clicks in the outer modal.\n */\n async addWebhookAndWait(\n serviceType: 'Slack' | 'incident.io' | 'Generic',\n name: string,\n url: string,\n ) {\n await this.addNewWebhookButtonLocator.click();\n // Confirm the webhook form is open before filling it\n await this.webhookAlertModal.webhookNameInput.waitFor({ state: 'visible' });\n await this.webhookAlertModal.addWebhook(serviceType, name, url);\n // Wait for the webhook form to be fully removed from the DOM so the\n // fixed overlay is gone before we interact with the outer modal\n await this.webhookAlertModal.webhookNameInput.waitFor({\n state: 'detached',\n timeout: 10000,\n });\n }\n\n /**\n * Submit the alert creation form and wait for the modal to close.\n */\n async createAlert() {\n await this.createAlertButtonLocator.click();\n await this.modal.waitFor({ state: 'hidden' });\n }\n}\n" }, { "path": "packages/app/tests/e2e/components/SidePanelComponent.ts", "content": "/**\n * SidePanelComponent - Reusable component for the side panel\n * Used when clicking on log entries, trace spans, or other items that open detail panels\n */\nimport { Locator, Page } from '@playwright/test';\n\nexport class SidePanelComponent {\n readonly page: Page;\n private readonly panelContainer: Locator;\n private readonly tabsContainer: Locator;\n private readonly defaultTimeout: number = 3000;\n constructor(\n page: Page,\n panelTestId: string = 'side-panel',\n defaultTimeout: number = 3000,\n ) {\n this.page = page;\n this.panelContainer = page.getByTestId(panelTestId);\n this.tabsContainer = page.getByTestId('side-panel-tabs');\n this.defaultTimeout = defaultTimeout;\n }\n\n /**\n * Get the side panel container\n * Usage in spec: await expect(sidePanel.container).toBeVisible()\n */\n get container() {\n return this.panelContainer;\n }\n\n /**\n * Get the tabs container\n */\n get tabs() {\n return this.tabsContainer;\n }\n\n /**\n * Get a specific tab by name\n * Usage in spec: await expect(sidePanel.getTab('overview')).toBeVisible()\n */\n getTab(tabName: string) {\n return this.page.getByTestId(`tab-${tabName}`);\n }\n\n /**\n * Click on a specific tab with proper waiting\n */\n async clickTab(tabName: string) {\n const tab = this.getTab(tabName);\n // Wait for tab to be visible before clicking (fail fast if missing)\n await tab.waitFor({ state: 'visible', timeout: this.defaultTimeout });\n await tab.click({ timeout: this.defaultTimeout });\n }\n\n /**\n * Navigate through all tabs in sequence\n */\n async navigateAllTabs(tabNames: string[]) {\n for (const tabName of tabNames) {\n await this.clickTab(tabName);\n }\n }\n\n /**\n * Close the side panel (if it has a close button)\n */\n async close() {\n await this.page\n .getByTestId('side-panel-close')\n .click({ timeout: this.defaultTimeout });\n }\n\n /**\n * Get content area of the side panel\n */\n get content() {\n return this.panelContainer.getByTestId('side-panel-content');\n }\n}\n" }, { "path": "packages/app/tests/e2e/components/TableComponent.ts", "content": "/**\n * TableComponent - Reusable component for interacting with data tables\n * Used across Search, Logs, Traces, and other pages that display tabular data\n */\nimport { Locator, Page } from '@playwright/test';\n\nexport class TableComponent {\n readonly page: Page;\n private readonly tableContainer: Locator;\n\n constructor(page: Page, containerSelector = '[data-testid=\"results-table\"]') {\n this.page = page;\n this.tableContainer = page.locator(containerSelector);\n }\n\n /**\n * Get all table rows\n * Usage in spec: await expect(table.getRows()).toHaveCount(10)\n */\n getRows() {\n return this.page.locator('[data-testid^=\"table-row-\"]');\n }\n\n /**\n * Wait for at least one row to populate\n */\n async waitForRowsToPopulate(allowEmpty: boolean = false) {\n if (allowEmpty) {\n await this.tableContainer.waitFor({ state: 'visible', timeout: 5000 });\n } else {\n await this.firstRow.waitFor({ state: 'visible', timeout: 5000 });\n }\n }\n\n /**\n * Get specific row by index (0-based)\n */\n getRow(index: number) {\n return this.getRows().nth(index);\n }\n\n /**\n * Get first row\n */\n get firstRow() {\n return this.getRows().first();\n }\n\n /**\n * Get last row\n */\n get lastRow() {\n return this.getRows().last();\n }\n\n /**\n * Click on a specific row\n */\n async clickRow(index: number) {\n await this.getRow(index).click();\n }\n\n /**\n * Click on the first row\n */\n async clickFirstRow() {\n await this.firstRow.click();\n }\n\n /**\n * Get cell value by row index and column name\n * Usage in spec: await expect(table.getCell(0, 'status')).toHaveText('200')\n */\n getCell(row: number, column: string) {\n return this.getRow(row).locator(`[data-column=\"${column}\"]`);\n }\n\n /**\n * Select multiple rows by indices\n */\n async selectRows(indices: number[]) {\n for (const index of indices) {\n await this.getRow(index).locator('[type=\"checkbox\"]').check();\n }\n }\n\n /**\n * Get the table container for visibility checks\n */\n get container() {\n return this.tableContainer;\n }\n\n /**\n * Get header by column name\n */\n getHeader(columnName: string) {\n return this.page.locator(`[data-testid=\"table-header-${columnName}\"]`);\n }\n\n /**\n * Sort by column (if sortable)\n */\n async sortByColumn(columnName: string) {\n await this.getHeader(columnName).click();\n }\n}\n" }, { "path": "packages/app/tests/e2e/components/TimePickerComponent.ts", "content": "/**\n * TimePickerComponent - Reusable component for time range selection\n * Used across Search, Dashboard, Logs, Traces, and other time-filtered pages\n */\nimport { Locator, Page } from '@playwright/test';\n\nexport class TimePickerComponent {\n readonly page: Page;\n private readonly pickerInput: Locator;\n private readonly pickerPopover: Locator;\n private readonly pickerApplyButton: Locator;\n private readonly pickerCloseButton: Locator;\n private readonly picker1HourBack: Locator;\n private readonly picker1HourForward: Locator;\n private readonly relativeTimeSwitch: Locator;\n\n constructor(page: Page) {\n this.page = page;\n this.pickerInput = page.getByTestId('time-picker-input');\n this.pickerPopover = page.getByTestId('time-picker-popover');\n this.pickerApplyButton = page.getByTestId('time-picker-apply');\n this.pickerCloseButton = page.getByTestId('time-picker-close');\n this.picker1HourBack = page.getByTestId('time-picker-1h-back');\n this.picker1HourForward = page.getByTestId('time-picker-1h-forward');\n this.relativeTimeSwitch = page.getByTestId('time-picker-relative-switch');\n }\n\n /**\n * Get the time picker input element\n * Usage in spec: await expect(timePicker.input).toBeVisible()\n */\n get input() {\n return this.pickerInput;\n }\n\n /**\n * Get the apply button\n */\n get applyButton() {\n return this.pickerApplyButton;\n }\n\n /**\n * Get the close button\n */\n get closeButton() {\n return this.pickerCloseButton;\n }\n\n /**\n * Get the time picker popover\n */\n get popover() {\n return this.pickerPopover;\n }\n\n /**\n * Get the relative time switch input\n */\n getRelativeTimeSwitch() {\n return this.relativeTimeSwitch;\n }\n\n /**\n * Open the time picker dropdown\n * Idempotent: if the popover is already open, does nothing.\n * Clicking the input when the popover is already open would close it.\n */\n async open() {\n const isOpen = await this.pickerPopover.isVisible();\n if (isOpen) return;\n await this.page.waitForLoadState('networkidle');\n await this.pickerInput.click();\n await this.pickerPopover.waitFor({ state: 'visible', timeout: 5000 });\n }\n\n /**\n * Close the time picker dropdown\n */\n async close() {\n await this.pickerCloseButton.click({ timeout: 5000 });\n }\n\n /**\n * Toggle the relative time switch\n */\n async toggleRelativeTimeSwitch() {\n // Click parent element to trigger the switch\n await this.relativeTimeSwitch.locator('..').click({ timeout: 5000 });\n }\n\n /**\n * Check if relative time mode is enabled\n */\n async isRelativeTimeEnabled(): Promise {\n return await this.relativeTimeSwitch.isChecked();\n }\n\n /**\n * Enable relative time mode (if not already enabled)\n */\n async enableRelativeTime() {\n const isEnabled = await this.isRelativeTimeEnabled();\n if (!isEnabled) {\n await this.toggleRelativeTimeSwitch();\n }\n }\n\n /**\n * Disable relative time mode (if not already disabled)\n */\n async disableRelativeTime() {\n const isEnabled = await this.isRelativeTimeEnabled();\n if (isEnabled) {\n await this.toggleRelativeTimeSwitch();\n }\n }\n\n /**\n * Select a time interval option by label (e.g., \"Last 1 hour\", \"Last 6 hours\", \"Live Tail\")\n * Precondition: the time picker popover must already be open (call open() first).\n */\n async selectTimeInterval(label: string) {\n // Scope button search within the popover to avoid matching buttons elsewhere on the page\n const intervalButton = this.pickerPopover.getByRole('button', {\n name: label,\n });\n // Wait for the specific button to be visible before clicking.\n // Avoid calling waitForLoadState('networkidle') here — the popover is\n // already open from open(), and waiting for network idle can coincide\n // with React re-renders of the popover content, causing the button to\n // briefly detach from the DOM right before the click.\n await intervalButton.waitFor({ state: 'visible', timeout: 5000 });\n // Use a longer click timeout so Playwright can retry if the element\n // briefly detaches due to an ongoing render cycle.\n await intervalButton.click({ timeout: 10000 });\n }\n\n /**\n * Select Live Tail option\n */\n async selectLiveTail() {\n await this.selectTimeInterval('Live Tail');\n }\n\n /**\n * Select a relative time option (e.g., \"Last 1 hour\", \"Last 6 hours\")\n * Opens the picker first if not already open\n */\n async selectRelativeTime(timeRange: string) {\n await this.open();\n await this.selectTimeInterval(timeRange);\n }\n\n /**\n * Navigate backwards 1 hour\n */\n async goBack1Hour() {\n await this.open();\n await this.picker1HourBack.click({ timeout: 5000 });\n }\n\n /**\n * Navigate forward 1 hour\n */\n async goForward1Hour() {\n await this.open();\n await this.picker1HourForward.click({ timeout: 5000 });\n }\n\n /**\n * Apply the selected time range\n */\n async apply() {\n await this.pickerApplyButton.click({ timeout: 5000 });\n }\n\n /**\n * Set a custom time range and apply\n */\n async setCustomTimeRange(from: string, to: string) {\n await this.open();\n // This would need to be implemented based on actual UI\n // Just a placeholder for the pattern\n await this.page.getByTestId('custom-from').fill(from);\n await this.page.getByTestId('custom-to').fill(to);\n await this.apply();\n }\n}\n" }, { "path": "packages/app/tests/e2e/components/WebhookAlertModalComponent.ts", "content": "import { Locator, Page } from '@playwright/test';\n\nexport class WebhookAlertModalComponent {\n private readonly modal: Locator;\n private readonly serviceTypeRadioGroup: Locator;\n readonly webhookNameInput: Locator;\n private readonly webhookUrlInput: Locator;\n private readonly addWebhookButton: Locator;\n\n constructor(page: Page) {\n this.modal = page.getByTestId('alert-modal');\n this.serviceTypeRadioGroup = this.modal.getByTestId(\n 'service-type-radio-group',\n );\n this.webhookNameInput = this.modal.getByTestId('webhook-name-input');\n this.webhookUrlInput = this.modal.getByTestId('webhook-url-input');\n this.addWebhookButton = this.modal.getByTestId('add-webhook-button');\n }\n\n selectService(service: 'Slack' | 'incident.io' | 'Generic'): Promise {\n return this.serviceTypeRadioGroup\n .getByRole('radio', { name: service, exact: true })\n .click();\n }\n\n async addWebhook(\n serviceType: 'Slack' | 'incident.io' | 'Generic',\n name: string,\n url: string,\n ): Promise {\n await this.modal.isVisible();\n await this.selectService(serviceType);\n await this.webhookNameInput.fill(name);\n await this.webhookUrlInput.fill(url);\n await this.addWebhookButton.click();\n await this.modal.isHidden();\n }\n}\n" }, { "path": "packages/app/tests/e2e/core/navigation.spec.ts", "content": "import { expect, test } from '../utils/base-test';\n\ntest.describe('Navigation', { tag: ['@core'] }, () => {\n test.beforeEach(async ({ page }) => {\n await page.goto('/search');\n await page.waitForLoadState();\n });\n\n test(\n 'should navigate between main pages',\n { tag: '@smoke' },\n async ({ page }) => {\n await test.step('Wait for page to load', async () => {\n // Wait for the first navigation link to be visible instead of using a fixed timeout\n await expect(\n page.locator('[data-testid=\"nav-link-search\"]'),\n ).toBeVisible();\n });\n\n const navLinks = [\n {\n testId: 'nav-link-search',\n href: '/search',\n contentTestId: 'search-page',\n },\n {\n testId: 'nav-link-chart',\n href: '/chart',\n contentTestId: 'chart-explorer-page',\n },\n {\n testId: 'nav-link-sessions',\n href: '/sessions',\n contentTestId: 'sessions-page',\n },\n {\n testId: 'nav-link-service-map',\n href: '/service-map',\n contentTestId: 'service-map-page',\n },\n {\n testId: 'nav-link-dashboards',\n href: '/dashboards',\n contentTestId: 'dashboard-page',\n },\n {\n testId: 'nav-link-clickhouse-dashboard',\n href: '/clickhouse',\n contentTestId: 'clickhouse-dashboard-page',\n },\n {\n testId: 'nav-link-services-dashboard',\n href: '/services',\n contentTestId: 'services-dashboard-page',\n },\n {\n testId: 'nav-link-k8s-dashboard',\n href: '/kubernetes',\n contentTestId: 'kubernetes-dashboard-page',\n },\n ];\n\n await test.step('Verify all main navigation links are present and have correct hrefs', async () => {\n for (const { testId, href } of navLinks) {\n const locator = page.locator(`[data-testid=\"${testId}\"]`);\n await expect(locator).toBeVisible();\n await expect(locator).toHaveAttribute('href', href);\n }\n });\n\n await test.step('Navigate between each page', async () => {\n for (const { testId, contentTestId } of navLinks) {\n const link = page.locator(`[data-testid=\"${testId}\"]`);\n await link.scrollIntoViewIfNeeded();\n await link.click();\n\n const content = page.locator(`[data-testid=\"${contentTestId}\"]`);\n await expect(content).toBeVisible();\n }\n\n // Navigate back to first page at the end to test navigation away from the last page\n const firstLink = page.locator(`[data-testid=\"${navLinks[0].testId}\"]`);\n await firstLink.click();\n const firstContent = page.locator(\n `[data-testid=\"${navLinks[0].contentTestId}\"]`,\n );\n await expect(firstContent).toBeVisible();\n });\n },\n );\n test('should open user menu', async ({ page }) => {\n await test.step('Navigate to and click user menu trigger', async () => {\n // Wait for page to be fully loaded first\n await expect(\n page.locator('[data-testid=\"nav-link-search\"]'),\n ).toBeVisible();\n\n const userMenuTrigger = page.locator('[data-testid=\"user-menu-trigger\"]');\n await userMenuTrigger.scrollIntoViewIfNeeded();\n await expect(userMenuTrigger).toBeVisible();\n\n // Wait for the element to be fully interactive and click with extended timeout\n await userMenuTrigger.waitFor({ state: 'attached' });\n await userMenuTrigger.click({ timeout: 10000 });\n\n // Wait for the menu to appear\n await expect(\n page.locator('[data-testid=\"user-preferences-menu-item\"]'),\n ).toBeVisible();\n });\n\n await test.step('Verify user menu items are accessible', async () => {\n const userPreferencesItem = page.locator(\n '[data-testid=\"user-preferences-menu-item\"]',\n );\n await expect(userPreferencesItem).toBeVisible();\n });\n\n //todo: Add tests that verify user pref behavior\n });\n\n test('should open help menu', async ({ page }) => {\n await test.step('Navigate to and click help menu trigger', async () => {\n // Wait for page to be fully loaded first\n await expect(\n page.locator('[data-testid=\"nav-link-search\"]'),\n ).toBeVisible();\n\n const helpMenuTrigger = page.locator('[data-testid=\"help-menu-trigger\"]');\n await helpMenuTrigger.scrollIntoViewIfNeeded();\n await expect(helpMenuTrigger).toBeVisible();\n\n // Wait for the element to be fully interactive and click with extended timeout\n await helpMenuTrigger.waitFor({ state: 'attached' });\n await helpMenuTrigger.click({ timeout: 10000 });\n\n // Wait for the menu items to appear\n await expect(\n page.locator('[data-testid=\"documentation-menu-item\"]'),\n ).toBeVisible();\n });\n\n await test.step('Verify help menu items are accessible', async () => {\n const documentationItem = page.locator(\n '[data-testid=\"documentation-menu-item\"]',\n );\n const discordItem = page.locator('[data-testid=\"discord-menu-item\"]');\n const setupItem = page.locator(\n '[data-testid=\"setup-instructions-menu-item\"]',\n );\n\n await expect(documentationItem).toBeVisible();\n await expect(discordItem).toBeVisible();\n await expect(setupItem).toBeVisible();\n });\n });\n});\n\n// Full-server tests that require authentication and backend services\ntest.skip('Navigation - Full Server Features', { tag: ['@core'] }, () => {\n test.beforeEach(async ({ page }) => {\n await page.goto('/search');\n });\n\n test('should show full server navigation links', async ({ page }) => {\n await test.step('Verify team settings link is visible', async () => {\n const teamSettingsLink = page.locator(\n '[data-testid=\"nav-link-team-settings\"]',\n );\n await expect(teamSettingsLink).toBeVisible();\n await expect(teamSettingsLink).toHaveAttribute('href', '/team-settings');\n });\n\n await test.step('Verify alerts link functionality', async () => {\n const alertsLink = page.locator('[data-testid=\"nav-link-alerts\"]');\n await expect(alertsLink).toBeVisible();\n await expect(alertsLink).toHaveAttribute('href', '/alerts');\n\n // In full-server mode, we can actually navigate to alerts\n await alertsLink.click();\n await page.waitForURL('**/alerts**');\n await expect(page).toHaveURL(/.*\\/alerts/);\n });\n });\n});\n" }, { "path": "packages/app/tests/e2e/docker-compose.yml", "content": "name: hdx-e2e\nservices:\n db:\n image: mongo:5.0.32-focal\n command: --port 29998\n ports:\n - 29998:29998\n networks:\n - internal\n deploy:\n resources:\n limits:\n memory: 1G\n cpus: '2.0'\n reservations:\n memory: 512M\n cpus: '0.5'\n ch-server:\n image: clickhouse/clickhouse-server:26.1-alpine\n ports:\n - 8123:8123 # http api\n - 9000:9000 # native\n environment:\n CLICKHOUSE_DEFAULT_ACCESS_MANAGEMENT: 1\n volumes:\n - ../../../../docker/clickhouse/local/config.xml:/etc/clickhouse-server/config.xml\n - ../../../../docker/clickhouse/local/users.xml:/etc/clickhouse-server/users.xml\n - ../../../../docker/clickhouse/local/init-db-e2e.sh:/docker-entrypoint-initdb.d/init-db.sh\n networks:\n - internal\n deploy:\n resources:\n limits:\n memory: 2G\n cpus: '2.0'\n reservations:\n memory: 512M\n cpus: '0.5'\n healthcheck:\n test: ['CMD', 'wget', '--spider', '-q', 'http://127.0.0.1:8123/ping']\n interval: 5s\n timeout: 3s\n retries: 10\n start_period: 30s\nnetworks:\n internal:\n name: 'hyperdx-e2e-internal-network'\n" }, { "path": "packages/app/tests/e2e/features/alerts.spec.ts", "content": "import { AlertsPage } from '../page-objects/AlertsPage';\nimport { DashboardPage } from '../page-objects/DashboardPage';\nimport { SearchPage } from '../page-objects/SearchPage';\nimport { expect, test } from '../utils/base-test';\n\ntest.describe('Alert Creation', { tag: ['@alerts', '@full-stack'] }, () => {\n let searchPage: SearchPage;\n let dashboardPage: DashboardPage;\n let alertsPage: AlertsPage;\n\n test.beforeEach(async ({ page }) => {\n searchPage = new SearchPage(page);\n dashboardPage = new DashboardPage(page);\n alertsPage = new AlertsPage(page);\n });\n\n test(\n 'should create an alert from a saved search and verify on the alerts page',\n { tag: '@full-stack' },\n async () => {\n const ts = Date.now();\n const savedSearchName = `E2E Alert Search ${ts}`;\n const webhookName = `E2E Webhook SS ${ts}`;\n const webhookUrl = `https://example.com/ss-${ts}`;\n\n await test.step('Create a saved search', async () => {\n await searchPage.goto();\n await searchPage.openSaveSearchModal();\n await searchPage.savedSearchModal.saveSearchAndWaitForNavigation(\n savedSearchName,\n );\n });\n\n await test.step('Open the alerts modal from the saved search page', async () => {\n await expect(searchPage.alertsButton).toBeVisible();\n await searchPage.openAlertsModal();\n await expect(searchPage.alertModal.addNewWebhookButton).toBeVisible();\n });\n\n await test.step('Create a new incoming webhook for the alert channel', async () => {\n await searchPage.alertModal.addWebhookAndWait(\n 'Generic',\n webhookName,\n webhookUrl,\n );\n });\n\n await test.step('Create the alert (webhook is auto-selected after creation)', async () => {\n // The webhook is automatically selected in the form after webhook creation\n // (handleWebhookCreated calls field.onChange(webhookId) before closing modal)\n await searchPage.alertModal.createAlert();\n });\n\n await test.step('Verify the alert is visible on the alerts page', async () => {\n await alertsPage.goto();\n await expect(alertsPage.pageContainer).toBeVisible();\n await expect(\n alertsPage.pageContainer\n .getByRole('link')\n .filter({ hasText: savedSearchName }),\n ).toBeVisible({ timeout: 10000 });\n });\n },\n );\n\n test(\n 'should create an alert from a dashboard tile and verify on the alerts page',\n { tag: '@full-stack' },\n async ({ page }) => {\n const ts = Date.now();\n const tileName = `E2E Alert Tile ${ts}`;\n const webhookName = `E2E Webhook Tile ${ts}`;\n const webhookUrl = `https://example.com/tile-${ts}`;\n\n await test.step('Create a new dashboard', async () => {\n await dashboardPage.goto();\n await dashboardPage.createNewDashboard();\n });\n\n await test.step('Add a tile to the dashboard', async () => {\n await dashboardPage.addTile();\n await expect(dashboardPage.chartEditor.nameInput).toBeVisible();\n await dashboardPage.chartEditor.waitForDataToLoad();\n await dashboardPage.chartEditor.setChartName(tileName);\n await dashboardPage.chartEditor.runQuery();\n });\n\n await test.step('Enable and configure an alert on the tile', async () => {\n await expect(dashboardPage.chartEditor.alertButton).toBeVisible();\n await dashboardPage.chartEditor.clickAddAlert();\n await expect(\n dashboardPage.chartEditor.addNewWebhookButton,\n ).toBeVisible();\n await dashboardPage.chartEditor.addNewWebhookButton.click();\n // Verify webhook form opened by checking for its inner input\n await expect(page.getByTestId('webhook-name-input')).toBeVisible();\n await dashboardPage.chartEditor.webhookAlertModal.addWebhook(\n 'Generic',\n webhookName,\n webhookUrl,\n );\n await expect(page.getByTestId('alert-modal')).toBeHidden();\n // The webhook is automatically selected in the form after creation\n // (handleWebhookCreated calls field.onChange(webhookId) before closing modal)\n });\n\n await test.step('Save the tile with the alert configured', async () => {\n await dashboardPage.chartEditor.save();\n await expect(dashboardPage.getTiles()).toHaveCount(1, {\n timeout: 10000,\n });\n });\n\n await test.step('Verify the alert is visible on the alerts page', async () => {\n await alertsPage.goto();\n await expect(alertsPage.pageContainer).toBeVisible();\n await expect(\n alertsPage.pageContainer\n .getByRole('link')\n .filter({ hasText: tileName }),\n ).toBeVisible({ timeout: 10000 });\n });\n },\n );\n});\n" }, { "path": "packages/app/tests/e2e/features/chart-explorer.spec.ts", "content": "import { ChartExplorerPage } from '../page-objects/ChartExplorerPage';\nimport { expect, test } from '../utils/base-test';\n\ntest.describe('Chart Explorer Functionality', { tag: ['@charts'] }, () => {\n let chartExplorerPage: ChartExplorerPage;\n\n test.beforeEach(async ({ page }) => {\n chartExplorerPage = new ChartExplorerPage(page);\n await chartExplorerPage.goto();\n });\n\n test('should interact with chart configuration', async () => {\n await test.step('Verify chart configuration form is accessible', async () => {\n await expect(chartExplorerPage.form).toBeVisible();\n });\n\n await test.step('Can run basic query and display chart', async () => {\n // Use chart editor component to run query\n await expect(chartExplorerPage.chartEditor.runButton).toBeVisible();\n // wait for network idle\n await chartExplorerPage.page.waitForLoadState('networkidle');\n\n await chartExplorerPage.chartEditor.runQuery();\n\n // Verify chart is rendered\n const chartContainer = chartExplorerPage.getFirstChart();\n await expect(chartContainer).toBeVisible();\n });\n });\n});\n" }, { "path": "packages/app/tests/e2e/features/dashboard-external-api-config.spec.ts", "content": "/**\n * External API E2E Tests for Dashboard Creation (Config Format)\n *\n * Tests the external API endpoint for creating dashboards via REST API\n * using the \"config\" format instead of the deprecated \"series\" format.\n * See dashboard-external-api.spec.ts for the equivalent tests using the\n * legacy \"series\" format.\n */\nimport { DashboardPage, TileConfig } from '../page-objects/DashboardPage';\nimport { getApiUrl, getSources, getUserAccessKey } from '../utils/api-helpers';\nimport { expect, test } from '../utils/base-test';\n\ntest.describe(\n 'Dashboard External API (Config Format)',\n { tag: ['@full-stack', '@api'] },\n () => {\n const API_URL = getApiUrl();\n const BASE_URL = `${API_URL}/api/v2/dashboards`;\n\n let accessKey: string;\n let sourceId: string;\n let sourceName: string;\n\n // Helper function to generate unique dashboard names\n const generateUniqueDashboardName = (baseName: string) => {\n const timestamp = Date.now();\n const random = Math.random().toString(36).substring(2, 8);\n return `${baseName} ${timestamp}-${random}`;\n };\n\n test.beforeEach(async ({ page }) => {\n // Get the current user's access key for API authentication\n accessKey = await getUserAccessKey(page);\n\n // Get available log sources to use in dashboard tiles\n const logSources = await getSources(page, 'log');\n expect(logSources.length).toBeGreaterThan(0);\n\n // Use the first available log source for our test dashboard\n const selectedSource = logSources[0];\n sourceId = selectedSource._id;\n sourceName = selectedSource.name;\n });\n\n test('should create a dashboard with multiple chart types via external API', async ({\n page,\n }) => {\n const dashboardPayload = {\n name: generateUniqueDashboardName('Dashboard'),\n tiles: [\n {\n name: 'Time Series Chart',\n x: 0,\n y: 0,\n w: 12,\n h: 4,\n config: {\n displayType: 'line',\n sourceId: sourceId,\n select: [\n {\n aggFn: 'count',\n where: \"SeverityText = 'error'\",\n whereLanguage: 'sql',\n alias: 'Error Count',\n },\n {\n aggFn: 'max',\n valueExpression: 'length(ServiceName)',\n where: \"SeverityText = 'error'\",\n whereLanguage: 'sql',\n alias: 'Max Service Name Length',\n },\n ],\n },\n },\n {\n name: 'Number Chart',\n x: 12,\n y: 0,\n w: 12,\n h: 4,\n config: {\n displayType: 'number',\n sourceId: sourceId,\n select: [\n {\n aggFn: 'max',\n valueExpression: 'length(ServiceName)',\n where: 'ServiceName:*',\n whereLanguage: 'lucene',\n alias: 'Max Service Name Length',\n },\n ],\n },\n },\n {\n name: 'Table Chart',\n x: 0,\n y: 4,\n w: 12,\n h: 4,\n config: {\n displayType: 'table',\n sourceId: sourceId,\n select: [\n {\n aggFn: 'count',\n where: 'SeverityText:*',\n alias: 'Non-Debug Events by Service',\n },\n ],\n groupBy: 'ServiceName',\n },\n },\n {\n name: 'Search Chart',\n x: 12,\n y: 4,\n w: 12,\n h: 4,\n config: {\n displayType: 'search',\n sourceId: sourceId,\n select: 'ServiceName, Body, SeverityText',\n where: 'SeverityText:\"info\"',\n whereLanguage: 'lucene',\n },\n },\n {\n name: 'Markdown Widget',\n x: 0,\n y: 8,\n w: 12,\n h: 4,\n config: {\n displayType: 'markdown',\n markdown:\n '# Dashboard Info\\n\\nThis dashboard was created via the external API.',\n },\n },\n ],\n tags: ['e2e-test'],\n };\n\n let dashboardPage: DashboardPage;\n let tiles: any;\n\n await test.step('Create dashboard via external API', async () => {\n const createResponse = await page.request.post(BASE_URL, {\n headers: {\n Authorization: `Bearer ${accessKey}`,\n 'Content-Type': 'application/json',\n },\n data: dashboardPayload,\n });\n\n expect(createResponse.ok()).toBeTruthy();\n });\n\n await test.step('Navigate to dashboard and verify tiles', async () => {\n dashboardPage = new DashboardPage(page);\n await dashboardPage.goto(); // Navigate to dashboards list\n\n // Find and click on the created dashboard\n await dashboardPage.goToDashboardByName(dashboardPayload.name);\n\n await expect(\n page.getByRole('heading', { name: dashboardPayload.name }),\n ).toBeVisible({ timeout: 10000 });\n\n // Verify all tiles are rendered\n tiles = page.locator('[data-testid^=\"dashboard-tile-\"]');\n await expect(tiles).toHaveCount(5, { timeout: 10000 });\n });\n\n await test.step('Verify each tile configuration', async () => {\n for (let i = 0; i < dashboardPayload.tiles.length; i++) {\n const tileData = dashboardPayload.tiles[i];\n\n // Hover over tile to reveal edit button\n await tiles.nth(i).hover();\n\n // Click edit button for this tile\n const editButton = page\n .locator(`[data-testid^=\"tile-edit-button-\"]`)\n .nth(i);\n await expect(editButton).toBeVisible();\n await editButton.click();\n\n // Wait for chart editor modal to open\n const chartNameInput = page.getByTestId('chart-name-input');\n await expect(chartNameInput).toBeVisible({ timeout: 5000 });\n\n // Verify chart name matches\n await expect(chartNameInput).toHaveValue(tileData.name);\n\n // Verify tile edit form\n await dashboardPage.verifyTileFormFromConfig(\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n tileData.config as TileConfig,\n sourceName,\n );\n\n // Close the modal by pressing Escape\n await page.keyboard.press('Escape');\n\n // Wait for modal to close\n await expect(chartNameInput).toBeHidden({ timeout: 5000 });\n }\n });\n\n // Test that we can update the dashboard, proving that the dashboard can be saved after creation in the UI\n // (indicating that the saved value of the dashboard conforms to the expected schema of the internal dashboard API)\n await test.step('Duplicate a tile via UI', async () => {\n // Duplicate the first tile\n await dashboardPage.duplicateTile(0);\n\n // Verify the duplicated tile was added (should now have 6 tiles)\n await expect(tiles).toHaveCount(6, { timeout: 10000 });\n });\n });\n\n test('should update dashboard via external API', async ({ page }) => {\n // Create a dashboard\n const initialPayload = {\n name: generateUniqueDashboardName('Update Test Dashboard'),\n tiles: [\n {\n name: 'Original Chart',\n x: 0,\n y: 0,\n w: 6,\n h: 3,\n config: {\n displayType: 'line',\n sourceId: sourceId,\n select: [\n {\n aggFn: 'count',\n where: '',\n },\n ],\n },\n },\n ],\n tags: ['update-test'],\n };\n\n const createResponse = await page.request.post(BASE_URL, {\n headers: {\n Authorization: `Bearer ${accessKey}`,\n 'Content-Type': 'application/json',\n },\n data: initialPayload,\n });\n\n expect(createResponse.ok()).toBeTruthy();\n const createdDashboard = (await createResponse.json()).data;\n const dashboardId = createdDashboard.id;\n const tileId = createdDashboard.tiles[0].id;\n\n const originalName = createdDashboard.name;\n const updatedName = originalName + ' Updated';\n\n // Update the dashboard\n const updatedPayload = {\n name: updatedName,\n tiles: [\n {\n id: tileId,\n name: 'Updated Chart',\n x: 0,\n y: 0,\n w: 12,\n h: 4,\n config: {\n displayType: 'line',\n sourceId: sourceId,\n select: [\n {\n aggFn: 'sum',\n valueExpression: 'Duration',\n where: '',\n },\n ],\n groupBy: 'ServiceName',\n },\n },\n ],\n tags: ['update-test'],\n };\n\n const updateResponse = await page.request.put(\n `${BASE_URL}/${dashboardId}`,\n {\n headers: {\n Authorization: `Bearer ${accessKey}`,\n 'Content-Type': 'application/json',\n },\n data: updatedPayload,\n },\n );\n\n expect(updateResponse.ok()).toBeTruthy();\n\n // Navigate to dashboard through UI (via AppNav)\n const dashboardPage = new DashboardPage(page);\n await dashboardPage.goto(); // Navigate to dashboards list\n\n // Find and click on the updated dashboard\n await dashboardPage.goToDashboardByName(updatedName);\n\n await expect(\n page.getByRole('heading', { name: updatedName }),\n ).toBeVisible({ timeout: 10000 });\n });\n\n test('should delete dashboard via external API', async ({ page }) => {\n // Create two dashboards - one to delete, one to keep\n const dashboardToDelete = {\n name: generateUniqueDashboardName('Delete Test Dashboard'),\n tiles: [],\n tags: ['delete-test'],\n };\n\n const dashboardToKeep = {\n name: generateUniqueDashboardName('Keep Test Dashboard'),\n tiles: [],\n tags: ['delete-test'],\n };\n\n const createResponse1 = await page.request.post(BASE_URL, {\n headers: {\n Authorization: `Bearer ${accessKey}`,\n 'Content-Type': 'application/json',\n },\n data: dashboardToDelete,\n });\n\n expect(createResponse1.ok()).toBeTruthy();\n const dashboardId = (await createResponse1.json()).data.id;\n\n const createResponse2 = await page.request.post(BASE_URL, {\n headers: {\n Authorization: `Bearer ${accessKey}`,\n 'Content-Type': 'application/json',\n },\n data: dashboardToKeep,\n });\n\n expect(createResponse2.ok()).toBeTruthy();\n\n // Delete the first dashboard\n const deleteResponse = await page.request.delete(\n `${BASE_URL}/${dashboardId}`,\n {\n headers: {\n Authorization: `Bearer ${accessKey}`,\n },\n },\n );\n\n expect(deleteResponse.ok()).toBeTruthy();\n\n // Verify dashboard is deleted via API\n const getResponse = await page.request.get(`${BASE_URL}/${dashboardId}`, {\n headers: {\n Authorization: `Bearer ${accessKey}`,\n },\n });\n\n expect(getResponse.status()).toBe(404);\n\n // Verify dashboard is not present in UI\n const dashboardPage = new DashboardPage(page);\n await dashboardPage.goto(); // Navigate to dashboards list\n\n // First verify the kept dashboard is visible (ensures data has loaded)\n const keptDashboardLink = page.locator(`text=\"${dashboardToKeep.name}\"`);\n await expect(keptDashboardLink).toBeVisible({ timeout: 10000 });\n\n // Then verify the deleted dashboard is not visible in the list\n const deletedDashboardLink = page.locator(\n `text=\"${dashboardToDelete.name}\"`,\n );\n await expect(deletedDashboardLink).toHaveCount(0);\n });\n },\n);\n" }, { "path": "packages/app/tests/e2e/features/dashboard-external-api-series.spec.ts", "content": "/**\n * External API E2E Tests for Dashboard Creation (Deprecated \"series\" format)\n *\n * Tests the external API endpoint for creating dashboards via REST API\n * instead of through the UI. This validates the external API integration\n * that partners and automation tools would use.\n */\nimport { DashboardPage, SeriesData } from '../page-objects/DashboardPage';\nimport { getApiUrl, getSources, getUserAccessKey } from '../utils/api-helpers';\nimport { expect, test } from '../utils/base-test';\n\ntest.describe(\n 'Dashboard External API (Series Format)',\n { tag: ['@full-stack', '@api'] },\n () => {\n const API_URL = getApiUrl();\n const BASE_URL = `${API_URL}/api/v2/dashboards`;\n\n let accessKey: string;\n let sourceId: string;\n let sourceName: string;\n\n // Helper function to generate unique dashboard names\n const generateUniqueDashboardName = (baseName: string) => {\n const timestamp = Date.now();\n const random = Math.random().toString(36).substring(2, 8);\n return `${baseName} ${timestamp}-${random}`;\n };\n\n test.beforeEach(async ({ page }) => {\n // Get the current user's access key for API authentication\n accessKey = await getUserAccessKey(page);\n\n // Get available log sources to use in dashboard tiles\n const logSources = await getSources(page, 'log');\n expect(logSources.length).toBeGreaterThan(0);\n\n // Use the first available log source for our test dashboard\n const selectedSource = logSources[0];\n sourceId = selectedSource._id;\n sourceName = selectedSource.name;\n });\n\n test('should create a dashboard with multiple chart types via external API', async ({\n page,\n }) => {\n const dashboardPayload = {\n name: generateUniqueDashboardName('Dashboard'),\n tiles: [\n {\n name: 'Time Series Chart',\n x: 0,\n y: 0,\n w: 12,\n h: 4,\n series: [\n {\n type: 'time',\n sourceId: sourceId,\n aggFn: 'count',\n where: \"SeverityText = 'error'\",\n whereLanguage: 'sql',\n groupBy: [],\n displayType: 'line',\n alias: 'Error Count',\n },\n {\n type: 'time',\n sourceId: sourceId,\n aggFn: 'max',\n field: 'length(ServiceName)',\n where: \"SeverityText = 'error'\",\n whereLanguage: 'sql',\n groupBy: [],\n displayType: 'line',\n alias: 'Max Service Name Length',\n },\n ] satisfies SeriesData[],\n },\n {\n name: 'Number Chart',\n x: 12,\n y: 0,\n w: 12,\n h: 4,\n series: [\n {\n type: 'number',\n sourceId: sourceId,\n aggFn: 'max',\n field: 'length(ServiceName)',\n where: 'ServiceName:*',\n whereLanguage: 'lucene',\n alias: 'Max Service Name Length',\n },\n ] satisfies SeriesData[],\n },\n {\n name: 'Table Chart',\n x: 0,\n y: 4,\n w: 12,\n h: 4,\n series: [\n {\n type: 'table',\n sourceId: sourceId,\n aggFn: 'count',\n where: 'SeverityText:*',\n groupBy: ['ServiceName'],\n sortOrder: 'desc',\n alias: 'Non-Debug Events by Service',\n },\n ] satisfies SeriesData[],\n },\n {\n name: 'Search Chart',\n x: 12,\n y: 4,\n w: 12,\n h: 4,\n series: [\n {\n type: 'search',\n sourceId: sourceId,\n fields: ['ServiceName', 'Body', 'SeverityText'],\n where: 'SeverityText:\"info\"',\n whereLanguage: 'lucene',\n },\n ] satisfies SeriesData[],\n },\n {\n name: 'Markdown Widget',\n x: 0,\n y: 8,\n w: 12,\n h: 4,\n series: [\n {\n type: 'markdown',\n content:\n '# Dashboard Info\\n\\nThis dashboard was created via the external API.',\n },\n ] satisfies SeriesData[],\n },\n ],\n tags: ['e2e-test'],\n };\n\n let dashboardPage: DashboardPage;\n let tiles: any;\n\n await test.step('Create dashboard via external API', async () => {\n const createResponse = await page.request.post(BASE_URL, {\n headers: {\n Authorization: `Bearer ${accessKey}`,\n 'Content-Type': 'application/json',\n },\n data: dashboardPayload,\n });\n\n expect(createResponse.ok()).toBeTruthy();\n });\n\n await test.step('Navigate to dashboard and verify tiles', async () => {\n dashboardPage = new DashboardPage(page);\n await dashboardPage.goto(); // Navigate to dashboards list\n\n // Find and click on the created dashboard\n await dashboardPage.goToDashboardByName(dashboardPayload.name);\n\n await expect(\n page.getByRole('heading', { name: dashboardPayload.name }),\n ).toBeVisible({ timeout: 10000 });\n\n // Verify all tiles are rendered\n tiles = page.locator('[data-testid^=\"dashboard-tile-\"]');\n await expect(tiles).toHaveCount(5, { timeout: 10000 });\n });\n\n await test.step('Verify each tile configuration', async () => {\n const tilesData = dashboardPayload.tiles;\n\n for (let i = 0; i < tilesData.length; i++) {\n const tileData = tilesData[i];\n const series = tileData.series;\n\n // Hover over tile to reveal edit button\n await tiles.nth(i).hover();\n\n // Click edit button for this tile\n const editButton = page\n .locator(`[data-testid^=\"tile-edit-button-\"]`)\n .nth(i);\n await expect(editButton).toBeVisible();\n await editButton.click();\n\n // Wait for chart editor modal to open\n const chartNameInput = page.getByTestId('chart-name-input');\n await expect(chartNameInput).toBeVisible({ timeout: 5000 });\n\n // Verify chart name matches\n await expect(chartNameInput).toHaveValue(tileData.name);\n\n // Verify tile edit form\n await dashboardPage.verifyTileForm(series, sourceName);\n\n // Close the modal by pressing Escape\n await page.keyboard.press('Escape');\n\n // Wait for modal to close\n await expect(chartNameInput).toBeHidden({ timeout: 5000 });\n }\n });\n\n // Test that we can update the dashboard, proving that the dashboard can be saved after creation in the UI\n // (indicating that the saved value of the dashboard conforms to the expected schema of the internal dashboard API)\n await test.step('Duplicate a tile via UI', async () => {\n // Duplicate the first tile\n await dashboardPage.duplicateTile(0);\n\n // Verify the duplicated tile was added (should now have 6 tiles)\n await expect(tiles).toHaveCount(6, { timeout: 10000 });\n });\n });\n\n test('should update dashboard via external API', async ({ page }) => {\n // Create a dashboard\n const initialPayload = {\n name: generateUniqueDashboardName('Update Test Dashboard'),\n tiles: [\n {\n name: 'Original Chart',\n x: 0,\n y: 0,\n w: 6,\n h: 3,\n series: [\n {\n type: 'time',\n sourceId: sourceId,\n aggFn: 'count',\n where: '',\n groupBy: [],\n },\n ],\n },\n ],\n tags: ['update-test'],\n };\n\n const createResponse = await page.request.post(BASE_URL, {\n headers: {\n Authorization: `Bearer ${accessKey}`,\n 'Content-Type': 'application/json',\n },\n data: initialPayload,\n });\n\n expect(createResponse.ok()).toBeTruthy();\n const createdDashboard = (await createResponse.json()).data;\n const dashboardId = createdDashboard.id;\n const tileId = createdDashboard.tiles[0].id;\n\n const originalName = createdDashboard.name;\n const updatedName = originalName + ' Updated';\n\n // Update the dashboard\n const updatedPayload = {\n name: updatedName,\n tiles: [\n {\n id: tileId,\n name: 'Updated Chart',\n x: 0,\n y: 0,\n w: 12,\n h: 4,\n series: [\n {\n type: 'time',\n sourceId: sourceId,\n aggFn: 'sum',\n field: 'Duration',\n where: '',\n groupBy: ['ServiceName'],\n },\n ],\n },\n ],\n tags: ['update-test'],\n };\n\n const updateResponse = await page.request.put(\n `${BASE_URL}/${dashboardId}`,\n {\n headers: {\n Authorization: `Bearer ${accessKey}`,\n 'Content-Type': 'application/json',\n },\n data: updatedPayload,\n },\n );\n\n expect(updateResponse.ok()).toBeTruthy();\n\n // Navigate to dashboard through UI (via AppNav)\n const dashboardPage = new DashboardPage(page);\n await dashboardPage.goto(); // Navigate to dashboards list\n\n // Find and click on the updated dashboard\n await dashboardPage.goToDashboardByName(updatedName);\n\n await expect(\n page.getByRole('heading', { name: updatedName }),\n ).toBeVisible({ timeout: 10000 });\n });\n\n test('should delete dashboard via external API', async ({ page }) => {\n // Create two dashboards - one to delete, one to keep\n const dashboardToDelete = {\n name: generateUniqueDashboardName('Delete Test Dashboard'),\n tiles: [],\n tags: ['delete-test'],\n };\n\n const dashboardToKeep = {\n name: generateUniqueDashboardName('Keep Test Dashboard'),\n tiles: [],\n tags: ['delete-test'],\n };\n\n const createResponse1 = await page.request.post(BASE_URL, {\n headers: {\n Authorization: `Bearer ${accessKey}`,\n 'Content-Type': 'application/json',\n },\n data: dashboardToDelete,\n });\n\n expect(createResponse1.ok()).toBeTruthy();\n const dashboardId = (await createResponse1.json()).data.id;\n\n const createResponse2 = await page.request.post(BASE_URL, {\n headers: {\n Authorization: `Bearer ${accessKey}`,\n 'Content-Type': 'application/json',\n },\n data: dashboardToKeep,\n });\n\n expect(createResponse2.ok()).toBeTruthy();\n\n // Delete the first dashboard\n const deleteResponse = await page.request.delete(\n `${BASE_URL}/${dashboardId}`,\n {\n headers: {\n Authorization: `Bearer ${accessKey}`,\n },\n },\n );\n\n expect(deleteResponse.ok()).toBeTruthy();\n\n // Verify dashboard is deleted via API\n const getResponse = await page.request.get(`${BASE_URL}/${dashboardId}`, {\n headers: {\n Authorization: `Bearer ${accessKey}`,\n },\n });\n\n expect(getResponse.status()).toBe(404);\n\n // Verify dashboard is not present in UI\n const dashboardPage = new DashboardPage(page);\n await dashboardPage.goto(); // Navigate to dashboards list\n\n // First verify the kept dashboard is visible (ensures data has loaded)\n const keptDashboardLink = page.locator(`text=\"${dashboardToKeep.name}\"`);\n await expect(keptDashboardLink).toBeVisible({ timeout: 10000 });\n\n // Then verify the deleted dashboard is not visible in the list\n const deletedDashboardLink = page.locator(\n `text=\"${dashboardToDelete.name}\"`,\n );\n await expect(deletedDashboardLink).toHaveCount(0);\n });\n },\n);\n" }, { "path": "packages/app/tests/e2e/features/dashboard.spec.ts", "content": "import { DisplayType } from '@hyperdx/common-utils/dist/types';\n\nimport { AlertsPage } from '../page-objects/AlertsPage';\nimport { DashboardPage } from '../page-objects/DashboardPage';\nimport { expect, test } from '../utils/base-test';\nimport {\n DEFAULT_LOGS_SOURCE_NAME,\n DEFAULT_METRICS_SOURCE_NAME,\n} from '../utils/constants';\n\ntest.describe('Dashboard', { tag: ['@dashboard'] }, () => {\n let dashboardPage: DashboardPage;\n\n test.beforeEach(async ({ page }) => {\n dashboardPage = new DashboardPage(page);\n await dashboardPage.goto();\n });\n\n test(\n 'should display the \"temporary dashboard\" banner until the dashboard is created',\n { tag: '@full-stack' },\n async () => {\n await test.step('Verify that banner is initially displayed', async () => {\n await expect(dashboardPage.temporaryDashboardBanner).toBeVisible();\n });\n\n await test.step('Add a tile, verify that banner is still displayed', async () => {\n await dashboardPage.addTileWithConfig('Test tile');\n await expect(dashboardPage.temporaryDashboardBanner).toBeVisible();\n });\n\n await test.step('Create the dashboard, verify the banner is no longer displayed', async () => {\n await dashboardPage.createNewDashboard();\n await expect(dashboardPage.temporaryDashboardBanner).toBeHidden();\n });\n },\n );\n\n test('should persist dashboard across page reloads', {}, async () => {\n const uniqueDashboardName = `Test Dashboard ${Date.now()}`;\n\n await test.step('Create and name a new dashboard', async () => {\n // Create dashboard using page object\n await expect(dashboardPage.createButton).toBeVisible();\n await dashboardPage.createNewDashboard();\n\n // Edit dashboard name using page object method\n await dashboardPage.editDashboardName(uniqueDashboardName);\n });\n\n await test.step('Add a tile to the dashboard', async () => {\n // Open add tile modal\n await expect(dashboardPage.addNewTileButton).toBeVisible();\n await dashboardPage.addTile();\n\n // Create chart using chart editor component\n await expect(dashboardPage.chartEditor.nameInput).toBeVisible();\n await dashboardPage.chartEditor.createBasicChart(\n 'Persistence Test Chart',\n );\n\n // Wait for tile to appear first (wrapper element)\n const dashboardTiles = dashboardPage.getTiles();\n await expect(dashboardTiles).toHaveCount(1, { timeout: 10000 });\n\n // Then verify chart rendered inside (recharts can take time to initialize)\n const chartContainers = dashboardPage.getChartContainers();\n await expect(chartContainers).toHaveCount(1, { timeout: 10000 });\n });\n\n let dashboardUrl: string;\n await test.step('Save dashboard URL', async () => {\n dashboardUrl = dashboardPage.page.url();\n console.log(`Dashboard URL: ${dashboardUrl}`);\n });\n\n await test.step('Navigate away from dashboard', async () => {\n await dashboardPage.page.goto('/search');\n await expect(dashboardPage.page).toHaveURL(/.*\\/search/);\n });\n\n await test.step('Return to dashboard and verify persistence', async () => {\n await dashboardPage.page.goto(dashboardUrl);\n\n // Wait for dashboard to load by checking for tiles first\n const dashboardTiles = dashboardPage.getTiles();\n await expect(dashboardTiles).toHaveCount(1);\n\n // Verify dashboard name persisted (displayed as h3 title)\n const dashboardNameHeading =\n dashboardPage.getDashboardHeading(uniqueDashboardName);\n await expect(dashboardNameHeading).toBeVisible({ timeout: 5000 });\n\n // Verify chart still shows\n const chartContainers = dashboardPage.getChartContainers();\n await expect(chartContainers.first()).toBeVisible();\n });\n\n await test.step('Verify dashboard appears in dashboards list', async () => {\n await dashboardPage.goto();\n\n // Look for our dashboard in the list\n const dashboardLink = dashboardPage.page.locator(\n `text=\"${uniqueDashboardName}\"`,\n );\n await expect(dashboardLink).toBeVisible({ timeout: 10000 });\n\n // Click on it and verify it loads\n await dashboardPage.goToDashboardByName(uniqueDashboardName);\n\n // Verify we're on the right dashboard\n const dashboardTiles = dashboardPage.getTiles();\n await expect(dashboardTiles).toHaveCount(1);\n });\n });\n test('Comprehensive dashboard workflow - create, add tiles, configure, and test', async () => {\n test.setTimeout(60000);\n await test.step('Create new dashboard', async () => {\n await expect(dashboardPage.createButton).toBeVisible();\n await dashboardPage.createNewDashboard();\n });\n\n await test.step('Add first tile to dashboard', async () => {\n await expect(dashboardPage.addNewTileButton).toBeVisible();\n await dashboardPage.addTile();\n\n // Create basic chart\n await expect(dashboardPage.chartEditor.nameInput).toBeVisible();\n await dashboardPage.chartEditor.createBasicChart('Test Chart');\n\n // Verify tile was added (chart content depends on data availability)\n const dashboardTiles = dashboardPage.getTiles();\n await expect(dashboardTiles).toHaveCount(1, { timeout: 10000 });\n });\n\n await test.step('Add second tile with Demo Metrics', async () => {\n await expect(dashboardPage.addNewTileButton).toBeVisible();\n await dashboardPage.addTile();\n\n // Select source and create chart with specific metric\n await expect(dashboardPage.chartEditor.source).toBeVisible();\n await dashboardPage.chartEditor.createChartWithMetric(\n 'K8s Pod CPU Chart',\n DEFAULT_METRICS_SOURCE_NAME,\n 'k8s.pod.cpu.utilization',\n 'k8s.pod.cpu.utilization:::::::gauge',\n );\n });\n\n await test.step('Verify dashboard tiles and interactions', async () => {\n const dashboardTiles = dashboardPage.getTiles();\n await expect(dashboardTiles).toHaveCount(2, { timeout: 10000 });\n\n // Hover over first tile to reveal action buttons\n await dashboardPage.hoverOverTile(0);\n\n // Verify all action buttons are visible\n const buttons: Array<'edit' | 'duplicate' | 'delete' | 'alerts'> = [\n 'edit',\n 'duplicate',\n 'delete',\n 'alerts',\n ];\n for (const button of buttons) {\n const buttonLocator = dashboardPage.getTileButton(button);\n await expect(buttonLocator).toBeVisible();\n }\n });\n\n await test.step('Test duplicate tile', async () => {\n const dashboardTiles = dashboardPage.getTiles();\n const tileCount = await dashboardTiles.count();\n\n // Duplicate the first tile\n await dashboardPage.duplicateTile(0);\n\n // Verify tile count increased\n const dashboardTilesNow = dashboardPage.getTiles();\n await expect(dashboardTilesNow).toHaveCount(tileCount + 1);\n });\n\n await test.step('Update time range to Last 12 hours', async () => {\n await expect(dashboardPage.timePicker.input).toBeVisible();\n await dashboardPage.timePicker.selectRelativeTime('Last 12 hours');\n });\n\n await test.step('Test Live view functionality', async () => {\n // Toggle live mode on\n await dashboardPage.toggleLiveMode();\n\n // Turn off live mode to prevent continuous updates\n const liveButtonVisible = await dashboardPage.page\n .locator('button:has-text(\"Live\")')\n .isVisible({ timeout: 1000 })\n .catch(() => false);\n\n if (liveButtonVisible) {\n await dashboardPage.toggleLiveMode();\n }\n });\n\n await test.step('Test global dashboard filters', async () => {\n await expect(dashboardPage.filterInput).toBeVisible();\n await dashboardPage.setGlobalFilter('ServiceName:accounting');\n });\n\n await test.step('Delete the tile and confirm deletion', async () => {\n const dashboardTiles = dashboardPage.getTiles();\n const tileCountBefore = await dashboardTiles.count();\n\n // Delete first tile\n await dashboardPage.deleteTile(0);\n\n // Verify tile count decreased (use toHaveCount for auto-waiting)\n await expect(dashboardTiles).toHaveCount(tileCountBefore - 1);\n });\n });\n\n test(\n 'should update charts when granularity is changed',\n { tag: '@dashboard' },\n async () => {\n await test.step('Create dashboard with a time series chart', async () => {\n await dashboardPage.createNewDashboard();\n\n // Add a time series tile\n await dashboardPage.addTile();\n await dashboardPage.chartEditor.createBasicChart(\n 'Time Series Test Chart',\n );\n\n // Wait for chart to render\n const chartContainers = dashboardPage.getChartContainers();\n await expect(chartContainers).toHaveCount(1, { timeout: 10000 });\n });\n\n await test.step('Change granularity and verify UI updates', async () => {\n // Find granularity dropdown (typically labeled \"Granularity\" or shows current value like \"Auto\")\n const granularityDropdown = dashboardPage.granularityPicker;\n await expect(granularityDropdown).toBeVisible();\n\n // Get current value\n const currentValue = await granularityDropdown.inputValue();\n\n // Change to a different granularity (e.g., \"1m\")\n await dashboardPage.changeGranularity('1 Minute Granularity');\n\n // Verify the value changed\n const newValue = granularityDropdown;\n await expect(newValue).not.toHaveValue(currentValue);\n\n // Verify chart is still visible (validates that the change worked)\n const chartContainers = dashboardPage.getChartContainers();\n await expect(chartContainers).toHaveCount(1, { timeout: 10000 });\n });\n },\n );\n\n test('should warn when closing tile editor with unsaved changes', async () => {\n await dashboardPage.openNewTileEditor();\n await dashboardPage.chartEditor.setChartName('My Unsaved Chart');\n\n await dashboardPage.page.keyboard.press('Escape');\n await expect(dashboardPage.unsavedChangesConfirmModal).toBeAttached({\n timeout: 5000,\n });\n\n await dashboardPage.unsavedChangesConfirmCancelButton.click();\n await expect(dashboardPage.unsavedChangesConfirmModal).toBeHidden();\n await expect(dashboardPage.chartEditor.nameInput).toHaveValue(\n 'My Unsaved Chart',\n );\n\n await dashboardPage.page.keyboard.press('Escape');\n await expect(dashboardPage.unsavedChangesConfirmModal).toBeAttached({\n timeout: 5000,\n });\n await dashboardPage.unsavedChangesConfirmDiscardButton.click();\n await expect(dashboardPage.chartEditor.nameInput).toBeHidden({\n timeout: 5000,\n });\n });\n\n test('should add and remove alert on Number type chart', async () => {\n test.setTimeout(60000);\n const ts = Date.now();\n const tileName = `E2E Alert Number Chart ${ts}`;\n const webhookUrl = `https://example.com/number-chart-${ts}`;\n const alertsPage = new AlertsPage(dashboardPage.page);\n\n await test.step('Create new dashboard', async () => {\n await expect(dashboardPage.createButton).toBeVisible();\n await dashboardPage.createNewDashboard();\n });\n\n await test.step('create a Number type chart with alert', async () => {\n await expect(dashboardPage.addNewTileButton).toBeVisible();\n await dashboardPage.addTile();\n\n await expect(dashboardPage.chartEditor.source).toBeVisible();\n\n await dashboardPage.chartEditor.waitForDataToLoad();\n\n await dashboardPage.chartEditor.setChartType(DisplayType.Number);\n\n await dashboardPage.chartEditor.selectSource(DEFAULT_METRICS_SOURCE_NAME);\n await dashboardPage.chartEditor.selectMetric(\n 'k8s.pod.cpu.utilization',\n 'k8s.pod.cpu.utilization:::::::gauge',\n );\n\n await dashboardPage.chartEditor.setChartName(tileName);\n\n await expect(dashboardPage.chartEditor.alertButton).toHaveText(\n 'Add Alert',\n );\n await dashboardPage.chartEditor.clickAddAlert();\n await dashboardPage.chartEditor.addNewWebhookButton.click();\n\n await dashboardPage.chartEditor.webhookAlertModal.addWebhook(\n 'Generic',\n `Test Webhook ${ts}`,\n webhookUrl,\n );\n\n await dashboardPage.saveTile();\n });\n\n await test.step('Verify dashboard tiles and interactions', async () => {\n const dashboardTiles = dashboardPage.getTiles();\n await expect(dashboardTiles).toHaveCount(1, { timeout: 10000 });\n\n // Hover over first tile to reveal action buttons\n await dashboardPage.hoverOverTile(0);\n\n // Verify all action buttons are visible\n const buttons: Array<'edit' | 'duplicate' | 'delete' | 'alerts'> = [\n 'edit',\n 'duplicate',\n 'delete',\n 'alerts',\n ];\n for (const button of buttons) {\n const buttonLocator = dashboardPage.getTileButton(button);\n await expect(buttonLocator).toBeVisible();\n }\n });\n\n let dashboardUrl: string;\n await test.step('Save dashboard URL', async () => {\n dashboardUrl = dashboardPage.page.url();\n console.log(`Dashboard URL: ${dashboardUrl}`);\n });\n\n await test.step('Navigate to alerts page', async () => {\n await alertsPage.goto();\n });\n\n await test.step('Verify alerts page loads with content', async () => {\n await expect(alertsPage.pageContainer).toBeVisible();\n await expect(\n alertsPage.pageContainer\n .getByRole('link')\n .filter({ hasText: tileName }),\n ).toBeVisible({ timeout: 10000 });\n });\n\n await test.step('Navigate back to dashboard page', async () => {\n await dashboardPage.page.goto(dashboardUrl);\n });\n\n await test.step('edit the tile to remove the alert', async () => {\n // Hover over first tile to reveal edit button\n await dashboardPage.editTile(0);\n\n await expect(dashboardPage.chartEditor.alertButton).toHaveText(\n 'Remove Alert',\n );\n await dashboardPage.chartEditor.clickRemoveAlert();\n\n await dashboardPage.saveTile();\n });\n\n await test.step('Navigate to alerts page', async () => {\n await alertsPage.goto();\n });\n\n await test.step('Verify alerts page loads with no alerts', async () => {\n await expect(alertsPage.pageContainer).toBeVisible();\n await expect(\n alertsPage.pageContainer\n .getByRole('link')\n .filter({ hasText: tileName }),\n ).toBeHidden({ timeout: 10000 });\n });\n });\n\n test('should close tile editor without confirm when there are no unsaved changes', async () => {\n await dashboardPage.openNewTileEditor();\n\n await dashboardPage.page.keyboard.press('Escape');\n await expect(dashboardPage.chartEditor.nameInput).toBeHidden({\n timeout: 5000,\n });\n await expect(dashboardPage.unsavedChangesConfirmModal).toBeHidden();\n });\n\n test('should create and populate filters', {}, async () => {\n test.setTimeout(30000);\n\n await test.step('Create new dashboard', async () => {\n await expect(dashboardPage.createButton).toBeVisible();\n await dashboardPage.createNewDashboard();\n });\n\n await test.step('Create a table tile to filter', async () => {\n await dashboardPage.addTile();\n\n await dashboardPage.chartEditor.createTable({\n chartName: 'Test Table',\n sourceName: DEFAULT_LOGS_SOURCE_NAME,\n groupBy: 'ServiceName',\n });\n\n const accountCell = dashboardPage.page.getByTitle('accounting', {\n exact: true,\n });\n const adCell = dashboardPage.page.getByTitle('ad', { exact: true });\n await expect(accountCell).toBeVisible();\n await expect(adCell).toBeVisible();\n });\n\n await test.step('Add ServiceName filter to dashboard', async () => {\n await dashboardPage.openEditFiltersModal();\n await expect(dashboardPage.emptyFiltersList).toBeVisible();\n\n await dashboardPage.addFilterToDashboard(\n 'Service',\n DEFAULT_LOGS_SOURCE_NAME,\n 'ServiceName',\n );\n\n await expect(dashboardPage.getFilterItemByName('Service')).toBeVisible();\n\n await dashboardPage.closeFiltersModal();\n });\n\n await test.step('Add MetricName filter to dashboard', async () => {\n await dashboardPage.openEditFiltersModal();\n await expect(dashboardPage.filtersList).toBeVisible();\n\n await dashboardPage.addFilterToDashboard(\n 'Metric',\n DEFAULT_METRICS_SOURCE_NAME,\n 'MetricName',\n 'gauge',\n );\n\n await expect(dashboardPage.getFilterItemByName('Metric')).toBeVisible();\n\n await dashboardPage.closeFiltersModal();\n });\n\n await test.step('Verify tiles are filtered', async () => {\n // Select 'accounting' in Service filter\n await dashboardPage.clickFilterOption('Service', 'accounting');\n\n const accountCell = dashboardPage.page.getByTitle('accounting', {\n exact: true,\n });\n await expect(accountCell).toBeVisible();\n\n // 'ad' ServiceName row should be filtered out\n const adCell = dashboardPage.page.getByTitle('ad', { exact: true });\n await expect(adCell).toHaveCount(0);\n });\n\n await test.step('Verify metric filter is populated', async () => {\n await dashboardPage.clickFilterOption(\n 'Metric',\n 'container.cpu.utilization',\n );\n });\n\n await test.step('Delete a filter and verify it is removed', async () => {\n await dashboardPage.openEditFiltersModal();\n await dashboardPage.deleteFilterFromDashboard('Metric');\n\n // Service filter should still be visible\n await expect(dashboardPage.getFilterItemByName('Service')).toBeVisible();\n\n // Metric filter should be gone\n await expect(dashboardPage.getFilterItemByName('Metric')).toHaveCount(0);\n });\n });\n\n test('should save and restore query and filter values', {}, async () => {\n const testQuery = 'SeverityText:error';\n let dashboardUrl: string;\n\n await test.step('Create dashboard with chart', async () => {\n await dashboardPage.createNewDashboard();\n\n // Add a tile so dashboard is saveable\n await dashboardPage.addTile();\n await dashboardPage.chartEditor.createBasicChart('Test Chart');\n\n const chartContainers = dashboardPage.getChartContainers();\n await expect(chartContainers).toHaveCount(1, { timeout: 10000 });\n\n // Save dashboard URL for later\n dashboardUrl = dashboardPage.page.url();\n });\n\n await test.step('Add ServiceName filter to dashboard', async () => {\n await dashboardPage.openEditFiltersModal();\n await expect(dashboardPage.emptyFiltersList).toBeVisible();\n\n await dashboardPage.addFilterToDashboard(\n 'Service',\n DEFAULT_LOGS_SOURCE_NAME,\n 'ServiceName',\n );\n\n await expect(dashboardPage.getFilterItemByName('Service')).toBeVisible();\n await dashboardPage.closeFiltersModal();\n });\n\n await test.step('Select a filter value', async () => {\n await dashboardPage.clickFilterOption('Service', 'accounting');\n\n // Verify the filter is applied\n const filterSelect = dashboardPage.getFilterSelectByName('Service');\n await expect(filterSelect).toHaveValue('accounting');\n });\n\n await test.step('Enter query in search bar', async () => {\n const searchInput = dashboardPage.searchInput;\n await expect(searchInput).toBeVisible();\n await searchInput.fill(testQuery);\n });\n\n await test.step('Click save query button', async () => {\n await dashboardPage.saveQueryAndFiltersAsDefault();\n\n // Wait for success notification\n const notification = dashboardPage.page.locator(\n 'text=/Filter query and dropdown values/i',\n );\n await expect(notification).toBeVisible({ timeout: 5000 });\n });\n\n await test.step('Navigate away from dashboard', async () => {\n await dashboardPage.page.goto('/search');\n await expect(dashboardPage.page).toHaveURL(/.*\\/search/);\n });\n\n await test.step('Return to dashboard and verify query and filters are restored', async () => {\n await dashboardPage.page.goto(dashboardUrl);\n\n // Wait for dashboard controls to load\n await expect(\n dashboardPage.page.getByTestId('dashboard-page'),\n ).toBeVisible({ timeout: 10000 });\n await expect(dashboardPage.searchInput).toBeVisible({ timeout: 10000 });\n\n // Verify saved query is restored in search input\n const searchInput = dashboardPage.searchInput;\n await expect(searchInput).toHaveValue(testQuery);\n });\n\n await test.step('Clear URL params and verify query persists', async () => {\n // Extract dashboard ID and navigate without query params\n const dashboardId = dashboardUrl.split('/').pop()?.split('?')[0];\n await dashboardPage.page.goto(`/dashboards/${dashboardId}`);\n\n // Verify saved query still loads\n const searchInput = dashboardPage.searchInput;\n await expect(searchInput).toHaveValue(testQuery);\n\n // Verify the saved filter value is populated\n const filterSelect = dashboardPage.getFilterSelectByName('Service');\n await expect(filterSelect).toHaveValue('accounting');\n });\n });\n\n test(\n 'should handle URL query params overriding saved query',\n {},\n async () => {\n const savedQuery = 'level:error';\n const urlQuery = 'status:active';\n let dashboardId: string;\n\n await test.step('Create dashboard and save query', async () => {\n await dashboardPage.createNewDashboard();\n\n // Add a tile\n await dashboardPage.addTile();\n await dashboardPage.chartEditor.createBasicChart('Test Chart');\n\n // Enter and save query\n const searchInput = dashboardPage.searchInput;\n await searchInput.fill(savedQuery);\n\n await dashboardPage.saveQueryAndFiltersAsDefault();\n\n // Wait for save confirmation\n await dashboardPage.page.waitForTimeout(1000);\n\n // Extract dashboard ID\n const url = dashboardPage.page.url();\n dashboardId = url.split('/').pop()?.split('?')[0] || '';\n });\n\n await test.step('Navigate with URL query param', async () => {\n // Navigate to dashboard with URL query param\n await dashboardPage.page.goto(\n `/dashboards/${dashboardId}?where=${encodeURIComponent(urlQuery)}`,\n );\n\n // Wait for dashboard controls to load\n await expect(\n dashboardPage.page.getByTestId('dashboard-page'),\n ).toBeVisible({ timeout: 10000 });\n await expect(dashboardPage.searchInput).toBeVisible({ timeout: 10000 });\n\n // Verify URL query takes precedence over saved query\n const searchInput = dashboardPage.searchInput;\n await expect(searchInput).toHaveValue(urlQuery);\n await expect(searchInput).not.toHaveValue(savedQuery);\n });\n\n await test.step('Navigate without URL params to verify saved query', async () => {\n await dashboardPage.page.goto(`/dashboards/${dashboardId}`);\n\n // Verify saved query is restored when no URL params\n const searchInput = dashboardPage.searchInput;\n await expect(searchInput).toHaveValue(savedQuery);\n });\n },\n );\n\n test.describe('Raw SQL Dashboard Tiles', () => {\n const LINE_SQL = `SELECT toStartOfInterval(TimestampTime, INTERVAL {intervalSeconds:Int64} SECOND) AS ts, count() AS count FROM default.e2e_otel_logs WHERE TimestampTime >= fromUnixTimestamp64Milli({startDateMilliseconds:Int64}) AND TimestampTime < fromUnixTimestamp64Milli({endDateMilliseconds:Int64}) GROUP BY ts ORDER BY ts ASC`;\n\n const TABLE_SQL = `SELECT ServiceName, count() AS count FROM default.e2e_otel_logs WHERE TimestampTime >= fromUnixTimestamp64Milli({startDateMilliseconds:Int64}) AND TimestampTime <= fromUnixTimestamp64Milli({endDateMilliseconds:Int64}) GROUP BY ServiceName LIMIT 200`;\n\n const NUMBER_SQL = `SELECT 1234 FROM default.e2e_otel_logs WHERE TimestampTime >= fromUnixTimestamp64Milli({startDateMilliseconds:Int64}) AND TimestampTime < fromUnixTimestamp64Milli({endDateMilliseconds:Int64})`;\n\n const PIE_SQL = `SELECT ServiceName, count() FROM default.e2e_otel_logs WHERE TimestampTime >= fromUnixTimestamp64Milli({startDateMilliseconds:Int64}) AND TimestampTime < fromUnixTimestamp64Milli({endDateMilliseconds:Int64}) GROUP BY ServiceName`;\n\n test.beforeEach(async () => {\n await dashboardPage.createNewDashboard();\n });\n\n test('Line chart renders with Raw SQL query', async () => {\n test.setTimeout(60000);\n const ts = Date.now();\n const chartName = `E2E Raw SQL Line ${ts}`;\n\n await test.step('Open the tile editor', async () => {\n await dashboardPage.addTile();\n await expect(dashboardPage.chartEditor.nameInput).toBeVisible();\n await dashboardPage.chartEditor.waitForDataToLoad();\n });\n\n await test.step('Configure Raw SQL Line chart', async () => {\n await dashboardPage.chartEditor.setChartType(DisplayType.Line);\n await dashboardPage.chartEditor.setChartName(chartName);\n await dashboardPage.chartEditor.switchToSqlMode();\n await dashboardPage.chartEditor.typeSqlQuery(LINE_SQL);\n });\n\n await test.step('Run query and save', async () => {\n await dashboardPage.chartEditor.runQuery();\n await dashboardPage.saveTile();\n });\n\n await test.step('Verify the line chart renders on the dashboard', async () => {\n const tile = dashboardPage.getTiles().filter({ hasText: chartName });\n await expect(\n tile.locator('.recharts-responsive-container'),\n ).toBeVisible({ timeout: 15000 });\n });\n });\n\n test('Table chart renders with Raw SQL query', async () => {\n test.setTimeout(60000);\n const ts = Date.now();\n const chartName = `E2E Raw SQL Table ${ts}`;\n\n await test.step('Open the tile editor', async () => {\n await dashboardPage.addTile();\n await expect(dashboardPage.chartEditor.nameInput).toBeVisible();\n await dashboardPage.chartEditor.waitForDataToLoad();\n });\n\n await test.step('Configure Raw SQL Table chart', async () => {\n await dashboardPage.chartEditor.setChartType(DisplayType.Table);\n await dashboardPage.chartEditor.setChartName(chartName);\n await dashboardPage.chartEditor.switchToSqlMode();\n await dashboardPage.chartEditor.typeSqlQuery(TABLE_SQL);\n });\n\n await test.step('Run query and save', async () => {\n await dashboardPage.chartEditor.runQuery(false);\n await dashboardPage.saveTile();\n });\n\n await test.step('Verify the table chart renders on the dashboard', async () => {\n const tile = dashboardPage.getTiles().filter({ hasText: chartName });\n await expect(tile.locator('table')).toBeVisible({ timeout: 15000 });\n });\n });\n\n test('Number chart renders with Raw SQL query', async () => {\n test.setTimeout(60000);\n const ts = Date.now();\n const chartName = `E2E Raw SQL Number ${ts}`;\n\n await test.step('Open the tile editor', async () => {\n await dashboardPage.addTile();\n await expect(dashboardPage.chartEditor.nameInput).toBeVisible();\n await dashboardPage.chartEditor.waitForDataToLoad();\n });\n\n await test.step('Configure Raw SQL Number chart', async () => {\n await dashboardPage.chartEditor.setChartType(DisplayType.Number);\n await dashboardPage.chartEditor.setChartName(chartName);\n await dashboardPage.chartEditor.switchToSqlMode();\n await dashboardPage.chartEditor.typeSqlQuery(NUMBER_SQL);\n });\n\n await test.step('Run query and save', async () => {\n await dashboardPage.chartEditor.runQuery(false);\n await dashboardPage.saveTile();\n });\n\n await test.step('Verify the number chart renders on the dashboard', async () => {\n const tile = dashboardPage.getTiles().filter({ hasText: chartName });\n await expect(tile).toContainText('1234');\n });\n });\n\n test('Pie chart renders with Raw SQL query', async () => {\n test.setTimeout(60000);\n const ts = Date.now();\n const chartName = `E2E Raw SQL Pie ${ts}`;\n\n await test.step('Open the tile editor', async () => {\n await dashboardPage.addTile();\n await expect(dashboardPage.chartEditor.nameInput).toBeVisible();\n await dashboardPage.chartEditor.waitForDataToLoad();\n });\n\n await test.step('Configure Raw SQL Pie chart', async () => {\n await dashboardPage.chartEditor.setChartType(DisplayType.Pie);\n await dashboardPage.chartEditor.setChartName(chartName);\n await dashboardPage.chartEditor.switchToSqlMode();\n await dashboardPage.chartEditor.typeSqlQuery(PIE_SQL);\n });\n\n await test.step('Run query and save', async () => {\n await dashboardPage.chartEditor.runQuery();\n await dashboardPage.saveTile();\n });\n\n await test.step('Verify the pie chart renders on the dashboard', async () => {\n const tile = dashboardPage.getTiles().filter({ hasText: chartName });\n await expect(\n tile.locator('.recharts-responsive-container'),\n ).toBeVisible({ timeout: 15000 });\n });\n });\n });\n\n test(\n 'should clear saved query when WHERE input is cleared and saved',\n {},\n async () => {\n const testQuery = 'level:warn';\n let dashboardUrl: string;\n\n await test.step('Create dashboard with chart', async () => {\n await dashboardPage.createNewDashboard();\n\n // Add a tile so dashboard is saveable\n await dashboardPage.addTile();\n await dashboardPage.chartEditor.createBasicChart('Test Chart');\n\n const chartContainers = dashboardPage.getChartContainers();\n await expect(chartContainers).toHaveCount(1, { timeout: 10000 });\n\n // Save dashboard URL for later\n dashboardUrl = dashboardPage.page.url();\n });\n\n await test.step('Enter and save query', async () => {\n const searchInput = dashboardPage.searchInput;\n await expect(searchInput).toBeVisible();\n await searchInput.fill(testQuery);\n\n await dashboardPage.saveQueryAndFiltersAsDefault();\n\n // Wait for success notification\n const notification = dashboardPage.page.locator(\n 'text=/Filter query and dropdown values/i',\n );\n await expect(notification).toBeVisible({ timeout: 5000 });\n });\n\n await test.step('Navigate away and verify query persists', async () => {\n await dashboardPage.page.goto('/search');\n await dashboardPage.page.goto(dashboardUrl);\n\n const searchInput = dashboardPage.searchInput;\n await expect(searchInput).toHaveValue(testQuery);\n });\n\n await test.step('Clear the query and save', async () => {\n const searchInput = dashboardPage.searchInput;\n await searchInput.clear();\n\n await dashboardPage.saveQueryAndFiltersAsDefault();\n\n // Wait for success notification\n const notification = dashboardPage.page.locator(\n 'text=/Filter query and dropdown values/i',\n );\n await expect(notification).toBeVisible({ timeout: 5000 });\n });\n\n await test.step('Navigate away and verify query is cleared', async () => {\n await dashboardPage.page.goto('/search');\n\n // Extract dashboard ID and navigate back\n const dashboardId = dashboardUrl.split('/').pop()?.split('?')[0];\n await dashboardPage.page.goto(`/dashboards/${dashboardId}`);\n\n // Wait for dashboard to load\n const chartContainers = dashboardPage.getChartContainers();\n await expect(chartContainers).toHaveCount(1, { timeout: 10000 });\n\n // Verify search input is empty (saved query was removed)\n const searchInput = dashboardPage.searchInput;\n await expect(searchInput).toHaveValue('');\n });\n },\n );\n});\n" }, { "path": "packages/app/tests/e2e/features/kubernetes.spec.ts", "content": "import { KubernetesPage } from '../page-objects/KubernetesPage';\nimport { expect, test } from '../utils/base-test';\n\ntest.describe('Kubernetes Dashboard', { tag: ['@kubernetes'] }, () => {\n let k8sPage: KubernetesPage;\n\n test.beforeEach(async ({ page }) => {\n k8sPage = new KubernetesPage(page);\n await k8sPage.goto();\n });\n\n test('should load kubernetes dashboard', async () => {\n await expect(k8sPage.title).toBeVisible();\n });\n\n test('should show pod details', async () => {\n // Verify pod CPU and memory charts\n const cpuUsageChart = k8sPage.getChart('pod-cpu-usage-chart');\n await expect(cpuUsageChart).toBeVisible();\n\n const memoryUsageChart = k8sPage.getChart('pod-memory-usage-chart');\n await expect(memoryUsageChart).toBeVisible();\n\n // Verify pods table has data\n const podsTable = k8sPage.getPodsTable();\n await expect(podsTable.locator('tr td').first()).toBeVisible();\n\n // Verify warning events table\n const warningEventsTable = k8sPage.page.locator(\n '[data-testid=\"k8s-warning-events-table\"] table',\n );\n await expect(warningEventsTable).toContainText('Warning');\n await expect(warningEventsTable).toContainText('Node');\n\n // Click first pod row\n await k8sPage.clickFirstPodRow('Running');\n\n // Verify pod details panel opens\n const podDetailsPanel = k8sPage.getDetailsPanel('k8s-pod-details-panel');\n await expect(podDetailsPanel).toBeVisible();\n\n // Verify pod details charts\n const podDetailsCpuChart = k8sPage.getChart('pod-details-cpu-usage-chart');\n await expect(podDetailsCpuChart).toBeVisible();\n\n const podDetailsMemoryChart = k8sPage.getChart(\n 'pod-details-memory-usage-chart',\n );\n await expect(podDetailsMemoryChart).toBeVisible();\n });\n\n test('should show node metrics', async () => {\n // Switch to Node tab\n await k8sPage.switchToTab('Node');\n\n // Verify node CPU and memory charts\n const cpuUsageChart = k8sPage.getChart('nodes-cpu-usage-chart');\n await expect(cpuUsageChart).toBeVisible();\n\n const memoryUsageChart = k8sPage.getChart('nodes-memory-usage-chart');\n await expect(memoryUsageChart).toBeVisible();\n\n // Click first node row\n await k8sPage.clickFirstNodeRow();\n\n // Verify node details panel opens\n const nodeDetailsPanel = k8sPage.getDetailsPanel('k8s-node-details-panel');\n await expect(nodeDetailsPanel).toBeVisible();\n\n // Verify node details charts\n const nodeDetailsCpuChart = k8sPage.getChart(\n 'nodes-details-cpu-usage-chart',\n );\n await expect(nodeDetailsCpuChart).toBeVisible();\n\n const nodeDetailsMemoryChart = k8sPage.getChart(\n 'nodes-details-memory-usage-chart',\n );\n await expect(nodeDetailsMemoryChart).toBeVisible();\n });\n\n test('should show namespace metrics', async () => {\n // Switch to Namespaces tab\n await k8sPage.switchToTab('Namespaces');\n\n // Verify namespace CPU and memory charts\n const cpuUsageChart = k8sPage.getChart('namespaces-cpu-usage-chart');\n await expect(cpuUsageChart).toBeVisible();\n\n const memoryUsageChart = k8sPage.getChart('namespaces-memory-usage-chart');\n await expect(memoryUsageChart).toBeVisible();\n\n // Verify namespaces table has data\n const namespacesTable = k8sPage.getNamespacesTable();\n await expect(namespacesTable.locator('tr td').first()).toBeVisible();\n\n // Click default namespace row\n await k8sPage.clickNamespaceRow('default');\n\n // Verify namespace details panel opens\n const namespaceDetailsPanel = k8sPage.getDetailsPanel(\n 'k8s-namespace-details-panel',\n );\n await expect(namespaceDetailsPanel).toBeVisible();\n\n // Verify namespace details charts\n const namespaceDetailsCpuChart = k8sPage.getChart(\n 'namespace-details-cpu-usage-chart',\n );\n await expect(namespaceDetailsCpuChart).toBeVisible();\n\n const namespaceDetailsMemoryChart = k8sPage.getChart(\n 'namespace-details-memory-usage-chart',\n );\n await expect(namespaceDetailsMemoryChart).toBeVisible();\n });\n\n test('should filter by namespace', async () => {\n // Filter by default namespace\n await k8sPage.filterByNamespace('default');\n\n // Verify pods are filtered to default namespace\n const firstPodNamespaceCell = k8sPage.page\n .locator('[data-testid^=\"k8s-pods-table-namespace-\"]')\n .first();\n await expect(firstPodNamespaceCell).toBeVisible();\n await expect(firstPodNamespaceCell).toContainText('default');\n\n // Verify search box has filter query\n await expect(k8sPage.search).toHaveValue(\n 'ResourceAttributes.k8s.namespace.name:\"default\"',\n );\n });\n\n test('should switch to \"All\" tab when filtering by pod or namespace', async () => {\n // Verify initial state is \"Running\"\n const podsTable = k8sPage.getPodsTable();\n\n // Wait for table to load\n await expect(podsTable.locator('tbody tr').first()).toBeVisible();\n\n const runningTab = podsTable.getByRole('radio', { name: 'Running' });\n await expect(runningTab).toBeChecked();\n\n // Filter by namespace\n await k8sPage.filterByNamespace('default');\n\n // Verify it switched to \"All\" tab\n const allTab = podsTable.getByRole('radio', { name: 'All' });\n await expect(allTab).toBeChecked();\n });\n\n test.describe('Pods Table Sorting', () => {\n // Currently the data sources all have 0 restarts, so this test fails.\n // eslint-disable-next-line playwright/no-skipped-test\n test.skip('should sort by restarts column', async () => {\n const podsTable = k8sPage.getPodsTable();\n await expect(podsTable.locator('tbody tr').first()).toBeVisible();\n\n const restartsHeader = k8sPage.getColumnHeader(podsTable, 'Restarts');\n\n // Verify initial descending sort icon\n await expect(k8sPage.getDescendingSortIcon(restartsHeader)).toBeVisible({\n timeout: 10000,\n });\n\n const firstRestartsBefore = await k8sPage.getFirstCellValue(\n podsTable,\n 'Restarts',\n );\n\n // Click to sort ascending\n await k8sPage.sortByColumn(podsTable, 'Restarts');\n\n // Verify sort icon changed to ascending\n await expect(k8sPage.getAscendingSortIcon(restartsHeader)).toBeVisible();\n\n const firstRestartsAfter = await k8sPage.getFirstCellValue(\n podsTable,\n 'Restarts',\n );\n\n expect(firstRestartsBefore).not.toEqual(firstRestartsAfter);\n });\n\n // Parametrized test for common sorting behavior\n const sortableColumns = [\n { name: 'Status', hasInitialSort: false },\n { name: 'CPU/Limit', hasInitialSort: false },\n { name: 'Mem/Limit', hasInitialSort: false },\n { name: 'Age', hasInitialSort: false },\n ];\n\n for (const column of sortableColumns) {\n test(`should sort by ${column.name} column`, async () => {\n const podsTable = k8sPage.getPodsTable();\n await expect(podsTable.locator('tbody tr').first()).toBeVisible();\n\n const header = k8sPage.getColumnHeader(podsTable, column.name);\n const sortIcon = k8sPage.getSortIcon(header);\n\n // Verify no sort icon initially (unless specified)\n if (!column.hasInitialSort) {\n await expect(sortIcon).toHaveCount(0);\n }\n\n // Click to sort\n await k8sPage.sortByColumn(podsTable, column.name);\n\n // Verify sort icon appears\n await expect(sortIcon).toBeVisible();\n\n // Click again to toggle sort direction\n await k8sPage.sortByColumn(podsTable, column.name);\n\n // Sort icon should still be visible\n await expect(sortIcon).toBeVisible();\n });\n }\n\n test('should maintain sort when switching phase filters', async () => {\n const podsTable = k8sPage.getPodsTable();\n await expect(podsTable.locator('tbody tr').first()).toBeVisible();\n\n // Sort by age\n const ageHeader = await k8sPage.sortByColumn(podsTable, 'Age');\n const sortIcon = k8sPage.getSortIcon(ageHeader);\n await expect(sortIcon).toBeVisible();\n\n // Switch to \"All\" tab\n await podsTable.getByText('All', { exact: true }).click();\n\n // Sort should be maintained\n await expect(sortIcon).toBeVisible();\n });\n });\n});\n" }, { "path": "packages/app/tests/e2e/features/search/relative-time.spec.ts", "content": "import { SearchPage } from '../../page-objects/SearchPage';\nimport { expect, test } from '../../utils/base-test';\n\ntest.describe('Relative Time Picker', { tag: '@relative-time' }, () => {\n let searchPage: SearchPage;\n\n test.beforeEach(async ({ page }) => {\n searchPage = new SearchPage(page);\n await searchPage.goto();\n // Wait for the page to be ready\n await expect(searchPage.form).toBeVisible();\n await searchPage.timePicker.open();\n });\n\n test.describe('Basic Functionality', () => {\n test('should display relative time toggle switch', async () => {\n await test.step('Verify switch is interactive', async () => {\n const switchInput = searchPage.timePicker.getRelativeTimeSwitch();\n // Check initial state (should be checked if in live mode)\n await expect(switchInput).toBeAttached();\n });\n });\n\n test('should toggle relative time mode on/off', async () => {\n await test.step('Toggle relative time off', async () => {\n const initialState =\n await searchPage.timePicker.isRelativeTimeEnabled();\n await searchPage.timePicker.toggleRelativeTimeSwitch();\n\n const newState = await searchPage.timePicker.isRelativeTimeEnabled();\n expect(newState).toBe(!initialState);\n });\n\n await test.step('Toggle relative time back on', async () => {\n const currentState =\n await searchPage.timePicker.isRelativeTimeEnabled();\n await searchPage.timePicker.toggleRelativeTimeSwitch();\n\n const newState = await searchPage.timePicker.isRelativeTimeEnabled();\n expect(newState).toBe(!currentState);\n });\n });\n\n test('should show Live Tail option in relative time mode', async () => {\n const liveTailButton = searchPage.page\n .locator('text=Live Tail')\n .locator('..');\n await expect(liveTailButton).toBeVisible();\n });\n });\n\n test.describe('Relative Time Options', () => {\n test('should select different relative time intervals', async () => {\n const intervals = [\n { label: 'Last 1 minute', ms: 60000 },\n { label: 'Last 5 minutes', ms: 300000 },\n { label: 'Last 15 minutes', ms: 900000 },\n { label: 'Last 30 minutes', ms: 1800000 },\n { label: 'Last 45 minutes', ms: 2700000 },\n { label: 'Last 1 hour', ms: 3600000 },\n ];\n\n for (const interval of intervals) {\n await test.step(`Select ${interval.label}`, async () => {\n // Ensure relative time mode is enabled\n await searchPage.timePicker.enableRelativeTime();\n\n // Click the interval option\n await searchPage.timePicker.selectTimeInterval(interval.label);\n\n // Wait for URL to update\n await searchPage.page.waitForURL(\n `**/search**liveInterval=${interval.ms}**`,\n );\n\n // Verify URL contains the correct liveInterval parameter\n const url = searchPage.page.url();\n expect(url).toContain('liveInterval=');\n expect(url).toContain(`liveInterval=${interval.ms}`);\n\n // Verify isLive is true\n expect(url).toContain('isLive=true');\n\n // Verify the time picker input displays the selected interval\n await expect(searchPage.timePicker.input).toHaveValue(interval.label);\n\n await searchPage.timePicker.open();\n });\n }\n });\n\n test('should select Live Tail (15m default)', async () => {\n await test.step('Select Live Tail', async () => {\n await searchPage.timePicker.selectLiveTail();\n await searchPage.page.waitForURL('**/search**liveInterval=900000**');\n });\n\n await test.step('Verify URL parameters', async () => {\n const url = searchPage.page.url();\n expect(url).toContain('isLive=true');\n // Live Tail defaults to 15 minutes (900000ms)\n expect(url).toContain('liveInterval=900000');\n });\n\n await test.step('Verify time picker input shows Live Tail', async () => {\n await expect(searchPage.timePicker.input).toHaveValue('Live Tail');\n });\n });\n\n test('should disable non-relative options when relative mode is off', async () => {\n await test.step('Turn off relative time mode', async () => {\n await searchPage.timePicker.disableRelativeTime();\n });\n\n await test.step('Verify time options without relative support are not disabled', async () => {\n // Options like \"Last 3 hours\", \"Last 6 hours\" etc. should work in absolute mode\n const last3HoursButton = searchPage.page.locator('text=Last 3 hours');\n await expect(last3HoursButton).toBeVisible();\n const isDisabled = last3HoursButton;\n await expect(isDisabled).toBeEnabled();\n });\n\n await test.step('Verify clicking an option in absolute mode works', async () => {\n await searchPage.timePicker.selectTimeInterval('Last 1 hour');\n\n // Wait for URL to update with absolute time range\n await searchPage.page.waitForURL('**/search**from=**to=**');\n\n // In absolute mode, should set time range but not live mode\n const url = searchPage.page.url();\n expect(url).toContain('from=');\n expect(url).toContain('to=');\n });\n });\n });\n\n test.describe('Live Mode Integration', () => {\n test('should start in live mode by default', async () => {\n // Fresh page load should default to live mode\n await searchPage.goto();\n\n await expect(searchPage.timePicker.input).toHaveValue('Live Tail');\n });\n\n test('should exit live mode when selecting absolute time range', async () => {\n await test.step('Open time picker and turn off relative mode', async () => {\n await searchPage.timePicker.disableRelativeTime();\n });\n\n await test.step('Select an absolute time range', async () => {\n await searchPage.timePicker.selectTimeInterval('Last 1 hour');\n await searchPage.page.waitForURL('**/search**isLive=false**');\n });\n\n await test.step('Verify exited live mode', async () => {\n const url = searchPage.page.url();\n // Should have absolute time range\n expect(url).toContain('from=');\n expect(url).toContain('to=');\n // Should NOT be in live mode\n expect(url).toContain('isLive=false');\n });\n });\n\n test('should resume live tail with selected interval', async () => {\n await test.step('Select a specific relative interval', async () => {\n await searchPage.timePicker.enableRelativeTime();\n await searchPage.timePicker.selectTimeInterval('Last 5 minutes');\n await searchPage.page.waitForURL('**/search**liveInterval=300000**');\n });\n\n await test.step('Pause live tail by selecting absolute time', async () => {\n await searchPage.timePicker.open();\n await searchPage.timePicker.disableRelativeTime();\n await searchPage.timePicker.selectTimeInterval('Last 1 hour');\n await searchPage.page.waitForURL('**/search**isLive=false**');\n });\n\n await test.step('Resume live tail', async () => {\n // Look for a resume/play button or similar control\n // This might be in the UI - adjust selector as needed\n const resumeButton = searchPage.page\n .locator('text=/Resume|Play/i')\n .first();\n const isVisible = await resumeButton.isVisible().catch(() => false);\n\n if (isVisible) {\n await resumeButton.click();\n await searchPage.page.waitForURL('**/search**isLive=true**');\n\n // Verify back in live mode\n const url = searchPage.page.url();\n expect(url).toContain('isLive=true');\n // Should retain the previously selected interval (5 minutes = 300000ms)\n expect(url).toContain('liveInterval=300000');\n }\n });\n });\n });\n\n test.describe('URL State Management', () => {\n test('should persist relative time settings in URL', async () => {\n await test.step('Select relative time interval', async () => {\n await searchPage.timePicker.enableRelativeTime();\n await searchPage.timePicker.selectTimeInterval('Last 30 minutes');\n await searchPage.page.waitForURL('**/search**liveInterval=1800000**');\n });\n\n await test.step('Copy URL and navigate away', async () => {\n const urlWithRelativeTime = searchPage.page.url();\n\n // Navigate to a different page\n await searchPage.goto();\n\n // Navigate back using the saved URL\n await searchPage.page.goto(urlWithRelativeTime);\n });\n\n await test.step('Verify relative time settings are restored', async () => {\n const url = searchPage.page.url();\n expect(url).toContain('isLive=true');\n expect(url).toContain('liveInterval=1800000'); // 30 minutes\n\n // Wait for the UI to update with the URL state\n await expect(searchPage.timePicker.input).toHaveValue(\n 'Last 30 minutes',\n {\n timeout: 5000,\n },\n );\n });\n });\n\n test('should restore relative time toggle state from URL', async () => {\n await test.step('Set up relative time mode', async () => {\n await searchPage.timePicker.enableRelativeTime();\n await searchPage.timePicker.selectTimeInterval('Last 30 minutes');\n await searchPage.page.waitForURL('**/search**liveInterval=1800000**');\n });\n\n await test.step('Reload page', async () => {\n await searchPage.page.reload();\n });\n\n await test.step('Open time picker and verify relative toggle is on', async () => {\n // Wait for the time picker to be ready with the URL state\n await expect(searchPage.timePicker.input).toHaveValue(\n 'Last 30 minutes',\n {\n timeout: 5000,\n },\n );\n\n await searchPage.timePicker.open();\n\n const isChecked = await searchPage.timePicker.isRelativeTimeEnabled();\n expect(isChecked).toBe(true);\n });\n });\n });\n\n test.describe('Search Integration', () => {\n test('should perform search with relative time range', async () => {\n await test.step('Select relative time interval', async () => {\n await searchPage.timePicker.enableRelativeTime();\n await searchPage.timePicker.selectTimeInterval('Last 5 minutes');\n await searchPage.page.waitForURL('**/search**liveInterval=300000**');\n });\n\n await test.step('Perform search', async () => {\n await searchPage.submitEmptySearch();\n });\n\n await test.step('Verify search results or empty state', async () => {\n // Results may or may not exist depending on data\n const searchResultsTable = searchPage.getSearchResultsTable();\n await expect(searchResultsTable).toBeAttached();\n });\n\n await test.step('Verify URL maintains relative time params', async () => {\n const url = searchPage.page.url();\n expect(url).toContain('isLive=true');\n expect(url).toContain('liveInterval=300000'); // 5 minutes\n });\n });\n\n test('should update search results when switching between intervals', async () => {\n const intervals = [\n { label: 'Last 5 minutes', ms: 300000 },\n { label: 'Last 15 minutes', ms: 900000 },\n { label: 'Last 1 hour', ms: 3600000 },\n ];\n\n await searchPage.timePicker.enableRelativeTime();\n\n for (const interval of intervals) {\n await test.step(`Search with ${interval.label}`, async () => {\n await searchPage.timePicker.open();\n await searchPage.timePicker.selectTimeInterval(interval.label);\n await searchPage.page.waitForURL(\n `**/search**liveInterval=${interval.ms}**`,\n );\n\n const url = searchPage.page.url();\n expect(url).toContain(`liveInterval=${interval.ms}`);\n });\n }\n });\n });\n});\n" }, { "path": "packages/app/tests/e2e/features/search/saved-search.spec.ts", "content": "import { SERVICES, SEVERITIES } from 'tests/e2e/seed-clickhouse';\nimport {\n DEFAULT_LOGS_SOURCE_NAME,\n DEFAULT_TRACES_SOURCE_NAME,\n} from 'tests/e2e/utils/constants';\n\nimport { SearchPage } from '../../page-objects/SearchPage';\nimport { expect, test } from '../../utils/base-test';\n\ntest.describe('Saved Search Functionality', () => {\n let searchPage: SearchPage;\n\n test.beforeEach(async ({ page }) => {\n searchPage = new SearchPage(page);\n await searchPage.goto();\n });\n\n // TODO: Expand this test to include:\n // - Add tags\n // - Verify search appears in sidebar\n\n test(\n 'should preserve custom SELECT when navigating between saved searches',\n {},\n async ({ page }) => {\n /**\n * This test verifies the fix for issue where SELECT statement would not\n * update correctly when switching between saved searches.\n *\n * Reproduction steps:\n * 1. Create saved search A with custom SELECT (e.g. Timestamp, Body, CustomField)\n * 2. Navigate to saved search B with default SELECT\n * 3. Navigate back to saved search A\n * 4. Verify SELECT statement shows custom columns, not default\n */\n\n await test.step('Create first saved search with custom SELECT', async () => {\n const customSelect =\n 'Timestamp, Body, upper(ServiceName) as service_name';\n await searchPage.setCustomSELECT(customSelect);\n await searchPage.submitEmptySearch();\n await searchPage.openSaveSearchModal();\n await searchPage.savedSearchModal.saveSearchAndWaitForNavigation(\n 'Custom Select Search',\n );\n });\n\n const savedSearchAUrl = page.url().split('?')[0];\n\n await test.step('Create second saved search with default SELECT', async () => {\n await searchPage.goto();\n\n // Keep default SELECT (don't modify it)\n await searchPage.submitEmptySearch();\n await searchPage.openSaveSearchModal();\n await searchPage.savedSearchModal.saveSearchAndWaitForNavigation(\n 'Default Select Search',\n );\n });\n\n await test.step('Navigate back to first saved search', async () => {\n await page.goto(savedSearchAUrl);\n await searchPage.table.waitForRowsToPopulate();\n });\n\n await test.step('Verify custom SELECT is preserved', async () => {\n const selectEditor = searchPage.getSELECTEditor();\n const selectContent = await selectEditor.textContent();\n\n expect(selectContent).toContain('upper(ServiceName) as service_name');\n });\n },\n );\n\n test(\n 'should restore saved search SELECT after switching sources',\n {},\n async ({ page }) => {\n /**\n * This test verifies that SELECT properly updates when switching between\n * sources and saved searches.\n *\n * Test flow:\n * 1. Create saved search with custom SELECT on Source A\n * 2. Switch to Source B (should show Source B's default SELECT)\n * 3. Switch back to Source A (should restore saved search's custom SELECT)\n */\n\n await test.step('Create saved search with custom SELECT', async () => {\n const customSelect = 'Timestamp, Body, lower(Body) as body_lower';\n await searchPage.setCustomSELECT(customSelect);\n await searchPage.submitEmptySearch();\n await searchPage.openSaveSearchModal();\n await searchPage.savedSearchModal.saveSearchAndWaitForNavigation(\n 'Custom Select Source Test',\n );\n });\n\n const savedSearchUrl = page.url().split('?')[0];\n\n await test.step('Switch to a different source', async () => {\n await searchPage.sourceDropdown.click();\n await searchPage.otherSources.nth(0).click();\n await page.waitForLoadState('networkidle');\n await searchPage.table.waitForRowsToPopulate();\n });\n\n await test.step('Verify different source has its own default SELECT', async () => {\n const selectEditor = searchPage.getSELECTEditor();\n const selectContent = await selectEditor.textContent();\n\n expect(selectContent).not.toContain('lower(Body) as body_lower');\n expect(selectContent).toMatch(/Timestamp/i);\n });\n\n await test.step('Navigate back to saved search', async () => {\n await page.goto(savedSearchUrl);\n await searchPage.table.waitForRowsToPopulate();\n });\n\n await test.step('Verify saved search SELECT is restored', async () => {\n const selectEditor = searchPage.getSELECTEditor();\n const selectContent = await selectEditor.textContent();\n\n // Verifies the fix: SELECT restores to saved search's custom value\n expect(selectContent).toContain('lower(Body) as body_lower');\n expect(selectContent).toContain('Timestamp, Body, lower(Body)');\n });\n },\n );\n\n test(\n 'should use default SELECT when switching sources within a saved search',\n {},\n async ({ page }) => {\n await test.step('Create and navigate to saved search', async () => {\n const customSelect =\n 'Timestamp, Body, lower(ServiceName) as service_name';\n await searchPage.setCustomSELECT(customSelect);\n await searchPage.submitEmptySearch();\n await searchPage.openSaveSearchModal();\n await searchPage.savedSearchModal.saveSearchAndWaitForNavigation(\n 'Source Switching Test',\n );\n });\n\n await test.step('Switch to different source via dropdown', async () => {\n await searchPage.sourceDropdown.click();\n await searchPage.selectSource(DEFAULT_TRACES_SOURCE_NAME);\n await page.waitForLoadState('networkidle');\n await searchPage.table.waitForRowsToPopulate(true);\n });\n\n await test.step('Verify SELECT changed to the new source default', async () => {\n const selectEditor = searchPage.getSELECTEditor();\n const selectContent = await selectEditor.textContent();\n\n expect(selectContent).not.toContain(\n 'lower(ServiceName) as service_name',\n );\n expect(selectContent).toMatch(/Timestamp/i);\n });\n\n await test.step('Switch back to original source via dropdown', async () => {\n await searchPage.sourceDropdown.click();\n await searchPage.selectSource(DEFAULT_LOGS_SOURCE_NAME);\n await page.waitForLoadState('networkidle');\n await searchPage.table.waitForRowsToPopulate(true);\n });\n\n await test.step('Verify SELECT is search custom SELECT', async () => {\n const selectEditor = searchPage.getSELECTEditor();\n const selectContent = await selectEditor.textContent();\n\n expect(selectContent).toContain('lower(ServiceName) as service_name');\n });\n },\n );\n\n test(\n 'should load saved search when navigating from another page',\n {},\n async ({ page }) => {\n /**\n * This test verifies the fix for the issue where saved searches would not\n * load properly when users navigate to them from another page (e.g., service map).\n *\n * Test flow:\n * 1. Create a saved search with custom configuration (WHERE and ORDER BY)\n * 2. Navigate to a different page (service map)\n * 3. Navigate to the saved search URL\n * 4. Verify saved search loaded correctly with all configuration restored\n */\n\n let savedSearchUrl: string;\n const customOrderBy = 'ServiceName ASC';\n\n await test.step('Create a saved search with custom WHERE and ORDER BY', async () => {\n // Set up a custom search with WHERE clause\n // Use SeverityText which is a valid column in the demo data\n await searchPage.performSearch('SeverityText:info');\n\n // Set custom ORDER BY\n await searchPage.setCustomOrderBy(customOrderBy);\n\n // Submit the search to ensure configuration is applied\n await searchPage.submitButton.click();\n await searchPage.table.waitForRowsToPopulate(true);\n\n // Save the search\n await searchPage.openSaveSearchModal();\n await searchPage.savedSearchModal.saveSearchAndWaitForNavigation(\n 'Info Logs Navigation Test',\n );\n\n // Capture the saved search URL (without query params)\n savedSearchUrl = page.url().split('?')[0];\n });\n\n await test.step('Navigate to a different page (service map)', async () => {\n // Navigate to service map page\n await page.goto('/service-map');\n\n // Wait for service map page to load\n await expect(page.getByTestId('service-map-page')).toBeVisible();\n });\n\n await test.step('Navigate to saved search from service map', async () => {\n // Navigate directly to the saved search URL (simulating clicking a link)\n await page.goto(savedSearchUrl);\n\n // Wait for the search page to load\n await expect(page.getByTestId('search-page')).toBeVisible();\n });\n\n await test.step('Verify saved search loaded and executed automatically', async () => {\n // Verify the WHERE clause is populated\n const whereInput = searchPage.input;\n await expect(whereInput).toHaveValue('SeverityText:info');\n\n // Verify ORDER BY is restored\n const orderByEditor = searchPage.getOrderByEditor();\n const orderByContent = await orderByEditor.textContent();\n expect(orderByContent).toContain('ServiceName ASC');\n\n // Verify search results are visible (search executed automatically)\n await searchPage.table.waitForRowsToPopulate();\n const rowCount = await searchPage.table.getRows().count();\n expect(rowCount).toBeGreaterThan(0);\n\n // Verify the search actually ran (not just showing cached results)\n const resultsTable = searchPage.getSearchResultsTable();\n await expect(resultsTable).toBeVisible();\n });\n },\n );\n\n test(\n 'should preserve custom SELECT when loading saved search from another page',\n {},\n async ({ page }) => {\n /**\n * This test specifically verifies that custom SELECT statements are preserved\n * when navigating to a saved search from another page.\n */\n\n let savedSearchUrl: string;\n const customSelect =\n 'Timestamp, Body, upper(ServiceName) as service_name';\n\n await test.step('Create saved search with custom SELECT', async () => {\n await searchPage.setCustomSELECT(customSelect);\n await searchPage.performSearch('ServiceName:frontend');\n await searchPage.openSaveSearchModal();\n await searchPage.savedSearchModal.saveSearchAndWaitForNavigation(\n 'Custom Select Navigation Test',\n );\n\n savedSearchUrl = page.url().split('?')[0];\n });\n\n await test.step('Navigate to dashboards page', async () => {\n await page.goto('/dashboards');\n await expect(page.getByTestId('dashboard-page')).toBeVisible();\n });\n\n await test.step('Navigate back to saved search', async () => {\n await page.goto(savedSearchUrl);\n await expect(page.getByTestId('search-page')).toBeVisible();\n });\n\n await test.step('Verify custom SELECT is preserved', async () => {\n // Wait for results to load\n await searchPage.table.waitForRowsToPopulate(true);\n\n // Verify SELECT content\n const selectEditor = searchPage.getSELECTEditor();\n const selectContent = await selectEditor.textContent();\n\n expect(selectContent).toContain('upper(ServiceName) as service_name');\n expect(selectContent).toContain('Timestamp, Body');\n });\n },\n );\n\n test(\n 'should handle navigation via browser back button',\n {},\n async ({ page }) => {\n /**\n * This test verifies that using browser back/forward navigation\n * properly loads saved searches.\n */\n\n await test.step('Create and save a search', async () => {\n await searchPage.performSearch('SeverityText:info');\n await searchPage.openSaveSearchModal();\n await searchPage.savedSearchModal.saveSearchAndWaitForNavigation(\n 'Browser Navigation Test',\n );\n });\n\n await test.step('Navigate to sessions page', async () => {\n await page.goto('/sessions');\n await expect(page.getByTestId('sessions-page')).toBeVisible();\n });\n\n await test.step('Use browser back button', async () => {\n await page.goBack();\n await expect(page.getByTestId('search-page')).toBeVisible();\n });\n\n await test.step('Verify saved search loads correctly after back navigation', async () => {\n // Verify WHERE clause\n const whereInput = searchPage.input;\n await expect(whereInput).toHaveValue('SeverityText:info');\n\n // Verify results load\n await searchPage.table.waitForRowsToPopulate();\n const rowCount = await searchPage.table.getRows().count();\n expect(rowCount).toBeGreaterThan(0);\n });\n },\n );\n\n test(\n 'should update ORDER BY when switching sources multiple times',\n {},\n async ({ page }) => {\n /**\n * This test verifies the fix for the issue where ORDER BY does not update\n * correctly after the first source change on saved search pages.\n *\n * Reproduction steps:\n * 1. Create saved search with custom ORDER BY on Source A\n * 2. Switch to Source B (ORDER BY should change to Source B's default)\n * 3. Switch back to Source A (ORDER BY should restore to saved search's custom value)\n */\n\n let originalSourceName: string | null = null;\n const customOrderBy = 'Body DESC';\n\n await test.step('Create saved search with custom ORDER BY', async () => {\n originalSourceName = await searchPage.currentSource.inputValue();\n\n // Set custom ORDER BY\n await searchPage.setCustomOrderBy(customOrderBy);\n\n // Submit and save the search\n await searchPage.submitEmptySearch();\n await searchPage.openSaveSearchModal();\n await searchPage.savedSearchModal.saveSearchAndWaitForNavigation(\n 'ORDER BY Multiple Source Switch Test',\n );\n });\n\n await test.step('Switch to second source', async () => {\n await searchPage.sourceDropdown.click();\n await searchPage.otherSources.first().click();\n await page.waitForLoadState('networkidle');\n await searchPage.table.waitForRowsToPopulate(true);\n });\n\n await test.step('Verify ORDER BY changed to second source default', async () => {\n const orderByEditor = searchPage.getOrderByEditor();\n\n // Should not contain the custom ORDER BY from the saved search\n\n await expect(orderByEditor).not.toHaveText('Body DESC', {\n timeout: 5000,\n });\n await expect(orderByEditor).toHaveText(/(Timestamp|timestamp)/i, {\n timeout: 5000,\n });\n });\n\n await test.step('Switch back to original source', async () => {\n await searchPage.sourceDropdown.click();\n await page\n .getByRole('option', {\n name: originalSourceName || '',\n exact: true,\n })\n .click();\n await page.waitForLoadState('networkidle');\n await searchPage.table.waitForRowsToPopulate(true);\n });\n\n await test.step('Verify ORDER BY restored to saved search custom value', async () => {\n const orderByEditor = searchPage.getOrderByEditor();\n await expect(orderByEditor).toHaveText('Body DESC', { timeout: 5000 });\n });\n },\n );\n\n test(\n 'should save and restore filters with saved searches',\n {},\n async ({ page }) => {\n /**\n * This test verifies that filters applied in the sidebar are saved\n * along with saved searches and restored when loading the saved search.\n *\n * Test flow:\n * 1. Apply filters in the sidebar\n * 2. Create a saved search\n * 3. Navigate away and clear filters\n * 4. Navigate back to the saved search\n * 5. Verify filters are restored\n */\n\n let savedSearchUrl: string;\n let appliedFilterValue: string;\n await test.step('Apply filters in the sidebar', async () => {\n const [picked] = await searchPage.filters.pickVisibleFilterValues(\n 'SeverityText',\n SEVERITIES,\n 1,\n );\n appliedFilterValue = picked;\n\n // Apply the filter\n await searchPage.filters.applyFilter(appliedFilterValue);\n\n // Verify filter is checked\n const filterInput =\n searchPage.filters.getFilterCheckboxInput(appliedFilterValue);\n await expect(filterInput).toBeChecked();\n\n // Submit search to apply filters\n await searchPage.submitButton.click();\n await searchPage.table.waitForRowsToPopulate(true);\n });\n\n await test.step('Create and save the search with filters', async () => {\n await searchPage.openSaveSearchModal();\n await searchPage.savedSearchModal.saveSearchAndWaitForNavigation(\n 'Search with Filters Test',\n );\n\n // Capture the saved search URL\n savedSearchUrl = page.url().split('?')[0];\n });\n\n await test.step('Navigate to a fresh search page', async () => {\n await searchPage.goto();\n await searchPage.table.waitForRowsToPopulate(true);\n });\n\n await test.step('Verify filters are cleared on new search page', async () => {\n // Open the same filter group\n await searchPage.filters.openFilterGroup('SeverityText');\n\n // Verify filter is not checked\n const filterInput =\n searchPage.filters.getFilterCheckboxInput(appliedFilterValue);\n await expect(filterInput).not.toBeChecked();\n });\n\n await test.step('Navigate back to the saved search', async () => {\n await page.goto(savedSearchUrl);\n await expect(page.getByTestId('search-page')).toBeVisible();\n await searchPage.table.waitForRowsToPopulate(true);\n });\n\n await test.step('Verify filters are restored from saved search', async () => {\n // Open the filter group\n await searchPage.filters.openFilterGroup('SeverityText');\n\n // Verify filter is checked again\n const filterInput =\n searchPage.filters.getFilterCheckboxInput(appliedFilterValue);\n await expect(filterInput).toBeChecked();\n });\n },\n );\n\n test(\n 'should update filters when updating a saved search',\n {},\n async ({ page }) => {\n /**\n * Verifies that updating a saved search with additional filters\n * persists and restores both the original and new filters.\n * Picks visible filter values from seed (SEVERITIES) so tests don't\n * rely on a single value that may not appear in the UI.\n */\n const [firstFilter] = await searchPage.filters.pickVisibleFilterValues(\n 'ServiceName',\n SERVICES,\n 1,\n );\n const [secondFilter] = await searchPage.filters.pickVisibleFilterValues(\n 'SeverityText',\n SEVERITIES,\n 1,\n );\n const firstFilterGroup = 'ServiceName';\n const secondFilterGroup = 'SeverityText';\n let savedSearchUrl: string;\n\n await test.step('Create saved search with one filter', async () => {\n await searchPage.filters.openFilterGroup(firstFilterGroup);\n await searchPage.filters.applyFilter(firstFilter);\n await searchPage.submitButton.click();\n await searchPage.table.waitForRowsToPopulate(true);\n\n await searchPage.openSaveSearchModal();\n await searchPage.savedSearchModal.saveSearchAndWaitForNavigation(\n 'Updatable Filter Search',\n );\n savedSearchUrl = page.url().split('?')[0];\n });\n\n await test.step('Update saved search with second filter', async () => {\n await searchPage.filters.openFilterGroup(secondFilterGroup);\n await searchPage.filters.applyFilter(secondFilter);\n await searchPage.submitButton.click();\n await searchPage.table.waitForRowsToPopulate(true);\n\n await searchPage.openSaveSearchModal({ update: true });\n await searchPage.savedSearchModal.saveSearchAndWaitForNavigation(\n 'Updatable Filter Search updated',\n );\n });\n\n await test.step('Navigate away and back', async () => {\n await searchPage.goto();\n await searchPage.table.waitForRowsToPopulate(true);\n await page.goto(savedSearchUrl);\n await expect(page.getByTestId('search-page')).toBeVisible();\n await searchPage.table.waitForRowsToPopulate(true);\n });\n\n await test.step('Verify both filters are restored', async () => {\n await searchPage.filters.openFilterGroup(firstFilterGroup);\n await searchPage.filters.openFilterGroup(secondFilterGroup);\n await expect(\n searchPage.filters.getFilterCheckboxInput(firstFilter),\n ).toBeChecked();\n await expect(\n searchPage.filters.getFilterCheckboxInput(secondFilter),\n ).toBeChecked();\n });\n },\n );\n});\n" }, { "path": "packages/app/tests/e2e/features/search/search-filters.spec.ts", "content": "import { SearchPage } from '../../page-objects/SearchPage';\nimport { expect, test } from '../../utils/base-test';\n\ntest.describe('Search Filters', { tag: ['@search'] }, () => {\n let searchPage: SearchPage;\n // Using known seeded data - 'info' severity always exists in test data\n const TEST_FILTER_VALUE = 'info';\n\n test.beforeEach(async ({ page }) => {\n searchPage = new SearchPage(page);\n await searchPage.goto();\n await searchPage.filters.openFilterGroup('SeverityText');\n });\n\n test('Should apply filters', async () => {\n // Apply the filter using component method\n const filterInput =\n searchPage.filters.getFilterCheckboxInput(TEST_FILTER_VALUE);\n await expect(filterInput).toBeVisible();\n\n await searchPage.filters.applyFilter(TEST_FILTER_VALUE);\n\n // Verify filter is checked\n await expect(filterInput).toBeChecked();\n\n // Verify search results are visible (filters applied)\n await expect(searchPage.getSearchResultsTable()).toBeVisible();\n });\n\n test('Should exclude filters', async () => {\n // Use filter component to exclude the filter\n await searchPage.filters.excludeFilter(TEST_FILTER_VALUE);\n\n // Verify filter shows as excluded using web-first assertion\n const isExcluded =\n await searchPage.filters.isFilterExcluded(TEST_FILTER_VALUE);\n expect(isExcluded).toBe(true);\n });\n\n test('Should clear filters', async () => {\n await searchPage.filters.clearFilter(TEST_FILTER_VALUE);\n\n // Verify filter is no longer checked\n const filterInput =\n searchPage.filters.getFilterCheckboxInput(TEST_FILTER_VALUE);\n await expect(filterInput).not.toBeChecked();\n });\n\n test('Should search for and apply filters', async () => {\n const filterName = 'SeverityText';\n await searchPage.filters.openFilterGroup(filterName);\n await searchPage.filters.searchFilterValues(filterName, 'test');\n const searchInput = searchPage.filters.getFilterSearchInput(filterName);\n await expect(searchInput).toHaveValue('test');\n await searchPage.filters.clearFilterSearch(filterName);\n await expect(searchInput).toHaveValue('');\n });\n\n test('Should pin filter and verify it persists after reload', async () => {\n await searchPage.filters.pinFilter(TEST_FILTER_VALUE);\n\n // Reload page and verify filter persists\n await searchPage.page.reload();\n\n // Verify filter checkbox is still visible\n const filterCheckbox =\n searchPage.filters.getFilterCheckbox(TEST_FILTER_VALUE);\n await expect(filterCheckbox).toBeVisible();\n\n //verify there is a pin icon\n const pinIcon = searchPage.page.getByTestId(\n `filter-pin-${TEST_FILTER_VALUE}-pinned`,\n );\n await expect(pinIcon).toBeVisible();\n });\n\n // TODO: Implement these tests following the same pattern\n // test('should pin filter values', async () => {\n // // Use searchPage.filters.pinFilter()\n // });\n\n // test('should expand and collapse text filters', async () => {\n // // Use searchPage.filters.openFilterGroup() and getFilterGroup()\n // });\n\n // test('should show more and show less filter values', async () => {\n // // Add methods to FilterComponent for show more/less\n // });\n});\n" }, { "path": "packages/app/tests/e2e/features/search/search.spec.ts", "content": "import { SearchPage } from '../../page-objects/SearchPage';\nimport { expect, test } from '../../utils/base-test';\n\ntest.describe('Search', { tag: '@search' }, () => {\n let searchPage: SearchPage;\n\n test.describe('Basic Functionality', () => {\n test.beforeEach(async ({ page }) => {\n searchPage = new SearchPage(page);\n await searchPage.goto();\n });\n\n test(\n 'should load search page with all components',\n { tag: ['@local-mode', '@smoke'] },\n async () => {\n // All assertions use page object getters\n await expect(searchPage.form).toBeVisible();\n await expect(searchPage.timePicker.input).toBeVisible();\n await expect(searchPage.submitButton).toBeVisible();\n },\n );\n\n test('should interact with time picker', async () => {\n // Use TimePickerComponent methods\n await searchPage.timePicker.open();\n\n // Assertions only in spec\n await expect(searchPage.timePicker.applyButton).toBeVisible();\n await expect(searchPage.timePicker.closeButton).toBeVisible();\n\n // Verify time range option\n await expect(searchPage.page.locator('text=Last 1 hour')).toBeVisible();\n\n // Close time picker using component method\n await searchPage.timePicker.close();\n\n // Verify it closed using web-first assertion\n await expect(searchPage.timePicker.applyButton).toBeHidden();\n });\n\n test('should interact with search results and navigate side panel tabs', async () => {\n await test.step('Perform search and open side panel', async () => {\n // Use page object method - no waitForTimeout!\n await searchPage.submitEmptySearch();\n\n // Use table component\n await expect(searchPage.table.firstRow).toBeVisible();\n await searchPage.table.clickFirstRow();\n\n // Verify side panel opens\n await expect(searchPage.sidePanel.tabs).toBeVisible();\n });\n\n await test.step('Navigate through all side panel tabs', async () => {\n const tabs = ['parsed', 'trace', 'context', 'overview'];\n\n // Use side panel component to navigate tabs\n for (const tabName of tabs) {\n await searchPage.sidePanel.clickTab(tabName);\n await expect(searchPage.sidePanel.getTab(tabName)).toBeVisible();\n }\n });\n });\n });\n\n test.describe('Advanced Workflows', () => {\n test.beforeEach(async ({ page }) => {\n searchPage = new SearchPage(page);\n await searchPage.goto();\n });\n\n test('Search with Different Query Types - Lucene', async () => {\n await test.step('Test multiple search query types', async () => {\n const queries = [\n 'Order',\n 'ServiceName:\"CartService\"',\n '*Order*',\n 'SeverityText:\"info\"',\n ];\n\n for (const query of queries) {\n // Use page object methods for interactions\n await searchPage.clearSearch();\n await searchPage.performSearch(query);\n }\n });\n });\n\n test('Comprehensive Search Workflow - Search, View Results, Navigate Side Panel', async () => {\n await test.step('Setup and perform search', async () => {\n await searchPage.performSearch('ResourceAttributes.k8s.pod.name:*');\n });\n\n await test.step('Verify search results and interact with table rows', async () => {\n const resultsTable = searchPage.getSearchResultsTable();\n await expect(resultsTable).toBeVisible();\n\n // Click second row (index 1) using component method\n await searchPage.table.clickRow(1);\n\n // Verify side panel opens\n await expect(searchPage.sidePanel.container).toBeVisible();\n });\n\n await test.step('Navigate through all side panel tabs', async () => {\n const tabs = ['trace', 'context', 'infrastructure', 'overview'];\n\n // Use side panel component with proper waiting\n for (const tabName of tabs) {\n const tab = searchPage.sidePanel.getTab(tabName);\n // Wait for tab to exist before scrolling (fail fast if missing)\n await tab.waitFor({\n state: 'visible',\n timeout: searchPage.defaultTimeout,\n });\n await tab.scrollIntoViewIfNeeded();\n await tab.click({ timeout: searchPage.defaultTimeout });\n await expect(tab).toBeVisible();\n }\n });\n\n await test.step('Verify infrastructure tab content', async () => {\n // Click infrastructure tab using component\n await searchPage.sidePanel.clickTab('infrastructure');\n\n // Use infrastructure component for K8s metrics\n const podMetrics =\n await searchPage.infrastructure.verifyStandardMetrics('k8s.pod.');\n await expect(podMetrics.subpanel).toBeVisible();\n await expect(podMetrics.cpuUsage).toBeVisible();\n await expect(podMetrics.memoryUsage).toBeVisible();\n await expect(podMetrics.diskUsage).toBeVisible();\n\n const nodeMetrics =\n await searchPage.infrastructure.verifyStandardMetrics('k8s.node.');\n await expect(nodeMetrics.subpanel).toBeVisible();\n await expect(nodeMetrics.cpuUsage).toBeVisible();\n await expect(nodeMetrics.memoryUsage).toBeVisible();\n await expect(nodeMetrics.diskUsage).toBeVisible();\n });\n });\n\n test('Time Picker Integration with Search', async () => {\n await test.step('Interact with time picker', async () => {\n await expect(searchPage.timePicker.input).toBeVisible();\n\n // Use component method to select time range\n await searchPage.timePicker.selectRelativeTime('Last 1 hour');\n });\n\n await test.step('Perform search with selected time range', async () => {\n // Clear and submit using page object methods\n await searchPage.clearSearch();\n await searchPage.performSearch('Order');\n });\n\n await test.step('Verify search results', async () => {\n const resultsTable = searchPage.getSearchResultsTable();\n await expect(resultsTable).toBeVisible();\n\n // Use table component to verify rows exist\n const rows = searchPage.table.getRows();\n // Verify at least one row exists (count can vary based on data)\n await expect(rows.first()).toBeVisible();\n });\n });\n\n test('Histogram drag-to-zoom preserves custom SELECT columns', async () => {\n const CUSTOM_SELECT =\n 'Timestamp, ServiceName, Body as message, SeverityText';\n\n await test.step('Perform initial search', async () => {\n await expect(searchPage.form).toBeVisible();\n await searchPage.submitEmptySearch();\n });\n\n await test.step('Setup custom SELECT columns', async () => {\n // Use page object method for SELECT editor\n await searchPage.setCustomSELECT(CUSTOM_SELECT);\n });\n\n await test.step('Search with custom columns and wait for histogram', async () => {\n await searchPage.submitEmptySearch();\n\n // Wait for histogram using page object getter\n await expect(searchPage.getHistogram()).toBeVisible();\n });\n\n await test.step('Drag on histogram to select time range', async () => {\n // Use page object method for histogram interaction\n await searchPage.dragHistogramToZoom(0.25, 0.75);\n });\n\n await test.step('Verify custom SELECT columns are preserved', async () => {\n // Check URL parameters\n const url = searchPage.page.url();\n expect(url, 'URL should contain select parameter').toContain('select=');\n expect(url, 'URL should contain alias \"message\"').toContain('message');\n\n // Verify SELECT editor content using page object\n const selectEditor = searchPage.getSELECTEditor();\n await expect(selectEditor).toBeVisible();\n const selectValue = await selectEditor.textContent();\n\n expect(selectValue, 'SELECT should contain alias').toContain(\n 'Body as message',\n );\n expect(selectValue, 'SELECT should contain SeverityText').toContain(\n 'SeverityText',\n );\n });\n\n await test.step('Verify search results are still displayed', async () => {\n const resultsTable = searchPage.getSearchResultsTable();\n await expect(\n resultsTable,\n 'Search results table should be visible',\n ).toBeVisible();\n\n const rows = searchPage.table.getRows();\n await expect(rows.first()).toBeVisible();\n });\n });\n });\n});\n" }, { "path": "packages/app/tests/e2e/features/services-dashboard.spec.ts", "content": "import { ServicesDashboardPage } from '../page-objects/ServicesDashboardPage';\nimport { expect, test } from '../utils/base-test';\nimport { DEFAULT_TRACES_SOURCE_NAME } from '../utils/constants';\n\ntest.describe('Services Dashboard', { tag: ['@services'] }, () => {\n let servicesPage: ServicesDashboardPage;\n\n test.beforeEach(async ({ page }) => {\n servicesPage = new ServicesDashboardPage(page);\n await servicesPage.goto();\n await servicesPage.selectSource(DEFAULT_TRACES_SOURCE_NAME);\n });\n\n test('should load the services dashboard page', async () => {\n await expect(servicesPage.pageContainer).toBeVisible();\n });\n\n test('should load HTTP tab charts without error', async () => {\n const errorRateChart = servicesPage.getChart(\n 'services-request-error-rate-chart',\n );\n await expect(errorRateChart).toBeVisible();\n\n const throughputChart = servicesPage.getChart(\n 'services-request-throughput-chart',\n );\n await expect(throughputChart).toBeVisible();\n });\n\n test('should show filter by SpanName using Lucene', async () => {\n await servicesPage.searchLucene('Order');\n\n // Should be filtered out\n const otherLink = await servicesPage.getTopEndpointsTableLink('AddItem');\n await expect(otherLink).toHaveCount(0);\n\n const orderLink =\n await servicesPage.getTopEndpointsTableLink('Order create');\n await expect(orderLink).toBeVisible();\n });\n});\n" }, { "path": "packages/app/tests/e2e/features/sessions.spec.ts", "content": "import { SessionsPage } from '../page-objects/SessionsPage';\nimport { expect, test } from '../utils/base-test';\n\ntest.describe('Client Sessions Functionality', { tag: ['@sessions'] }, () => {\n let sessionsPage: SessionsPage;\n\n test.beforeEach(async ({ page }) => {\n sessionsPage = new SessionsPage(page);\n });\n\n test('should load sessions page', async () => {\n await test.step('Navigate to sessions page', async () => {\n await sessionsPage.goto();\n });\n\n await test.step('Verify sessions page components are present', async () => {\n // Use web-first assertions instead of synchronous expect\n await expect(sessionsPage.form).toBeVisible();\n await expect(sessionsPage.dataSource).toBeVisible();\n });\n });\n\n test('should interact with session cards', async () => {\n await test.step('Navigate to sessions page and wait for load', async () => {\n // First go to search page to trigger onboarding modal handling\n await sessionsPage.page.goto('/search');\n\n // Then navigate to sessions page\n await sessionsPage.goto();\n\n // Select the default data source\n await sessionsPage.selectDataSource();\n });\n\n await test.step('Find and interact with session cards', async () => {\n const firstSession = sessionsPage.getFirstSessionCard();\n await expect(sessionsPage.dataSource).toBeVisible();\n await expect(firstSession).toBeVisible();\n await sessionsPage.openFirstSession();\n });\n });\n});\n" }, { "path": "packages/app/tests/e2e/features/shared/multiline.spec.ts", "content": "import type { Locator, Page } from '@playwright/test';\n\nimport { DashboardPage } from '../../page-objects/DashboardPage';\nimport { SearchPage } from '../../page-objects/SearchPage';\nimport { expect, test } from '../../utils/base-test';\n\ntest.describe('Multiline Input', { tag: '@search' }, () => {\n const testInputExpansion = async (\n page: Page,\n editor: Locator,\n /** For CodeMirror, pass the content element that grows (e.g. .cm-content); for textarea, omit to use editor. */\n measureLocator?: Locator,\n ): Promise => {\n const measureEl = measureLocator ?? editor;\n // Scroll into view then focus (more reliable than click for textarea/input in CI)\n await editor.scrollIntoViewIfNeeded();\n await editor.focus();\n await page.keyboard.type('first line');\n\n // Get initial single line height from the element that reflects content height\n const singleLineBox = await measureEl.boundingBox();\n const singleLineHeight = singleLineBox?.height || 0;\n\n // Add a line break and type second line\n await page.keyboard.press('Shift+Enter');\n await page.keyboard.type('second line');\n\n // Verify newline was inserted: CodeMirror has .cm-line per line; textarea value contains newline\n const isCodeMirror = (await editor.locator('.cm-line').count()) > 0;\n if (isCodeMirror) {\n await expect(editor.locator('.cm-line')).toHaveCount(2, {\n timeout: 2000,\n });\n } else {\n await expect(editor).toHaveValue(/first line[\\r\\n]+second line/, {\n timeout: 2000,\n });\n }\n\n // Verify height did not shrink (may stay same on some layouts e.g. scrollable area)\n const multiLineBox = await measureEl.boundingBox();\n const multiLineHeight = multiLineBox?.height || 0;\n expect(multiLineHeight).toBeGreaterThanOrEqual(singleLineHeight);\n };\n\n const getEditor = (\n page: Page,\n mode: 'SQL' | 'Lucene',\n formSelector?: string,\n whereText = 'WHERE',\n ): Locator => {\n if (mode === 'SQL') {\n const container = formSelector ? page.locator(formSelector) : page;\n const whereContainer = container.locator(\n `div:has(div.mantine-Text-root:has-text(\"${whereText}\"))`,\n );\n return whereContainer.locator('.cm-editor').first();\n }\n // Target the textarea so the click hits the typing area, not the Query language Select in the right section\n return page\n .locator('[data-testid=\"search-input\"] textarea')\n .or(page.locator('textarea[data-testid=\"search-input\"]'))\n .first();\n };\n\n // Test configurations\n const tests = [\n {\n path: '/search',\n name: 'Search Page',\n formSelector: '[data-testid=\"search-form\"]',\n whereText: 'WHERE',\n },\n {\n path: '/dashboards',\n name: 'Dashboard Page',\n formSelector: undefined,\n whereText: 'WHERE',\n },\n ];\n\n tests.forEach(({ path, name, formSelector, whereText }) => {\n test(`should expand SQL input on line break on ${name}`, async ({\n page,\n }) => {\n // Navigate using page object\n // eslint-disable-next-line playwright/no-conditional-in-test\n if (path === '/search') {\n const searchPage = new SearchPage(page);\n await searchPage.goto();\n await searchPage.switchToSQLMode();\n } else {\n const dashboardPage = new DashboardPage(page);\n await dashboardPage.goto();\n // Dashboard uses Controller + SQL/SearchInputV2 directly (no where-language-switch wrapper)\n await page.getByRole('textbox', { name: 'Query language' }).click();\n await page.getByRole('option', { name: 'SQL', exact: true }).click();\n // Wait for dropdown to close so the WHERE input is not covered\n await page\n .getByRole('option', { name: 'SQL', exact: true })\n .waitFor({ state: 'hidden', timeout: 5000 });\n }\n\n const editor = getEditor(page, 'SQL', formSelector, whereText);\n await expect(editor).toBeVisible();\n // CodeMirror: .cm-editor can stay fixed; .cm-content height reflects line count\n const measureEl = editor.locator('.cm-content').first();\n await testInputExpansion(page, editor, measureEl);\n });\n\n test(`should expand Lucene input on line break on ${name}`, async ({\n page,\n }) => {\n // Navigate using page object\n // eslint-disable-next-line playwright/no-conditional-in-test\n if (path === '/search') {\n const searchPage = new SearchPage(page);\n await searchPage.goto();\n await searchPage.switchToLuceneMode();\n } else {\n const dashboardPage = new DashboardPage(page);\n await dashboardPage.goto();\n // Dashboard has no where-language-switch wrapper; use Query language textbox directly\n await page.getByRole('textbox', { name: 'Query language' }).click();\n await page.getByRole('option', { name: 'Lucene', exact: true }).click();\n // Wait for dropdown to close so the search input is not covered\n await page\n .getByRole('option', { name: 'Lucene', exact: true })\n .waitFor({ state: 'hidden', timeout: 5000 });\n }\n\n const editor = getEditor(page, 'Lucene', formSelector, whereText);\n await expect(editor).toBeVisible();\n await testInputExpansion(page, editor);\n });\n });\n});\n" }, { "path": "packages/app/tests/e2e/features/sources.spec.ts", "content": "import { SearchPage } from '../page-objects/SearchPage';\nimport { getApiUrl, getSources } from '../utils/api-helpers';\nimport { expect, test } from '../utils/base-test';\nimport {\n DEFAULT_LOGS_SOURCE_NAME,\n DEFAULT_METRICS_SOURCE_NAME,\n DEFAULT_SESSIONS_SOURCE_NAME,\n DEFAULT_TRACES_SOURCE_NAME,\n} from '../utils/constants';\n\nconst COMMON_FIELDS = [\n 'Name',\n 'Source Data Type',\n 'Server Connection',\n 'Database',\n 'Table',\n];\n\nconst LOG_FIELDS = [\n ...COMMON_FIELDS,\n 'Service Name Expression',\n 'Log Level Expression',\n 'Body Expression',\n 'Log Attributes Expression',\n 'Resource Attributes Expression',\n 'Displayed Timestamp Column',\n 'Correlated Metric Source',\n 'Correlated Trace Source',\n 'Trace Id Expression',\n 'Span Id Expression',\n 'Implicit Column Expression',\n 'Default Order By',\n];\n\nconst TRACE_FIELDS = [\n ...COMMON_FIELDS,\n 'Duration Expression',\n 'Duration Precision',\n 'Trace Id Expression',\n 'Span Id Expression',\n 'Parent Span Id Expression',\n 'Span Name Expression',\n 'Span Kind Expression',\n 'Correlated Log Source',\n 'Correlated Session Source',\n 'Correlated Metric Source',\n 'Status Code Expression',\n 'Status Message Expression',\n 'Service Name Expression',\n 'Resource Attributes Expression',\n 'Event Attributes Expression',\n 'Span Events Expression',\n 'Implicit Column Expression',\n 'Displayed Timestamp Column',\n 'Default Order By',\n];\n\nconst SESSION_FIELDS = [...COMMON_FIELDS, 'Correlated Trace Source'];\n\nconst METRIC_FIELDS = [\n ...COMMON_FIELDS.slice(0, -1), // Remove Table\n 'gauge Table',\n 'histogram Table',\n 'sum Table',\n 'summary Table',\n 'exponential histogram Table',\n 'Correlated Log Source',\n];\n\nconst editableSourcesData = [\n {\n name: DEFAULT_LOGS_SOURCE_NAME,\n fields: LOG_FIELDS,\n radioButtonName: 'Log',\n },\n {\n name: DEFAULT_TRACES_SOURCE_NAME,\n fields: TRACE_FIELDS,\n radioButtonName: 'Trace',\n },\n];\n\nconst allSourcesData = [\n ...editableSourcesData,\n {\n name: DEFAULT_METRICS_SOURCE_NAME,\n fields: METRIC_FIELDS,\n radioButtonName: 'OTEL Metrics',\n },\n {\n name: DEFAULT_SESSIONS_SOURCE_NAME,\n fields: SESSION_FIELDS,\n radioButtonName: 'Session',\n },\n];\n\ntest.describe('Sources Functionality', { tag: ['@sources'] }, () => {\n let searchPage: SearchPage;\n\n test.beforeEach(async ({ page }) => {\n searchPage = new SearchPage(page);\n await searchPage.goto();\n });\n\n test('should show source actions in dropdown', async () => {\n // Open source selector dropdown\n await searchPage.sourceDropdown.click();\n\n // Verify action items are visible in the dropdown\n await expect(searchPage.createNewSourceItem).toBeVisible();\n await expect(searchPage.editSourcesItem).toBeVisible();\n });\n\n test(\n 'should show the correct source form when modal is open',\n { tag: ['@sources'] },\n async () => {\n test.skip(\n process.env.E2E_FULLSTACK === 'true',\n 'Skipping source form tests in fullstack mode due to UI differences',\n );\n for (const sourceData of editableSourcesData) {\n await test.step(`Verify ${sourceData.name} fields`, async () => {\n // Demo Logs is selected by default, so we don't need to select it again\n if (sourceData.name !== 'Demo Logs') {\n await searchPage.selectSource(sourceData.name);\n }\n await searchPage.openEditSourceModal();\n await searchPage.sourceModalShowOptionalFields();\n\n for (const field of sourceData.fields) {\n await expect(\n searchPage.page.getByText(field, { exact: true }),\n ).toBeVisible();\n }\n\n // press escape to close the modal\n await searchPage.page.keyboard.press('Escape');\n });\n }\n },\n );\n\n test('should show proper fields when creating a new source', async () => {\n await searchPage.sourceDropdown.click();\n await searchPage.createNewSourceItem.click();\n // for each source type (log, trace, session, metric), verify the correct fields are shown\n for (const sourceData of allSourcesData) {\n await test.step(`Verify ${sourceData.radioButtonName} source type`, async () => {\n // Find the radio button by its label\n const radioButton = searchPage.page.getByLabel(\n sourceData.radioButtonName,\n { exact: true },\n );\n\n // Click the radio button\n await radioButton.click();\n\n // Show optional fields if the button exists\n await searchPage.sourceModalShowOptionalFields();\n\n // Verify fields\n for (const field of sourceData.fields) {\n await expect(\n searchPage.page.getByText(field, { exact: true }),\n ).toBeVisible();\n }\n });\n }\n await searchPage.page.keyboard.press('Escape');\n });\n\n test(\n 'should persist custom ORDER BY and return search results',\n { tag: ['@full-stack'] },\n async ({ page }) => {\n const API_URL = getApiUrl();\n const logSources = await getSources(page, 'log');\n const source = logSources.find(\n (s: any) => s.name === DEFAULT_LOGS_SOURCE_NAME,\n );\n expect(source).toBeDefined();\n\n const sourceId = source._id;\n const customOrderBy = 'Timestamp ASC';\n\n try {\n await test.step('Set custom orderByExpression on the source', async () => {\n const updateResponse = await page.request.put(\n `${API_URL}/sources/${sourceId}`,\n {\n data: {\n ...source,\n id: sourceId,\n orderByExpression: customOrderBy,\n },\n },\n );\n expect(updateResponse.ok()).toBeTruthy();\n });\n\n await test.step('Verify orderByExpression is persisted', async () => {\n const updatedSources = await getSources(page, 'log');\n const updatedSource = updatedSources.find(\n (s: any) => s._id === sourceId,\n );\n expect(updatedSource).toBeDefined();\n expect(updatedSource.orderByExpression).toBe(customOrderBy);\n });\n\n await test.step('Verify search results load with custom ORDER BY', async () => {\n await searchPage.goto();\n await searchPage.selectSource(source.name);\n await searchPage.submitEmptySearch();\n await expect(searchPage.table.firstRow).toBeVisible();\n });\n } finally {\n await page.request.put(`${API_URL}/sources/${sourceId}`, {\n data: {\n ...source,\n id: sourceId,\n orderByExpression: '',\n },\n });\n }\n },\n );\n});\n" }, { "path": "packages/app/tests/e2e/features/team.spec.ts", "content": "// seed: packages/app/tests/e2e/features/dashboard.spec.ts\n\nimport { TeamPage } from '../page-objects/TeamPage';\nimport { expect, test } from '../utils/base-test';\n\ntest.describe('Team Settings Page', { tag: ['@team', '@full-stack'] }, () => {\n let teamPage: TeamPage;\n\n test.beforeEach(async ({ page }) => {\n teamPage = new TeamPage(page);\n await teamPage.goto();\n });\n\n test('should load team page tabs and show all sections', async () => {\n await test.step('Verify page container is visible', async () => {\n await expect(teamPage.container).toBeVisible();\n });\n\n await test.step('Verify team settings tabs are visible', async () => {\n await expect(teamPage.dataTab).toBeVisible();\n await expect(teamPage.teamTab).toBeVisible();\n await expect(teamPage.integrationsTab).toBeVisible();\n await expect(teamPage.advancedTab).toBeVisible();\n });\n\n await test.step('Verify data tab sections are visible', async () => {\n await teamPage.openDataTab();\n await expect(teamPage.sources).toBeVisible();\n await expect(teamPage.connections).toBeVisible();\n });\n\n await test.step('Verify data tab headings exist', async () => {\n await expect(\n teamPage.sources.getByText('Sources', { exact: true }),\n ).toBeVisible();\n await expect(\n teamPage.connections.getByText('Connections', { exact: true }),\n ).toBeVisible();\n });\n\n await test.step('Verify team name is in header', async () => {\n await expect(teamPage.teamNameValue).toBeVisible();\n await expect(teamPage.teamNameEditButton).toBeVisible();\n });\n\n await test.step('Verify members tab sections are visible', async () => {\n await teamPage.openTeamTab();\n await expect(teamPage.members).toBeVisible();\n });\n\n await test.step('Verify members tab heading exists', async () => {\n await expect(\n teamPage.members.getByText('Team Members', { exact: true }).first(),\n ).toBeVisible();\n });\n\n await test.step('Verify access tab content when available', async () => {\n if (await teamPage.hasAccessTab()) {\n await expect(teamPage.accessTab).toBeVisible();\n await teamPage.openAccessTab();\n await expect(teamPage.securityPolicies).toBeVisible();\n }\n });\n\n await test.step('Verify integrations tab sections are visible', async () => {\n await teamPage.openIntegrationsTab();\n await expect(teamPage.integrations).toBeVisible();\n await expect(teamPage.apiKeys).toBeVisible();\n });\n\n await test.step('Verify integrations tab headings exist', async () => {\n await expect(\n teamPage.integrations.getByText('Integrations', { exact: true }),\n ).toBeVisible();\n await expect(\n teamPage.apiKeys.getByText('API Keys', { exact: true }),\n ).toBeVisible();\n });\n\n await test.step('Verify advanced tab content is visible', async () => {\n await teamPage.openAdvancedTab();\n await expect(teamPage.querySettings).toBeVisible();\n });\n });\n\n test('should change team name', async () => {\n test.setTimeout(90000);\n let originalName: string;\n\n await test.step('Read current team name', async () => {\n const text = await teamPage.getTeamNameText();\n originalName = (text ?? '').trim();\n });\n\n await test.step('Start editing and verify edit controls', async () => {\n await teamPage.startEditingTeamName();\n await expect(teamPage.teamNameSave).toBeVisible();\n await expect(teamPage.teamNameCancel).toBeVisible();\n });\n\n const newName = `E2E Team ${Date.now()}`;\n\n await test.step('Fill and save new team name', async () => {\n await teamPage.fillTeamName(newName);\n await teamPage.saveTeamName();\n });\n\n await test.step('Verify success notification and new name', async () => {\n await expect(teamPage.page.getByText('Updated team name')).toBeVisible();\n await expect(teamPage.teamNameValue).toHaveText(newName);\n });\n\n await test.step('Restore original team name', async () => {\n await teamPage.changeTeamName(originalName!);\n await expect(teamPage.page.getByText('Updated team name')).toBeVisible();\n });\n });\n\n test('should cancel team name editing', async () => {\n let originalName: string;\n\n await test.step('Read current team name', async () => {\n const text = await teamPage.getTeamNameText();\n originalName = (text ?? '').trim();\n });\n\n await test.step('Start editing and fill new name', async () => {\n await teamPage.startEditingTeamName();\n await teamPage.fillTeamName(`E2E Temp ${Date.now()}`);\n });\n\n await test.step('Cancel editing', async () => {\n await teamPage.cancelEditingTeamName();\n });\n\n await test.step('Verify original name is still displayed', async () => {\n await expect(teamPage.teamNameValue).toHaveText(originalName!);\n await expect(teamPage.teamNameSave).toBeHidden();\n });\n });\n\n test('should display API keys', async () => {\n await test.step('Scroll to API keys section', async () => {\n await teamPage.openIntegrationsTab();\n await teamPage.apiKeys.scrollIntoViewIfNeeded();\n });\n\n await test.step('Verify API key labels are visible', async () => {\n await expect(\n teamPage.apiKeys.getByText('Ingestion API Key'),\n ).toBeVisible();\n await expect(\n teamPage.apiKeys.getByText('Personal API Access Key'),\n ).toBeVisible();\n });\n\n await test.step('Verify rotate button is visible', async () => {\n await expect(teamPage.rotateButton).toBeVisible();\n });\n });\n\n test('should open and cancel rotate API key modal', async () => {\n await test.step('Open rotate API key modal', async () => {\n await teamPage.openIntegrationsTab();\n await teamPage.clickRotateApiKey();\n });\n\n await test.step('Verify modal shows irreversible warning', async () => {\n await expect(teamPage.page.getByText('not reversible')).toBeVisible();\n });\n\n await test.step('Cancel and verify modal closes', async () => {\n await teamPage.cancelRotateApiKey();\n await expect(teamPage.page.getByText('not reversible')).toBeHidden();\n });\n });\n\n test('should create and delete a webhook', async () => {\n test.setTimeout(90000);\n const ts = Date.now();\n const webhookName = `E2E Webhook ${ts}`;\n const webhookUrl = `https://example.com/e2e-webhook-${ts}`;\n\n await test.step('Scroll to integrations and create webhook', async () => {\n await teamPage.openIntegrationsTab();\n await teamPage.integrations.scrollIntoViewIfNeeded();\n await teamPage.createWebhook({\n serviceType: 'Generic',\n name: webhookName,\n url: webhookUrl,\n });\n });\n\n await test.step('Verify webhook created successfully', async () => {\n await expect(\n teamPage.page.getByText('Webhook created successfully'),\n ).toBeVisible();\n await expect(teamPage.integrations.getByText(webhookName)).toBeVisible();\n await expect(teamPage.integrations.getByText(webhookUrl)).toBeVisible();\n });\n\n await test.step('Delete the webhook', async () => {\n await teamPage.deleteWebhookByName(webhookName);\n await teamPage.confirmDialog();\n });\n\n await test.step('Verify webhook deleted successfully', async () => {\n await expect(\n teamPage.page.getByText('Webhook deleted successfully'),\n ).toBeVisible();\n await expect(teamPage.integrations.getByText(webhookName)).toBeHidden();\n });\n });\n\n test('should invite a team member and delete the invitation', async () => {\n test.setTimeout(90000);\n const email = `e2e-test-${Date.now()}@example.com`;\n\n await test.step('Verify current user is displayed', async () => {\n await teamPage.openTeamTab();\n await teamPage.members.scrollIntoViewIfNeeded();\n await expect(teamPage.members.getByText('You')).toBeVisible();\n });\n\n await test.step('Open invite modal and send invitation', async () => {\n await teamPage.clickInviteMember();\n await expect(\n teamPage.page.getByRole('dialog').getByText('Invite Team Member'),\n ).toBeVisible();\n await teamPage.fillInviteEmail(email);\n await teamPage.submitInvite();\n });\n\n await test.step('Verify invitation appears with pending badge', async () => {\n const row = teamPage.getInvitationRow(email);\n await expect(row).toBeVisible({ timeout: 10000 });\n await expect(row.getByText(email)).toBeVisible();\n await expect(row.getByText('Pending Invite')).toBeVisible();\n });\n\n await test.step('Delete the invitation', async () => {\n await teamPage.deleteInvitationByEmail(email);\n await teamPage.confirmDeleteMember();\n });\n\n await test.step('Verify invitation deleted successfully', async () => {\n await expect(\n teamPage.page.getByText('Deleted team invite'),\n ).toBeVisible();\n await expect(teamPage.members.getByText(email)).toBeHidden();\n });\n });\n\n test('should display connection information', async () => {\n await test.step('Verify connections section is visible', async () => {\n await teamPage.openDataTab();\n await expect(teamPage.connections).toBeVisible();\n });\n\n await test.step('Verify connection details are visible', async () => {\n await expect(teamPage.connections.getByText('Host:')).toBeVisible();\n await expect(teamPage.connections.getByText('Username:')).toBeVisible();\n });\n });\n});\n" }, { "path": "packages/app/tests/e2e/features/traces-workflow.spec.ts", "content": "import { SearchPage } from '../page-objects/SearchPage';\nimport { expect, test } from '../utils/base-test';\nimport { DEFAULT_TRACES_SOURCE_NAME } from '../utils/constants';\n\ntest.describe('Advanced Search Workflow - Traces', { tag: '@traces' }, () => {\n let searchPage: SearchPage;\n\n test.beforeEach(async ({ page }) => {\n searchPage = new SearchPage(page);\n await searchPage.goto();\n });\n\n test('Comprehensive traces workflow - search, view waterfall, navigate trace details', async () => {\n await test.step('Select Demo Traces data source', async () => {\n const sourceSelector = searchPage.page.locator(\n '[data-testid=\"source-selector\"]',\n );\n await expect(sourceSelector).toBeVisible();\n await sourceSelector.click();\n\n const demoTracesOption = searchPage.page.locator(\n `text=${DEFAULT_TRACES_SOURCE_NAME}`,\n );\n await expect(demoTracesOption).toBeVisible();\n await demoTracesOption.click();\n });\n\n await test.step('Search for Order traces', async () => {\n await expect(searchPage.input).toBeVisible();\n await searchPage.input.fill('Order');\n\n // Use time picker component\n await searchPage.timePicker.selectRelativeTime('Last 1 days');\n\n // Perform search\n await searchPage.performSearch('Order');\n });\n\n await test.step('Verify search results', async () => {\n const searchResultsTable = searchPage.getSearchResultsTable();\n await expect(searchResultsTable).toBeVisible();\n });\n\n await test.step('Click on first trace result and open side panel', async () => {\n // Use table component to click first row\n await expect(searchPage.table.firstRow).toBeVisible();\n await searchPage.table.clickFirstRow();\n\n // Verify side panel opens\n await expect(searchPage.sidePanel.container).toBeVisible();\n });\n\n await test.step('Navigate to trace tab and verify trace visualization', async () => {\n // Use side panel component to navigate to trace tab\n await searchPage.sidePanel.clickTab('trace');\n\n // Verify trace panel is visible\n const tracePanel = searchPage.page.locator(\n '[data-testid=\"side-panel-tab-trace\"]',\n );\n await expect(tracePanel).toBeVisible({ timeout: 5000 });\n\n // Look for trace timeline elements (the spans/timeline labels that show in trace view)\n const traceTimelineElements = searchPage.page\n .locator('[role=\"button\"]')\n .filter({ hasText: /\\w+/ });\n\n // Verify we have trace timeline elements (spans) visible using web-first assertion\n await expect(traceTimelineElements.first()).toBeVisible({\n timeout: 10000,\n });\n });\n\n await test.step('Verify event details and navigation tabs', async () => {\n const overviewTab = searchPage.page.locator('text=Overview').first();\n const columnValuesTab = searchPage.page\n .locator('text=Column Values')\n .first();\n\n await expect(overviewTab).toBeVisible();\n await expect(columnValuesTab).toBeVisible();\n });\n\n await test.step('Interact with span elements in trace waterfall', async () => {\n // Look for clickable trace span elements (buttons with role=\"button\")\n const spanElements = searchPage.page\n .locator('[role=\"button\"]')\n .filter({ hasText: /CartService|AddItem|POST|span|trace/ });\n\n // Verify we have span elements using web-first assertion\n await expect(spanElements.first()).toBeVisible({ timeout: 5000 });\n\n const spanCount = await spanElements.count();\n if (spanCount > 1) {\n const secondSpan = spanElements.nth(1);\n await secondSpan.scrollIntoViewIfNeeded();\n await secondSpan.click({ timeout: 3000 });\n }\n });\n\n await test.step('Verify trace attributes are displayed', async () => {\n const traceAttributes = ['TraceId', 'SpanId', 'SpanName'];\n\n for (const attribute of traceAttributes) {\n const attributeElement = searchPage.page\n .locator(`div[class*=\"HyperJson_key__\"]`)\n .filter({ hasText: new RegExp(`^${attribute}$`) });\n await expect(attributeElement).toBeVisible();\n }\n\n await searchPage.page.keyboard.press('PageDown');\n\n // Look for section headers\n const topLevelAttributesSection = searchPage.page.locator(\n 'text=Top Level Attributes',\n );\n await expect(topLevelAttributesSection).toBeVisible();\n\n const spanAttributesSection = searchPage.page.locator(\n 'text=Span Attributes',\n );\n await expect(spanAttributesSection).toBeVisible();\n });\n });\n});\n" }, { "path": "packages/app/tests/e2e/fixtures/e2e-fixtures.json", "content": "{\n \"connections\": [\n {\n \"id\": \"local\",\n \"name\": \"local\",\n \"host\": \"http://localhost:8123\",\n \"username\": \"default\",\n \"password\": \"\"\n }\n ],\n \"sources\": [\n {\n \"id\": \"E2E Logs\",\n \"kind\": \"log\",\n \"name\": \"E2E Logs\",\n \"connection\": \"local\",\n \"from\": { \"databaseName\": \"default\", \"tableName\": \"e2e_otel_logs\" },\n \"timestampValueExpression\": \"TimestampTime\",\n \"defaultTableSelectExpression\": \"Timestamp, ServiceName, SeverityText, Body\",\n \"serviceNameExpression\": \"ServiceName\",\n \"severityTextExpression\": \"SeverityText\",\n \"eventAttributesExpression\": \"LogAttributes\",\n \"resourceAttributesExpression\": \"ResourceAttributes\",\n \"traceIdExpression\": \"TraceId\",\n \"spanIdExpression\": \"SpanId\",\n \"implicitColumnExpression\": \"Body\",\n \"displayedTimestampValueExpression\": \"Timestamp\",\n \"sessionSourceId\": \"E2E Sessions\",\n \"traceSourceId\": \"E2E Traces\",\n \"metricSourceId\": \"E2E Metrics\"\n },\n {\n \"id\": \"E2E Traces\",\n \"kind\": \"trace\",\n \"name\": \"E2E Traces\",\n \"connection\": \"local\",\n \"from\": { \"databaseName\": \"default\", \"tableName\": \"e2e_otel_traces\" },\n \"timestampValueExpression\": \"Timestamp\",\n \"defaultTableSelectExpression\": \"Timestamp, ServiceName, StatusCode, round(Duration / 1e6), SpanName\",\n \"serviceNameExpression\": \"ServiceName\",\n \"eventAttributesExpression\": \"SpanAttributes\",\n \"resourceAttributesExpression\": \"ResourceAttributes\",\n \"traceIdExpression\": \"TraceId\",\n \"spanIdExpression\": \"SpanId\",\n \"implicitColumnExpression\": \"SpanName\",\n \"durationExpression\": \"Duration\",\n \"durationPrecision\": 9,\n \"parentSpanIdExpression\": \"ParentSpanId\",\n \"spanKindExpression\": \"SpanKind\",\n \"spanNameExpression\": \"SpanName\",\n \"logSourceId\": \"E2E Logs\",\n \"statusCodeExpression\": \"StatusCode\",\n \"statusMessageExpression\": \"StatusMessage\",\n \"spanEventsValueExpression\": \"Events\",\n \"metricSourceId\": \"E2E Metrics\",\n \"sessionSourceId\": \"E2E Sessions\"\n },\n {\n \"id\": \"E2E Metrics\",\n \"kind\": \"metric\",\n \"name\": \"E2E Metrics\",\n \"connection\": \"local\",\n \"from\": { \"databaseName\": \"default\", \"tableName\": \"\" },\n \"timestampValueExpression\": \"TimeUnix\",\n \"serviceNameExpression\": \"ServiceName\",\n \"metricTables\": {\n \"gauge\": \"e2e_otel_metrics_gauge\",\n \"histogram\": \"e2e_otel_metrics_histogram\",\n \"sum\": \"e2e_otel_metrics_sum\",\n \"summary\": \"e2e_otel_metrics_summary\",\n \"exponential histogram\": \"e2e_otel_metrics_exponential_histogram\"\n },\n \"resourceAttributesExpression\": \"ResourceAttributes\",\n \"logSourceId\": \"E2E Logs\"\n },\n {\n \"id\": \"E2E Sessions\",\n \"kind\": \"session\",\n \"name\": \"E2E Sessions\",\n \"connection\": \"local\",\n \"from\": {\n \"databaseName\": \"default\",\n \"tableName\": \"e2e_hyperdx_sessions\"\n },\n \"timestampValueExpression\": \"TimestampTime\",\n \"defaultTableSelectExpression\": \"Timestamp, ServiceName, Body\",\n \"serviceNameExpression\": \"ServiceName\",\n \"severityTextExpression\": \"SeverityText\",\n \"eventAttributesExpression\": \"LogAttributes\",\n \"resourceAttributesExpression\": \"ResourceAttributes\",\n \"traceSourceId\": \"E2E Traces\",\n \"traceIdExpression\": \"TraceId\",\n \"spanIdExpression\": \"SpanId\",\n \"implicitColumnExpression\": \"Body\"\n }\n ]\n}\n" }, { "path": "packages/app/tests/e2e/global-setup-fullstack.ts", "content": "/**\n * Global setup for full-stack E2E tests\n *\n * This setup:\n * 1. Clears MongoDB database to ensure clean state\n * 2. Creates a test user and team\n * 3. Applies DEFAULT_SOURCES from .env.e2e\n * 4. Saves authentication state for tests\n *\n * Full-stack mode uses:\n * - MongoDB (local) for authentication, teams, users, persistence\n * - API server (local) for backend logic\n * - Demo ClickHouse (remote) for telemetry data (logs, traces, metrics, K8s)\n */\n\nimport { execSync } from 'child_process';\nimport fs from 'fs';\nimport path from 'path';\nimport { chromium, FullConfig } from '@playwright/test';\n\nimport { seedClickHouse } from './seed-clickhouse';\n\n// Configuration constants\nconst API_HEALTH_CHECK_MAX_RETRIES = parseInt(\n process.env.E2E_API_HEALTH_CHECK_MAX_RETRIES || '30',\n 10,\n);\nconst API_HEALTH_CHECK_RETRY_DELAY_MS = 1000;\nconst SOURCE_SELECTOR_TIMEOUT_MS = 10000;\nconst PAGE_LOAD_TIMEOUT_MS = 30000;\n\n// Password must be at least 8 characters with uppercase, lowercase, number, and special char\nconst DEFAULT_TEST_USER = {\n email: process.env.E2E_TEST_USER_EMAIL || 'e2e-test@hyperdx.io',\n password: process.env.E2E_TEST_USER_PASSWORD || 'TestPassword123!',\n} as const;\n\nconst API_URL = process.env.E2E_API_URL || 'http://localhost:29000';\nconst APP_URL = process.env.E2E_APP_URL || 'http://localhost:28081';\nconst AUTH_FILE = path.join(__dirname, '.auth/user.json');\nconst MONGO_URI =\n process.env.MONGO_URI || 'mongodb://localhost:29998/hyperdx-e2e';\n\n/**\n * Clears the MongoDB database to ensure a clean slate for tests\n */\nfunction clearDatabase() {\n console.log('Clearing MongoDB database for fresh test run...');\n\n try {\n const dockerComposeFile = path.join(__dirname, 'docker-compose.yml');\n if (fs.existsSync(dockerComposeFile)) {\n execSync(\n `docker compose -p e2e -f \"${dockerComposeFile}\" exec -T db mongosh --port 29998 --quiet --eval \"use hyperdx-e2e; db.dropDatabase()\" 2>&1`,\n { encoding: 'utf-8', stdio: 'pipe' },\n );\n console.log(' ✓ Database cleared successfully (via Docker)');\n return;\n }\n\n throw new Error('Could not connect to MongoDB');\n } catch (error) {\n console.warn(' ⚠ Warning: Could not clear database');\n console.warn(` ${error instanceof Error ? error.message : String(error)}`);\n console.warn(\n ' This may cause issues if old data exists from previous test runs',\n );\n console.warn(\n ' Consider manually clearing the database or setting E2E_UNIQUE_USER=true',\n );\n }\n}\n\nasync function globalSetup(_config: FullConfig) {\n console.log('Setting up full-stack E2E environment');\n console.log(' MongoDB: local (auth, teams, persistence)');\n console.log(' ClickHouse: local instance (telemetry data)');\n\n // Set timezone\n process.env.TZ = 'America/New_York';\n\n // Seed ClickHouse with test data\n await seedClickHouse();\n\n // Clean up any existing auth state to ensure fresh setup\n if (fs.existsSync(AUTH_FILE)) {\n console.log(' Removing existing auth state');\n fs.unlinkSync(AUTH_FILE);\n }\n\n // Generate unique test user if E2E_UNIQUE_USER is set (useful for parallel CI runs)\n const MOCK_USER =\n process.env.E2E_UNIQUE_USER === 'true'\n ? {\n email: `e2e-test-${Date.now()}-${Math.random().toString(36).slice(2, 9)}@hyperdx.io`,\n password: DEFAULT_TEST_USER.password,\n }\n : { ...DEFAULT_TEST_USER };\n\n if (process.env.E2E_UNIQUE_USER === 'true') {\n console.log(` Using unique test user: ${MOCK_USER.email}`);\n }\n\n // Wait for API server to be ready\n console.log('Waiting for API server to be ready...');\n\n for (let i = 0; i < API_HEALTH_CHECK_MAX_RETRIES; i++) {\n try {\n const response = await fetch(`${API_URL}/health`).catch(() => null);\n if (response?.ok) {\n console.log(' API server is ready');\n break;\n }\n } catch {\n // Continue retrying\n }\n\n if (i === API_HEALTH_CHECK_MAX_RETRIES - 1) {\n throw new Error(\n `API server not ready after ${(API_HEALTH_CHECK_MAX_RETRIES * API_HEALTH_CHECK_RETRY_DELAY_MS) / 1000} seconds`,\n );\n }\n\n await new Promise(resolve =>\n setTimeout(resolve, API_HEALTH_CHECK_RETRY_DELAY_MS),\n );\n }\n\n // Clear MongoDB database to ensure DEFAULT_SOURCES is applied\n clearDatabase();\n\n // Create test user and save auth state\n console.log('Creating test user and logging in');\n\n const browser = await chromium.launch();\n const context = await browser.newContext({ baseURL: APP_URL });\n const page = await context.newPage();\n\n try {\n // Register user\n console.log(` Registering user: ${MOCK_USER.email}`);\n const registerResponse = await page.request.post(\n `${API_URL}/register/password`,\n {\n data: {\n email: MOCK_USER.email,\n password: MOCK_USER.password,\n confirmPassword: MOCK_USER.password,\n },\n },\n );\n\n if (!registerResponse.ok()) {\n const status = registerResponse.status();\n const body = await registerResponse.text();\n\n // 409 Conflict should not happen since we cleared the database\n // If it does, it indicates the database clear failed\n if (status === 409) {\n console.warn(\n ' ⚠ Warning: User/team already exists (409 Conflict) - database may not have been cleared',\n );\n console.warn(\n ' DEFAULT_SOURCES will NOT be applied (only happens on new team creation)',\n );\n console.warn(' Tests may fail due to stale or incorrect sources');\n } else {\n // Any other error is a real failure\n throw new Error(`Registration failed: ${status} ${body}`);\n }\n } else {\n console.log(' ✓ User registered successfully');\n console.log(' ✓ DEFAULT_SOURCES applied to new team');\n }\n\n // Login\n console.log(' Logging in');\n const loginResponse = await page.request.post(`${API_URL}/login/password`, {\n data: {\n email: MOCK_USER.email,\n password: MOCK_USER.password,\n },\n failOnStatusCode: false,\n });\n\n // Login returns 302 redirect on success\n if (loginResponse.status() !== 302 && !loginResponse.ok()) {\n const body = await loginResponse.text();\n throw new Error(`Login failed: ${loginResponse.status()} ${body}`);\n }\n\n // Navigate to the app to establish session\n await page.goto('/', { timeout: PAGE_LOAD_TIMEOUT_MS });\n\n console.log(' Login successful');\n\n // Verify default sources were auto-created (via DEFAULT_SOURCES env var)\n console.log('Verifying default sources were created');\n let sourcesResponse;\n try {\n sourcesResponse = await page.request.get(`${API_URL}/sources`);\n } catch (error) {\n console.error(' Network error fetching sources:', error);\n throw new Error(\n `Failed to connect to API at ${API_URL}/sources - is the API server running?`,\n );\n }\n\n if (!sourcesResponse.ok()) {\n const errorText = await sourcesResponse.text();\n console.error(\n ` API error fetching sources: ${sourcesResponse.status} ${errorText}`,\n );\n\n if (\n sourcesResponse.status() === 401 ||\n sourcesResponse.status() === 403\n ) {\n throw new Error('Authentication failed - check session setup');\n } else if (sourcesResponse.status() >= 500) {\n throw new Error(\n `API server error (${sourcesResponse.status()}) - check API logs`,\n );\n } else {\n throw new Error(`Failed to fetch sources: ${sourcesResponse.status()}`);\n }\n }\n\n const sources = await sourcesResponse.json();\n console.log(` Found ${sources.length} default sources`);\n if (sources.length === 0) {\n console.error(' ❌ ERROR: No sources found');\n console.error(\n ' This should not happen since we just created a fresh team',\n );\n console.error(\n ' Check that DEFAULT_SOURCES is properly configured in packages/api/.env.e2e',\n );\n throw new Error(\n 'No sources found - DEFAULT_SOURCES may be misconfigured',\n );\n } else {\n console.log(' ✓ Sources configured:');\n sources.forEach((source: any) => {\n console.log(` - ${source.name} (${source.kind})`);\n });\n }\n\n // Navigate to search page to ensure sources are loaded\n console.log('Navigating to search page');\n await page.goto('/search', { timeout: PAGE_LOAD_TIMEOUT_MS });\n\n // Wait for source selector to be ready (indicates sources are loaded)\n await page.waitForSelector('[data-testid=\"source-selector\"]', {\n state: 'visible',\n timeout: SOURCE_SELECTOR_TIMEOUT_MS,\n });\n\n // Save authentication state\n const authDir = path.dirname(AUTH_FILE);\n if (!fs.existsSync(authDir)) {\n fs.mkdirSync(authDir, { recursive: true });\n }\n await context.storageState({ path: AUTH_FILE });\n console.log(` Auth state saved to ${AUTH_FILE}`);\n\n console.log('Full-stack E2E setup complete');\n console.log(\n ' Using local ClickHouse with seeded test data for logs, traces, metrics, and K8s',\n );\n } catch (error) {\n console.error('Setup failed:', error);\n throw error;\n } finally {\n await context.close();\n await browser.close();\n }\n}\n\nexport default globalSetup;\n" }, { "path": "packages/app/tests/e2e/global-setup-local.ts", "content": "/**\n * Global setup for local E2E mode\n *\n * Local mode only needs to seed ClickHouse (no MongoDB, no auth)\n */\n\nimport { FullConfig } from '@playwright/test';\n\nimport { seedClickHouse } from './seed-clickhouse';\n\nasync function globalSetupLocal(_config: FullConfig): Promise {\n console.log('Setting up local E2E environment (seeding ClickHouse)');\n process.env.TZ = 'America/New_York';\n\n await seedClickHouse();\n\n console.log('Local E2E setup complete');\n}\n\nexport default globalSetupLocal;\n" }, { "path": "packages/app/tests/e2e/page-objects/AlertsPage.ts", "content": "/**\n * AlertsPage - Page object for the /alerts page\n * Encapsulates all interactions with the alerts interface\n * Currently not used until Alerts tests are implemented\n */\nimport { Locator, Page } from '@playwright/test';\n\nexport class AlertsPage {\n readonly page: Page;\n private readonly alertsPageContainer: Locator;\n private readonly alertsButton: Locator;\n private readonly alertsModal: Locator;\n\n constructor(page: Page) {\n this.page = page;\n this.alertsPageContainer = page.locator('[data-testid=\"alerts-page\"]');\n this.alertsButton = page.locator('[data-testid=\"alerts-button\"]');\n this.alertsModal = page.locator('[data-testid=\"alerts-modal\"]');\n }\n\n /**\n * Navigate to the alerts page\n */\n async goto() {\n await this.page.goto('/alerts');\n }\n\n /**\n * Get all alert cards\n */\n getAlertCards() {\n return this.page.locator('[data-testid^=\"alert-card-\"]');\n }\n\n /**\n * Get a specific alert card by index\n */\n getAlertCard(index: number) {\n return this.getAlertCards().nth(index);\n }\n\n /**\n * Get the first alert card\n */\n getFirstAlertCard() {\n return this.getAlertCards().first();\n }\n\n /**\n * Get alert link for a specific alert card\n */\n getAlertLink(cardIndex: number = 0) {\n const card = this.getAlertCard(cardIndex);\n return card.locator('[data-testid^=\"alert-link-\"]');\n }\n\n /**\n * Open alerts creation modal\n */\n async openAlertsModal() {\n await this.alertsButton.scrollIntoViewIfNeeded();\n await this.alertsButton.click();\n }\n\n // Getters for assertions\n\n get pageContainer() {\n return this.alertsPageContainer;\n }\n\n get createButton() {\n return this.alertsButton;\n }\n\n get modal() {\n return this.alertsModal;\n }\n}\n" }, { "path": "packages/app/tests/e2e/page-objects/ChartExplorerPage.ts", "content": "/**\n * ChartExplorerPage - Page object for the /chart page\n * Encapsulates all interactions with the chart explorer interface\n */\nimport { Locator, Page } from '@playwright/test';\n\nimport { ChartEditorComponent } from '../components/ChartEditorComponent';\n\nexport class ChartExplorerPage {\n readonly page: Page;\n readonly chartEditor: ChartEditorComponent;\n private readonly chartForm: Locator;\n\n constructor(page: Page) {\n this.page = page;\n this.chartEditor = new ChartEditorComponent(page);\n this.chartForm = page.locator('[data-testid=\"chart-explorer-form\"]');\n }\n\n /**\n * Navigate to the chart explorer page\n */\n async goto() {\n await this.page.goto('/chart');\n }\n\n /**\n * Get chart containers (recharts)\n */\n getChartContainers() {\n return this.page.locator('.recharts-responsive-container');\n }\n\n /**\n * Get the first chart container\n */\n getFirstChart() {\n return this.getChartContainers().first();\n }\n\n // Getters for assertions\n\n get form() {\n return this.chartForm;\n }\n}\n" }, { "path": "packages/app/tests/e2e/page-objects/DashboardPage.ts", "content": "/**\n * DashboardPage - Page object for dashboard pages\n * Encapsulates interactions with dashboard creation, editing, and tile management\n */\nimport { DisplayType } from '@hyperdx/common-utils/dist/types';\nimport { expect, Locator, Page } from '@playwright/test';\n\nimport { ChartEditorComponent } from '../components/ChartEditorComponent';\nimport { TimePickerComponent } from '../components/TimePickerComponent';\nimport { getSqlEditor } from '../utils/locators';\n\n/**\n * Config format tile config, as accepted by the external dashboard API.\n * Used with verifyTileFormFromConfig\n */\nexport type TileConfig = {\n displayType: Exclude;\n sourceId?: string;\n select?:\n | {\n aggFn?: string;\n where?: string;\n whereLanguage?: 'sql' | 'lucene';\n alias?: string;\n valueExpression?: string;\n }[]\n | string;\n where?: string;\n whereLanguage?: 'sql' | 'lucene';\n groupBy?: string;\n markdown?: string;\n};\ntype SeriesType = 'time' | 'number' | 'table' | 'search' | 'markdown' | 'pie';\n/**\n * Series data structure for chart verification\n * Supports all chart types: time, number, table, search, markdown\n */\nexport type SeriesData = {\n type: SeriesType;\n sourceId?: string;\n aggFn?: string;\n field?: string;\n where?: string;\n whereLanguage?: 'sql' | 'lucene';\n groupBy?: string[];\n alias?: string;\n displayType?: 'line' | 'stacked_bar';\n sortOrder?: 'desc' | 'asc';\n fields?: string[]; // For search type\n content?: string; // For markdown type\n numberFormat?: Record;\n metricDataType?: string;\n metricName?: string;\n level?: number;\n};\n\nexport class DashboardPage {\n readonly page: Page;\n readonly timePicker: TimePickerComponent;\n readonly chartEditor: ChartEditorComponent;\n readonly granularityPicker: Locator;\n readonly searchInput: Locator;\n\n private readonly createDashboardButton: Locator;\n private readonly addTileButton: Locator;\n private readonly dashboardNameHeading: Locator;\n private readonly searchSubmitButton: Locator;\n private readonly liveButton: Locator;\n private readonly tempDashboardBanner: Locator;\n private readonly editFiltersButton: Locator;\n private readonly filtersListModal: Locator;\n private readonly emptyFiltersListModal: Locator;\n private readonly addFiltersButton: Locator;\n private readonly closeFiltersModalButton: Locator;\n private readonly filtersSourceSelector: Locator;\n private readonly saveButton: Locator;\n private readonly tileSourceSelector: Locator;\n private readonly aliasInput: Locator;\n private readonly aggFnSelect: Locator;\n private readonly markdownTextarea: Locator;\n private readonly confirmModal: Locator;\n private readonly confirmCancelButton: Locator;\n private readonly confirmConfirmButton: Locator;\n private readonly dashboardMenuButton: Locator;\n private readonly saveDefaultQueryAndFiltersMenuItem: Locator;\n private readonly removeDefaultQueryAndFiltersMenuItem: Locator;\n\n constructor(page: Page) {\n this.page = page;\n this.timePicker = new TimePickerComponent(page);\n this.chartEditor = new ChartEditorComponent(page);\n\n this.createDashboardButton = page.locator(\n '[data-testid=\"create-dashboard-button\"]',\n );\n this.addTileButton = page.locator('[data-testid=\"add-new-tile-button\"]');\n this.searchInput = page.locator('[data-testid=\"search-input\"]');\n this.searchSubmitButton = page.locator(\n '[data-testid=\"search-submit-button\"]',\n );\n this.liveButton = page.locator('button:has-text(\"Live\")');\n this.dashboardNameHeading = page.getByRole('heading', { level: 3 });\n this.granularityPicker = page.getByTestId('granularity-picker');\n this.tempDashboardBanner = page.locator(\n '[data-testid=\"temporary-dashboard-banner\"]',\n );\n this.editFiltersButton = page.getByTestId('edit-filters-button');\n this.filtersListModal = page.getByTestId('dashboard-filters-list');\n this.emptyFiltersListModal = page.getByTestId(\n 'dashboard-filters-empty-state',\n );\n this.addFiltersButton = page.getByTestId('add-filter-button');\n this.closeFiltersModalButton = page.getByTestId('close-filters-button');\n this.filtersSourceSelector = page.getByTestId('source-selector');\n this.saveButton = page.getByTestId('chart-save-button');\n\n // Tile editor selectors\n this.tileSourceSelector = page.getByTestId('source-selector');\n this.aliasInput = page.getByTestId('series-alias-input');\n this.aggFnSelect = page.getByTestId('agg-fn-select');\n this.markdownTextarea = page.locator('textarea[name=\"markdown\"]');\n this.confirmModal = page.getByTestId('confirm-modal');\n this.confirmCancelButton = page.getByTestId('confirm-cancel-button');\n this.confirmConfirmButton = page.getByTestId('confirm-confirm-button');\n this.dashboardMenuButton = page.getByTestId('dashboard-menu-button');\n this.saveDefaultQueryAndFiltersMenuItem = page.getByTestId(\n 'save-default-query-filters-menu-item',\n );\n this.removeDefaultQueryAndFiltersMenuItem = page.getByTestId(\n 'remove-default-query-filters-menu-item',\n );\n }\n\n /**\n * Navigate to dashboards list\n */\n async goto() {\n await this.page.goto('/dashboards', { waitUntil: 'networkidle' });\n }\n\n /**\n * Navigate to specific dashboard by ID\n */\n async gotoDashboard(dashboardId: string) {\n await this.page.goto(`/dashboards/${dashboardId}`);\n }\n\n /**\n * Create a new dashboard\n */\n async createNewDashboard() {\n await this.createDashboardButton.click();\n await this.page.waitForURL('**/dashboards**');\n }\n\n async changeGranularity(granularity: string) {\n await this.granularityPicker.click();\n\n // Wait for dropdown options to appear and click the desired option\n await this.page\n .locator('[role=\"option\"]', { hasText: granularity })\n .click();\n }\n\n /**\n * Edit dashboard name\n */\n async editDashboardName(newName: string) {\n // Wait for initial dashboard name to load\n const defaultNameHeading = this.page.getByRole('heading', {\n name: 'My Dashboard',\n level: 3,\n });\n await defaultNameHeading.waitFor({ state: 'visible', timeout: 5000 });\n\n // Double-click to enter edit mode\n await defaultNameHeading.dblclick();\n\n // Fill in new name\n const nameInput = this.page.locator('input[placeholder=\"Dashboard Name\"]');\n await nameInput.fill(newName);\n await this.page.keyboard.press('Enter');\n\n // Wait for the name to be saved\n const updatedHeading = this.page.getByRole('heading', {\n name: newName,\n level: 3,\n });\n await updatedHeading.waitFor({ state: 'visible', timeout: 10000 });\n }\n\n /**\n * Add a new tile to the dashboard\n */\n async addTile() {\n await this.addTileButton.click();\n }\n\n /**\n * save tile to the dashboard\n */\n async saveTile() {\n await this.saveButton.click();\n }\n\n /**\n * Create a new dashboard and open the tile editor (add tile), waiting for it to be ready.\n * Use when testing the chart/tile editor modal in isolation.\n */\n async openNewTileEditor() {\n await this.createDashboardButton.click();\n await this.page.waitForURL('**/dashboards**');\n await this.addTileButton.click();\n await expect(this.chartEditor.nameInput).toBeVisible();\n await this.chartEditor.waitForDataToLoad();\n }\n\n /**\n * Add a tile with specific configuration\n */\n async addTileWithConfig(chartName: string) {\n await this.addTile();\n\n const chartNameInput = this.page.locator(\n '[data-testid=\"chart-name-input\"]',\n );\n await chartNameInput.fill(chartName);\n\n const runQueryButton = this.page.locator(\n '[data-testid=\"chart-run-query-button\"]',\n );\n await runQueryButton.click();\n\n // Wait for query to complete\n await this.page.waitForResponse(\n resp => resp.url().includes('/clickhouse-proxy') && resp.status() === 200,\n );\n // Wait for tile to be added\n await this.saveTile();\n }\n\n /**\n * Get all dashboard tiles\n */\n getTiles() {\n return this.page.locator('[data-testid^=\"dashboard-tile-\"]');\n }\n\n /**\n * Get specific tile by index\n */\n getTile(index: number) {\n return this.getTiles().nth(index);\n }\n\n /**\n * Hover over a tile to reveal action buttons\n */\n async hoverOverTile(index: number) {\n await this.getTile(index).hover();\n }\n\n /**\n * Get tile action button\n */\n getTileButton(action: 'edit' | 'duplicate' | 'delete' | 'alerts') {\n return this.page.locator(`[data-testid^=\"tile-${action}-button-\"]`).first();\n }\n\n /**\n * Edit a tile\n */\n async editTile(tileIndex: number) {\n await this.hoverOverTile(tileIndex);\n await this.getTileButton('edit').click();\n }\n\n /**\n * Duplicate a tile\n */\n async duplicateTile(tileIndex: number) {\n await this.hoverOverTile(tileIndex);\n await this.getTileButton('duplicate').click();\n\n const confirmButton = this.page.locator(\n '[data-testid=\"confirm-confirm-button\"]',\n );\n await confirmButton.click();\n }\n\n /**\n * Delete a tile\n */\n async deleteTile(tileIndex: number) {\n await this.hoverOverTile(tileIndex);\n await this.getTileButton('delete').click();\n\n const confirmButton = this.page.locator(\n '[data-testid=\"confirm-confirm-button\"]',\n );\n await confirmButton.click();\n }\n\n /**\n * Set global dashboard filter\n */\n async setGlobalFilter(filter: string) {\n await this.searchInput.fill(filter);\n await this.searchSubmitButton.click();\n }\n\n async saveQueryAndFiltersAsDefault() {\n await this.dashboardMenuButton.click();\n await this.saveDefaultQueryAndFiltersMenuItem.click();\n }\n\n async removeSavedQueryAndFiltersDefaults() {\n await this.dashboardMenuButton.click();\n await this.removeDefaultQueryAndFiltersMenuItem.click();\n }\n\n /**\n * Toggle live mode\n */\n async toggleLiveMode() {\n await this.liveButton.click();\n }\n\n /**\n * Navigate to a dashboard by name from the list\n */\n async goToDashboardByName(name: string) {\n const dashboardLink = this.page.locator(`text=\"${name}\"`);\n await dashboardLink.click();\n await this.page.waitForURL('**/dashboards/**');\n }\n\n /**\n * Get dashboard name heading by name\n */\n getDashboardHeading(name: string) {\n return this.page.getByRole('heading', { name, level: 3 });\n }\n\n /**\n * Get chart containers (recharts)\n */\n getChartContainers() {\n return this.page.locator('.recharts-responsive-container');\n }\n\n /** Open the Edit Filters Modal */\n async openEditFiltersModal() {\n await this.editFiltersButton.click();\n }\n\n /** Close the Edit Filters Modal */\n async closeFiltersModal() {\n await this.closeFiltersModalButton.click();\n }\n\n async fillFilterForm(\n name: string,\n sourceName: string,\n expression: string,\n metricType?: string,\n ) {\n const filterNameInput = this.page.getByTestId('filter-name-input');\n await filterNameInput.fill(name);\n\n await this.filtersSourceSelector.click();\n await this.page\n .getByRole('option', { name: sourceName, exact: true })\n .click();\n\n const editor = getSqlEditor(this.page, 'expression');\n await editor.click();\n await this.page.keyboard.type(expression);\n\n if (metricType) {\n await this.page\n .getByRole('radio', { name: metricType, exact: true })\n .click();\n }\n\n const saveFilterButton = this.page.getByTestId('save-filter-button');\n await saveFilterButton.click();\n }\n\n async addFilterToDashboard(\n name: string,\n sourceName: string,\n expression: string,\n metricType?: string,\n ) {\n await this.addFiltersButton.click();\n\n await this.fillFilterForm(name, sourceName, expression, metricType);\n }\n\n async deleteFilterFromDashboard(name: string) {\n const deleteButton = this.page.getByTestId(`delete-filter-button-${name}`);\n await deleteButton.click();\n }\n\n async editFilter(\n currentName: string,\n name: string,\n sourceName: string,\n expression: string,\n metricType?: string,\n ) {\n const editButton = this.page.getByTestId(\n `edit-filter-button-${currentName}`,\n );\n await editButton.click();\n\n await this.fillFilterForm(name, sourceName, expression, metricType);\n }\n\n getFilterItemByName(name: string) {\n return this.page.getByTestId(`dashboard-filter-item-${name}`);\n }\n\n getFilterSelectByName(name: string) {\n return this.page.getByTestId(`dashboard-filter-select-${name}`);\n }\n\n async clickFilterOption(filterName: string, option: string) {\n const serviceFilter = this.getFilterSelectByName(filterName);\n serviceFilter.click();\n const optionLocator = this.page.getByRole('option', {\n name: option,\n exact: true,\n });\n await optionLocator.click();\n }\n\n /**\n * Get CodeMirror editor by filtering for specific text content\n */\n getCodeMirrorEditor(text: string) {\n return this.page.locator('.cm-content').filter({ hasText: text });\n }\n\n getChartTypeTab(type: SeriesType) {\n if (type === 'time') {\n return this.page.getByRole('tab', { name: /line/i });\n }\n return this.page.getByRole('tab', { name: new RegExp(type, 'i') });\n }\n\n /**\n * Convert a config-format tile config to SeriesData for form verification.\n */\n private configToSeriesData(config: TileConfig): SeriesData[] {\n if (config.displayType === 'markdown') {\n return [{ type: 'markdown', content: config.markdown }];\n }\n\n if (config.displayType === 'search') {\n return [\n {\n type: 'search',\n sourceId: config.sourceId,\n where: config.where,\n whereLanguage: config.whereLanguage ?? 'lucene',\n },\n ];\n }\n\n const type: SeriesData['type'] =\n config.displayType === 'line' || config.displayType === 'stacked_bar'\n ? 'time'\n : config.displayType;\n\n const groupBy = config.groupBy ? [config.groupBy] : undefined;\n const selectItems = Array.isArray(config.select) ? config.select : [];\n\n return selectItems.map(item => ({\n type,\n sourceId: config.sourceId,\n aggFn: item.aggFn,\n where: item.where,\n whereLanguage: item.whereLanguage ?? 'lucene',\n alias: item.alias,\n field: item.valueExpression,\n groupBy,\n }));\n }\n\n /**\n * Verify tile edit form using the config-format tile config directly,\n * avoiding the need for a separate SeriesData verification array.\n */\n async verifyTileFormFromConfig(\n config: TileConfig,\n expectedSourceName?: string,\n ) {\n await this.verifyTileForm(\n this.configToSeriesData(config),\n expectedSourceName,\n );\n }\n\n /**\n * Verify tile edit form matches the given series data\n * @param series - Array of series data from the API request\n * @param expectedSourceName - Optional expected source name for verification\n */\n async verifyTileForm(series: SeriesData[], expectedSourceName?: string) {\n for (let i = 0; i < series.length; i++) {\n const seriesData = series[i];\n\n // Verify markdown content for markdown tiles\n if (seriesData.content) {\n const content = await this.markdownTextarea.first().inputValue();\n expect(content).toContain(seriesData.content);\n }\n\n const chartTypeTab = this.getChartTypeTab(seriesData.type);\n await expect(chartTypeTab).toHaveAttribute('aria-selected', 'true');\n\n // Verify source selector for charts with sources\n if (seriesData.sourceId && expectedSourceName) {\n await expect(this.tileSourceSelector).toBeVisible();\n await expect(this.tileSourceSelector).toHaveValue(expectedSourceName);\n }\n\n // Verify alias\n if (seriesData.alias) {\n await expect(this.aliasInput.nth(i)).toBeVisible();\n await expect(this.aliasInput.nth(i)).toHaveValue(seriesData.alias);\n }\n\n // Verify aggregation function\n if (seriesData.aggFn) {\n await expect(this.aggFnSelect.nth(i)).toBeVisible();\n await expect(this.aggFnSelect.nth(i)).toHaveValue(\n new RegExp(seriesData.aggFn, 'i'),\n );\n }\n\n // Verify field expression\n if (seriesData.field) {\n const fieldEditor = this.getCodeMirrorEditor(seriesData.field);\n const fieldValue = await fieldEditor.first().textContent();\n expect(fieldValue).toContain(seriesData.field);\n }\n\n // Verify where clause (handles both Lucene textarea and SQL CodeMirror)\n if (seriesData.where) {\n if (seriesData.whereLanguage === 'sql') {\n const whereEditor = this.getCodeMirrorEditor(seriesData.where);\n const whereValue = await whereEditor.first().textContent();\n expect(whereValue).toContain(seriesData.where);\n } else {\n const whereTextarea = this.page.locator('textarea').filter({\n hasText: seriesData.where,\n });\n await expect(whereTextarea).toBeVisible();\n }\n }\n\n // Verify group by\n if (seriesData.groupBy && seriesData.groupBy.length > 0) {\n const groupByEditor = this.getCodeMirrorEditor(seriesData.groupBy[0]);\n const groupByValue = await groupByEditor.first().textContent();\n expect(groupByValue).toContain(seriesData.groupBy[0]);\n }\n }\n }\n\n // Getters for assertions\n\n get createButton() {\n return this.createDashboardButton;\n }\n\n get addNewTileButton() {\n return this.addTileButton;\n }\n\n get dashboardName() {\n return this.dashboardNameHeading;\n }\n\n get filterInput() {\n return this.searchInput;\n }\n\n get filterSubmitButton() {\n return this.searchSubmitButton;\n }\n\n get temporaryDashboardBanner() {\n return this.tempDashboardBanner;\n }\n\n get filtersList() {\n return this.filtersListModal;\n }\n\n get emptyFiltersList() {\n return this.emptyFiltersListModal;\n }\n\n get unsavedChangesConfirmModal() {\n return this.confirmModal;\n }\n\n get unsavedChangesConfirmCancelButton() {\n return this.confirmCancelButton;\n }\n\n get unsavedChangesConfirmDiscardButton() {\n return this.confirmConfirmButton;\n }\n}\n" }, { "path": "packages/app/tests/e2e/page-objects/KubernetesPage.ts", "content": "/**\n * KubernetesPage - Page object for the /kubernetes page\n * Encapsulates all interactions with the Kubernetes dashboard interface\n */\nimport { Locator, Page } from '@playwright/test';\n\nexport class KubernetesPage {\n readonly page: Page;\n private readonly dashboardTitle: Locator;\n private readonly namespaceFilter: Locator;\n private readonly searchInput: Locator;\n\n constructor(page: Page) {\n this.page = page;\n this.dashboardTitle = page.getByText('Kubernetes Dashboard');\n this.namespaceFilter = page.getByTestId('namespace-filter-select');\n this.searchInput = page.getByTestId('k8s-search-input');\n }\n\n /**\n * Navigate to the Kubernetes dashboard page\n */\n async goto() {\n await this.page.goto('/kubernetes');\n // Wait for initial data to load (charts, tables, etc.)\n await this.waitForLoadState();\n }\n\n async waitForLoadState() {\n await this.page.waitForLoadState('networkidle');\n }\n /**\n * Switch to a specific tab (Pod, Node, Namespaces)\n */\n async switchToTab(tabName: string) {\n await this.page.getByRole('tab', { name: tabName }).click();\n // Wait for tab content to load (charts, tables, etc.)\n await this.waitForLoadState();\n }\n\n /**\n * Filter by namespace\n */\n async filterByNamespace(namespace: string) {\n await this.namespaceFilter.click();\n await this.page.getByRole('option', { name: namespace }).click();\n }\n\n /**\n * Get pods table\n */\n getPodsTable() {\n return this.page.getByTestId('k8s-pods-table');\n }\n\n /**\n * Get nodes table\n */\n getNodesTable() {\n return this.page.getByTestId('k8s-nodes-table');\n }\n\n /**\n * Get namespaces table\n */\n getNamespacesTable() {\n return this.page.getByTestId('k8s-namespaces-table');\n }\n\n /**\n * Get chart by test ID\n */\n getChart(chartTestId: string) {\n return this.page\n .locator(`[data-testid=\"${chartTestId}\"]`)\n .locator('.recharts-responsive-container');\n }\n\n /**\n * Get details panel by test ID\n */\n getDetailsPanel(panelTestId: string) {\n return this.page.locator(`[data-testid=\"${panelTestId}\"]`);\n }\n\n /**\n * Click on first pod row with specific status\n * Waits for table to load and row to be visible before clicking\n */\n async clickFirstPodRow(status: string = 'Running') {\n const podsTable = this.getPodsTable();\n\n // Wait for network to settle first - ensures table data is fully loaded\n // and React won't re-render and replace DOM elements\n await this.waitForLoadState();\n\n // Now get the row reference (after table is stable)\n const firstPodRow = podsTable\n .getByRole('row', { name: new RegExp(status) })\n .first();\n\n // Wait for the row to be visible and actionable\n await firstPodRow.waitFor({ state: 'visible', timeout: 2000 });\n\n // Scroll into view if needed\n await firstPodRow.scrollIntoViewIfNeeded();\n\n await firstPodRow.click();\n\n // Wait for details panel to load\n await this.waitForLoadState();\n }\n\n /**\n * Click on first node row\n * Waits for table to load and row to be visible before clicking\n */\n async clickFirstNodeRow() {\n const nodesTable = this.getNodesTable();\n\n // Wait for network to settle first - ensures table data is fully loaded\n // and React won't re-render and replace DOM elements\n await this.waitForLoadState();\n\n // Match row by content (Ready/Not Ready status) to avoid virtual list padding rows\n const firstNodeRow = nodesTable\n .getByRole('row', { name: /Ready/i })\n .first();\n\n // Wait for the row to be visible and actionable\n await firstNodeRow.waitFor({ state: 'visible', timeout: 5000 });\n\n // Scroll into view if needed\n await firstNodeRow.scrollIntoViewIfNeeded();\n\n await firstNodeRow.click();\n\n // Wait for details panel to load\n await this.waitForLoadState();\n }\n\n /**\n * Click on namespace row\n */\n async clickNamespaceRow(namespace: string) {\n // Wait for network to settle first\n await this.waitForLoadState();\n\n const namespaceRow = this.getNamespacesTable().getByRole('row', {\n name: new RegExp(namespace),\n });\n await namespaceRow.click();\n\n // Wait for details panel to load\n await this.waitForLoadState();\n }\n\n /**\n * Get column header from a table\n */\n getColumnHeader(table: Locator, columnName: string) {\n return table.locator('thead th').filter({ hasText: columnName });\n }\n\n /**\n * Get sort icon from header\n */\n getSortIcon(header: Locator) {\n return header.locator(\n 'svg.tabler-icon-caret-down-filled, svg.tabler-icon-caret-up-filled',\n );\n }\n\n /**\n * Get ascending sort icon from header\n */\n getAscendingSortIcon(header: Locator) {\n return header.locator('svg.tabler-icon-caret-up-filled');\n }\n\n /**\n * Get descending sort icon from header\n */\n getDescendingSortIcon(header: Locator) {\n return header.locator('svg.tabler-icon-caret-down-filled');\n }\n\n /**\n * Sort table by column name\n * @returns The column header locator for further assertions\n */\n async sortByColumn(table: Locator, columnName: string) {\n const header = this.getColumnHeader(table, columnName);\n await header.click();\n return header;\n }\n\n /**\n * Get first cell value from a column\n */\n async getFirstCellValue(table: Locator, columnName: string): Promise {\n const header = this.getColumnHeader(table, columnName);\n const columnIndex = await header.evaluate(el => {\n const parent = el.parentElement;\n if (!parent) return -1;\n return Array.from(parent.children).indexOf(el);\n });\n\n const firstRow = table.locator('tbody tr').first();\n const cell = firstRow.locator('td').nth(columnIndex);\n return (await cell.textContent()) || '';\n }\n\n // Getters for assertions\n\n get title() {\n return this.dashboardTitle;\n }\n\n get namespace() {\n return this.namespaceFilter;\n }\n\n get search() {\n return this.searchInput;\n }\n}\n" }, { "path": "packages/app/tests/e2e/page-objects/SearchPage.ts", "content": "/**\n * SearchPage - Page object for the /search page\n * Encapsulates all interactions with the search interface\n */\nimport { Locator, Page } from '@playwright/test';\n\nimport { FilterComponent } from '../components/FilterComponent';\nimport { InfrastructurePanelComponent } from '../components/InfrastructurePanelComponent';\nimport { SavedSearchModalComponent } from '../components/SavedSearchModalComponent';\nimport { SearchPageAlertModalComponent } from '../components/SearchPageAlertModalComponent';\nimport { SidePanelComponent } from '../components/SidePanelComponent';\nimport { TableComponent } from '../components/TableComponent';\nimport { TimePickerComponent } from '../components/TimePickerComponent';\n\ntype SaveSearchModalProps = {\n update: boolean;\n};\nexport class SearchPage {\n readonly page: Page;\n readonly table: TableComponent;\n readonly timePicker: TimePickerComponent;\n readonly sidePanel: SidePanelComponent;\n readonly infrastructure: InfrastructurePanelComponent;\n readonly filters: FilterComponent;\n readonly savedSearchModal: SavedSearchModalComponent;\n readonly alertModal: SearchPageAlertModalComponent;\n readonly defaultTimeout: number = 3000;\n private readonly alertsButtonLocator: Locator;\n\n // Page-specific locators\n private readonly searchForm: Locator;\n private readonly searchInput: Locator;\n private readonly searchButton: Locator;\n private readonly saveSearchButton: Locator;\n private readonly languageSelect: Locator;\n private readonly updateSearchButton: Locator;\n private readonly luceneTab: Locator;\n private readonly sqlTab: Locator;\n private readonly sourceSelector: Locator;\n\n constructor(page: Page, defaultTimeout: number = 3000) {\n this.page = page;\n this.defaultTimeout = defaultTimeout;\n // Initialize reusable components\n this.table = new TableComponent(\n page,\n '[data-testid=\"search-results-table\"]',\n );\n this.timePicker = new TimePickerComponent(page);\n this.sidePanel = new SidePanelComponent(page, 'row-side-panel');\n this.infrastructure = new InfrastructurePanelComponent(page);\n this.filters = new FilterComponent(page);\n this.savedSearchModal = new SavedSearchModalComponent(page);\n this.alertModal = new SearchPageAlertModalComponent(page);\n this.alertsButtonLocator = page.getByTestId('alerts-button');\n\n // Define page-specific locators\n this.searchForm = page.getByTestId('search-form');\n this.searchInput = page.getByTestId('search-input');\n this.searchButton = page.getByTestId('search-submit-button');\n this.saveSearchButton = page.getByTestId('save-search-button');\n this.updateSearchButton = page.getByTestId('update-search-button');\n const whereLanguageSwitch = page.getByTestId('where-language-switch');\n this.languageSelect = whereLanguageSwitch.getByRole('textbox', {\n name: 'Query language',\n });\n this.sqlTab = page.getByRole('option', { name: 'SQL', exact: true });\n this.luceneTab = page.getByRole('option', { name: 'Lucene', exact: true });\n this.sourceSelector = page.getByTestId('source-selector');\n }\n\n get createNewSourceItem() {\n return this.page.getByRole('option', { name: 'Create New Source' });\n }\n\n get editSourcesItem() {\n return this.page.getByRole('option', { name: 'Edit Sources' });\n }\n\n /**\n * Navigate to the search page\n */\n async goto() {\n await this.page.goto('/search');\n // Wait for page to load\n await this.table.waitForRowsToPopulate();\n }\n\n async selectSource(sourceName: string) {\n await this.sourceSelector.click();\n await this.page\n .getByRole('option', { name: sourceName, exact: true })\n .click();\n }\n\n async openEditSourceModal() {\n await this.sourceSelector.click();\n await this.editSourcesItem.click();\n }\n\n async sourceModalShowOptionalFields() {\n const optionalFieldsButton = this.page.getByText(\n 'Configure Optional Fields',\n );\n if (await optionalFieldsButton.isVisible()) {\n await optionalFieldsButton.click();\n }\n }\n\n /**\n * Perform a search with the given query\n */\n async performSearch(query: string) {\n await this.searchInput.fill(query);\n await this.searchButton.click();\n await this.page.waitForLoadState('networkidle');\n // Wait for new results to populate\n await this.table.waitForRowsToPopulate();\n }\n\n /**\n * Clear the search input\n */\n async clearSearch() {\n await this.searchInput.fill('');\n }\n\n /**\n * Switch to SQL mode\n */\n async switchToSQLMode() {\n await this.languageSelect.click();\n await this.sqlTab.click();\n }\n\n /**\n * Switch to Lucene mode\n */\n async switchToLuceneMode() {\n await this.languageSelect.click();\n await this.luceneTab.click();\n }\n\n /**\n * Execute SQL query (when in SQL mode)\n */\n async executeSQLQuery(query: string) {\n await this.switchToSQLMode();\n await this.performSearch(query);\n }\n\n /**\n * Submit search without query (empty search)\n */\n async submitEmptySearch() {\n // Store reference to current first row (if exists) to detect when results refresh\n const hadExistingRows = (await this.table.getRows().count()) > 0;\n const oldFirstRowTestId = hadExistingRows\n ? await this.table.firstRow.getAttribute('data-testid')\n : null;\n\n await this.searchButton.click();\n\n if (oldFirstRowTestId) {\n // Wait for old first row to disappear (indicates results are refreshing)\n await this.page\n .locator(`[data-testid=\"${oldFirstRowTestId}\"]`)\n .waitFor({ state: 'hidden', timeout: this.defaultTimeout })\n .catch(() => {\n // Old row might already be gone, that's fine\n });\n }\n\n // Wait for new results to populate\n await this.table.waitForRowsToPopulate();\n }\n\n /**\n * Open save search modal\n */\n async openSaveSearchModal(options: SaveSearchModalProps = { update: false }) {\n const button = options.update\n ? this.updateSearchButton\n : this.saveSearchButton;\n await button.scrollIntoViewIfNeeded();\n await button.click();\n }\n\n /**\n * Open the alerts creation modal for the current saved search\n */\n async openAlertsModal() {\n await this.alertsButtonLocator.click();\n }\n\n get alertsButton() {\n return this.alertsButtonLocator;\n }\n\n /**\n * Get search results table\n */\n getSearchResultsTable() {\n return this.page.locator('[data-testid=\"search-results-table\"]');\n }\n\n /**\n * Get SELECT editor (CodeMirror)\n */\n getSELECTEditor() {\n return this.page.locator('.cm-content').first();\n }\n\n /**\n * Get ORDER BY editor (CodeMirror)\n */\n getOrderByEditor() {\n return this.page.locator('.cm-content').nth(1);\n }\n\n /**\n * Set custom SELECT columns\n */\n async setCustomSELECT(selectStatement: string) {\n const selectEditor = this.getSELECTEditor();\n await selectEditor.click({ clickCount: 3 }); // Select all\n await this.page.keyboard.type(selectStatement);\n }\n\n /**\n * Set custom ORDER BY clause\n */\n async setCustomOrderBy(orderByStatement: string) {\n const orderByEditor = this.getOrderByEditor();\n await orderByEditor.click({ clickCount: 3 }); // Select all\n await this.page.keyboard.type(orderByStatement);\n // CLoses Autocomplete Modal if open\n await this.page.keyboard.press('Escape');\n }\n\n /**\n * Get histogram chart\n */\n getHistogram() {\n return this.page.locator('.recharts-responsive-container').first();\n }\n\n /**\n * Get histogram surface for dragging\n */\n getHistogramSurface() {\n return this.page.locator('.recharts-surface').first();\n }\n\n /**\n * Drag on histogram to zoom into time range\n * @param startPercent - Start position as percentage (0-1)\n * @param endPercent - End position as percentage (0-1)\n */\n async dragHistogramToZoom(\n startPercent: number = 0.25,\n endPercent: number = 0.75,\n ) {\n const chartSurface = this.getHistogramSurface();\n const box = await chartSurface.boundingBox();\n\n if (!box) {\n throw new Error('Chart surface not found');\n }\n\n const startX = box.x + box.width * startPercent;\n const endX = box.x + box.width * endPercent;\n const y = box.y + box.height / 2;\n\n await this.page.mouse.move(startX, y);\n await this.page.mouse.down();\n await this.page.mouse.move(endX, y, { steps: 10 });\n await this.page.mouse.up();\n }\n\n // Getters for assertions in spec files\n\n get form() {\n return this.searchForm;\n }\n\n get input() {\n return this.searchInput;\n }\n\n get submitButton() {\n return this.searchButton;\n }\n\n get luceneModeTab() {\n return this.luceneTab;\n }\n\n get sqlModeTab() {\n return this.sqlTab;\n }\n\n get sourceDropdown() {\n return this.sourceSelector;\n }\n\n get sourceOptions() {\n return this.page.getByRole('option');\n }\n\n get currentSource() {\n return this.page.locator('[data-testid=\"source-selector\"]');\n }\n\n get otherSources() {\n return this.page.getByRole('option', { selected: false });\n }\n}\n" }, { "path": "packages/app/tests/e2e/page-objects/ServicesDashboardPage.ts", "content": "import { Locator, Page } from '@playwright/test';\n\nexport class ServicesDashboardPage {\n readonly page: Page;\n\n constructor(page: Page) {\n this.page = page;\n }\n\n async goto() {\n await this.page.goto('/services');\n await this.page.waitForLoadState('domcontentloaded');\n }\n\n async selectSource(sourceName: string) {\n await this.page.getByPlaceholder('Data Source').click();\n await this.page.getByRole('option', { name: sourceName }).click();\n await this.page.waitForLoadState('networkidle');\n }\n\n /**\n * Switch to Lucene mode, type a query into the search input, and run the query.\n */\n async searchLucene(query: string) {\n const languageSelect = this.page\n .getByTestId('where-language-switch')\n .getByRole('textbox', { name: 'Query language' });\n await languageSelect.click();\n await this.page\n .getByRole('option', { name: 'Lucene', exact: true })\n .click();\n await this.page.getByTestId('services-search-input').fill(query);\n await this.page.getByRole('button', { name: 'Run' }).click();\n await this.page.waitForLoadState('networkidle');\n }\n\n /**\n * Get a row link from the \"Top 20 Most Time Consuming Endpoints\" table\n * by endpoint name.\n */\n async getTopEndpointsTableLink(endpointName: string) {\n const endpointLink = this.page\n .getByTestId('services-top-endpoints-table')\n .getByRole('link', { name: endpointName, exact: true })\n .first();\n return endpointLink;\n }\n\n get pageContainer(): Locator {\n return this.page.getByTestId('services-dashboard-page');\n }\n\n getChart(chartTestId: string): Locator {\n return this.page\n .getByTestId(chartTestId)\n .locator('.recharts-responsive-container');\n }\n}\n" }, { "path": "packages/app/tests/e2e/page-objects/SessionsPage.ts", "content": "/**\n * SessionsPage - Page object for the /sessions page\n * Encapsulates all interactions with the sessions (session replay) interface\n */\nimport { Locator, Page } from '@playwright/test';\n\nimport { DEFAULT_SESSIONS_SOURCE_NAME } from '../utils/constants';\n\nexport class SessionsPage {\n readonly page: Page;\n private readonly searchForm: Locator;\n private readonly dataSourceInput: Locator;\n\n constructor(page: Page) {\n this.page = page;\n this.searchForm = page.locator('[data-testid=\"sessions-search-form\"]');\n this.dataSourceInput = page.locator('input[placeholder=\"Data Source\"]');\n }\n\n /**\n * Navigate to the sessions page\n */\n async goto() {\n await this.page.goto('/sessions');\n }\n\n async selectDataSource(\n dataSourceName: string = DEFAULT_SESSIONS_SOURCE_NAME,\n ) {\n await this.dataSourceInput.click();\n const dataSourceOption = this.page.locator(`text=${dataSourceName}`);\n await dataSourceOption.click();\n }\n\n /**\n * Get all session cards\n */\n getSessionCards() {\n return this.page.locator('[data-testid^=\"session-card-\"]');\n }\n\n /**\n * Get a specific session card by index\n */\n getSessionCard(index: number) {\n return this.getSessionCards().nth(index);\n }\n\n /**\n * Get the first session card\n */\n getFirstSessionCard() {\n return this.getSessionCards().first();\n }\n\n /**\n * Click on a session card to open session replay\n */\n async openSession(index: number = 0) {\n const sessionCard = this.getSessionCard(index);\n await sessionCard.click();\n }\n\n /**\n * Click on first session card\n */\n async openFirstSession() {\n await this.getFirstSessionCard().click();\n }\n\n // Getters for assertions\n\n get form() {\n return this.searchForm;\n }\n\n get dataSource() {\n return this.dataSourceInput;\n }\n}\n" }, { "path": "packages/app/tests/e2e/page-objects/TeamPage.ts", "content": "/**\n * TeamPage - Page object for the /team settings page\n * Encapsulates all interactions with team settings sections:\n * Sources, Connections, Integrations/Webhooks, Team Name,\n * ClickHouse Settings, API Keys, and Team Members.\n */\nimport { Locator, Page } from '@playwright/test';\n\nexport class TeamPage {\n readonly page: Page;\n\n private readonly pageContainer: Locator;\n private readonly dataTabButton: Locator;\n private readonly teamTabButton: Locator;\n private readonly accessTabButton: Locator;\n private readonly integrationsTabButton: Locator;\n private readonly advancedTabButton: Locator;\n\n // Section containers\n private readonly sourcesSection: Locator;\n private readonly connectionsSection: Locator;\n private readonly integrationsSection: Locator;\n private readonly teamNameSection: Locator;\n private readonly apiKeysSection: Locator;\n private readonly teamMembersSection: Locator;\n private readonly securityPoliciesHeading: Locator;\n private readonly querySettingsHeading: Locator;\n\n // Team name elements\n private readonly teamNameDisplay: Locator;\n private readonly teamNameChangeButton: Locator;\n private readonly teamNameInput: Locator;\n private readonly teamNameSaveButton: Locator;\n private readonly teamNameCancelButton: Locator;\n\n // API Keys elements\n private readonly rotateApiKeyButton: Locator;\n private readonly rotateApiKeyConfirm: Locator;\n private readonly rotateApiKeyCancel: Locator;\n\n // Connections elements\n private readonly addConnectionButton: Locator;\n\n // Webhooks elements\n private readonly addWebhookButton: Locator;\n private readonly webhooksEmptyState: Locator;\n\n // Team members elements\n private readonly inviteMemberButton: Locator;\n private readonly inviteEmailInput: Locator;\n private readonly sendInviteButton: Locator;\n private readonly confirmDeleteMemberButton: Locator;\n private readonly cancelDeleteMemberButton: Locator;\n private readonly confirmDialogConfirmBtn: Locator;\n\n constructor(page: Page) {\n this.page = page;\n this.pageContainer = page.getByTestId('team-page');\n this.dataTabButton = page.getByRole('tab', { name: 'Data', exact: true });\n this.teamTabButton = page.getByRole('tab', {\n name: 'Members',\n exact: true,\n });\n this.accessTabButton = page.getByRole('tab', {\n name: 'Access',\n exact: true,\n });\n this.integrationsTabButton = page.getByRole('tab', {\n name: 'Integrations',\n exact: true,\n });\n this.advancedTabButton = page.getByRole('tab', {\n name: 'Query Settings',\n exact: true,\n });\n\n this.sourcesSection = page.getByTestId('sources-section');\n this.connectionsSection = page.getByTestId('connections-section');\n this.integrationsSection = page.getByTestId('integrations-section');\n this.teamNameSection = page.getByTestId('team-name-section');\n this.apiKeysSection = page.getByTestId('api-keys-section');\n this.teamMembersSection = page.getByTestId('team-members-section');\n this.securityPoliciesHeading = page.getByText('Security Policies', {\n exact: true,\n });\n this.querySettingsHeading = page.getByText('ClickHouse Client Settings', {\n exact: true,\n });\n\n this.teamNameDisplay = page.getByTestId('team-name-display');\n this.teamNameChangeButton = page.getByTestId('team-name-change-button');\n this.teamNameInput = page.getByTestId('team-name-input');\n this.teamNameSaveButton = page.getByTestId('team-name-save-button');\n this.teamNameCancelButton = page.getByTestId('team-name-cancel-button');\n\n this.rotateApiKeyButton = page.getByTestId('rotate-api-key-button');\n this.rotateApiKeyConfirm = page.getByTestId('rotate-api-key-confirm');\n this.rotateApiKeyCancel = page.getByTestId('rotate-api-key-cancel');\n\n this.addConnectionButton = page.getByTestId('add-connection-button');\n\n this.addWebhookButton = page.getByTestId('add-webhook-section-button');\n this.webhooksEmptyState = page.getByTestId('webhooks-empty-state');\n\n this.inviteMemberButton = page.getByTestId('invite-member-button');\n this.inviteEmailInput = page.getByTestId('invite-email-input');\n this.sendInviteButton = page.getByTestId('send-invite-button');\n this.confirmDeleteMemberButton = page.getByTestId('confirm-delete-member');\n this.cancelDeleteMemberButton = page.getByTestId('cancel-delete-member');\n this.confirmDialogConfirmBtn = page.getByTestId('confirm-confirm-button');\n }\n\n async goto() {\n await this.page.goto('/team');\n await this.pageContainer.waitFor({ state: 'visible', timeout: 10000 });\n }\n\n private async openTab(tab: Locator, section: Locator) {\n await tab.click();\n await section.waitFor({ state: 'visible' });\n }\n\n async openDataTab() {\n await this.openTab(this.dataTabButton, this.sourcesSection);\n }\n\n async openTeamTab() {\n await this.openTab(this.teamTabButton, this.teamMembersSection);\n }\n\n async openIntegrationsTab() {\n await this.openTab(this.integrationsTabButton, this.integrationsSection);\n }\n\n async openAdvancedTab() {\n await this.openTab(this.advancedTabButton, this.querySettingsHeading);\n }\n\n async openAccessTab() {\n await this.openTab(this.accessTabButton, this.securityPoliciesHeading);\n }\n\n async hasAccessTab() {\n return this.accessTabButton.isVisible();\n }\n\n // --- Team Name ---\n\n async getTeamNameText() {\n return this.teamNameDisplay.textContent();\n }\n\n async startEditingTeamName() {\n await this.teamNameChangeButton.click();\n await this.teamNameInput.waitFor({ state: 'visible' });\n }\n\n async fillTeamName(name: string) {\n await this.teamNameInput.clear();\n await this.teamNameInput.fill(name);\n }\n\n async saveTeamName() {\n await this.teamNameSaveButton.click();\n }\n\n async cancelEditingTeamName() {\n await this.teamNameCancelButton.click();\n }\n\n async changeTeamName(name: string) {\n await this.startEditingTeamName();\n await this.fillTeamName(name);\n await this.saveTeamName();\n }\n\n // --- API Keys ---\n\n async clickRotateApiKey() {\n await this.rotateApiKeyButton.click();\n }\n\n async confirmRotateApiKey() {\n await this.rotateApiKeyConfirm.click();\n }\n\n async cancelRotateApiKey() {\n await this.rotateApiKeyCancel.click();\n }\n\n // --- Connections ---\n\n async clickAddConnection() {\n await this.addConnectionButton.click();\n }\n\n async fillConnectionForm(opts: {\n name: string;\n host: string;\n username: string;\n password: string;\n }) {\n await this.page.getByTestId('connection-name-input').clear();\n await this.page.getByTestId('connection-name-input').fill(opts.name);\n await this.page.getByTestId('connection-host-input').clear();\n await this.page.getByTestId('connection-host-input').fill(opts.host);\n await this.page.getByTestId('connection-username-input').clear();\n await this.page\n .getByTestId('connection-username-input')\n .fill(opts.username);\n await this.page.getByTestId('update-password-button').click();\n await this.page\n .getByTestId('connection-password-input')\n .fill(opts.password);\n }\n\n async saveConnection() {\n await this.page.getByTestId('connection-save-button').click();\n }\n\n // --- Webhooks ---\n\n async clickAddWebhook() {\n await this.addWebhookButton.click();\n }\n\n async fillWebhookForm(opts: {\n serviceType: 'Slack' | 'incident.io' | 'Generic';\n name: string;\n url: string;\n }) {\n await this.page\n .getByTestId('service-type-radio-group')\n .getByRole('radio', { name: opts.serviceType, exact: true })\n .click();\n await this.page.getByTestId('webhook-name-input').fill(opts.name);\n await this.page.getByTestId('webhook-url-input').fill(opts.url);\n }\n\n async submitWebhookForm() {\n await this.page.getByTestId('add-webhook-button').click();\n }\n\n async createWebhook(opts: {\n serviceType: 'Slack' | 'incident.io' | 'Generic';\n name: string;\n url: string;\n }) {\n await this.clickAddWebhook();\n await this.fillWebhookForm(opts);\n await this.submitWebhookForm();\n }\n\n // --- Team Members ---\n\n async clickInviteMember() {\n await this.inviteMemberButton.click();\n }\n\n async fillInviteEmail(email: string) {\n await this.inviteEmailInput.fill(email);\n }\n\n async submitInvite() {\n await this.sendInviteButton.click();\n }\n\n async inviteTeamMember(email: string) {\n await this.clickInviteMember();\n await this.fillInviteEmail(email);\n await this.submitInvite();\n }\n\n async confirmDeleteMember() {\n await this.confirmDeleteMemberButton.click();\n }\n\n async cancelDeleteMember() {\n await this.cancelDeleteMemberButton.click();\n }\n\n getInvitationRow(email: string) {\n return this.teamMembersSection.locator('tr').filter({ hasText: email });\n }\n\n async deleteInvitationByEmail(email: string) {\n await this.getInvitationRow(email)\n .getByRole('button', { name: 'Delete' })\n .click();\n }\n\n async deleteWebhookByName(webhookName: string) {\n const webhookItem = this.integrationsSection\n .locator('div')\n .filter({ hasText: webhookName })\n .filter({ has: this.page.getByRole('button', { name: 'Delete' }) })\n .last();\n await webhookItem.getByRole('button', { name: 'Delete' }).click();\n }\n\n async confirmDialog() {\n await this.confirmDialogConfirmBtn.click();\n }\n\n // --- Getters for assertions ---\n\n get container() {\n return this.pageContainer;\n }\n\n get dataTab() {\n return this.dataTabButton;\n }\n\n get teamTab() {\n return this.teamTabButton;\n }\n\n get accessTab() {\n return this.accessTabButton;\n }\n\n get integrationsTab() {\n return this.integrationsTabButton;\n }\n\n get advancedTab() {\n return this.advancedTabButton;\n }\n\n get sources() {\n return this.sourcesSection;\n }\n\n get connections() {\n return this.connectionsSection;\n }\n\n get integrations() {\n return this.integrationsSection;\n }\n\n get teamName() {\n return this.teamNameSection;\n }\n\n get teamNameValue() {\n return this.teamNameDisplay;\n }\n\n get teamNameEditButton() {\n return this.teamNameChangeButton;\n }\n\n get teamNameSave() {\n return this.teamNameSaveButton;\n }\n\n get teamNameCancel() {\n return this.teamNameCancelButton;\n }\n\n get apiKeys() {\n return this.apiKeysSection;\n }\n\n get rotateButton() {\n return this.rotateApiKeyButton;\n }\n\n get members() {\n return this.teamMembersSection;\n }\n\n get inviteButton() {\n return this.inviteMemberButton;\n }\n\n get webhooksEmpty() {\n return this.webhooksEmptyState;\n }\n\n get addWebhook() {\n return this.addWebhookButton;\n }\n\n get addConnection() {\n return this.addConnectionButton;\n }\n\n get securityPolicies() {\n return this.securityPoliciesHeading;\n }\n\n get querySettings() {\n return this.querySettingsHeading;\n }\n\n get connectionForm() {\n return this.page.getByTestId('connection-form');\n }\n\n get webhookNameInput() {\n return this.page.getByTestId('webhook-name-input');\n }\n\n get webhookUrlInput() {\n return this.page.getByTestId('webhook-url-input');\n }\n}\n" }, { "path": "packages/app/tests/e2e/seed-clickhouse.ts", "content": "/**\n * Seeds local ClickHouse instance with test data for E2E tests\n *\n * Populates e2e_otel_logs, e2e_otel_traces, and e2e_hyperdx_sessions tables\n * with sample data. Timestamps are spread across a window that includes both\n * past and future relative to seed time ([seedRef - PAST_MS, seedRef + FUTURE_MS]).\n * This keeps \"last 5 minutes\" and similar relative time ranges finding data for\n * a reasonable period after seeding (e.g. ~2h). Optional: E2E_SEED_FUTURE_MS env\n * to tune the future buffer.\n */\n\ninterface ClickHouseConfig {\n host: string;\n user: string;\n password: string;\n}\n\nconst DEFAULT_CONFIG: ClickHouseConfig = {\n host: process.env.CLICKHOUSE_HOST || 'http://localhost:8123',\n user: process.env.CLICKHOUSE_USER || 'default',\n password: process.env.CLICKHOUSE_PASSWORD || '',\n};\n\nfunction createClickHouseClient(config: ClickHouseConfig = DEFAULT_CONFIG) {\n const baseUrl = new URL(config.host);\n baseUrl.searchParams.set('user', config.user);\n if (config.password) {\n baseUrl.searchParams.set('password', config.password);\n }\n\n return {\n async query(sql: string): Promise {\n const response = await fetch(baseUrl.toString(), {\n method: 'POST',\n body: sql,\n headers: { 'Content-Type': 'text/plain' },\n });\n\n if (!response.ok) {\n const error = await response.text();\n throw new Error(\n `ClickHouse query failed (${response.status}): ${error}`,\n );\n }\n\n return response.text();\n },\n };\n}\n\n// Test data constants (exported for E2E tests to pick visible filter values)\nexport const SEVERITIES = ['info', 'warn', 'error', 'debug'] as const;\nexport const SERVICES = [\n 'api-server',\n 'frontend',\n 'CartService',\n 'worker',\n 'database',\n 'accounting',\n 'ad',\n 'payment-service',\n 'notification-service',\n 'inventory-service',\n] as const;\nconst LOG_MESSAGES = [\n 'Request processed successfully',\n 'Database connection established',\n 'Cache hit for key',\n 'User authentication successful',\n 'Background info job completed',\n 'Health check passed',\n 'Configuration loaded',\n 'Metrics exported',\n 'Order created',\n 'Order info updated',\n 'Order deleted',\n 'Order info fetched',\n 'Order listed',\n 'Order searched',\n 'Order canceled',\n 'Order completed',\n 'Order info refunded',\n] as const;\nconst SPAN_NAMES = [\n 'GET /api/logs',\n 'POST /api/traces',\n 'AddItem',\n 'database.query',\n 'http.request',\n 'cache.get',\n 'auth.verify',\n 'Order create',\n 'Order update',\n] as const;\nconst SPAN_KINDS = [\n 'SPAN_KIND_SERVER',\n 'SPAN_KIND_CLIENT',\n 'SPAN_KIND_INTERNAL',\n 'SPAN_KIND_PRODUCER',\n 'SPAN_KIND_CONSUMER',\n 'SPAN_KIND_UNSPECIFIED',\n] as const;\n\n// Kubernetes test data constants\nconst K8S_NAMESPACES = [\n 'default',\n 'kube-system',\n 'production',\n 'staging',\n 'development',\n 'monitoring',\n 'logging',\n] as const;\nconst K8S_NODES = [\n 'node-1',\n 'node-2',\n 'node-3',\n 'node-4',\n 'node-5',\n 'node-6',\n 'node-7',\n] as const;\nconst K8S_CLUSTERS = ['test-cluster'] as const;\n// KubePhase enum: Pending = 1, Running = 2, Succeeded = 3, Failed = 4, Unknown = 5\nconst K8S_POD_PHASES = {\n PENDING: 1,\n RUNNING: 2,\n SUCCEEDED: 3,\n FAILED: 4,\n UNKNOWN: 5,\n} as const;\n\n// Time window for seeded data: past + future so \"last N minutes\" finds data after seed\nconst PAST_MS = 60 * 60 * 1000; // 1 hour\nconst FUTURE_MS =\n (process.env.E2E_SEED_FUTURE_MS &&\n parseInt(process.env.E2E_SEED_FUTURE_MS, 10)) ||\n 2 * 60 * 60 * 1000; // 2 hours default\n\nfunction generateLogData(\n count: number,\n startMs: number,\n endMs: number,\n): string {\n const rows: string[] = [];\n const span = endMs - startMs;\n\n for (let i = 0; i < count; i++) {\n const t = count > 1 ? startMs + (i / (count - 1)) * span : startMs;\n const timestampNs = Math.round(t) * 1000000;\n const severity = SEVERITIES[i % SEVERITIES.length];\n const service = SERVICES[i % SERVICES.length];\n const message = LOG_MESSAGES[i % LOG_MESSAGES.length];\n const traceId = i < 10 ? `trace-${i}` : ''; // Link first 10 logs to traces\n\n rows.push(\n `('${timestampNs}', '${traceId}', '', 0, '${severity}', 0, '${service}', '${message}', '', {'service.name':'${service}','environment':'test'}, '', '', '', {}, {'request.id':'req-${i}','user.id':'user-${i % 5}'})`,\n );\n }\n\n return rows.join(',\\n');\n}\n\nfunction generateK8sLogData(\n count: number,\n startMs: number,\n endMs: number,\n): string {\n const rows: string[] = [];\n const span = endMs - startMs;\n\n // Use a distinct message prefix so (Timestamp, Body, ServiceName, SeverityText) is unique\n // vs regular logs. The table builds row WHERE from those columns only; if they matched a\n // regular log, the side panel would fetch the wrong row and the Infrastructure tab wouldn't show.\n const K8S_LOG_MESSAGE_PREFIX = 'K8s ';\n\n for (let i = 0; i < count; i++) {\n const t = count > 1 ? startMs + (i / (count - 1)) * span : startMs;\n const timestampNs = Math.round(t) * 1000000;\n const severity = SEVERITIES[i % SEVERITIES.length];\n const message =\n K8S_LOG_MESSAGE_PREFIX + LOG_MESSAGES[i % LOG_MESSAGES.length];\n\n // Use existing pod/node/namespace data to correlate with metrics\n const podIdx = i % 30; // Match with the pods we generate in K8s metrics\n const namespace = K8S_NAMESPACES[podIdx % K8S_NAMESPACES.length];\n const node = K8S_NODES[podIdx % K8S_NODES.length];\n const cluster = K8S_CLUSTERS[0];\n const podName = `pod-${namespace}-${podIdx}`;\n const podUid = `uid-${podName}`;\n const containerName = `container-${podIdx}`;\n const serviceName = SERVICES[podIdx % SERVICES.length];\n\n const traceId = i < 10 ? `trace-${i}` : '';\n\n rows.push(\n `('${timestampNs}', '${traceId}', '', 0, '${severity}', 0, '${serviceName}', '${message}', '', {'k8s.cluster.name':'${cluster}','k8s.namespace.name':'${namespace}','k8s.node.name':'${node}','k8s.pod.name':'${podName}','k8s.pod.uid':'${podUid}','k8s.container.name':'${containerName}','service.name':'${podName}','environment':'test'}, '', '', '', {}, {'request.id':'req-${i}','container.id':'${containerName}'})`,\n );\n }\n\n return rows.join(',\\n');\n}\n\nfunction generateTraceData(\n count: number,\n startMs: number,\n endMs: number,\n): string {\n const rows: string[] = [];\n const spansPerTrace = 4; // Each trace will have 4 spans\n const numTraces = Math.ceil(count / spansPerTrace);\n const span = endMs - startMs;\n\n for (let traceIdx = 0; traceIdx < numTraces; traceIdx++) {\n const traceId = `trace-${traceIdx}`;\n // Anchor each trace in the window; spans stay close (10s apart)\n const traceAnchor =\n numTraces > 1 ? startMs + (traceIdx / (numTraces - 1)) * span : startMs;\n const traceStartTime = traceAnchor;\n\n // Create spans within this trace\n for (let spanIdx = 0; spanIdx < spansPerTrace; spanIdx++) {\n const spanId = `span-${traceIdx}-${spanIdx}`;\n const parentSpanId =\n spanIdx === 0 ? '' : `span-${traceIdx}-${spanIdx - 1}`;\n\n // Each span starts slightly after the previous one (same trace grouping)\n const timestampNs = (traceStartTime - spanIdx * 100) * 1000000;\n\n const service = SERVICES[spanIdx % SERVICES.length];\n // Use row count to cycle through all span names, not just first 4\n const spanName = SPAN_NAMES[rows.length % SPAN_NAMES.length];\n const spanKind =\n spanIdx === 0\n ? 'SPAN_KIND_SERVER'\n : SPAN_KINDS[spanIdx % SPAN_KINDS.length];\n\n // 10% error rate for root spans\n const isError = traceIdx % 10 === 0 && spanIdx === 0;\n const statusCode = isError ? 'STATUS_CODE_ERROR' : 'STATUS_CODE_OK';\n const httpStatusCode = isError ? '500' : '200';\n\n // Duration decreases for nested spans (child spans take less time)\n const duration =\n Math.floor(Math.random() * 500000000) +\n (spansPerTrace - spanIdx) * 100000000;\n\n rows.push(\n `('${timestampNs}', '${traceId}', '${spanId}', '${parentSpanId}', '', '${spanName}', '${spanKind}', '${service}', {'service.name':'${service}','environment':'test'}, '', '', {'http.method':'GET','http.status_code':'${httpStatusCode}'}, ${duration}, '${statusCode}', '', [], [], [], [], [], [], [])`,\n );\n\n // Stop if we've generated enough spans\n if (rows.length >= count) {\n return rows.join(',\\n');\n }\n }\n }\n\n return rows.join(',\\n');\n}\n\nfunction generateSessionData(\n count: number,\n startMs: number,\n endMs: number,\n): string {\n const rows: string[] = [];\n const span = endMs - startMs;\n\n for (let i = 0; i < count; i++) {\n const t = count > 1 ? startMs + (i / (count - 1)) * span : startMs;\n const timestampNs = Math.round(t) * 1000000;\n const sessionId = `session-${i}`;\n const traceId = `trace-${i}`;\n\n rows.push(\n `('${timestampNs}', '${traceId}', '', 0, 'INFO', 0, 'browser', '{\"type\":1,\"data\":\"page_view\"}', '', {'rum.sessionId':'${sessionId}','service.name':'browser'}, '', '', '', {}, {'page.url':'https://example.com/dashboard','user.id':'user-${i % 5}','teamId':'test-team','teamName':'Test Team','userEmail':'test${i % 5}@example.com','userName':'Test User ${i % 5}'})`,\n );\n }\n\n return rows.join(',\\n');\n}\n\nfunction generateSessionTraces(\n count: number,\n startMs: number,\n endMs: number,\n): string {\n const rows: string[] = [];\n const span = endMs - startMs;\n\n for (let i = 0; i < count; i++) {\n const sessionId = `session-${i}`;\n const baseTime = count > 1 ? startMs + (i / (count - 1)) * span : startMs;\n\n const eventsPerSession = 5 + Math.floor(Math.random() * 10); // 5-15 events per session\n for (let eventIdx = 0; eventIdx < eventsPerSession; eventIdx++) {\n const timestampNs = (baseTime - eventIdx * 10000) * 1000000; // Events 10s apart\n const traceId = `session-trace-${i}-${eventIdx}`;\n const spanId = `session-span-${i}-${eventIdx}`;\n\n // Some sessions should have user interactions\n const isUserInteraction = eventIdx % 3 === 0;\n const hasRecording = i % 2 === 0; // 50% of sessions have recordings\n const isError = eventIdx === 0 && i % 5 === 0; // 20% of sessions have errors\n\n const spanName =\n hasRecording && eventIdx === 0 ? 'record init' : 'page_view';\n const component = isUserInteraction ? 'user-interaction' : 'page-view';\n const statusCode = isError ? 'STATUS_CODE_ERROR' : 'STATUS_CODE_OK';\n\n const userIndex = i % 5;\n const userEmail = `test${userIndex}@example.com`;\n const userName = `Test User ${userIndex}`;\n const teamId = 'test-team-id';\n const teamName = 'Test Team';\n\n rows.push(\n `('${timestampNs}', '${traceId}', '${spanId}', '', '', '${spanName}', 'SPAN_KIND_INTERNAL', 'browser', {'rum.sessionId':'${sessionId}','service.name':'browser'}, '', '', {'component':'${component}','page.url':'https://example.com/dashboard','teamId':'${teamId}','teamName':'${teamName}','userEmail':'${userEmail}','userName':'${userName}'}, 0, '${statusCode}', '', [], [], [], [], [], [], [])`,\n );\n }\n }\n\n return rows.join(',\\n');\n}\n\nfunction generateK8sGaugeMetrics(\n podCount: number,\n samplesPerPod: number,\n startMs: number,\n endMs: number,\n): string {\n const rows: string[] = [];\n const span = endMs - startMs;\n const seriesDurationMs = samplesPerPod * 60000; // 12 min per series\n const stepMs = 60000; // 60 second intervals\n\n // Generate metrics for each pod; spread each pod's series in the window\n for (let podIdx = 0; podIdx < podCount; podIdx++) {\n const namespace = K8S_NAMESPACES[podIdx % K8S_NAMESPACES.length];\n const node = K8S_NODES[podIdx % K8S_NODES.length];\n const cluster = K8S_CLUSTERS[0];\n const podName = `pod-${namespace}-${podIdx}`;\n const containerName = `container-${podIdx}`;\n let phase: number;\n if (podIdx % 15 === 0) {\n phase = K8S_POD_PHASES.FAILED;\n } else if (podIdx % 7 === 0) {\n phase = K8S_POD_PHASES.PENDING;\n } else {\n phase = K8S_POD_PHASES.RUNNING;\n }\n const restarts = podIdx % 7;\n\n const podSlotStart =\n podCount > 1\n ? startMs + (podIdx / (podCount - 1)) * (span - seriesDurationMs)\n : startMs;\n for (let sample = 0; sample < samplesPerPod; sample++) {\n const timestampMs = podSlotStart + sample * stepMs;\n const timestampNs = timestampMs * 1000000;\n const _timeUnix = timestampMs / 1000;\n\n // CPU metrics (percentage, 0-100)\n const cpuUsage = 10 + (podIdx % 40) + Math.sin(sample / 2) * 5;\n const cpuLimit = 100;\n const cpuLimitUtilization = (cpuUsage / cpuLimit) * 100;\n\n // Memory metrics (bytes)\n const memoryUsage = (100 + (podIdx % 400)) * 1024 * 1024; // 100-500 MB\n const memoryLimit = 1024 * 1024 * 1024; // 1 GB\n const memoryLimitUtilization = (memoryUsage / memoryLimit) * 100;\n\n const resourceAttrs = `{'k8s.cluster.name':'${cluster}','k8s.namespace.name':'${namespace}','k8s.node.name':'${node}','k8s.pod.name':'${podName}','k8s.pod.uid':'uid-${podName}','k8s.container.name':'${containerName}'}`;\n\n // k8s.pod.phase\n rows.push(\n `(${resourceAttrs}, '', '', '', {}, 0, '', 'k8s-metrics', 'k8s.pod.phase', 'Pod phase', '', {}, ${timestampNs}, ${timestampNs}, ${phase}, 0, [], [], [], [], [])`,\n );\n\n // k8s.container.restarts\n rows.push(\n `(${resourceAttrs}, '', '', '', {}, 0, '', 'k8s-metrics', 'k8s.container.restarts', 'Container restarts', '', {}, ${timestampNs}, ${timestampNs}, ${restarts}, 0, [], [], [], [], [])`,\n );\n\n // container.cpu.utilization (0-100%)\n const containerCpuUtilization =\n 5 + (podIdx % 30) + Math.sin(sample / 3) * 3;\n rows.push(\n `(${resourceAttrs}, '', '', '', {}, 0, '', 'k8s-metrics', 'container.cpu.utilization', 'Container CPU utilization', '%', {}, ${timestampNs}, ${timestampNs}, ${containerCpuUtilization}, 0, [], [], [], [], [])`,\n );\n\n // k8s.pod.cpu.utilization\n rows.push(\n `(${resourceAttrs}, '', '', '', {}, 0, '', 'k8s-metrics', 'k8s.pod.cpu.utilization', 'Pod CPU utilization', '', {}, ${timestampNs}, ${timestampNs}, ${cpuUsage}, 0, [], [], [], [], [])`,\n );\n\n // k8s.pod.cpu_limit_utilization\n rows.push(\n `(${resourceAttrs}, '', '', '', {}, 0, '', 'k8s-metrics', 'k8s.pod.cpu_limit_utilization', 'Pod CPU limit utilization', '%', {}, ${timestampNs}, ${timestampNs}, ${cpuLimitUtilization}, 0, [], [], [], [], [])`,\n );\n\n // k8s.pod.memory.usage\n rows.push(\n `(${resourceAttrs}, '', '', '', {}, 0, '', 'k8s-metrics', 'k8s.pod.memory.usage', 'Pod memory usage', 'bytes', {}, ${timestampNs}, ${timestampNs}, ${memoryUsage}, 0, [], [], [], [], [])`,\n );\n\n // k8s.pod.memory_limit_utilization\n rows.push(\n `(${resourceAttrs}, '', '', '', {}, 0, '', 'k8s-metrics', 'k8s.pod.memory_limit_utilization', 'Pod memory limit utilization', '%', {}, ${timestampNs}, ${timestampNs}, ${memoryLimitUtilization}, 0, [], [], [], [], [])`,\n );\n }\n }\n\n // Generate node metrics (spread across window)\n for (let nodeIdx = 0; nodeIdx < K8S_NODES.length; nodeIdx++) {\n const node = K8S_NODES[nodeIdx];\n const cluster = K8S_CLUSTERS[0];\n const nodeSlotStart =\n K8S_NODES.length > 1\n ? startMs +\n (nodeIdx / (K8S_NODES.length - 1)) * (span - seriesDurationMs)\n : startMs;\n\n for (let sample = 0; sample < samplesPerPod; sample++) {\n const timestampMs = nodeSlotStart + sample * stepMs;\n const timestampNs = timestampMs * 1000000;\n\n const nodeCpuUsage = 30 + (nodeIdx % 30) + Math.sin(sample / 2) * 10;\n const nodeMemoryUsage = (2 + nodeIdx) * 1024 * 1024 * 1024; // 2-4 GB\n const nodeConditionReady = 1; // 1 = Ready, 0 = NotReady\n\n const resourceAttrs = `{'k8s.cluster.name':'${cluster}','k8s.node.name':'${node}'}`;\n\n // k8s.node.cpu.utilization\n rows.push(\n `(${resourceAttrs}, '', '', '', {}, 0, '', 'k8s-metrics', 'k8s.node.cpu.utilization', 'Node CPU utilization', '', {}, ${timestampNs}, ${timestampNs}, ${nodeCpuUsage}, 0, [], [], [], [], [])`,\n );\n\n // k8s.node.memory.usage\n rows.push(\n `(${resourceAttrs}, '', '', '', {}, 0, '', 'k8s-metrics', 'k8s.node.memory.usage', 'Node memory usage', 'bytes', {}, ${timestampNs}, ${timestampNs}, ${nodeMemoryUsage}, 0, [], [], [], [], [])`,\n );\n\n // k8s.node.condition_ready\n rows.push(\n `(${resourceAttrs}, '', '', '', {}, 0, '', 'k8s-metrics', 'k8s.node.condition_ready', 'Node condition ready', '', {}, ${timestampNs}, ${timestampNs}, ${nodeConditionReady}, 0, [], [], [], [], [])`,\n );\n }\n }\n\n // Generate namespace metrics (spread across window)\n for (let nsIdx = 0; nsIdx < K8S_NAMESPACES.length; nsIdx++) {\n const namespace = K8S_NAMESPACES[nsIdx];\n const cluster = K8S_CLUSTERS[0];\n const namespacePhase = 1;\n const nsSlotStart =\n K8S_NAMESPACES.length > 1\n ? startMs +\n (nsIdx / (K8S_NAMESPACES.length - 1)) * (span - seriesDurationMs)\n : startMs;\n\n for (let sample = 0; sample < samplesPerPod; sample++) {\n const timestampMs = nsSlotStart + sample * stepMs;\n const timestampNs = timestampMs * 1000000;\n\n const resourceAttrs = `{'k8s.cluster.name':'${cluster}','k8s.namespace.name':'${namespace}'}`;\n\n // k8s.namespace.phase\n rows.push(\n `(${resourceAttrs}, '', '', '', {}, 0, '', 'k8s-metrics', 'k8s.namespace.phase', 'Namespace phase', '', {}, ${timestampNs}, ${timestampNs}, ${namespacePhase}, 0, [], [], [], [], [])`,\n );\n }\n }\n\n return rows.join(',\\n');\n}\n\nfunction generateK8sSumMetrics(\n podCount: number,\n startMs: number,\n endMs: number,\n): string {\n const rows: string[] = [];\n const span = endMs - startMs;\n\n for (let podIdx = 0; podIdx < podCount; podIdx++) {\n const namespace = K8S_NAMESPACES[podIdx % K8S_NAMESPACES.length];\n const node = K8S_NODES[podIdx % K8S_NODES.length];\n const cluster = K8S_CLUSTERS[0];\n const podName = `pod-${namespace}-${podIdx}`;\n const containerName = `container-${podIdx}`;\n\n const timestampMs =\n podCount > 1 ? startMs + (podIdx / (podCount - 1)) * span : startMs;\n const timestampNs = timestampMs * 1000000;\n\n // Pod uptime in seconds (1-10 hours)\n const uptimeSeconds = (1 + (podIdx % 10)) * 3600;\n\n const resourceAttrs = `{'k8s.cluster.name':'${cluster}','k8s.namespace.name':'${namespace}','k8s.node.name':'${node}','k8s.pod.name':'${podName}','k8s.pod.uid':'uid-${podName}','k8s.container.name':'${containerName}'}`;\n\n // k8s.pod.uptime (Sum metric)\n // AggregationTemporality: 1 = Delta, 2 = Cumulative\n rows.push(\n `(${resourceAttrs}, '', '', '', {}, 0, '', 'k8s-metrics', 'k8s.pod.uptime', 'Pod uptime', 's', {}, ${timestampNs}, ${timestampNs}, ${uptimeSeconds}, 0, 2, true, [], [], [], [], [])`,\n );\n }\n\n return rows.join(',\\n');\n}\n\nfunction generateK8sEventLogs(\n count: number,\n startMs: number,\n endMs: number,\n): string {\n const rows: string[] = [];\n const span = endMs - startMs;\n\n for (let i = 0; i < count; i++) {\n const t = count > 1 ? startMs + (i / (count - 1)) * span : startMs;\n const timestampNs = Math.round(t) * 1000000;\n const namespace = K8S_NAMESPACES[i % K8S_NAMESPACES.length];\n const node = K8S_NODES[i % K8S_NODES.length];\n const cluster = K8S_CLUSTERS[0];\n const podName = `pod-${namespace}-${i % 10}`;\n const podUid = `uid-${podName}`;\n const isWarning = i % 3 === 0; // More warning events (33%)\n const severity = isWarning ? 'Warning' : 'Normal';\n const eventType = isWarning ? 'Warning' : 'Normal';\n const message = isWarning\n ? `Back-off restarting failed container ${podName}`\n : `Started container ${podName}`;\n const regardingKind = isWarning ? 'Node' : 'Pod';\n const regardingName = isWarning ? node : podName;\n\n // Create the event object JSON\n const eventObject = {\n type: eventType,\n regarding: {\n kind: regardingKind,\n name: regardingName,\n },\n note: message,\n };\n const eventObjectJson = JSON.stringify(eventObject)\n .replace(/\"/g, '\\\\\"')\n .replace(/'/g, \"\\\\'\");\n\n // Include k8s.pod.uid so the infrastructure tab shows the Pod subpanel when this row is\n // clicked (DBInfraPanel requires rowData.__hdx_resource_attributes['k8s.pod.uid']).\n rows.push(\n `('${timestampNs}', '', '', 0, '${severity}', 0, 'k8s-events', '${message}', '', {'k8s.cluster.name':'${cluster}','k8s.namespace.name':'${namespace}','k8s.node.name':'${node}','k8s.pod.name':'${podName}','k8s.pod.uid':'${podUid}','service.name':'k8s-events'}, '', '', '', {}, {'k8s.resource.name':'events','object':'${eventObjectJson}'})`,\n );\n }\n\n return rows.join(',\\n');\n}\n\n// CI can be slower, so use a longer timeout\nconst CLICKHOUSE_READY_TIMEOUT_SECONDS = parseInt(\n process.env.E2E_CLICKHOUSE_READY_TIMEOUT || '60',\n 10,\n);\n\nasync function waitForClickHouse(\n client: ReturnType,\n): Promise {\n console.log(' Waiting for ClickHouse to be ready...');\n console.log(\n ` Attempting connection to: ${DEFAULT_CONFIG.host} (user: ${DEFAULT_CONFIG.user})`,\n );\n\n let lastError: Error | null = null;\n\n for (let attempt = 0; attempt < CLICKHOUSE_READY_TIMEOUT_SECONDS; attempt++) {\n try {\n await client.query('SELECT 1');\n console.log(' ClickHouse is ready');\n return;\n } catch (error) {\n lastError = error instanceof Error ? error : new Error(String(error));\n if (attempt % 5 === 0) {\n // Log every 5 seconds\n console.log(\n ` Still waiting... (${attempt}/${CLICKHOUSE_READY_TIMEOUT_SECONDS}s)`,\n );\n }\n await new Promise(resolve => setTimeout(resolve, 1000));\n }\n }\n\n console.error(' Last connection error:', lastError?.message);\n throw new Error(\n `ClickHouse not ready after ${CLICKHOUSE_READY_TIMEOUT_SECONDS} seconds. ` +\n `Host: ${DEFAULT_CONFIG.host}. ` +\n `Last error: ${lastError?.message || 'Unknown'}`,\n );\n}\n\nasync function clearTestData(\n client: ReturnType,\n): Promise {\n console.log(' Clearing existing test data...');\n await client.query('TRUNCATE TABLE IF EXISTS default.e2e_otel_logs');\n await client.query('TRUNCATE TABLE IF EXISTS default.e2e_otel_traces');\n await client.query('TRUNCATE TABLE IF EXISTS default.e2e_hyperdx_sessions');\n await client.query('TRUNCATE TABLE IF EXISTS default.e2e_otel_metrics_gauge');\n await client.query('TRUNCATE TABLE IF EXISTS default.e2e_otel_metrics_sum');\n console.log(' Existing data cleared');\n}\n\nexport async function seedClickHouse(): Promise {\n console.log('Seeding ClickHouse with test data...');\n const client = createClickHouseClient();\n\n await waitForClickHouse(client);\n await clearTestData(client);\n\n const seedRef = Date.now();\n const startMs = seedRef - PAST_MS;\n const endMs = seedRef + FUTURE_MS;\n const numDataPoints = 500;\n\n // Insert log data\n console.log(' Inserting log data...');\n await client.query(`\n INSERT INTO default.e2e_otel_logs (\n Timestamp, TraceId, SpanId, TraceFlags, SeverityText, SeverityNumber,\n ServiceName, Body, ResourceSchemaUrl, ResourceAttributes, ScopeSchemaUrl,\n ScopeName, ScopeVersion, ScopeAttributes, LogAttributes\n ) VALUES ${generateLogData(numDataPoints, startMs, endMs)}\n `);\n console.log(` Inserted ${numDataPoints} log entries`);\n\n // Insert K8s-aware log data (logs with k8s resource attributes for infrastructure correlation)\n console.log(' Inserting K8s log data...');\n await client.query(`\n INSERT INTO default.e2e_otel_logs (\n Timestamp, TraceId, SpanId, TraceFlags, SeverityText, SeverityNumber,\n ServiceName, Body, ResourceSchemaUrl, ResourceAttributes, ScopeSchemaUrl,\n ScopeName, ScopeVersion, ScopeAttributes, LogAttributes\n ) VALUES ${generateK8sLogData(numDataPoints, startMs, endMs)}\n `);\n console.log(` Inserted ${numDataPoints} K8s log entries`);\n\n // Insert trace data\n console.log(' Inserting trace data...');\n await client.query(`\n INSERT INTO default.e2e_otel_traces (\n Timestamp, TraceId, SpanId, ParentSpanId, TraceState, SpanName, SpanKind,\n ServiceName, ResourceAttributes, ScopeName, ScopeVersion, SpanAttributes,\n Duration, StatusCode, StatusMessage, \\`Events.Timestamp\\`, \\`Events.Name\\`,\n \\`Events.Attributes\\`, \\`Links.TraceId\\`, \\`Links.SpanId\\`, \\`Links.TraceState\\`,\n \\`Links.Attributes\\`\n ) VALUES ${generateTraceData(numDataPoints, startMs, endMs)}\n `);\n console.log(` Inserted ${numDataPoints} trace spans`);\n\n // Insert session trace data (spans with rum.sessionId for session tracking)\n console.log(' Inserting session trace data...');\n await client.query(`\n INSERT INTO default.e2e_otel_traces (\n Timestamp, TraceId, SpanId, ParentSpanId, TraceState, SpanName, SpanKind,\n ServiceName, ResourceAttributes, ScopeName, ScopeVersion, SpanAttributes,\n Duration, StatusCode, StatusMessage, \\`Events.Timestamp\\`, \\`Events.Name\\`,\n \\`Events.Attributes\\`, \\`Links.TraceId\\`, \\`Links.SpanId\\`, \\`Links.TraceState\\`,\n \\`Links.Attributes\\`\n ) VALUES ${generateSessionTraces(numDataPoints, startMs, endMs)}\n `);\n console.log(` Inserted ${numDataPoints} session trace data`);\n\n // Insert session data\n console.log(' Inserting session data...');\n await client.query(`\n INSERT INTO default.e2e_hyperdx_sessions (\n Timestamp, TraceId, SpanId, TraceFlags, SeverityText, SeverityNumber,\n ServiceName, Body, ResourceSchemaUrl, ResourceAttributes, ScopeSchemaUrl,\n ScopeName, ScopeVersion, ScopeAttributes, LogAttributes\n ) VALUES ${generateSessionData(numDataPoints, startMs, endMs)}\n `);\n console.log(` Inserted ${numDataPoints} session entries`);\n\n // Insert Kubernetes gauge metrics (pods and nodes)\n console.log(' Inserting Kubernetes gauge metrics...');\n await client.query(`\n INSERT INTO default.e2e_otel_metrics_gauge (\n ResourceAttributes, ResourceSchemaUrl, ScopeName, ScopeVersion, ScopeAttributes,\n ScopeDroppedAttrCount, ScopeSchemaUrl, ServiceName, MetricName, MetricDescription,\n MetricUnit, Attributes, StartTimeUnix, TimeUnix, Value, Flags,\n \\`Exemplars.FilteredAttributes\\`, \\`Exemplars.TimeUnix\\`, \\`Exemplars.Value\\`,\n \\`Exemplars.SpanId\\`, \\`Exemplars.TraceId\\`\n ) VALUES ${generateK8sGaugeMetrics(numDataPoints, 12, startMs, endMs)}\n `);\n console.log(\n ` Inserted ${numDataPoints} Kubernetes gauge metrics (pods and nodes)`,\n );\n\n // Insert Kubernetes sum metrics (uptime)\n console.log(' Inserting Kubernetes sum metrics...');\n await client.query(`\n INSERT INTO default.e2e_otel_metrics_sum (\n ResourceAttributes, ResourceSchemaUrl, ScopeName, ScopeVersion, ScopeAttributes,\n ScopeDroppedAttrCount, ScopeSchemaUrl, ServiceName, MetricName, MetricDescription,\n MetricUnit, Attributes, StartTimeUnix, TimeUnix, Value, Flags,\n AggregationTemporality, IsMonotonic,\n \\`Exemplars.FilteredAttributes\\`, \\`Exemplars.TimeUnix\\`, \\`Exemplars.Value\\`,\n \\`Exemplars.SpanId\\`, \\`Exemplars.TraceId\\`\n ) VALUES ${generateK8sSumMetrics(numDataPoints, startMs, endMs)}\n `);\n console.log(` Inserted ${numDataPoints} Kubernetes sum metrics (uptime)`);\n\n // Insert Kubernetes event logs\n console.log(' Inserting Kubernetes event logs...');\n await client.query(`\n INSERT INTO default.e2e_otel_logs (\n Timestamp, TraceId, SpanId, TraceFlags, SeverityText, SeverityNumber,\n ServiceName, Body, ResourceSchemaUrl, ResourceAttributes, ScopeSchemaUrl,\n ScopeName, ScopeVersion, ScopeAttributes, LogAttributes\n ) VALUES ${generateK8sEventLogs(numDataPoints, startMs, endMs)}\n `);\n console.log(` Inserted ${numDataPoints} Kubernetes event logs`);\n\n console.log('ClickHouse seeding complete');\n}\n\n// Allow running directly for testing\nif (require.main === module) {\n seedClickHouse()\n .then(() => {\n console.log('Seeding completed successfully');\n process.exit(0);\n })\n .catch(error => {\n console.error('Seeding failed:', error);\n process.exit(1);\n });\n}\n" }, { "path": "packages/app/tests/e2e/utils/api-helpers.ts", "content": "/**\n * API Helper utilities for E2E tests\n *\n * Provides common functions for interacting with the HyperDX API\n * in end-to-end tests, including authentication and resource access.\n */\nimport { Page } from '@playwright/test';\n\nconst API_URL = process.env.E2E_API_URL || 'http://localhost:29000';\n\n/**\n * Fetches the current user's access key for API authentication\n *\n * @param page - Playwright page instance with authenticated session\n * @returns The user's access key (Bearer token)\n * @throws If the user endpoint fails or access key is not available\n *\n * @example\n * ```typescript\n * const accessKey = await getUserAccessKey(page);\n * const response = await page.request.get(`${API_URL}/api/v2/dashboards`, {\n * headers: { 'Authorization': `Bearer ${accessKey}` }\n * });\n * ```\n */\nexport async function getUserAccessKey(page: Page): Promise {\n const userResponse = await page.request.get(`${API_URL}/me`);\n\n if (!userResponse.ok()) {\n throw new Error(\n `Failed to fetch user data: ${userResponse.status()} ${userResponse.statusText()}`,\n );\n }\n\n const userData = await userResponse.json();\n\n if (!userData.accessKey) {\n throw new Error('User access key not found in response');\n }\n\n return userData.accessKey;\n}\n\n/**\n * Fetches available data sources for the authenticated user's team\n *\n * @param page - Playwright page instance with authenticated session\n * @param kind - Optional filter for source kind ('log', 'trace', 'metric', 'session')\n * @returns Array of source objects (filtered by kind if specified)\n * @throws If the sources endpoint fails or no sources match the filter\n *\n * @example Get all sources\n * ```typescript\n * const sources = await getSources(page);\n * const firstSourceId = sources[0]._id;\n * ```\n *\n * @example Get log sources only\n * ```typescript\n * const logSources = await getSources(page, 'log');\n * const logSourceId = logSources[0]._id;\n * ```\n */\nexport async function getSources(\n page: Page,\n kind?: 'log' | 'trace' | 'metric' | 'session',\n): Promise {\n const sourcesResponse = await page.request.get(`${API_URL}/sources`);\n\n if (!sourcesResponse.ok()) {\n throw new Error(\n `Failed to fetch sources: ${sourcesResponse.status()} ${sourcesResponse.statusText()}`,\n );\n }\n\n const sources = await sourcesResponse.json();\n\n if (!Array.isArray(sources)) {\n throw new Error('Invalid sources response: expected an array');\n }\n\n // Filter by kind if specified\n if (kind) {\n const filteredSources = sources.filter(source => source.kind === kind);\n if (filteredSources.length === 0) {\n throw new Error(\n `No sources found with kind '${kind}'. Available sources: ${sources.map(s => `${s.name} (${s.kind})`).join(', ')}`,\n );\n }\n return filteredSources;\n }\n\n return sources;\n}\n\n/**\n * Gets the API base URL\n *\n * @returns The API base URL\n */\nexport function getApiUrl(): string {\n return API_URL;\n}\n" }, { "path": "packages/app/tests/e2e/utils/base-test.ts", "content": "import fs from 'fs';\nimport path from 'path';\nimport { expect, test as base } from '@playwright/test';\n\n// Single source of truth: e2e-fixtures.json (connections/sources). API gets them via run-api-with-fixtures.js.\nconst E2E_FIXTURES_PATH = path.join(__dirname, '../fixtures/e2e-fixtures.json');\nfunction loadE2EFixtures(): { connections: unknown[]; sources: unknown[] } {\n try {\n const raw = fs.readFileSync(E2E_FIXTURES_PATH, 'utf8');\n const fixture = JSON.parse(raw);\n return {\n connections: Array.isArray(fixture.connections)\n ? fixture.connections\n : [],\n sources: Array.isArray(fixture.sources) ? fixture.sources : [],\n };\n } catch {\n return { connections: [], sources: [] };\n }\n}\nconst e2eFixtures = loadE2EFixtures();\n\n// Extend the base test to automatically handle Tanstack devtools\nexport const test = base.extend({\n page: async ({ page }, fn) => {\n // Note: page.addInitScript runs in the browser context, which cannot access Node.js\n // environment variables directly. We pass USE_FULLSTACK and connection/sources from\n // e2e-fixtures.json so local mode uses the same data as full-stack.\n await page.addInitScript(\n (arg: unknown[]) => {\n const [connections, sources] = arg;\n window.localStorage.setItem('TanstackQueryDevtools.open', 'false');\n window.sessionStorage.setItem(\n 'connections',\n JSON.stringify(connections),\n );\n window.localStorage.setItem(\n 'hdx-local-source',\n JSON.stringify(sources),\n );\n },\n [e2eFixtures.connections, e2eFixtures.sources],\n );\n await fn(page);\n },\n});\n\nexport { expect };\n" }, { "path": "packages/app/tests/e2e/utils/constants.ts", "content": "export const DEFAULT_SESSIONS_SOURCE_NAME = 'E2E Sessions';\nexport const DEFAULT_TRACES_SOURCE_NAME = 'E2E Traces';\nexport const DEFAULT_METRICS_SOURCE_NAME = 'E2E Metrics';\nexport const DEFAULT_LOGS_SOURCE_NAME = 'E2E Logs';\n" }, { "path": "packages/app/tests/e2e/utils/locators.ts", "content": "import { Page } from '@playwright/test';\n\nexport const getSqlEditor = (page: Page, placeholder?: string) => {\n const locator = placeholder\n ? `div.cm-editor:has-text(\"${placeholder}\")`\n : 'div.cm-editor';\n return page.locator(locator).first();\n};\n" }, { "path": "packages/app/tsconfig.build.json", "content": "{\n \"extends\": \"./tsconfig.json\",\n \"include\": [\n \"next-env.d.ts\",\n \"**/*.ts\",\n \"**/*.tsx\"\n ],\n \"exclude\": [\n \"node_modules\",\n \"**/*.test.ts\",\n \"**/*.test.tsx\"\n ]\n}" }, { "path": "packages/app/tsconfig.json", "content": "{\n \"compilerOptions\": {\n \"target\": \"ES2020\",\n \"lib\": [\"dom\", \"dom.iterable\", \"esnext\"],\n \"allowJs\": true,\n \"sourceMap\": true,\n \"skipLibCheck\": true,\n \"strict\": true,\n \"forceConsistentCasingInFileNames\": true,\n \"noEmit\": true,\n \"incremental\": true,\n \"esModuleInterop\": true,\n \"module\": \"esnext\",\n \"moduleResolution\": \"bundler\",\n \"resolveJsonModule\": true,\n \"isolatedModules\": true,\n \"useUnknownInCatchVariables\": false,\n \"jsx\": \"preserve\",\n \"types\": [\"@types/intercom-web\", \"jest\"],\n \"baseUrl\": \".\",\n \"paths\": {\n \"@/*\": [\"src/*\"],\n \"@styles/*\": [\"styles/*\"]\n }\n },\n \"include\": [\"next-env.d.ts\", \"**/*.ts\", \"**/*.tsx\"],\n \"exclude\": [\"node_modules\"]\n}\n" }, { "path": "packages/app/types/crypto-randomuuid.d.ts", "content": "declare module 'crypto-randomuuid' {\n function randomUUID(): string;\n export = randomUUID;\n}\n" }, { "path": "packages/common-utils/CHANGELOG.md", "content": "# @hyperdx/common-utils\n\n## 0.16.1\n\n### Patch Changes\n\n- 2fab76bf: fix: Keep toStartOf\\* time filter bounds inclusive when dateRangeEndInclusive is false, preventing data from being dropped past hour/minute boundaries in time histograms\n- e18f88c8: feat: Set enable_full_text_index=1 when available\n- e09c8c0e: fix: query settings length validation\n- 1381782b: feat: Support raw sql number charts and pie charts\n- 74d92594: feat: Support fetching table metadata for Distributed tables\n- 1d83bebb: feat: Add support for dashboard filters on Raw SQL Charts\n- ce850647: fix: change sources to discriminated union\n- 359b5874: fix: add explicit api typing to all api routes and frontend hooks\n- 243e3baa: feat: Support fetching distributed table metadata with cluster()\n- 4cee5d69: feat: Support ClickHouse datasource plugin macros in Raw SQL chart configs\n\n## 0.16.0\n\n### Minor Changes\n\n- 902b8ebd: feat(alerts): add anchored alert scheduling with `scheduleStartAt` and `scheduleOffsetMinutes`\n\n### Patch Changes\n\n- 1bae972e: fix: allow any numeric value for alert thresholds\n- fd9f290e: feat: Add query params, sorting, and placeholders to Raw-SQL tables\n- dda0f9a4: feat: Add custom ORDER BY expression for Log and Trace sources\n- 32f1189a: feat: Add RawSqlChartConfig types for SQL-based Table\n- 3bc5abbf: fix: Reject wrapped toStartOf expressions in parseToStartOfFunction to prevent invalid SQL generation\n- 1e6fcf1c: feat: Add raw sql line charts\n- a13b60d0: feat: Support Raw SQL Chart Configs in Dashboard import/export\n\n## 0.15.0\n\n### Minor Changes\n\n- cd2b7a76: fix: revert use_top_k_dynamic_filtering setting for issues with ORDER BY rand()\n\n### Patch Changes\n\n- d760d2db: chore: Run integration tests on different ports\n- 34c9afeb: feat: Add list webhooks API\n\n## 0.14.0\n\n### Minor Changes\n\n- 8326fc6e: feat: use optimization settings if available for use in CH\n\n## 0.13.0\n\n### Minor Changes\n\n- 051276fc: feat: pie chart now available for chart visualization\n- b676f268: feat: Add config property to external dashboard APIs. Deprecate series.\n\n### Patch Changes\n\n- 4f1da032: fix: clickstack build fixed when running same-site origin by omitting credentials from Authorization header for local mode fetch\n\n## 0.12.3\n\n### Patch Changes\n\n- a8aa94b0: feat: add filters to saved searches\n- c3bc43ad: fix: Avoid using bodyExpression for trace sources\n\n## 0.12.2\n\n### Patch Changes\n\n- b6c34b13: fix: Handling non-monotonic sums\n\n## 0.12.1\n\n### Patch Changes\n\n- 6cfa40a0: feat: Add support for querying nested/array columns with lucene\n\n## 0.12.0\n\n### Minor Changes\n\n- f44923ba: feat: Add auto-detecting and creating OTel sources during onboarding\n\n## 0.11.1\n\n### Patch Changes\n\n- 6aa3ac6f: fix: Fix missing negation in binary lucene expressions\n- b8ab312a: chore: improve Team typing\n\n## 0.11.0\n\n### Minor Changes\n\n- bc8c4eec: feat: allow applying session settings to queries\n\n### Patch Changes\n\n- 1cf8cebb: feat: Support JSON Sessions\n- 418828e8: Add better types for AI features, Fix bug that could cause page crash when generating graphs\n- 79398be7: chore: Standardize granularities\n- 00854da8: feat: Add support for searching with bloom_filter(tokens()) indexes\n- f98fc519: perf: Query filter values from MVs\n- f20fac30: feat: force usage of the map key index with lucene rendered queries\n- 4a856173: feat: Add hasAllTokens for text index support\n\n## 0.10.2\n\n### Patch Changes\n\n- ab7645de: feat: Add a minimum date to MV configuration\n- ebaebc14: feat: Use materialized views in alert execution\n- 725dbc2f: feat: Align line/bar chart date ranges to chart granularity\n- 0c16a4b3: feat: Align date ranges to MV Granularity\n\n## 0.10.1\n\n### Patch Changes\n\n- 103c63cc: chore(eslint): enable @typescript-eslint/no-unsafe-type-assertion rule (warn)\n- 103c63cc: refactor(common-utils): improve type safety and linting for type assertions\n\n## 0.10.0\n\n### Minor Changes\n\n- ca693c0f: Add support for visualizing histogram counts\n- a5a04aa9: feat: Add materialized view support (Beta)\n\n### Patch Changes\n\n- 50ba92ac: feat: Add custom filters to the services dashboard\"\n- b58c52eb: fix: Fix bugs in the Services dashboard\n\n## 0.9.0\n\n### Minor Changes\n\n- 52d27985: chore: Upgrade nextjs, react, and eslint + add react compiler\n\n### Patch Changes\n\n- 586bcce7: feat: Add previous period comparisons to line chart\n- ea25cc5d: fix: Support formatting queries with % operator\n- b7789ced: chore: deprecate unused go-parser service\n- ff422206: fix: Fix Services Dashboard Database tab charts\n- 59422a1a: feat: Add custom attributes for individual rows\n- 7405d183: bump typescript version\n- 770276a1: feat: Add search to trace waterfall\n\n## 0.8.0\n\n### Minor Changes\n\n- f612bf3c: feat: add support for alert auto-resolve\n\n### Patch Changes\n\n- f612bf3c: feat: support incident.io integration\n- f612bf3c: fix: handle group-by alert histories\n- c4915d45: feat: Add custom trace-level attributes above trace waterfall\n- 6e628bcd: feat: Support field:(...) Lucene searches\n\n## 0.7.2\n\n### Patch Changes\n\n- 2162a690: feat: Optimize and fix filtering on toStartOfX primary key expressions\n- 8190ee8f: perf: Improve getKeyValues query performance for JSON keys\n\n## 0.7.1\n\n### Patch Changes\n\n- 35c42222: fix: Improve table key parsing\n- b68a4c9b: Tweak getMapKeys to leverage one row limiting implementation\n- 5efa2ffa: feat: handle k8s metrics semantic convention updates\n- 43e32aaf: fix: handle metrics semantic convention upgrade (feature gate)\n- 3c8f3b54: fix: Include connectionId in metadata cache key\n- 65872831: fix: Preserve original select from time chart event selection\n- b46ae2f2: fix: Fix sidebar when selecting JSON property\n- 2f49f9be: fix: ignore max_rows_to_read for filter values distribution\n- daffcf35: feat: Add percentages to filter values\n- 5210bb86: refactor: clean up table connections\n\n## 0.7.0\n\n### Minor Changes\n\n- 6c8efbcb: feat: Add persistent dashboard filters\n\n### Patch Changes\n\n- 8673f967: fix: json getKeyValues (useful for autocomplete)\n- 4ff55c0e: perf: disable CTE if disableRowLimit flag is true (getKeyValues method)\n- 816f90a3: fix: disable json filters for now\n- 24314a96: add dashboard import/export functionality\n- 8f06ce7b: perf: add prelimit CTE to getMapKeys query + store clickhouse settings in shared cache\n- e053c490: chore: Customize user-agent for Alerts ClickHouse client\n\n## 0.6.0\n\n### Minor Changes\n\n- 5a44953e: feat: Add new none aggregation function to allow fully user defined aggregations in SQL\n\n### Patch Changes\n\n- 0d9f3fe0: fix: Always enable query analyzer to fix compatibility issues with old ClickHouse versions.\n- 3d82583f: fix issue where linting could fail locally\n- 1d79980e: fix: Fix ascending order in windowed searches\n\n## 0.5.0\n\n### Minor Changes\n\n- fa45875d: Add delta() function for gauge metrics\n\n### Patch Changes\n\n- 45e8e1b6: fix: Update tsconfigs to resolve IDE type errors\n- d938b4a4: feat: Improve Slack Webhook validation\n- 92224d65: Improve Intellisense on common-utils package\n- e7b590cc: fix: Fix invalid valueExpression\n\n## 0.4.0\n\n### Minor Changes\n\n- 25f77aa7: added team level queryTimeout to ClickHouse client\n\n### Patch Changes\n\n- d6f8058e: - deprecate unused packages/api/src/clickhouse\n - deprecate unused route /datasources\n - introduce getJSNativeCreateClient in common-utils\n - uninstall @clickhouse/client in api package\n - uninstall @clickhouse/client + @clickhouse/client-web in app package\n - bump @clickhouse/client in common-utils package to v1.12.1\n- aacd24dd: refactor: decouple clickhouse client into browser.ts and node.ts\n- 52483f6a: feat: enable filters for json columns\n- aacd24dd: bump: default request_timeout to 1hr\n- 3f2d4270: style: dedupe codes within \\_\\_query method and move createClient to the constructor\n- ecb20c84: feat: remove useless session source fields\n\n## 0.3.2\n\n### Patch Changes\n\n- 56fd856d: fix: otelcol process in aio build\n- 0f242558: fix: Compatibilty with lowercase text skip index\n\n## 0.3.1\n\n### Patch Changes\n\n- d29e2bc: fix: handle the case when `CUSTOM_OTELCOL_CONFIG_FILE` is not specified\n\n## 0.3.0\n\n### Minor Changes\n\n- 6dd6165: feat: Display original query to error messages in search page\n\n### Patch Changes\n\n- 5a59d32: Upgraded NX from version 16.8.1 to 21.3.11\n\n## 0.2.9\n\n### Patch Changes\n\n- 39cde41: fix: k8s event property mappings\n- b568b00: feat: introduce team 'clickhouse-settings' endpoint + metadataMaxRowsToRead setting\n\n## 0.2.8\n\n### Patch Changes\n\n- eed38e8: bump node version to 22.16.0\n\n## 0.2.7\n\n### Patch Changes\n\n- 4ce81d4: fix: handle Nullable + Tuple type column + decouple useRowWhere\n- 61c79a1: fix: Ensure percentile aggregations on histograms don't create invalid SQL queries due to improperly escaped aliases.\n\n## 0.2.6\n\n### Patch Changes\n\n- 33fc071: feat: Allow users to define custom column aliases for charts\n\n## 0.2.5\n\n### Patch Changes\n\n- 973b9e8: feat: Add any aggFn support, fix select field input not showing up\n\n## 0.2.4\n\n### Patch Changes\n\n- 52ca182: feat: Add ClickHouse JSON Type Support\n\n## 0.2.3\n\n### Patch Changes\n\n- b75d7c0: feat: add robust source form validation and error reporting\n- 93e36b5: fix: remove id from post for connection creation endpoint\n\n## 0.2.2\n\n### Patch Changes\n\n- 31e22dc: feat: introduce clickhouse db init script\n- 2063774: perf: build next app in standalone mode to cut down images size\n\n## 0.2.1\n\n### Patch Changes\n\n- ab3b5cb: perf: merge api + app packages to dedupe node_modules\n- ab387e1: fix: missing types in app build\n- fce5ee5: feat: add load more to features and improve querying\n\n## 0.2.0\n\n### Minor Changes\n\n- 79fe30f: Queries depending on numeric aggregates now use the type's default value (e.g. 0) instead of null when dealing with non-numeric data.\n- a9dfa14: Added support to CTE rendering where you can now specify a CTE using a full chart config object instance. This CTE capability is then used to avoid the URI too long error for delta event queries.\n- e002c2f: Support querying a sum metric as a value instead of a rate\n- 759da7a: Support multiple OTEL metric types in source configuration setup.\n- e80630c: Add chart support for querying OTEL histogram metric table\n- 57a6bc3: feat: BETA metrics support (sum + gauge)\n\n### Patch Changes\n\n- 50ce38f: Histogram metric query test cases\n- e935bb6: ci: introduce release-nightly workflow\n- 8acc725: Fixes to histogram value computation\n- 2e350e2: feat: implement logs > metrics correlation flow + introduce convertV1ChartConfigToV2\n- 321e24f: fix: alerting time range filtering bug\n- 092a292: fix: autocomplete for key-values complete for v2 lucene\n- a6fd5e3: feat: introduce k8s preset dashboard\n- 2f626e1: fix: metric name filtering for some metadata\n- cfdd523: feat: clickhouse queries are by default conducted through the clickhouse library via POST request. localMode still uses GET for CORS purposes\n- 9c5c239: fix: handle 'filters' config (metrics)\n- 7d2cfcf: fix: 'Failed to fetch' errors\n- fa7875c: feat: add summary and exponential histogram metrics to the source form and database storage\n- b16c8e1: feat: compute charts ratio\n- c50c42d: add correlate log in trace waterfall chart\n- 86465a2: fix: map CLICKHOUSE_SERVER_ENDPOINT to otelcol ch exporter 'endpoint' field\n- b51e39c: fix: disable keep_alive on the browser side (ch client)\n- b9f7d32: Refactored renderWith to simplify logic and ship more tests with the changes.\n- 92a4800: feat: move rrweb event fetching to the client instead of an api route\n- eaa6bfa: fix: transform partition_key to be the same format as others\n- 4865ce7: Fixes the histogram query to perform quantile calculation across all data points\n- 29e8f37: fix: aggCondition issue in sum/gauge/histogram metrics\n- 43a9ca1: adopt clickhouse-js for all client side queries\n- 7f0b397: feat: queryChartConfig method + events chart ratio\n- bd9dc18: perf: reuse existing queries promises to avoid duplicate requests\n- 5db2767: Fixed CI linting and UI release task.\n- 414ff92: feat: export 'Connection' type\n- 000458d: chore: GA v2\n- 0cf5358: chore: bump clickhouse client to v1.11.1\n- 99b60d5: Fixed sum metric query to pass integration test case from v1.\n- 931d738: fix: bugs with showing non otel spans (ex. clickhouse opentelemetry span logs)\n- 184402d: fix: use quote for aliases for sql compatibility\n- a762203: fix: metadata getAllKeyValues query key scoped to table now\n- cd0e4fd: fix: correct handling of gauge metrics in renderChartConfig\n- e7262d1: feat: introduce all-one-one (auth vs noauth) multi-stage build\n- 321e24f: feat: support 'dateRangeEndInclusive' in timeFilterExpr\n- 96b8c50: Fix histogram query metric to support grouping and correct issues with value computation.\n- e884d85: fix: metrics > logs correlation flow\n- e5a210a: feat: support search on multi implicit fields (BETA)\n\n## 0.2.0-beta.6\n\n### Patch Changes\n\n- e935bb6: ci: introduce release-nightly workflow\n- 321e24f: fix: alerting time range filtering bug\n- 7d2cfcf: fix: 'Failed to fetch' errors\n- fa7875c: feat: add summary and exponential histogram metrics to the source form and database storage\n- 86465a2: fix: map CLICKHOUSE_SERVER_ENDPOINT to otelcol ch exporter 'endpoint' field\n- b51e39c: fix: disable keep_alive on the browser side (ch client)\n- 43a9ca1: adopt clickhouse-js for all client side queries\n- 0cf5358: chore: bump clickhouse client to v1.11.1\n- a762203: fix: metadata getAllKeyValues query key scoped to table now\n- e7262d1: feat: introduce all-one-one (auth vs noauth) multi-stage build\n- 321e24f: feat: support 'dateRangeEndInclusive' in timeFilterExpr\n- 96b8c50: Fix histogram query metric to support grouping and correct issues with value computation.\n\n## 0.2.0-beta.5\n\n### Patch Changes\n\n- 931d738: fix: bugs with showing non otel spans (ex. clickhouse opentelemetry span logs)\n\n## 0.2.0-beta.4\n\n### Minor Changes\n\n- 79fe30f: Queries depending on numeric aggregates now use the type's default value (e.g. 0) instead of null when dealing with non-numeric data.\n\n### Patch Changes\n\n- cfdd523: feat: clickhouse queries are by default conducted through the clickhouse library via POST request. localMode still uses GET for CORS purposes\n- 92a4800: feat: move rrweb event fetching to the client instead of an api route\n- 7f0b397: feat: queryChartConfig method + events chart ratio\n\n## 0.2.0-beta.3\n\n### Patch Changes\n\n- 092a292: fix: autocomplete for key-values complete for v2 lucene\n- 2f626e1: fix: metric name filtering for some metadata\n- b16c8e1: feat: compute charts ratio\n- 4865ce7: Fixes the histogram query to perform quantile calculation across all data points\n\n## 0.2.0-beta.2\n\n### Minor Changes\n\n- a9dfa14: Added support to CTE rendering where you can now specify a CTE using a full chart config object instance. This CTE capability is then used to avoid the URI too long error for delta event queries.\n- e002c2f: Support querying a sum metric as a value instead of a rate\n\n### Patch Changes\n\n- 50ce38f: Histogram metric query test cases\n- 2e350e2: feat: implement logs > metrics correlation flow + introduce convertV1ChartConfigToV2\n- a6fd5e3: feat: introduce k8s preset dashboard\n- b9f7d32: Refactored renderWith to simplify logic and ship more tests with the changes.\n- eaa6bfa: fix: transform partition_key to be the same format as others\n- bd9dc18: perf: reuse existing queries promises to avoid duplicate requests\n- 5db2767: Fixed CI linting and UI release task.\n- 414ff92: feat: export 'Connection' type\n- e884d85: fix: metrics > logs correlation flow\n- e5a210a: feat: support search on multi implicit fields (BETA)\n\n## 0.2.0-beta.1\n\n### Patch Changes\n\n- fix: use quote for aliases for sql compatibility\n\n## 0.2.0-beta.0\n\n### Minor Changes\n\n- 759da7a: Support multiple OTEL metric types in source configuration setup.\n- e80630c: Add chart support for querying OTEL histogram metric table\n- 57a6bc3: feat: BETA metrics support (sum + gauge)\n\n### Patch Changes\n\n- 8acc725: Fixes to histogram value computation\n- 9c5c239: fix: handle 'filters' config (metrics)\n- c50c42d: add correlate log in trace waterfall chart\n- 29e8f37: fix: aggCondition issue in sum/gauge/histogram metrics\n- 99b60d5: Fixed sum metric query to pass integration test case from v1.\n- cd0e4fd: fix: correct handling of gauge metrics in renderChartConfig\n\n## 0.1.0\n\n### Minor Changes\n\n- 497fba8: Added support for querying gauge metric table with default detection for OTEL collector schema.\n\n## 0.0.14\n\n### Patch Changes\n\n- 621bd55: feat: add session source and SourceKind enum\n\n## 0.0.13\n\n### Patch Changes\n\n- b79433e: refactor: Extract alert configuration schema into AlertBaseSchema\n\n## 0.0.12\n\n### Patch Changes\n\n- 418c293: feat: extract AlertChannelType to its own schema\n\n## 0.0.11\n\n### Patch Changes\n\n- a483780: style: move types from renderChartConfig + add exceptions types\n\n## 0.0.10\n\n### Patch Changes\n\n- fc4548f: feat: add alert schema + types\n" }, { "path": "packages/common-utils/README.md", "content": "## How to test the package with HyperDX app/api \n\n1. Run `yarn build` in the root directory of this project (packages/common-utils)\n2. Run `yarn dev` in the root directory of app/api project (packages/app,api)\n3. You should be able to test utils with the app\n" }, { "path": "packages/common-utils/eslint.config.mjs", "content": "import js from '@eslint/js';\nimport tseslint from 'typescript-eslint';\nimport prettierConfig from 'eslint-config-prettier';\nimport prettierPlugin from 'eslint-plugin-prettier';\nimport simpleImportSort from 'eslint-plugin-simple-import-sort';\nimport nodePlugin from 'eslint-plugin-n';\nimport securityPlugin from 'eslint-plugin-security';\n\nexport default [\n js.configs.recommended,\n ...tseslint.configs.recommended,\n prettierConfig,\n {\n ignores: [\n 'node_modules/**',\n 'dist/**',\n 'coverage/**',\n '**/*.config.js',\n '**/*.config.mjs',\n 'jest.config.js',\n 'jest.setup.ts',\n ],\n },\n {\n files: ['src/**/*.ts'],\n plugins: {\n '@typescript-eslint': tseslint.plugin,\n 'simple-import-sort': simpleImportSort,\n 'prettier': prettierPlugin,\n 'n': nodePlugin,\n 'security': securityPlugin,\n },\n rules: {\n ...nodePlugin.configs.recommended.rules,\n ...securityPlugin.configs['recommended-legacy'].rules,\n '@typescript-eslint/ban-ts-comment': 'warn',\n '@typescript-eslint/no-empty-interface': 'off',\n '@typescript-eslint/no-empty-object-type': 'warn',\n '@typescript-eslint/no-explicit-any': 'off',\n '@typescript-eslint/no-floating-promises': 'error',\n '@typescript-eslint/no-unsafe-type-assertion': 'error',\n '@typescript-eslint/no-namespace': 'warn',\n '@typescript-eslint/no-unused-vars': [\n 'warn',\n {\n argsIgnorePattern: '^_',\n varsIgnorePattern: '^_',\n },\n ],\n 'n/no-process-exit': 'warn',\n 'n/no-missing-import': 'off',\n 'n/no-unpublished-import': [\n 'error',\n {\n allowModules: ['supertest'],\n },\n ],\n 'n/no-unsupported-features/es-syntax': [\n 'error',\n {\n ignores: ['modules'],\n },\n ],\n 'prettier/prettier': 'error',\n 'simple-import-sort/imports': 'error',\n 'simple-import-sort/exports': 'error',\n },\n languageOptions: {\n parser: tseslint.parser,\n parserOptions: {\n ecmaVersion: 'latest',\n sourceType: 'module',\n project: './tsconfig.json',\n tsconfigRootDir: import.meta.dirname,\n },\n globals: {\n console: 'readonly',\n process: 'readonly',\n module: 'readonly',\n require: 'readonly',\n __dirname: 'readonly',\n __filename: 'readonly',\n exports: 'readonly',\n Buffer: 'readonly',\n setTimeout: 'readonly',\n clearTimeout: 'readonly',\n setInterval: 'readonly',\n clearInterval: 'readonly',\n setImmediate: 'readonly',\n clearImmediate: 'readonly',\n global: 'readonly',\n },\n },\n },\n {\n // Disable unsafe type assertion rule for test files (mocking requires type assertions)\n files: ['src/**/*.test.ts', 'src/**/__tests__/**/*.ts'],\n rules: {\n '@typescript-eslint/no-unsafe-type-assertion': 'off',\n },\n },\n];\n\n" }, { "path": "packages/common-utils/jest.config.js", "content": "/** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */\nmodule.exports = {\n preset: 'ts-jest',\n testEnvironment: 'node',\n setupFilesAfterEnv: ['/../jest.setup.ts'],\n verbose: true,\n rootDir: './src',\n testMatch: ['**/__tests__/*.test.ts?(x)'],\n testPathIgnorePatterns: ['.*\\\\.int\\\\.test\\\\.ts$'],\n testTimeout: 30000,\n moduleNameMapper: {\n '@/(.*)$': '/$1',\n },\n};\n" }, { "path": "packages/common-utils/jest.int.config.js", "content": "/** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */\nmodule.exports = {\n setupFiles: ['dotenv-expand/config'],\n preset: 'ts-jest',\n testEnvironment: 'node',\n setupFilesAfterEnv: ['/../jest.setup.ts'],\n verbose: true,\n rootDir: './src',\n testMatch: ['**/__tests__/*.int.test.ts?(x)'],\n testTimeout: 30000,\n moduleNameMapper: {\n '@/(.*)$': '/$1',\n },\n};\n" }, { "path": "packages/common-utils/jest.setup.ts", "content": "global.console = {\n ...console,\n // Turn off noisy console logs in tests\n debug: jest.fn(),\n info: jest.fn(),\n};\n" }, { "path": "packages/common-utils/package.json", "content": "{\n \"name\": \"@hyperdx/common-utils\",\n \"description\": \"Common utilities for HyperDX application\",\n \"version\": \"0.16.1\",\n \"license\": \"MIT\",\n \"private\": true,\n \"files\": [\n \"dist/*\"\n ],\n \"engines\": {\n \"node\": \">=22.16.0\"\n },\n \"dependencies\": {\n \"@clickhouse/client\": \"^1.12.1\",\n \"@clickhouse/client-common\": \"^1.12.1\",\n \"@clickhouse/client-web\": \"^1.12.1\",\n \"@hyperdx/lucene\": \"^3.1.1\",\n \"date-fns\": \"^2.28.0\",\n \"date-fns-tz\": \"^2.0.0\",\n \"lodash\": \"^4.17.23\",\n \"node-sql-parser\": \"^5.3.5\",\n \"object-hash\": \"^3.0.0\",\n \"semver\": \"^7.5.3\",\n \"sql-formatter\": \"^15.4.11\",\n \"sqlstring\": \"^2.3.3\",\n \"store2\": \"^2.14.4\",\n \"uuid\": \"^8.3.2\",\n \"zod\": \"3.25\"\n },\n \"devDependencies\": {\n \"@types/hyperdx__lucene\": \"npm:@types/lucene@*\",\n \"@types/jest\": \"^28.1.1\",\n \"@types/lodash\": \"^4.14.198\",\n \"@types/object-hash\": \"^2.2.1\",\n \"@types/semver\": \"^7.3.12\",\n \"@types/sqlstring\": \"^2.3.0\",\n \"@types/supertest\": \"^2.0.12\",\n \"@types/uuid\": \"^8.3.4\",\n \"dotenv\": \"^17.2.3\",\n \"jest\": \"^28.1.1\",\n \"nodemon\": \"^2.0.20\",\n \"rimraf\": \"^4.4.1\",\n \"supertest\": \"^6.3.1\",\n \"ts-jest\": \"^29.4.5\",\n \"ts-node\": \"^10.8.1\",\n \"tsc-alias\": \"^1.8.8\",\n \"tsconfig-paths\": \"^4.2.0\",\n \"tsup\": \"^8.4.0\",\n \"typescript\": \"^5.9.3\"\n },\n \"scripts\": {\n \"dev\": \"nodemon --on-change-only --watch ./src --ext ts --exec \\\"yarn dev:build\\\"\",\n \"dev:build\": \"tsup && tsc --emitDeclarationOnly --declaration\",\n \"build\": \"tsup\",\n \"ci:build\": \"tsup\",\n \"lint\": \"npx eslint --quiet . --ext .ts\",\n \"lint:fix\": \"npx eslint . --ext .ts --fix\",\n \"ci:lint\": \"yarn lint && yarn tsc --noEmit\",\n \"ci:unit\": \"jest --runInBand --ci --forceExit --coverage\",\n \"dev:unit\": \"jest --watchAll --runInBand --detectOpenHandles\",\n \"ci:int\": \"DOTENV_CONFIG_PATH=.env.test jest --config jest.int.config.js --runInBand --ci --forceExit --coverage\",\n \"dev:int\": \"DOTENV_CONFIG_PATH=.env.test jest --config jest.int.config.js --watchAll --runInBand --detectOpenHandles\"\n }\n}\n" }, { "path": "packages/common-utils/src/__tests__/__snapshots__/renderChartConfig.test.ts.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renderChartConfig Aggregate Merge Functions should generate SQL for an aggregate merge function 1`] = `\"SELECT avgMerge(Duration),severity FROM default.logs WHERE (timestamp >= fromUnixTimestamp64Milli(1739318400000) AND timestamp <= fromUnixTimestamp64Milli(1739491200000)) GROUP BY severity SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"`;\n\nexports[`renderChartConfig Aggregate Merge Functions should generate SQL for an aggregate merge function with a condition 1`] = `\"SELECT avgMergeIf(Duration, ((severity = 'ERROR')) AND toFloat64OrDefault(toString(Duration)) IS NOT NULL),severity FROM default.logs WHERE (((severity = 'ERROR'))) GROUP BY severity SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"`;\n\nexports[`renderChartConfig Aggregate Merge Functions should generate SQL for an histogram merge function 1`] = `\"SELECT histogramMerge(20)(Duration),severity FROM default.logs WHERE (timestamp >= fromUnixTimestamp64Milli(1739318400000) AND timestamp <= fromUnixTimestamp64Milli(1739491200000)) GROUP BY severity SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"`;\n\nexports[`renderChartConfig Aggregate Merge Functions should generate SQL for an quantile merge function with a condition 1`] = `\"SELECT quantileMergeIf(0.95)(Duration, ((severity = 'ERROR')) AND toFloat64OrDefault(toString(Duration)) IS NOT NULL),severity FROM default.logs WHERE (timestamp >= fromUnixTimestamp64Milli(1739318400000) AND timestamp <= fromUnixTimestamp64Milli(1739491200000)) AND (((severity = 'ERROR'))) GROUP BY severity SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"`;\n\nexports[`renderChartConfig HAVING clause should not render HAVING clause when having is empty string 1`] = `\"SELECT count(),severity FROM default.logs WHERE (timestamp >= fromUnixTimestamp64Milli(1739318400000) AND timestamp <= fromUnixTimestamp64Milli(1739491200000)) GROUP BY severity SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"`;\n\nexports[`renderChartConfig HAVING clause should not render HAVING clause when not provided 1`] = `\"SELECT count(),severity FROM default.logs WHERE (timestamp >= fromUnixTimestamp64Milli(1739318400000) AND timestamp <= fromUnixTimestamp64Milli(1739491200000)) GROUP BY severity SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"`;\n\nexports[`renderChartConfig HAVING clause should render HAVING clause with SQL language 1`] = `\"SELECT count(),severity FROM default.logs WHERE (timestamp >= fromUnixTimestamp64Milli(1739318400000) AND timestamp <= fromUnixTimestamp64Milli(1739491200000)) GROUP BY severity HAVING count(*) > 100 SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"`;\n\nexports[`renderChartConfig HAVING clause should render HAVING clause with granularity and groupBy 1`] = `\"SELECT count(),event_type,toStartOfInterval(toDateTime(timestamp), INTERVAL 5 minute) AS \\`__hdx_time_bucket\\` FROM default.events WHERE (timestamp >= fromUnixTimestamp64Milli(1739318400000) AND timestamp <= fromUnixTimestamp64Milli(1739491200000)) GROUP BY event_type,toStartOfInterval(toDateTime(timestamp), INTERVAL 5 minute) AS \\`__hdx_time_bucket\\` HAVING count(*) > 50 ORDER BY toStartOfInterval(toDateTime(timestamp), INTERVAL 5 minute) AS \\`__hdx_time_bucket\\` SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"`;\n\nexports[`renderChartConfig HAVING clause should render HAVING clause with multiple conditions 1`] = `\n\"SELECT avg(\n toFloat64OrDefault(toString(response_time))\n ),count(),endpoint FROM default.metrics WHERE (timestamp >= fromUnixTimestamp64Milli(1739318400000) AND timestamp <= fromUnixTimestamp64Milli(1739491200000)) GROUP BY endpoint HAVING avg(response_time) > 500 AND count(*) > 10 SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"\n`;\n\nexports[`renderChartConfig SETTINGS clause should apply the \"chart config\" settings to the query 1`] = `\"SELECT histogramMerge(20)(Duration),severity FROM default.logs WHERE (timestamp >= fromUnixTimestamp64Milli(1739318400000) AND timestamp <= fromUnixTimestamp64Milli(1739491200000)) GROUP BY severity SETTINGS short_circuit_function_evaluation = 'force_enable', optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"`;\n\nexports[`renderChartConfig SETTINGS clause should apply the \"query settings\" settings to the query 1`] = `\"SELECT histogramMerge(20)(Duration),severity FROM default.logs WHERE (timestamp >= fromUnixTimestamp64Milli(1739318400000) AND timestamp <= fromUnixTimestamp64Milli(1739491200000)) GROUP BY severity SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"`;\n\nexports[`renderChartConfig SETTINGS clause should concat the \"chart config\" and \"query setting\" settings and apply them to the query 1`] = `\"SELECT histogramMerge(20)(Duration),severity FROM default.logs WHERE (timestamp >= fromUnixTimestamp64Milli(1739318400000) AND timestamp <= fromUnixTimestamp64Milli(1739491200000)) GROUP BY severity SETTINGS short_circuit_function_evaluation = 'force_enable', optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"`;\n\nexports[`renderChartConfig containing CTE clauses should render a ChSql CTE configuration correctly 1`] = `\"WITH TestCte AS (SELECT TimeUnix, Line FROM otel_logs) SELECT Line FROM TestCte SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"`;\n\nexports[`renderChartConfig containing CTE clauses should render a chart config CTE configuration correctly 1`] = `\"WITH Parts AS (SELECT _part, _part_offset FROM default.some_table WHERE ((FieldA = 'test')) ORDER BY rand() DESC LIMIT 1000 SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000) SELECT * FROM Parts WHERE ((FieldA = 'test') AND (indexHint((_part, _part_offset) IN (SELECT tuple(_part, _part_offset) FROM Parts)))) ORDER BY rand() DESC LIMIT 1000 SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"`;\n\nexports[`renderChartConfig histogram metric queries count should generate a count query with grouping and time bucketing 1`] = `\n\"WITH source AS (\n SELECT\n TimeUnix,\n AggregationTemporality,\n toStartOfInterval(toDateTime(TimeUnix), INTERVAL 2 minute) AS \\`__hdx_time_bucket\\`,\n [ResourceAttributes['host']] AS group,\n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS attr_hash,\n cityHash64(ExplicitBounds) AS bounds_hash,\n toInt64(Count) AS current_count,\n lagInFrame(toNullable(current_count), 1, NULL) OVER (\n PARTITION BY group, attr_hash, bounds_hash, AggregationTemporality\n ORDER BY TimeUnix\n ) AS prev_count,\n CASE\n WHEN AggregationTemporality = 1 THEN current_count\n WHEN AggregationTemporality = 2 THEN greatest(0, current_count - coalesce(prev_count, 0))\n ELSE 0\n END AS delta\n FROM default.otel_metrics_histogram\n WHERE (TimeUnix >= toStartOfInterval(fromUnixTimestamp64Milli(1739318400000), INTERVAL 2 minute) - INTERVAL 2 minute AND TimeUnix <= toStartOfInterval(fromUnixTimestamp64Milli(1765670400000), INTERVAL 2 minute) + INTERVAL 2 minute) AND ((MetricName = 'http.server.duration'))\n ),metrics AS (\n SELECT\n \\`__hdx_time_bucket\\`,\n group,\n sum(delta) AS \\\\\"Value\\\\\"\n FROM source\n GROUP BY group, \\`__hdx_time_bucket\\`\n ) SELECT \\`__hdx_time_bucket\\`, group, \\\\\"Value\\\\\" FROM metrics WHERE (\\`__hdx_time_bucket\\` >= fromUnixTimestamp64Milli(1739318400000) AND \\`__hdx_time_bucket\\` <= fromUnixTimestamp64Milli(1765670400000)) LIMIT 10 SETTINGS short_circuit_function_evaluation = 'force_enable', optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"\n`;\n\nexports[`renderChartConfig histogram metric queries count should generate a count query without grouping but time bucketing 1`] = `\n\"WITH source AS (\n SELECT\n TimeUnix,\n AggregationTemporality,\n toStartOfInterval(toDateTime(TimeUnix), INTERVAL 2 minute) AS \\`__hdx_time_bucket\\`,\n \n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS attr_hash,\n cityHash64(ExplicitBounds) AS bounds_hash,\n toInt64(Count) AS current_count,\n lagInFrame(toNullable(current_count), 1, NULL) OVER (\n PARTITION BY attr_hash, bounds_hash, AggregationTemporality\n ORDER BY TimeUnix\n ) AS prev_count,\n CASE\n WHEN AggregationTemporality = 1 THEN current_count\n WHEN AggregationTemporality = 2 THEN greatest(0, current_count - coalesce(prev_count, 0))\n ELSE 0\n END AS delta\n FROM default.otel_metrics_histogram\n WHERE (TimeUnix >= toStartOfInterval(fromUnixTimestamp64Milli(1739318400000), INTERVAL 2 minute) - INTERVAL 2 minute AND TimeUnix <= toStartOfInterval(fromUnixTimestamp64Milli(1765670400000), INTERVAL 2 minute) + INTERVAL 2 minute) AND ((MetricName = 'http.server.duration'))\n ),metrics AS (\n SELECT\n \\`__hdx_time_bucket\\`,\n \n sum(delta) AS \\\\\"Value\\\\\"\n FROM source\n GROUP BY \\`__hdx_time_bucket\\`\n ) SELECT \\`__hdx_time_bucket\\`, \\\\\"Value\\\\\" FROM metrics WHERE (\\`__hdx_time_bucket\\` >= fromUnixTimestamp64Milli(1739318400000) AND \\`__hdx_time_bucket\\` <= fromUnixTimestamp64Milli(1765670400000)) LIMIT 10 SETTINGS short_circuit_function_evaluation = 'force_enable', optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"\n`;\n\nexports[`renderChartConfig histogram metric queries count should generate a count query without grouping or time bucketing 1`] = `\n\"WITH source AS (\n SELECT\n TimeUnix,\n AggregationTemporality,\n TimeUnix AS \\`__hdx_time_bucket\\`,\n \n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS attr_hash,\n cityHash64(ExplicitBounds) AS bounds_hash,\n toInt64(Count) AS current_count,\n lagInFrame(toNullable(current_count), 1, NULL) OVER (\n PARTITION BY attr_hash, bounds_hash, AggregationTemporality\n ORDER BY TimeUnix\n ) AS prev_count,\n CASE\n WHEN AggregationTemporality = 1 THEN current_count\n WHEN AggregationTemporality = 2 THEN greatest(0, current_count - coalesce(prev_count, 0))\n ELSE 0\n END AS delta\n FROM default.otel_metrics_histogram\n WHERE (TimeUnix >= fromUnixTimestamp64Milli(1739318400000) AND TimeUnix <= fromUnixTimestamp64Milli(1765670400000)) AND ((MetricName = 'http.server.duration'))\n ),metrics AS (\n SELECT\n \\`__hdx_time_bucket\\`,\n \n sum(delta) AS \\\\\"Value\\\\\"\n FROM source\n GROUP BY \\`__hdx_time_bucket\\`\n ) SELECT \\`__hdx_time_bucket\\`, \\\\\"Value\\\\\" FROM metrics WHERE (\\`__hdx_time_bucket\\` >= fromUnixTimestamp64Milli(1739318400000) AND \\`__hdx_time_bucket\\` <= fromUnixTimestamp64Milli(1765670400000)) LIMIT 10 SETTINGS short_circuit_function_evaluation = 'force_enable', optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"\n`;\n\nexports[`renderChartConfig histogram metric queries quantile should generate a query with grouping and time bucketing 1`] = `\n\"WITH source AS (\n SELECT\n MetricName,\n ExplicitBounds,\n toStartOfInterval(toDateTime(TimeUnix), INTERVAL 2 minute) AS \\`__hdx_time_bucket\\`,\n [ResourceAttributes['host']] as group,\n sumForEach(deltas) as rates\n FROM (\n SELECT\n TimeUnix,\n MetricName,\n ResourceAttributes,\n Attributes,\n ExplicitBounds,\n attr_hash,\n any(attr_hash) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_attr_hash,\n any(bounds_hash) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_bounds_hash,\n any(counts) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_counts,\n counts,\n IF(\n AggregationTemporality = 1 \n OR prev_attr_hash != attr_hash \n OR bounds_hash != prev_bounds_hash \n OR arrayExists((x) -> x.2 < x.1, arrayZip(prev_counts, counts)), \n counts,\n counts - prev_counts\n ) AS deltas\n FROM (\n SELECT\n TimeUnix,\n MetricName,\n AggregationTemporality,\n ExplicitBounds,\n ResourceAttributes,\n Attributes,\n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS attr_hash,\n cityHash64(ExplicitBounds) AS bounds_hash,\n CAST(BucketCounts AS Array(Int64)) counts\n FROM default.otel_metrics_histogram\n WHERE (TimeUnix >= toStartOfInterval(fromUnixTimestamp64Milli(1739318400000), INTERVAL 2 minute) - INTERVAL 2 minute AND TimeUnix <= toStartOfInterval(fromUnixTimestamp64Milli(1765670400000), INTERVAL 2 minute) + INTERVAL 2 minute) AND ((MetricName = 'http.server.duration'))\n ORDER BY attr_hash, TimeUnix ASC\n )\n )\n GROUP BY \\`__hdx_time_bucket\\`, MetricName, group, ExplicitBounds\n ORDER BY \\`__hdx_time_bucket\\`\n ),points AS (\n SELECT\n \\`__hdx_time_bucket\\`,\n MetricName,\n group,\n arrayZipUnaligned(arrayCumSum(rates), ExplicitBounds) as point,\n length(point) as n\n FROM source\n ),metrics AS (\n SELECT\n \\`__hdx_time_bucket\\`,\n MetricName,\n group,\n point[n].1 AS total,\n 0.5 * total AS rank,\n arrayFirstIndex(x -> if(x.1 > rank, 1, 0), point) AS upper_idx,\n point[upper_idx].1 AS upper_count,\n ifNull(point[upper_idx].2, inf) AS upper_bound,\n CASE\n WHEN upper_idx > 1 THEN point[upper_idx - 1].2\n WHEN point[upper_idx].2 > 0 THEN 0\n ELSE inf\n END AS lower_bound,\n if (\n lower_bound = 0,\n 0,\n point[upper_idx - 1].1\n ) AS lower_count,\n CASE\n WHEN upper_bound = inf THEN point[upper_idx - 1].2\n WHEN lower_bound = inf THEN point[1].2\n ELSE lower_bound + (upper_bound - lower_bound) * ((rank - lower_count) / (upper_count - lower_count))\n END AS \\\\\"Value\\\\\"\n FROM points\n WHERE length(point) > 1 AND total > 0\n ) SELECT \\`__hdx_time_bucket\\`, group, \\\\\"Value\\\\\" FROM metrics WHERE (\\`__hdx_time_bucket\\` >= fromUnixTimestamp64Milli(1739318400000) AND \\`__hdx_time_bucket\\` <= fromUnixTimestamp64Milli(1765670400000)) LIMIT 10 SETTINGS short_circuit_function_evaluation = 'force_enable', optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"\n`;\n\nexports[`renderChartConfig histogram metric queries quantile should generate a query without grouping but time bucketing 1`] = `\n\"WITH source AS (\n SELECT\n MetricName,\n ExplicitBounds,\n toStartOfInterval(toDateTime(TimeUnix), INTERVAL 2 minute) AS \\`__hdx_time_bucket\\`,\n \n sumForEach(deltas) as rates\n FROM (\n SELECT\n TimeUnix,\n MetricName,\n ResourceAttributes,\n Attributes,\n ExplicitBounds,\n attr_hash,\n any(attr_hash) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_attr_hash,\n any(bounds_hash) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_bounds_hash,\n any(counts) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_counts,\n counts,\n IF(\n AggregationTemporality = 1 \n OR prev_attr_hash != attr_hash \n OR bounds_hash != prev_bounds_hash \n OR arrayExists((x) -> x.2 < x.1, arrayZip(prev_counts, counts)), \n counts,\n counts - prev_counts\n ) AS deltas\n FROM (\n SELECT\n TimeUnix,\n MetricName,\n AggregationTemporality,\n ExplicitBounds,\n ResourceAttributes,\n Attributes,\n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS attr_hash,\n cityHash64(ExplicitBounds) AS bounds_hash,\n CAST(BucketCounts AS Array(Int64)) counts\n FROM default.otel_metrics_histogram\n WHERE (TimeUnix >= toStartOfInterval(fromUnixTimestamp64Milli(1739318400000), INTERVAL 2 minute) - INTERVAL 2 minute AND TimeUnix <= toStartOfInterval(fromUnixTimestamp64Milli(1765670400000), INTERVAL 2 minute) + INTERVAL 2 minute) AND ((MetricName = 'http.server.duration'))\n ORDER BY attr_hash, TimeUnix ASC\n )\n )\n GROUP BY \\`__hdx_time_bucket\\`, MetricName, ExplicitBounds\n ORDER BY \\`__hdx_time_bucket\\`\n ),points AS (\n SELECT\n \\`__hdx_time_bucket\\`,\n MetricName,\n \n arrayZipUnaligned(arrayCumSum(rates), ExplicitBounds) as point,\n length(point) as n\n FROM source\n ),metrics AS (\n SELECT\n \\`__hdx_time_bucket\\`,\n MetricName,\n \n point[n].1 AS total,\n 0.5 * total AS rank,\n arrayFirstIndex(x -> if(x.1 > rank, 1, 0), point) AS upper_idx,\n point[upper_idx].1 AS upper_count,\n ifNull(point[upper_idx].2, inf) AS upper_bound,\n CASE\n WHEN upper_idx > 1 THEN point[upper_idx - 1].2\n WHEN point[upper_idx].2 > 0 THEN 0\n ELSE inf\n END AS lower_bound,\n if (\n lower_bound = 0,\n 0,\n point[upper_idx - 1].1\n ) AS lower_count,\n CASE\n WHEN upper_bound = inf THEN point[upper_idx - 1].2\n WHEN lower_bound = inf THEN point[1].2\n ELSE lower_bound + (upper_bound - lower_bound) * ((rank - lower_count) / (upper_count - lower_count))\n END AS \\\\\"Value\\\\\"\n FROM points\n WHERE length(point) > 1 AND total > 0\n ) SELECT \\`__hdx_time_bucket\\`, \\\\\"Value\\\\\" FROM metrics WHERE (\\`__hdx_time_bucket\\` >= fromUnixTimestamp64Milli(1739318400000) AND \\`__hdx_time_bucket\\` <= fromUnixTimestamp64Milli(1765670400000)) LIMIT 10 SETTINGS short_circuit_function_evaluation = 'force_enable', optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"\n`;\n\nexports[`renderChartConfig histogram metric queries quantile should generate a query without grouping or time bucketing 1`] = `\n\"WITH source AS (\n SELECT\n MetricName,\n ExplicitBounds,\n TimeUnix AS \\`__hdx_time_bucket\\`,\n \n sumForEach(deltas) as rates\n FROM (\n SELECT\n TimeUnix,\n MetricName,\n ResourceAttributes,\n Attributes,\n ExplicitBounds,\n attr_hash,\n any(attr_hash) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_attr_hash,\n any(bounds_hash) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_bounds_hash,\n any(counts) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_counts,\n counts,\n IF(\n AggregationTemporality = 1 \n OR prev_attr_hash != attr_hash \n OR bounds_hash != prev_bounds_hash \n OR arrayExists((x) -> x.2 < x.1, arrayZip(prev_counts, counts)), \n counts,\n counts - prev_counts\n ) AS deltas\n FROM (\n SELECT\n TimeUnix,\n MetricName,\n AggregationTemporality,\n ExplicitBounds,\n ResourceAttributes,\n Attributes,\n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS attr_hash,\n cityHash64(ExplicitBounds) AS bounds_hash,\n CAST(BucketCounts AS Array(Int64)) counts\n FROM default.otel_metrics_histogram\n WHERE (TimeUnix >= fromUnixTimestamp64Milli(1739318400000) AND TimeUnix <= fromUnixTimestamp64Milli(1765670400000)) AND ((MetricName = 'http.server.duration'))\n ORDER BY attr_hash, TimeUnix ASC\n )\n )\n GROUP BY \\`__hdx_time_bucket\\`, MetricName, ExplicitBounds\n ORDER BY \\`__hdx_time_bucket\\`\n ),points AS (\n SELECT\n \\`__hdx_time_bucket\\`,\n MetricName,\n \n arrayZipUnaligned(arrayCumSum(rates), ExplicitBounds) as point,\n length(point) as n\n FROM source\n ),metrics AS (\n SELECT\n \\`__hdx_time_bucket\\`,\n MetricName,\n \n point[n].1 AS total,\n 0.5 * total AS rank,\n arrayFirstIndex(x -> if(x.1 > rank, 1, 0), point) AS upper_idx,\n point[upper_idx].1 AS upper_count,\n ifNull(point[upper_idx].2, inf) AS upper_bound,\n CASE\n WHEN upper_idx > 1 THEN point[upper_idx - 1].2\n WHEN point[upper_idx].2 > 0 THEN 0\n ELSE inf\n END AS lower_bound,\n if (\n lower_bound = 0,\n 0,\n point[upper_idx - 1].1\n ) AS lower_count,\n CASE\n WHEN upper_bound = inf THEN point[upper_idx - 1].2\n WHEN lower_bound = inf THEN point[1].2\n ELSE lower_bound + (upper_bound - lower_bound) * ((rank - lower_count) / (upper_count - lower_count))\n END AS \\\\\"Value\\\\\"\n FROM points\n WHERE length(point) > 1 AND total > 0\n ) SELECT \\`__hdx_time_bucket\\`, \\\\\"Value\\\\\" FROM metrics WHERE (\\`__hdx_time_bucket\\` >= fromUnixTimestamp64Milli(1739318400000) AND \\`__hdx_time_bucket\\` <= fromUnixTimestamp64Milli(1765670400000)) LIMIT 10 SETTINGS short_circuit_function_evaluation = 'force_enable', optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"\n`;\n\nexports[`renderChartConfig k8s semantic convention migrations should generate SQL with metricNameSql for container.cpu.utilization histogram metric 1`] = `\n\"WITH source AS (\n SELECT\n MetricName,\n ExplicitBounds,\n toStartOfInterval(toDateTime(TimeUnix), INTERVAL 2 minute) AS \\`__hdx_time_bucket\\`,\n \n sumForEach(deltas) as rates\n FROM (\n SELECT\n TimeUnix,\n MetricName,\n ResourceAttributes,\n Attributes,\n ExplicitBounds,\n attr_hash,\n any(attr_hash) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_attr_hash,\n any(bounds_hash) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_bounds_hash,\n any(counts) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_counts,\n counts,\n IF(\n AggregationTemporality = 1 \n OR prev_attr_hash != attr_hash \n OR bounds_hash != prev_bounds_hash \n OR arrayExists((x) -> x.2 < x.1, arrayZip(prev_counts, counts)), \n counts,\n counts - prev_counts\n ) AS deltas\n FROM (\n SELECT\n TimeUnix,\n MetricName,\n AggregationTemporality,\n ExplicitBounds,\n ResourceAttributes,\n Attributes,\n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS attr_hash,\n cityHash64(ExplicitBounds) AS bounds_hash,\n CAST(BucketCounts AS Array(Int64)) counts\n FROM default.otel_metrics_histogram\n WHERE (TimeUnix >= toStartOfInterval(fromUnixTimestamp64Milli(1739318400000), INTERVAL 2 minute) - INTERVAL 2 minute AND TimeUnix <= toStartOfInterval(fromUnixTimestamp64Milli(1765670400000), INTERVAL 2 minute) + INTERVAL 2 minute) AND ((MetricName IN ('container.cpu.utilization', 'container.cpu.usage')))\n ORDER BY attr_hash, TimeUnix ASC\n )\n )\n GROUP BY \\`__hdx_time_bucket\\`, MetricName, ExplicitBounds\n ORDER BY \\`__hdx_time_bucket\\`\n ),points AS (\n SELECT\n \\`__hdx_time_bucket\\`,\n MetricName,\n \n arrayZipUnaligned(arrayCumSum(rates), ExplicitBounds) as point,\n length(point) as n\n FROM source\n ),metrics AS (\n SELECT\n \\`__hdx_time_bucket\\`,\n MetricName,\n \n point[n].1 AS total,\n 0.95 * total AS rank,\n arrayFirstIndex(x -> if(x.1 > rank, 1, 0), point) AS upper_idx,\n point[upper_idx].1 AS upper_count,\n ifNull(point[upper_idx].2, inf) AS upper_bound,\n CASE\n WHEN upper_idx > 1 THEN point[upper_idx - 1].2\n WHEN point[upper_idx].2 > 0 THEN 0\n ELSE inf\n END AS lower_bound,\n if (\n lower_bound = 0,\n 0,\n point[upper_idx - 1].1\n ) AS lower_count,\n CASE\n WHEN upper_bound = inf THEN point[upper_idx - 1].2\n WHEN lower_bound = inf THEN point[1].2\n ELSE lower_bound + (upper_bound - lower_bound) * ((rank - lower_count) / (upper_count - lower_count))\n END AS \\\\\"Value\\\\\"\n FROM points\n WHERE length(point) > 1 AND total > 0\n ) SELECT \\`__hdx_time_bucket\\`, \\\\\"Value\\\\\" FROM metrics WHERE (\\`__hdx_time_bucket\\` >= fromUnixTimestamp64Milli(1739318400000) AND \\`__hdx_time_bucket\\` <= fromUnixTimestamp64Milli(1765670400000)) LIMIT 10 SETTINGS short_circuit_function_evaluation = 'force_enable', optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"\n`;\n\nexports[`renderChartConfig k8s semantic convention migrations should generate SQL with metricNameSql for histogram metric with groupBy 1`] = `\n\"WITH source AS (\n SELECT\n MetricName,\n ExplicitBounds,\n toStartOfInterval(toDateTime(TimeUnix), INTERVAL 1 minute) AS \\`__hdx_time_bucket\\`,\n [ResourceAttributes['k8s.pod.name']] as group,\n sumForEach(deltas) as rates\n FROM (\n SELECT\n TimeUnix,\n MetricName,\n ResourceAttributes,\n Attributes,\n ExplicitBounds,\n attr_hash,\n any(attr_hash) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_attr_hash,\n any(bounds_hash) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_bounds_hash,\n any(counts) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_counts,\n counts,\n IF(\n AggregationTemporality = 1 \n OR prev_attr_hash != attr_hash \n OR bounds_hash != prev_bounds_hash \n OR arrayExists((x) -> x.2 < x.1, arrayZip(prev_counts, counts)), \n counts,\n counts - prev_counts\n ) AS deltas\n FROM (\n SELECT\n TimeUnix,\n MetricName,\n AggregationTemporality,\n ExplicitBounds,\n ResourceAttributes,\n Attributes,\n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS attr_hash,\n cityHash64(ExplicitBounds) AS bounds_hash,\n CAST(BucketCounts AS Array(Int64)) counts\n FROM default.otel_metrics_histogram\n WHERE (TimeUnix >= toStartOfInterval(fromUnixTimestamp64Milli(1739318400000), INTERVAL 1 minute) - INTERVAL 1 minute AND TimeUnix <= toStartOfInterval(fromUnixTimestamp64Milli(1765670400000), INTERVAL 1 minute) + INTERVAL 1 minute) AND ((MetricName IN ('k8s.pod.cpu.utilization', 'k8s.pod.cpu.usage')))\n ORDER BY attr_hash, TimeUnix ASC\n )\n )\n GROUP BY \\`__hdx_time_bucket\\`, MetricName, group, ExplicitBounds\n ORDER BY \\`__hdx_time_bucket\\`\n ),points AS (\n SELECT\n \\`__hdx_time_bucket\\`,\n MetricName,\n group,\n arrayZipUnaligned(arrayCumSum(rates), ExplicitBounds) as point,\n length(point) as n\n FROM source\n ),metrics AS (\n SELECT\n \\`__hdx_time_bucket\\`,\n MetricName,\n group,\n point[n].1 AS total,\n 0.99 * total AS rank,\n arrayFirstIndex(x -> if(x.1 > rank, 1, 0), point) AS upper_idx,\n point[upper_idx].1 AS upper_count,\n ifNull(point[upper_idx].2, inf) AS upper_bound,\n CASE\n WHEN upper_idx > 1 THEN point[upper_idx - 1].2\n WHEN point[upper_idx].2 > 0 THEN 0\n ELSE inf\n END AS lower_bound,\n if (\n lower_bound = 0,\n 0,\n point[upper_idx - 1].1\n ) AS lower_count,\n CASE\n WHEN upper_bound = inf THEN point[upper_idx - 1].2\n WHEN lower_bound = inf THEN point[1].2\n ELSE lower_bound + (upper_bound - lower_bound) * ((rank - lower_count) / (upper_count - lower_count))\n END AS \\\\\"Value\\\\\"\n FROM points\n WHERE length(point) > 1 AND total > 0\n ) SELECT \\`__hdx_time_bucket\\`, group, \\\\\"Value\\\\\" FROM metrics WHERE (\\`__hdx_time_bucket\\` >= fromUnixTimestamp64Milli(1739318400000) AND \\`__hdx_time_bucket\\` <= fromUnixTimestamp64Milli(1765670400000)) LIMIT 10 SETTINGS short_circuit_function_evaluation = 'force_enable', optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"\n`;\n\nexports[`renderChartConfig k8s semantic convention migrations should generate SQL with metricNameSql for k8s.node.cpu.utilization sum metric 1`] = `\n\"WITH Source AS (\n SELECT\n *,\n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS AttributesHash,\n IF(AggregationTemporality = 1,\n SUM(Value) OVER (PARTITION BY AttributesHash ORDER BY AttributesHash, TimeUnix ROWS BETWEEN UNBOUNDED PRECEDING AND CURRENT ROW),\n IF(IsMonotonic = 0, \n Value,\n deltaSum(Value) OVER (PARTITION BY AttributesHash ORDER BY AttributesHash, TimeUnix ROWS BETWEEN UNBOUNDED PRECEDING AND CURRENT ROW)\n )\n ) AS Rate,\n IF(AggregationTemporality = 1, Rate, Value) AS Sum\n FROM default.otel_metrics_sum\n WHERE (TimeUnix >= toStartOfInterval(fromUnixTimestamp64Milli(1739318400000), INTERVAL 5 minute) - INTERVAL 5 minute AND TimeUnix <= toStartOfInterval(fromUnixTimestamp64Milli(1765670400000), INTERVAL 5 minute) + INTERVAL 5 minute) AND ((MetricName IN ('k8s.node.cpu.utilization', 'k8s.node.cpu.usage')))),Bucketed AS (\n SELECT\n toStartOfInterval(toDateTime(TimeUnix), INTERVAL 5 minute) AS \\`__hdx_time_bucket2\\`,\n AttributesHash,\n last_value(Source.Rate) AS \\`__hdx_value_high\\`,\n any(\\`__hdx_value_high\\`) OVER(PARTITION BY AttributesHash ORDER BY \\`__hdx_time_bucket2\\` ROWS BETWEEN 1 PRECEDING AND 1 PRECEDING) AS \\`__hdx_value_high_prev\\`,\n IF(IsMonotonic = 1, \\`__hdx_value_high\\` - \\`__hdx_value_high_prev\\`, \\`__hdx_value_high\\`) AS Rate,\n last_value(Source.Sum) AS Sum,\n any(ResourceAttributes) AS ResourceAttributes,\n any(ResourceSchemaUrl) AS ResourceSchemaUrl,\n any(ScopeName) AS ScopeName,\n any(ScopeVersion) AS ScopeVersion,\n any(ScopeAttributes) AS ScopeAttributes,\n any(ScopeDroppedAttrCount) AS ScopeDroppedAttrCount,\n any(ScopeSchemaUrl) AS ScopeSchemaUrl,\n any(ServiceName) AS ServiceName,\n any(MetricName) AS MetricName,\n any(MetricDescription) AS MetricDescription,\n any(MetricUnit) AS MetricUnit,\n any(Attributes) AS Attributes,\n any(StartTimeUnix) AS StartTimeUnix,\n any(Flags) AS Flags,\n any(AggregationTemporality) AS AggregationTemporality,\n any(IsMonotonic) AS IsMonotonic\n FROM Source\n GROUP BY AttributesHash, \\`__hdx_time_bucket2\\`\n ORDER BY AttributesHash, \\`__hdx_time_bucket2\\`\n ) SELECT max(\n toFloat64OrDefault(toString(Rate))\n ) AS \\\\\"Value\\\\\",toStartOfInterval(toDateTime(\\`__hdx_time_bucket2\\`), INTERVAL 5 minute) AS \\`__hdx_time_bucket\\` FROM Bucketed WHERE (\\`__hdx_time_bucket2\\` >= fromUnixTimestamp64Milli(1739318400000) AND \\`__hdx_time_bucket2\\` <= fromUnixTimestamp64Milli(1765670400000)) GROUP BY toStartOfInterval(toDateTime(\\`__hdx_time_bucket2\\`), INTERVAL 5 minute) AS \\`__hdx_time_bucket\\` ORDER BY toStartOfInterval(toDateTime(\\`__hdx_time_bucket2\\`), INTERVAL 5 minute) AS \\`__hdx_time_bucket\\` LIMIT 10 SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"\n`;\n\nexports[`renderChartConfig k8s semantic convention migrations should generate SQL with metricNameSql for k8s.pod.cpu.utilization gauge metric 1`] = `\n\"WITH Source AS (\n SELECT\n *,\n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS AttributesHash\n FROM default.otel_metrics_gauge\n WHERE (TimeUnix >= fromUnixTimestamp64Milli(1739318400000) AND TimeUnix <= fromUnixTimestamp64Milli(1765670400000)) AND ((MetricName IN ('k8s.pod.cpu.utilization', 'k8s.pod.cpu.usage')))\n ),Bucketed AS (\n SELECT\n toStartOfInterval(toDateTime(TimeUnix), INTERVAL 1 minute) AS \\`__hdx_time_bucket2\\`,\n AttributesHash,\n last_value(Value) AS LastValue,\n any(ScopeAttributes) AS ScopeAttributes,\n any(ResourceAttributes) AS ResourceAttributes,\n any(Attributes) AS Attributes,\n any(ResourceSchemaUrl) AS ResourceSchemaUrl,\n any(ScopeName) AS ScopeName,\n any(ScopeVersion) AS ScopeVersion,\n any(ScopeDroppedAttrCount) AS ScopeDroppedAttrCount,\n any(ScopeSchemaUrl) AS ScopeSchemaUrl,\n any(ServiceName) AS ServiceName,\n any(MetricDescription) AS MetricDescription,\n any(MetricUnit) AS MetricUnit,\n any(StartTimeUnix) AS StartTimeUnix,\n any(Flags) AS Flags\n FROM Source\n GROUP BY AttributesHash, __hdx_time_bucket2\n ORDER BY AttributesHash, __hdx_time_bucket2\n ) SELECT avg(\n toFloat64OrDefault(toString(LastValue))\n ),toStartOfInterval(toDateTime(__hdx_time_bucket2), INTERVAL 1 minute) AS \\`__hdx_time_bucket\\` FROM Bucketed WHERE (__hdx_time_bucket2 >= fromUnixTimestamp64Milli(1739318400000) AND __hdx_time_bucket2 <= fromUnixTimestamp64Milli(1765670400000)) GROUP BY toStartOfInterval(toDateTime(__hdx_time_bucket2), INTERVAL 1 minute) AS \\`__hdx_time_bucket\\` ORDER BY toStartOfInterval(toDateTime(__hdx_time_bucket2), INTERVAL 1 minute) AS \\`__hdx_time_bucket\\` LIMIT 10 SETTINGS short_circuit_function_evaluation = 'force_enable', optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"\n`;\n\nexports[`renderChartConfig k8s semantic convention migrations should handle metrics without metricNameSql (backward compatibility) 1`] = `\n\"WITH Source AS (\n SELECT\n *,\n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS AttributesHash\n FROM default.otel_metrics_gauge\n WHERE (TimeUnix >= fromUnixTimestamp64Milli(1739318400000) AND TimeUnix <= fromUnixTimestamp64Milli(1765670400000)) AND ((MetricName = 'some.regular.metric'))\n ),Bucketed AS (\n SELECT\n toStartOfInterval(toDateTime(TimeUnix), INTERVAL 1 minute) AS \\`__hdx_time_bucket2\\`,\n AttributesHash,\n last_value(Value) AS LastValue,\n any(ScopeAttributes) AS ScopeAttributes,\n any(ResourceAttributes) AS ResourceAttributes,\n any(Attributes) AS Attributes,\n any(ResourceSchemaUrl) AS ResourceSchemaUrl,\n any(ScopeName) AS ScopeName,\n any(ScopeVersion) AS ScopeVersion,\n any(ScopeDroppedAttrCount) AS ScopeDroppedAttrCount,\n any(ScopeSchemaUrl) AS ScopeSchemaUrl,\n any(ServiceName) AS ServiceName,\n any(MetricDescription) AS MetricDescription,\n any(MetricUnit) AS MetricUnit,\n any(StartTimeUnix) AS StartTimeUnix,\n any(Flags) AS Flags\n FROM Source\n GROUP BY AttributesHash, __hdx_time_bucket2\n ORDER BY AttributesHash, __hdx_time_bucket2\n ) SELECT avg(\n toFloat64OrDefault(toString(LastValue))\n ),toStartOfInterval(toDateTime(__hdx_time_bucket2), INTERVAL 1 minute) AS \\`__hdx_time_bucket\\` FROM Bucketed WHERE (__hdx_time_bucket2 >= fromUnixTimestamp64Milli(1739318400000) AND __hdx_time_bucket2 <= fromUnixTimestamp64Milli(1765670400000)) GROUP BY toStartOfInterval(toDateTime(__hdx_time_bucket2), INTERVAL 1 minute) AS \\`__hdx_time_bucket\\` ORDER BY toStartOfInterval(toDateTime(__hdx_time_bucket2), INTERVAL 1 minute) AS \\`__hdx_time_bucket\\` LIMIT 10 SETTINGS short_circuit_function_evaluation = 'force_enable', optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"\n`;\n\nexports[`renderChartConfig should generate sql for a single gauge metric 1`] = `\n\"WITH Source AS (\n SELECT\n *,\n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS AttributesHash\n FROM default.otel_metrics_gauge\n WHERE (TimeUnix >= fromUnixTimestamp64Milli(1739318400000) AND TimeUnix <= fromUnixTimestamp64Milli(1765670400000)) AND ((MetricName = 'nodejs.event_loop.utilization'))\n ),Bucketed AS (\n SELECT\n toStartOfInterval(toDateTime(TimeUnix), INTERVAL 1 minute) AS \\`__hdx_time_bucket2\\`,\n AttributesHash,\n last_value(Value) AS LastValue,\n any(ScopeAttributes) AS ScopeAttributes,\n any(ResourceAttributes) AS ResourceAttributes,\n any(Attributes) AS Attributes,\n any(ResourceSchemaUrl) AS ResourceSchemaUrl,\n any(ScopeName) AS ScopeName,\n any(ScopeVersion) AS ScopeVersion,\n any(ScopeDroppedAttrCount) AS ScopeDroppedAttrCount,\n any(ScopeSchemaUrl) AS ScopeSchemaUrl,\n any(ServiceName) AS ServiceName,\n any(MetricDescription) AS MetricDescription,\n any(MetricUnit) AS MetricUnit,\n any(StartTimeUnix) AS StartTimeUnix,\n any(Flags) AS Flags\n FROM Source\n GROUP BY AttributesHash, __hdx_time_bucket2\n ORDER BY AttributesHash, __hdx_time_bucket2\n ) SELECT quantile(0.95)(toFloat64OrDefault(toString(LastValue))),toStartOfInterval(toDateTime(__hdx_time_bucket2), INTERVAL 1 minute) AS \\`__hdx_time_bucket\\` FROM Bucketed WHERE (__hdx_time_bucket2 >= fromUnixTimestamp64Milli(1739318400000) AND __hdx_time_bucket2 <= fromUnixTimestamp64Milli(1765670400000)) GROUP BY toStartOfInterval(toDateTime(__hdx_time_bucket2), INTERVAL 1 minute) AS \\`__hdx_time_bucket\\` ORDER BY toStartOfInterval(toDateTime(__hdx_time_bucket2), INTERVAL 1 minute) AS \\`__hdx_time_bucket\\` LIMIT 10 SETTINGS short_circuit_function_evaluation = 'force_enable', optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"\n`;\n\nexports[`renderChartConfig should generate sql for a single gauge metric with a delta() function applied 1`] = `\n\"WITH Source AS (\n SELECT\n *,\n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS AttributesHash\n FROM default.otel_metrics_gauge\n WHERE (TimeUnix >= fromUnixTimestamp64Milli(1739318400000) AND TimeUnix <= fromUnixTimestamp64Milli(1765670400000)) AND ((MetricName = 'nodejs.event_loop.utilization'))\n ),Bucketed AS (\n SELECT\n toStartOfInterval(toDateTime(TimeUnix), INTERVAL 1 minute) AS \\`__hdx_time_bucket2\\`,\n AttributesHash,\n IF(date_diff('second', min(toDateTime(TimeUnix)), max(toDateTime(TimeUnix))) > 0, (argMax(Value, TimeUnix) - argMin(Value, TimeUnix)) * 60 / date_diff('second', min(toDateTime(TimeUnix)), max(toDateTime(TimeUnix))), 0) AS LastValue,\n any(ScopeAttributes) AS ScopeAttributes,\n any(ResourceAttributes) AS ResourceAttributes,\n any(Attributes) AS Attributes,\n any(ResourceSchemaUrl) AS ResourceSchemaUrl,\n any(ScopeName) AS ScopeName,\n any(ScopeVersion) AS ScopeVersion,\n any(ScopeDroppedAttrCount) AS ScopeDroppedAttrCount,\n any(ScopeSchemaUrl) AS ScopeSchemaUrl,\n any(ServiceName) AS ServiceName,\n any(MetricDescription) AS MetricDescription,\n any(MetricUnit) AS MetricUnit,\n any(StartTimeUnix) AS StartTimeUnix,\n any(Flags) AS Flags\n FROM Source\n GROUP BY AttributesHash, __hdx_time_bucket2\n ORDER BY AttributesHash, __hdx_time_bucket2\n ) SELECT max(\n toFloat64OrDefault(toString(LastValue))\n ),toStartOfInterval(toDateTime(__hdx_time_bucket2), INTERVAL 1 minute) AS \\`__hdx_time_bucket\\` FROM Bucketed WHERE (__hdx_time_bucket2 >= fromUnixTimestamp64Milli(1739318400000) AND __hdx_time_bucket2 <= fromUnixTimestamp64Milli(1765670400000)) GROUP BY toStartOfInterval(toDateTime(__hdx_time_bucket2), INTERVAL 1 minute) AS \\`__hdx_time_bucket\\` ORDER BY toStartOfInterval(toDateTime(__hdx_time_bucket2), INTERVAL 1 minute) AS \\`__hdx_time_bucket\\` LIMIT 10 SETTINGS short_circuit_function_evaluation = 'force_enable', optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"\n`;\n\nexports[`renderChartConfig should generate sql for a single sum metric 1`] = `\n\"WITH Source AS (\n SELECT\n *,\n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS AttributesHash,\n IF(AggregationTemporality = 1,\n SUM(Value) OVER (PARTITION BY AttributesHash ORDER BY AttributesHash, TimeUnix ROWS BETWEEN UNBOUNDED PRECEDING AND CURRENT ROW),\n IF(IsMonotonic = 0, \n Value,\n deltaSum(Value) OVER (PARTITION BY AttributesHash ORDER BY AttributesHash, TimeUnix ROWS BETWEEN UNBOUNDED PRECEDING AND CURRENT ROW)\n )\n ) AS Rate,\n IF(AggregationTemporality = 1, Rate, Value) AS Sum\n FROM default.otel_metrics_sum\n WHERE (TimeUnix >= toStartOfInterval(fromUnixTimestamp64Milli(1739318400000), INTERVAL 5 minute) - INTERVAL 5 minute AND TimeUnix <= toStartOfInterval(fromUnixTimestamp64Milli(1765670400000), INTERVAL 5 minute) + INTERVAL 5 minute) AND ((MetricName = 'db.client.connections.usage'))),Bucketed AS (\n SELECT\n toStartOfInterval(toDateTime(TimeUnix), INTERVAL 5 minute) AS \\`__hdx_time_bucket2\\`,\n AttributesHash,\n last_value(Source.Rate) AS \\`__hdx_value_high\\`,\n any(\\`__hdx_value_high\\`) OVER(PARTITION BY AttributesHash ORDER BY \\`__hdx_time_bucket2\\` ROWS BETWEEN 1 PRECEDING AND 1 PRECEDING) AS \\`__hdx_value_high_prev\\`,\n IF(IsMonotonic = 1, \\`__hdx_value_high\\` - \\`__hdx_value_high_prev\\`, \\`__hdx_value_high\\`) AS Rate,\n last_value(Source.Sum) AS Sum,\n any(ResourceAttributes) AS ResourceAttributes,\n any(ResourceSchemaUrl) AS ResourceSchemaUrl,\n any(ScopeName) AS ScopeName,\n any(ScopeVersion) AS ScopeVersion,\n any(ScopeAttributes) AS ScopeAttributes,\n any(ScopeDroppedAttrCount) AS ScopeDroppedAttrCount,\n any(ScopeSchemaUrl) AS ScopeSchemaUrl,\n any(ServiceName) AS ServiceName,\n any(MetricName) AS MetricName,\n any(MetricDescription) AS MetricDescription,\n any(MetricUnit) AS MetricUnit,\n any(Attributes) AS Attributes,\n any(StartTimeUnix) AS StartTimeUnix,\n any(Flags) AS Flags,\n any(AggregationTemporality) AS AggregationTemporality,\n any(IsMonotonic) AS IsMonotonic\n FROM Source\n GROUP BY AttributesHash, \\`__hdx_time_bucket2\\`\n ORDER BY AttributesHash, \\`__hdx_time_bucket2\\`\n ) SELECT avg(\n toFloat64OrDefault(toString(Rate))\n ) AS \\\\\"Value\\\\\",toStartOfInterval(toDateTime(\\`__hdx_time_bucket2\\`), INTERVAL 5 minute) AS \\`__hdx_time_bucket\\` FROM Bucketed WHERE (\\`__hdx_time_bucket2\\` >= fromUnixTimestamp64Milli(1739318400000) AND \\`__hdx_time_bucket2\\` <= fromUnixTimestamp64Milli(1765670400000)) GROUP BY toStartOfInterval(toDateTime(\\`__hdx_time_bucket2\\`), INTERVAL 5 minute) AS \\`__hdx_time_bucket\\` ORDER BY toStartOfInterval(toDateTime(\\`__hdx_time_bucket2\\`), INTERVAL 5 minute) AS \\`__hdx_time_bucket\\` LIMIT 10 SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"\n`;\n\nexports[`renderChartConfig should not generate invalid SQL when primary key wraps toStartOfInterval 1`] = `\"SELECT timestamp, cluster_id, service_id FROM default.http_request_logs WHERE (timestamp >= fromUnixTimestamp64Milli(1739319154000) AND timestamp <= fromUnixTimestamp64Milli(1739491954000)) LIMIT 200 OFFSET 0 SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\"`;\n" }, { "path": "packages/common-utils/src/__tests__/clickhouse.test.ts", "content": "import { ResponseJSON } from '@clickhouse/client-common';\n\nimport {\n ChSql,\n chSqlToAliasMap,\n computeRatio,\n computeResultSetRatio,\n convertCHDataTypeToJSType,\n JSDataType,\n} from '@/clickhouse';\nimport { ClickhouseClient } from '@/clickhouse/node';\nimport { Metadata, MetadataCache } from '@/core/metadata';\n\ndescribe('convertCHDataTypeToJSType - unit - type', () => {\n it('Date type', () => {\n const dataType = 'Date';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.Date);\n });\n\n it('Map type', () => {\n const dataType = 'Map';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.Map);\n });\n\n it('Array type', () => {\n const dataType = 'Array';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.Array);\n });\n\n it('Number type - Int', () => {\n const dataType = 'Int';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.Number);\n });\n\n it('Number type - UInt', () => {\n const dataType = 'UInt';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.Number);\n });\n\n it('Number type - Float', () => {\n const dataType = 'Float';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.Number);\n });\n\n it('Number type - Nullable(Int', () => {\n const dataType = 'Nullable(Int';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.Number);\n });\n\n it('Number type - Nullable(UInt', () => {\n const dataType = 'Nullable(UInt';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.Number);\n });\n\n it('Number type - Nullable(Float', () => {\n const dataType = 'Nullable(Float';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.Number);\n });\n\n it('String type - String', () => {\n const dataType = 'String';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.String);\n });\n\n it('String type - FixedString', () => {\n const dataType = 'FixedString';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.String);\n });\n\n it('String type - Enum', () => {\n const dataType = 'Enum';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.String);\n });\n\n it('String type - UUID', () => {\n const dataType = 'UUID';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.String);\n });\n\n it('String type - IPv4', () => {\n const dataType = 'IPv4';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.String);\n });\n\n it('String type - IPv6', () => {\n const dataType = 'IPv6';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.String);\n });\n\n it('Bool type', () => {\n const dataType = 'Bool';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.Bool);\n });\n\n it('JSON type', () => {\n const dataType = 'JSON';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.JSON);\n });\n\n it('Dynamic type', () => {\n const dataType = 'Dynamic';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.Dynamic);\n });\n\n it('LowCardinality type - Date', () => {\n const dataType = 'LowCardinality(Date)';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.Date);\n });\n\n it('LowCardinality type - Number', () => {\n const dataType = 'LowCardinality(Int)';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.Number);\n });\n\n it('LowCardinality type - String', () => {\n const dataType = 'LowCardinality(String)';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBe(JSDataType.String);\n });\n\n it('Unknown type', () => {\n const dataType = ')@#D)#Q$J)($*()@random type should not pass';\n const res = convertCHDataTypeToJSType(dataType);\n expect(res).toBeNull();\n });\n});\n\ndescribe('chSqlToAliasMap - alias unit test', () => {\n it('No alias', () => {\n const chSqlInput: ChSql = {\n sql: 'SELECT Timestamp,TimestampTime,ServiceName,TimestampTime FROM {HYPERDX_PARAM_1544803905:Identifier}.{HYPERDX_PARAM_129845054:Identifier} WHERE (TimestampTime >= fromUnixTimestamp64Milli({HYPERDX_PARAM_1456399765:Int64}) AND TimestampTime <= fromUnixTimestamp64Milli({HYPERDX_PARAM_1719057412:Int64})) ORDER BY TimestampTime DESC LIMIT {HYPERDX_PARAM_49586:Int32} OFFSET {HYPERDX_PARAM_48:Int32}',\n params: {\n HYPERDX_PARAM_1544803905: 'default',\n HYPERDX_PARAM_129845054: 'otel_logs',\n HYPERDX_PARAM_1456399765: 1743038742000,\n HYPERDX_PARAM_1719057412: 1743040542000,\n HYPERDX_PARAM_49586: 200,\n HYPERDX_PARAM_48: 0,\n },\n };\n const res = chSqlToAliasMap(chSqlInput);\n const aliasMap = {};\n expect(res).toEqual(aliasMap);\n });\n\n it('Normal alias, no brackets', () => {\n const chSqlInput: ChSql = {\n sql: 'SELECT Timestamp as time,Body as bodyTest,TimestampTime,ServiceName,TimestampTime FROM {HYPERDX_PARAM_1544803905:Identifier}.{HYPERDX_PARAM_129845054:Identifier} WHERE (TimestampTime >= fromUnixTimestamp64Milli({HYPERDX_PARAM_1456399765:Int64}) AND TimestampTime <= fromUnixTimestamp64Milli({HYPERDX_PARAM_1719057412:Int64})) ORDER BY TimestampTime DESC LIMIT {HYPERDX_PARAM_49586:Int32} OFFSET {HYPERDX_PARAM_48:Int32}',\n params: {\n HYPERDX_PARAM_1544803905: 'default',\n HYPERDX_PARAM_129845054: 'otel_logs',\n HYPERDX_PARAM_1456399765: 1743038742000,\n HYPERDX_PARAM_1719057412: 1743040542000,\n HYPERDX_PARAM_49586: 200,\n HYPERDX_PARAM_48: 0,\n },\n };\n const res = chSqlToAliasMap(chSqlInput);\n const aliasMap = {\n time: 'Timestamp',\n bodyTest: 'Body',\n };\n expect(res).toEqual(aliasMap);\n });\n\n it('Normal alias, with brackets', () => {\n const chSqlInput: ChSql = {\n sql: \"SELECT Timestamp as ts,ResourceAttributes['service.name'] as serviceTest,Body,TimestampTime,ServiceName,TimestampTime FROM {HYPERDX_PARAM_1544803905:Identifier}.{HYPERDX_PARAM_129845054:Identifier} WHERE (TimestampTime >= fromUnixTimestamp64Milli({HYPERDX_PARAM_1456399765:Int64}) AND TimestampTime <= fromUnixTimestamp64Milli({HYPERDX_PARAM_1719057412:Int64})) ORDER BY TimestampTime DESC LIMIT {HYPERDX_PARAM_49586:Int32} OFFSET {HYPERDX_PARAM_48:Int32}\",\n params: {\n HYPERDX_PARAM_1544803905: 'default',\n HYPERDX_PARAM_129845054: 'otel_logs',\n HYPERDX_PARAM_1456399765: 1743038742000,\n HYPERDX_PARAM_1719057412: 1743040542000,\n HYPERDX_PARAM_49586: 200,\n HYPERDX_PARAM_48: 0,\n },\n };\n const res = chSqlToAliasMap(chSqlInput);\n const aliasMap = {\n ts: 'Timestamp',\n serviceTest: \"ResourceAttributes['service.name']\",\n };\n expect(res).toEqual(aliasMap);\n });\n\n it('Alias, with JSON expressions', () => {\n const chSqlInput: ChSql = {\n sql: \"SELECT Timestamp as ts,ResourceAttributes.service.name as service,toStartOfDay(LogAttributes.start.`time`) as start_time,Body,TimestampTime,ServiceName,TimestampTime FROM {HYPERDX_PARAM_1544803905:Identifier}.{HYPERDX_PARAM_129845054:Identifier} WHERE (TimestampTime >= fromUnixTimestamp64Milli({HYPERDX_PARAM_1456399765:Int64}) AND TimestampTime <= fromUnixTimestamp64Milli({HYPERDX_PARAM_1719057412:Int64})) AND (`ResourceAttributes`.`service`.`name` = 'serviceName') ORDER BY TimestampTime DESC LIMIT {HYPERDX_PARAM_49586:Int32} OFFSET {HYPERDX_PARAM_48:Int32}\",\n params: {\n HYPERDX_PARAM_1544803905: 'default',\n HYPERDX_PARAM_129845054: 'otel_logs',\n HYPERDX_PARAM_1456399765: 1743038742000,\n HYPERDX_PARAM_1719057412: 1743040542000,\n HYPERDX_PARAM_49586: 200,\n HYPERDX_PARAM_48: 0,\n },\n };\n const res = chSqlToAliasMap(chSqlInput);\n const aliasMap = {\n ts: 'Timestamp',\n service: 'ResourceAttributes.service.name',\n start_time: 'toStartOfDay(LogAttributes.start.`time`)',\n };\n expect(res).toEqual(aliasMap);\n });\n});\n\ndescribe('computeRatio', () => {\n it('should correctly compute ratio of two numbers', () => {\n expect(computeRatio('10', '2')).toBe(5);\n expect(computeRatio('3', '4')).toBe(0.75);\n expect(computeRatio('0', '5')).toBe(0);\n });\n\n it('should return NaN when denominator is zero', () => {\n expect(isNaN(computeRatio('10', '0'))).toBe(true);\n });\n\n it('should return NaN for non-numeric inputs', () => {\n expect(isNaN(computeRatio('abc', '2'))).toBe(true);\n expect(isNaN(computeRatio('10', 'xyz'))).toBe(true);\n expect(isNaN(computeRatio('abc', 'xyz'))).toBe(true);\n expect(isNaN(computeRatio('', '5'))).toBe(true);\n });\n\n it('should handle string representations of numbers', () => {\n expect(computeRatio('10.5', '2')).toBe(5.25);\n expect(computeRatio('-10', '5')).toBe(-2);\n expect(computeRatio('10', '-5')).toBe(-2);\n });\n\n it('should handle number input types', () => {\n expect(computeRatio(10, 2)).toBe(5);\n expect(computeRatio(3, 4)).toBe(0.75);\n expect(computeRatio(10.5, 2)).toBe(5.25);\n expect(computeRatio(0, 5)).toBe(0);\n expect(isNaN(computeRatio(10, 0))).toBe(true);\n expect(computeRatio(-10, 5)).toBe(-2);\n });\n\n it('should handle mixed string and number inputs', () => {\n expect(computeRatio('10', 2)).toBe(5);\n expect(computeRatio(10, '2')).toBe(5);\n expect(computeRatio(3, '4')).toBe(0.75);\n expect(isNaN(computeRatio(10, ''))).toBe(true);\n });\n});\n\ndescribe('computeResultSetRatio', () => {\n it('should compute ratio for a valid result set with timestamp column', () => {\n const mockResultSet: ResponseJSON = {\n meta: [\n { name: 'timestamp', type: 'DateTime' },\n { name: 'requests', type: 'UInt64' },\n { name: 'errors', type: 'UInt64' },\n ],\n data: [\n { timestamp: '2025-04-15 10:00:00', requests: '100', errors: '10' },\n { timestamp: '2025-04-15 11:00:00', requests: '200', errors: '20' },\n ],\n rows: 2,\n statistics: { elapsed: 0.1, rows_read: 2, bytes_read: 100 },\n };\n\n const result = computeResultSetRatio(mockResultSet);\n\n expect(result.meta.length).toBe(2);\n expect(result.meta[0].name).toBe('requests/errors');\n expect(result.meta[0].type).toBe('Float64');\n expect(result.meta[1].name).toBe('timestamp');\n\n expect(result.data.length).toBe(2);\n expect(result.data[0]['requests/errors']).toBe(10);\n expect(result.data[0].timestamp).toBe('2025-04-15 10:00:00');\n expect(result.data[1]['requests/errors']).toBe(10);\n expect(result.data[1].timestamp).toBe('2025-04-15 11:00:00');\n });\n\n it('should compute ratio for a valid result set without timestamp column', () => {\n const mockResultSet: ResponseJSON = {\n meta: [\n { name: 'requests', type: 'UInt64' },\n { name: 'errors', type: 'UInt64' },\n ],\n data: [{ requests: '100', errors: '10' }],\n rows: 1,\n statistics: { elapsed: 0.1, rows_read: 1, bytes_read: 50 },\n };\n\n const result = computeResultSetRatio(mockResultSet);\n\n expect(result.meta.length).toBe(1);\n expect(result.meta[0].name).toBe('requests/errors');\n expect(result.meta[0].type).toBe('Float64');\n\n expect(result.data.length).toBe(1);\n expect(result.data[0]['requests/errors']).toBe(10);\n expect(result.data[0].timestamp).toBeUndefined();\n });\n\n it('should handle NaN values in ratio computation', () => {\n const mockResultSet: ResponseJSON = {\n meta: [\n { name: 'timestamp', type: 'DateTime' },\n { name: 'requests', type: 'UInt64' },\n { name: 'errors', type: 'UInt64' },\n ],\n data: [\n { timestamp: '2025-04-15 10:00:00', requests: '100', errors: '0' },\n { timestamp: '2025-04-15 11:00:00', requests: 'invalid', errors: '20' },\n ],\n rows: 2,\n statistics: { elapsed: 0.1, rows_read: 2, bytes_read: 100 },\n };\n\n const result = computeResultSetRatio(mockResultSet);\n\n expect(result.data.length).toBe(2);\n expect(isNaN(result.data[0]['requests/errors'])).toBe(true);\n expect(isNaN(result.data[1]['requests/errors'])).toBe(true);\n });\n\n it('should throw error when result set has insufficient columns', () => {\n const mockResultSet: ResponseJSON = {\n meta: [\n { name: 'timestamp', type: 'DateTime' },\n { name: 'requests', type: 'UInt64' },\n ],\n data: [{ timestamp: '2025-04-15 10:00:00', requests: '100' }],\n rows: 1,\n statistics: { elapsed: 0.1, rows_read: 1, bytes_read: 50 },\n };\n\n expect(() => computeResultSetRatio(mockResultSet)).toThrow(\n /Unable to compute ratio/,\n );\n });\n});\n\ndescribe('processClickhouseSettings - optimization settings', () => {\n let client: ClickhouseClient;\n let mockQueryMethod: jest.Mock;\n let metadataCache: MetadataCache;\n\n const createClient = () => {\n const newClient = new ClickhouseClient({\n host: 'http://localhost:8123',\n username: 'default',\n password: '',\n });\n\n // Mock the underlying ClickHouse client's query method\n const newMockQueryMethod = jest.fn();\n (newClient as any).client = {\n query: newMockQueryMethod,\n };\n\n // Create a fresh metadata cache for each test\n const newCache = new MetadataCache();\n\n // Mock getMetadata to return a metadata instance with our fresh cache\n jest\n // eslint-disable-next-line\n .spyOn(require('@/core/metadata'), 'getMetadata')\n .mockImplementation(() => {\n return new Metadata(newClient, newCache);\n });\n\n return {\n client: newClient,\n mockQueryMethod: newMockQueryMethod,\n cache: newCache,\n };\n };\n\n beforeEach(() => {\n const setup = createClient();\n client = setup.client;\n mockQueryMethod = setup.mockQueryMethod;\n metadataCache = setup.cache;\n });\n\n afterEach(() => {\n jest.restoreAllMocks();\n });\n\n const setupMockQuery = (\n settingsData?: Array<{ name: string; value: string }>,\n ) => {\n mockQueryMethod.mockImplementation(\n async ({ query, clickhouse_settings }: any) => {\n // Return mocked settings for getSettings query\n if (query === 'SELECT name, value FROM system.settings') {\n return {\n json: async () => ({\n data: settingsData || [],\n }),\n };\n }\n // Return the settings so we can inspect them\n return {\n json: async () => ({ data: [], clickhouse_settings }),\n };\n },\n );\n };\n\n it('should apply default settings without server settings', async () => {\n setupMockQuery([]);\n\n await client.query({\n query: 'SELECT 1',\n format: 'JSON',\n });\n\n // Find the actual query call (not the settings query)\n const actualQueryCall = mockQueryMethod.mock.calls.find(\n (call: any) => call[0].query === 'SELECT 1',\n );\n\n expect(actualQueryCall).toBeDefined();\n expect(actualQueryCall[0].clickhouse_settings).toEqual({\n allow_experimental_analyzer: 1,\n date_time_output_format: 'iso',\n wait_end_of_query: 0,\n output_format_json_quote_64bit_integers: 1,\n cancel_http_readonly_queries_on_client_close: 1,\n });\n });\n\n it('should apply all optimization settings when available on server', async () => {\n setupMockQuery([\n { name: 'query_plan_optimize_lazy_materialization', value: '1' },\n {\n name: 'query_plan_max_limit_for_lazy_materialization',\n value: '100000',\n },\n { name: 'use_skip_indexes_for_top_k', value: '1' },\n { name: 'query_plan_max_limit_for_top_k_optimization', value: '100000' },\n // { name: 'use_top_k_dynamic_filtering', value: '1' },\n { name: 'use_skip_indexes_on_data_read', value: '1' },\n { name: 'use_skip_indexes_for_disjunctions', value: '1' },\n ]);\n\n await client.query({\n query: 'SELECT 1',\n format: 'JSON',\n });\n\n const actualQueryCall = mockQueryMethod.mock.calls.find(\n (call: any) => call[0].query === 'SELECT 1',\n );\n\n expect(actualQueryCall).toBeDefined();\n expect(actualQueryCall[0].clickhouse_settings).toEqual({\n allow_experimental_analyzer: 1,\n date_time_output_format: 'iso',\n wait_end_of_query: 0,\n output_format_json_quote_64bit_integers: 1,\n cancel_http_readonly_queries_on_client_close: 1,\n query_plan_optimize_lazy_materialization: '1',\n query_plan_max_limit_for_lazy_materialization: '100000',\n use_skip_indexes_for_top_k: '1',\n query_plan_max_limit_for_top_k_optimization: '100000',\n // use_top_k_dynamic_filtering: '1',\n use_skip_indexes_on_data_read: '1',\n use_skip_indexes_for_disjunctions: '1',\n });\n });\n\n it('should only apply available optimization settings', async () => {\n setupMockQuery([\n { name: 'use_skip_indexes_for_top_k', value: '1' },\n { name: 'use_skip_indexes_on_data_read', value: '1' },\n ]);\n\n await client.query({\n query: 'SELECT 1',\n format: 'JSON',\n });\n\n const actualQueryCall = mockQueryMethod.mock.calls.find(\n (call: any) => call[0].query === 'SELECT 1',\n );\n\n expect(actualQueryCall).toBeDefined();\n const settings = actualQueryCall[0].clickhouse_settings;\n expect(settings).toEqual({\n allow_experimental_analyzer: 1,\n date_time_output_format: 'iso',\n wait_end_of_query: 0,\n output_format_json_quote_64bit_integers: 1,\n cancel_http_readonly_queries_on_client_close: 1,\n use_skip_indexes_for_top_k: '1',\n use_skip_indexes_on_data_read: '1',\n });\n expect(settings.query_plan_optimize_lazy_materialization).toBeUndefined();\n // expect(settings.use_top_k_dynamic_filtering).toBeUndefined();\n });\n\n it('should merge external clickhouse settings with optimization settings', async () => {\n setupMockQuery([{ name: 'use_skip_indexes_for_top_k', value: '1' }]);\n\n await client.query({\n query: 'SELECT 1',\n format: 'JSON',\n clickhouse_settings: {\n max_rows_to_read: '1000000',\n },\n });\n\n const actualQueryCall = mockQueryMethod.mock.calls.find(\n (call: any) => call[0].query === 'SELECT 1',\n );\n\n expect(actualQueryCall).toBeDefined();\n expect(actualQueryCall[0].clickhouse_settings).toEqual({\n allow_experimental_analyzer: 1,\n date_time_output_format: 'iso',\n wait_end_of_query: 0,\n output_format_json_quote_64bit_integers: 1,\n cancel_http_readonly_queries_on_client_close: 1,\n use_skip_indexes_for_top_k: '1',\n max_rows_to_read: '1000000',\n });\n });\n\n it('should not apply settings when shouldSkipApplySettings is true', async () => {\n setupMockQuery([{ name: 'use_skip_indexes_for_top_k', value: '1' }]);\n\n await client.query({\n query: 'SELECT name, value FROM system.settings',\n format: 'JSON',\n shouldSkipApplySettings: true,\n });\n\n const settingsQueryCall = mockQueryMethod.mock.calls.find(\n (call: any) =>\n call[0].query === 'SELECT name, value FROM system.settings',\n );\n\n expect(settingsQueryCall).toBeDefined();\n expect(settingsQueryCall[0].clickhouse_settings).toBeUndefined();\n });\n\n it('should handle metadata getSettings returning undefined (permissions error)', async () => {\n mockQueryMethod.mockImplementation(async ({ query }: any) => {\n if (query === 'SELECT name, value FROM system.settings') {\n throw new Error('Not enough privileges');\n }\n return { json: async () => ({ data: [] }) };\n });\n\n // Should not throw, but silently continue without optimization settings\n await client.query({\n query: 'SELECT 1',\n format: 'JSON',\n });\n\n const actualQueryCall = mockQueryMethod.mock.calls.find(\n (call: any) => call[0].query === 'SELECT 1',\n );\n\n expect(actualQueryCall).toBeDefined();\n expect(actualQueryCall[0].clickhouse_settings).toEqual({\n allow_experimental_analyzer: 1,\n date_time_output_format: 'iso',\n wait_end_of_query: 0,\n output_format_json_quote_64bit_integers: 1,\n cancel_http_readonly_queries_on_client_close: 1,\n });\n });\n\n it('should cache settings result across multiple queries', async () => {\n setupMockQuery([{ name: 'use_skip_indexes_for_top_k', value: '1' }]);\n\n // Run two queries\n await client.query({ query: 'SELECT 1', format: 'JSON' });\n await client.query({ query: 'SELECT 2', format: 'JSON' });\n\n // Should only fetch settings once\n const settingsCalls = mockQueryMethod.mock.calls.filter(\n (call: any) =>\n call[0].query === 'SELECT name, value FROM system.settings',\n );\n expect(settingsCalls.length).toEqual(1);\n });\n});\n" }, { "path": "packages/common-utils/src/__tests__/macros.test.ts", "content": "import { replaceMacros } from '../macros';\n\ndescribe('replaceMacros', () => {\n it('should replace $__fromTime with seconds-precision DateTime', () => {\n expect(replaceMacros('SELECT $__fromTime')).toBe(\n 'SELECT toDateTime(fromUnixTimestamp64Milli({startDateMilliseconds:Int64}))',\n );\n });\n\n it('should replace $__toTime with seconds-precision DateTime', () => {\n expect(replaceMacros('SELECT $__toTime')).toBe(\n 'SELECT toDateTime(fromUnixTimestamp64Milli({endDateMilliseconds:Int64}))',\n );\n });\n\n it('should replace $__fromTime_ms with millisecond-precision DateTime64', () => {\n expect(replaceMacros('SELECT $__fromTime_ms')).toBe(\n 'SELECT fromUnixTimestamp64Milli({startDateMilliseconds:Int64})',\n );\n });\n\n it('should replace $__toTime_ms with millisecond-precision DateTime64', () => {\n expect(replaceMacros('SELECT $__toTime_ms')).toBe(\n 'SELECT fromUnixTimestamp64Milli({endDateMilliseconds:Int64})',\n );\n });\n\n it('should replace $__timeFilter with seconds-precision range filter', () => {\n const result = replaceMacros('WHERE $__timeFilter(ts)');\n expect(result).toBe(\n 'WHERE ts >= toDateTime(fromUnixTimestamp64Milli({startDateMilliseconds:Int64})) AND ts <= toDateTime(fromUnixTimestamp64Milli({endDateMilliseconds:Int64}))',\n );\n });\n\n it('should replace $__timeFilter_ms with millisecond-precision range filter', () => {\n const result = replaceMacros('WHERE $__timeFilter_ms(ts)');\n expect(result).toBe(\n 'WHERE ts >= fromUnixTimestamp64Milli({startDateMilliseconds:Int64}) AND ts <= fromUnixTimestamp64Milli({endDateMilliseconds:Int64})',\n );\n });\n\n it('should replace $__dateFilter with date-only range filter', () => {\n const result = replaceMacros('WHERE $__dateFilter(d)');\n expect(result).toBe(\n 'WHERE d >= toDate(fromUnixTimestamp64Milli({startDateMilliseconds:Int64})) AND d <= toDate(fromUnixTimestamp64Milli({endDateMilliseconds:Int64}))',\n );\n });\n\n it('should replace $__dateTimeFilter with combined date and time filter', () => {\n const result = replaceMacros('WHERE $__dateTimeFilter(d, ts)');\n expect(result).toBe(\n 'WHERE (d >= toDate(fromUnixTimestamp64Milli({startDateMilliseconds:Int64})) AND d <= toDate(fromUnixTimestamp64Milli({endDateMilliseconds:Int64}))) AND (ts >= toDateTime(fromUnixTimestamp64Milli({startDateMilliseconds:Int64})) AND ts <= toDateTime(fromUnixTimestamp64Milli({endDateMilliseconds:Int64})))',\n );\n });\n\n it('should replace $__dt as an alias for dateTimeFilter', () => {\n const result = replaceMacros('WHERE $__dt(d, ts)');\n expect(result).toBe(\n 'WHERE (d >= toDate(fromUnixTimestamp64Milli({startDateMilliseconds:Int64})) AND d <= toDate(fromUnixTimestamp64Milli({endDateMilliseconds:Int64}))) AND (ts >= toDateTime(fromUnixTimestamp64Milli({startDateMilliseconds:Int64})) AND ts <= toDateTime(fromUnixTimestamp64Milli({endDateMilliseconds:Int64})))',\n );\n });\n\n it('should replace $__timeInterval with interval bucketing expression', () => {\n const result = replaceMacros('SELECT $__timeInterval(ts)');\n expect(result).toBe(\n 'SELECT toStartOfInterval(toDateTime(ts), INTERVAL {intervalSeconds:Int64} second)',\n );\n });\n\n it('should replace $__timeInterval_ms with millisecond interval bucketing', () => {\n const result = replaceMacros('SELECT $__timeInterval_ms(ts)');\n expect(result).toBe(\n 'SELECT toStartOfInterval(toDateTime64(ts, 3), INTERVAL {intervalMilliseconds:Int64} millisecond)',\n );\n });\n\n it('should replace $__interval_s with interval seconds param', () => {\n expect(replaceMacros('INTERVAL $__interval_s second')).toBe(\n 'INTERVAL {intervalSeconds:Int64} second',\n );\n });\n\n it('should replace multiple macros in one query', () => {\n const result = replaceMacros(\n 'SELECT $__timeInterval(ts), count() FROM t WHERE $__timeFilter(ts) GROUP BY 1',\n );\n expect(result).toContain('toStartOfInterval');\n expect(result).toContain(\n 'ts >= toDateTime(fromUnixTimestamp64Milli({startDateMilliseconds:Int64}))',\n );\n });\n\n it('should throw on wrong argument count', () => {\n expect(() => replaceMacros('$__timeFilter(a, b)')).toThrow(\n 'expects 1 argument(s), but got 2',\n );\n });\n\n it('should throw on missing close bracket', () => {\n expect(() => replaceMacros('$__timeFilter(col')).toThrow(\n 'Failed to parse macro arguments',\n );\n });\n\n it('should replace $__filters with provided filtersSQL', () => {\n const result = replaceMacros(\n 'WHERE $__filters',\n \"(col = 'val') AND (x > 1)\",\n );\n expect(result).toBe(\"WHERE (col = 'val') AND (x > 1)\");\n });\n\n it('should replace $__filters with fallback when no filtersSQL provided', () => {\n expect(replaceMacros('WHERE $__filters')).toBe(\n 'WHERE (1=1 /** no filters applied */)',\n );\n });\n\n it('should replace $__filters with fallback when filtersSQL is empty', () => {\n expect(replaceMacros('WHERE $__filters', '')).toBe(\n 'WHERE (1=1 /** no filters applied */)',\n );\n });\n});\n" }, { "path": "packages/common-utils/src/__tests__/metadata.int.test.ts", "content": "import { createClient } from '@clickhouse/client';\nimport { ClickHouseClient } from '@clickhouse/client-common';\n\nimport { ClickhouseClient as HdxClickhouseClient } from '@/clickhouse/node';\nimport { Metadata, MetadataCache } from '@/core/metadata';\nimport { ChartConfigWithDateRange, SourceKind, TSource } from '@/types';\n\ndescribe('Metadata Integration Tests', () => {\n let client: ClickHouseClient;\n let hdxClient: HdxClickhouseClient;\n\n const source: TSource = {\n id: 'test-source',\n name: 'Test',\n kind: SourceKind.Log,\n connection: 'conn-1',\n from: { databaseName: 'default', tableName: 'logs' },\n timestampValueExpression: 'Timestamp',\n defaultTableSelectExpression: '*',\n querySettings: [\n { setting: 'optimize_read_in_order', value: '0' },\n { setting: 'cast_keep_nullable', value: '0' },\n ],\n };\n\n beforeAll(() => {\n const host = process.env.CLICKHOUSE_HOST || 'http://localhost:8123';\n const username = process.env.CLICKHOUSE_USER || 'default';\n const password = process.env.CLICKHOUSE_PASSWORD || '';\n\n client = createClient({\n url: host,\n username,\n password,\n });\n\n hdxClient = new HdxClickhouseClient({\n host,\n username,\n password,\n });\n });\n\n describe('getKeyValues', () => {\n let metadata: Metadata;\n const chartConfig: ChartConfigWithDateRange = {\n connection: 'test_connection',\n from: {\n databaseName: 'default',\n tableName: 'test_table',\n },\n dateRange: [new Date('2023-01-01'), new Date('2025-01-01')],\n select: 'col1, col2',\n timestampValueExpression: 'Timestamp',\n where: '',\n };\n\n beforeAll(async () => {\n await client.command({\n query: `CREATE OR REPLACE TABLE default.test_table (\n Timestamp DateTime64(9) CODEC(Delta(8), ZSTD(1)),\n SeverityText LowCardinality(String) CODEC(ZSTD(1)),\n TraceId String,\n LogAttributes JSON CODEC(ZSTD(1)),\n ResourceAttributes Map(LowCardinality(String), String) CODEC(ZSTD(1)),\n \\`__hdx_materialized_k8s.pod.name\\` String MATERIALIZED ResourceAttributes['k8s.pod.name'] CODEC(ZSTD(1)),\n ) \n ENGINE = MergeTree()\n ORDER BY (Timestamp)\n `,\n });\n\n await client.command({\n query: `INSERT INTO default.test_table (Timestamp, SeverityText, TraceId, ResourceAttributes, LogAttributes) VALUES \n ('2023-06-01 12:00:00', 'info', '1o2udn120d8n', { 'k8s.pod.name': 'pod1', 'env': 'prod' },'{\"action\":\"ping\"}'),\n ('2024-06-01 12:00:00', 'error', '67890-09098', { 'k8s.pod.name': 'pod2', 'env': 'prod' },'{}'),\n ('2024-06-01 12:00:00', 'info', '11h9238re1h92', { 'env': 'staging' },'{\"user\":\"john\"}'),\n ('2024-06-01 12:00:00', 'warning', '1o2udn120d8n', { 'k8s.pod.name': 'pod1', 'env': 'prod' }, '{\"user\":\"jack\",\"action\":\"login\"}'),\n ('2024-06-01 12:00:00', '', '1o2udn120d8n', { 'env': 'prod' }, '{\"user\":\"jane\",\"action\":\"login\"}')\n `,\n });\n });\n\n beforeEach(async () => {\n metadata = new Metadata(hdxClient, new MetadataCache());\n });\n\n afterAll(async () => {\n await client.command({\n query: 'DROP TABLE IF EXISTS default.test_table',\n });\n\n await client.close();\n });\n\n describe.each([true, false])('with disableRowLimit=%s', disableRowLimit => {\n it('should return key-value pairs for a given metadata key', async () => {\n const resultSeverityText = await metadata.getKeyValues({\n chartConfig,\n keys: ['SeverityText'],\n disableRowLimit,\n source,\n });\n\n expect(resultSeverityText).toHaveLength(1);\n expect(resultSeverityText[0].key).toBe('SeverityText');\n expect(resultSeverityText[0].value).toHaveLength(3);\n expect(resultSeverityText[0].value).toEqual(\n expect.arrayContaining(['info', 'error', 'warning']),\n );\n\n const resultTraceId = await metadata.getKeyValues({\n chartConfig,\n keys: ['TraceId'],\n disableRowLimit,\n source,\n });\n\n expect(resultTraceId).toHaveLength(1);\n expect(resultTraceId[0].key).toBe('TraceId');\n expect(resultTraceId[0].value).toHaveLength(3);\n expect(resultTraceId[0].value).toEqual(\n expect.arrayContaining([\n '1o2udn120d8n',\n '67890-09098',\n '11h9238re1h92',\n ]),\n );\n\n const resultBoth = await metadata.getKeyValues({\n chartConfig,\n keys: ['TraceId', 'SeverityText'],\n disableRowLimit,\n source,\n });\n\n expect(resultBoth).toEqual([\n {\n key: 'TraceId',\n value: expect.arrayContaining([\n '1o2udn120d8n',\n '67890-09098',\n '11h9238re1h92',\n ]),\n },\n {\n key: 'SeverityText',\n value: expect.arrayContaining(['info', 'error', 'warning']),\n },\n ]);\n });\n\n it('should handle materialized columns correctly', async () => {\n const resultPodName = await metadata.getKeyValues({\n chartConfig,\n keys: ['__hdx_materialized_k8s.pod.name'],\n disableRowLimit,\n source,\n });\n\n expect(resultPodName).toHaveLength(1);\n expect(resultPodName[0].key).toBe('__hdx_materialized_k8s.pod.name');\n expect(resultPodName[0].value).toHaveLength(2);\n expect(resultPodName[0].value).toEqual(\n expect.arrayContaining(['pod1', 'pod2']),\n );\n });\n\n it('should handle JSON columns correctly', async () => {\n const resultLogAttributes = await metadata.getKeyValues({\n chartConfig,\n keys: ['LogAttributes.user'],\n disableRowLimit,\n source,\n });\n\n expect(resultLogAttributes).toHaveLength(1);\n expect(resultLogAttributes[0].key).toBe('LogAttributes.user');\n expect(resultLogAttributes[0].value).toHaveLength(3);\n expect(resultLogAttributes[0].value).toEqual(\n expect.arrayContaining(['john', 'jack', 'jane']),\n );\n });\n\n it('should return an empty list when no keys are provided', async () => {\n const resultEmpty = await metadata.getKeyValues({\n chartConfig,\n keys: [],\n source,\n });\n\n expect(resultEmpty).toEqual([]);\n });\n\n it('should correctly limit the number of returned values', async () => {\n const resultLimited = await metadata.getKeyValues({\n chartConfig,\n keys: ['SeverityText'],\n limit: 2,\n source,\n });\n\n expect(resultLimited).toHaveLength(1);\n expect(resultLimited[0].key).toBe('SeverityText');\n expect(resultLimited[0].value).toHaveLength(2);\n expect(\n resultLimited[0].value.every(\n v =>\n typeof v === 'string' && ['info', 'error', 'warning'].includes(v),\n ),\n ).toBeTruthy();\n });\n });\n });\n\n describe('getKeyValuesWithMVs', () => {\n let metadata: Metadata;\n const baseTableName = 'test_logs_base';\n const mvTableName = 'test_logs_mv_1m';\n\n const chartConfig: ChartConfigWithDateRange = {\n connection: 'test_connection',\n from: {\n databaseName: 'default',\n tableName: baseTableName,\n },\n dateRange: [new Date('2024-01-01'), new Date('2024-01-31')],\n select: '',\n timestampValueExpression: 'Timestamp',\n where: '',\n };\n\n beforeAll(async () => {\n // Create base table\n await client.command({\n query: `CREATE OR REPLACE TABLE default.${baseTableName} (\n Timestamp DateTime64(9) CODEC(Delta(8), ZSTD(1)),\n environment LowCardinality(String) CODEC(ZSTD(1)),\n service LowCardinality(String) CODEC(ZSTD(1)),\n status_code LowCardinality(String) CODEC(ZSTD(1)),\n region LowCardinality(String) CODEC(ZSTD(1)),\n message String CODEC(ZSTD(1))\n )\n ENGINE = MergeTree()\n ORDER BY (Timestamp)\n `,\n });\n\n // Create materialized view\n await client.command({\n query: `CREATE MATERIALIZED VIEW IF NOT EXISTS default.${mvTableName}\n ENGINE = SummingMergeTree()\n ORDER BY (environment, service, status_code, Timestamp)\n AS SELECT\n toStartOfMinute(Timestamp) as Timestamp,\n environment,\n service,\n status_code,\n count() as count\n FROM default.${baseTableName}\n GROUP BY Timestamp, environment, service, status_code\n `,\n });\n\n // Insert data again to populate the MV (MVs don't get historical data)\n await client.command({\n query: `INSERT INTO default.${baseTableName}\n (Timestamp, environment, service, status_code, region, message) VALUES\n ('2024-01-10 12:00:00', 'production', 'api', '200', 'us-east', 'Success'),\n ('2024-01-10 13:00:00', 'production', 'web', '200', 'us-west', 'Success'),\n ('2024-01-10 14:00:00', 'staging', 'api', '500', 'us-east', 'Error'),\n ('2024-01-10 15:00:00', 'staging', 'worker', '200', 'eu-west', 'Success'),\n ('2024-01-10 16:00:00', 'production', 'api', '404', 'us-east', 'Not found')\n `,\n });\n });\n\n beforeEach(async () => {\n metadata = new Metadata(hdxClient, new MetadataCache());\n });\n\n afterAll(async () => {\n await client.command({\n query: `DROP VIEW IF EXISTS default.${mvTableName}`,\n });\n await client.command({\n query: `DROP TABLE IF EXISTS default.${baseTableName}`,\n });\n });\n\n it('should fetch key values using materialized views when available', async () => {\n const source = {\n id: 'test-source',\n name: 'Test Logs',\n kind: 'otel-logs',\n from: { databaseName: 'default', tableName: baseTableName },\n timestampValueExpression: 'Timestamp',\n connection: 'test_connection',\n materializedViews: [\n {\n databaseName: 'default',\n tableName: mvTableName,\n dimensionColumns: 'environment, service, status_code',\n minGranularity: '1 minute',\n timestampColumn: 'Timestamp',\n aggregatedColumns: [{ aggFn: 'count', mvColumn: 'count' }],\n },\n ],\n };\n\n const result = await metadata.getKeyValuesWithMVs({\n chartConfig,\n keys: ['environment', 'service', 'status_code'],\n source: source as any,\n });\n\n expect(result).toHaveLength(3);\n\n const environmentResult = result.find(r => r.key === 'environment');\n expect(environmentResult?.value).toEqual(\n expect.arrayContaining(['production', 'staging']),\n );\n\n const serviceResult = result.find(r => r.key === 'service');\n expect(serviceResult?.value).toEqual(\n expect.arrayContaining(['api', 'web', 'worker']),\n );\n\n const statusCodeResult = result.find(r => r.key === 'status_code');\n expect(statusCodeResult?.value).toEqual(\n expect.arrayContaining(['200', '404', '500']),\n );\n });\n\n it('should fall back to base table for keys not in materialized view', async () => {\n const source = {\n id: 'test-source',\n name: 'Test Logs',\n kind: 'otel-logs',\n from: { databaseName: 'default', tableName: baseTableName },\n timestampValueExpression: 'Timestamp',\n connection: 'test_connection',\n materializedViews: [\n {\n databaseName: 'default',\n tableName: mvTableName,\n dimensionColumns: 'environment, service, status_code',\n minGranularity: '1 minute',\n timestampColumn: 'Timestamp',\n aggregatedColumns: [{ aggFn: 'count', mvColumn: 'count' }],\n },\n ],\n };\n\n // Query for keys both in and not in the MV\n const result = await metadata.getKeyValuesWithMVs({\n chartConfig,\n keys: ['environment', 'region'], // 'region' is NOT in the MV\n source: source as any,\n });\n\n expect(result).toHaveLength(2);\n\n const environmentResult = result.find(r => r.key === 'environment');\n expect(environmentResult?.value).toEqual(\n expect.arrayContaining(['production', 'staging']),\n );\n\n const regionResult = result.find(r => r.key === 'region');\n expect(regionResult?.value).toEqual(\n expect.arrayContaining(['us-east', 'us-west', 'eu-west']),\n );\n });\n\n it('should work without materialized views (fall back to base table)', async () => {\n const source = {\n id: 'test-source',\n name: 'Test Logs',\n kind: 'otel-logs',\n from: { databaseName: 'default', tableName: baseTableName },\n timestampValueExpression: 'Timestamp',\n connection: 'test_connection',\n materializedViews: [], // No MVs\n };\n\n const result = await metadata.getKeyValuesWithMVs({\n chartConfig,\n keys: ['environment', 'service'],\n source: source as any,\n });\n\n expect(result).toHaveLength(2);\n\n const environmentResult = result.find(r => r.key === 'environment');\n expect(environmentResult?.value).toEqual(\n expect.arrayContaining(['production', 'staging']),\n );\n\n const serviceResult = result.find(r => r.key === 'service');\n expect(serviceResult?.value).toEqual(\n expect.arrayContaining(['api', 'web', 'worker']),\n );\n });\n\n it('should work with an undefined source parameter (fall back to base table)', async () => {\n const result = await metadata.getKeyValuesWithMVs({\n chartConfig,\n keys: ['environment', 'service'],\n // No source parameter\n source: undefined,\n });\n\n expect(result).toHaveLength(2);\n\n const environmentResult = result.find(r => r.key === 'environment');\n expect(environmentResult?.value).toEqual(\n expect.arrayContaining(['production', 'staging']),\n );\n\n const serviceResult = result.find(r => r.key === 'service');\n expect(serviceResult?.value).toEqual(\n expect.arrayContaining(['api', 'web', 'worker']),\n );\n });\n\n it('should return empty array for empty keys', async () => {\n const source = {\n id: 'test-source',\n name: 'Test Logs',\n kind: 'otel-logs',\n from: { databaseName: 'default', tableName: baseTableName },\n timestampValueExpression: 'Timestamp',\n connection: 'test_connection',\n materializedViews: [\n {\n databaseName: 'default',\n tableName: mvTableName,\n dimensionColumns: 'environment, service, status_code',\n minGranularity: '1 minute',\n timestampColumn: 'Timestamp',\n aggregatedColumns: [{ aggFn: 'count', mvColumn: 'count' }],\n },\n ],\n };\n\n const result = await metadata.getKeyValuesWithMVs({\n chartConfig,\n keys: [],\n source: source as any,\n });\n\n expect(result).toEqual([]);\n });\n\n it('should respect limit parameter', async () => {\n const source = {\n id: 'test-source',\n name: 'Test Logs',\n kind: 'otel-logs',\n from: { databaseName: 'default', tableName: baseTableName },\n timestampValueExpression: 'Timestamp',\n connection: 'test_connection',\n materializedViews: [\n {\n databaseName: 'default',\n tableName: mvTableName,\n dimensionColumns: 'environment, service, status_code',\n minGranularity: '1 minute',\n timestampColumn: 'Timestamp',\n aggregatedColumns: [{ aggFn: 'count', mvColumn: 'count' }],\n },\n ],\n };\n\n const result = await metadata.getKeyValuesWithMVs({\n chartConfig,\n keys: ['service'],\n source: source as any,\n limit: 2,\n });\n\n expect(result).toHaveLength(1);\n expect(result[0].key).toBe('service');\n expect(result[0].value.length).toBeLessThanOrEqual(2);\n });\n\n it('should work with disableRowLimit: true', async () => {\n const source = {\n id: 'test-source',\n name: 'Test Logs',\n kind: 'otel-logs',\n from: { databaseName: 'default', tableName: baseTableName },\n timestampValueExpression: 'Timestamp',\n connection: 'test_connection',\n materializedViews: [\n {\n databaseName: 'default',\n tableName: mvTableName,\n dimensionColumns: 'environment, service, status_code',\n minGranularity: '1 minute',\n timestampColumn: 'Timestamp',\n aggregatedColumns: [{ aggFn: 'count', mvColumn: 'count' }],\n },\n ],\n };\n\n // Should work with disableRowLimit: true (no row limits applied)\n const result = await metadata.getKeyValuesWithMVs({\n chartConfig,\n keys: ['environment', 'service', 'status_code'],\n source: source as any,\n disableRowLimit: true,\n });\n\n expect(result).toHaveLength(3);\n\n const environmentResult = result.find(r => r.key === 'environment');\n expect(environmentResult?.value).toEqual(\n expect.arrayContaining(['production', 'staging']),\n );\n\n const serviceResult = result.find(r => r.key === 'service');\n expect(serviceResult?.value).toEqual(\n expect.arrayContaining(['api', 'web', 'worker']),\n );\n\n const statusCodeResult = result.find(r => r.key === 'status_code');\n expect(statusCodeResult?.value).toEqual(\n expect.arrayContaining(['200', '404', '500']),\n );\n });\n });\n\n describe('Distributed tables support', () => {\n let metadata: Metadata;\n const localTableName = 'test_dist_local';\n const distributedTableName = 'test_dist';\n\n beforeAll(async () => {\n await client.command({\n query: `CREATE OR REPLACE TABLE default.${localTableName} (\n Timestamp DateTime64(9) CODEC(Delta(8), ZSTD(1)),\n ServiceName LowCardinality(String) CODEC(ZSTD(1)),\n Body String CODEC(ZSTD(1)),\n ResourceAttributes Map(LowCardinality(String), String) CODEC(ZSTD(1)),\n INDEX idx_body Body TYPE tokenbf_v1(32768, 3, 0) GRANULARITY 8,\n INDEX idx_ts Timestamp TYPE minmax GRANULARITY 1\n )\n ENGINE = MergeTree()\n PARTITION BY toDate(Timestamp)\n ORDER BY (ServiceName, Timestamp)\n `,\n });\n\n await client.command({\n query: `CREATE OR REPLACE TABLE default.${distributedTableName}\n AS default.${localTableName}\n ENGINE = Distributed('hdx_cluster', 'default', '${localTableName}', rand())\n `,\n });\n });\n\n beforeEach(() => {\n metadata = new Metadata(hdxClient, new MetadataCache());\n });\n\n afterAll(async () => {\n await client.command({\n query: `DROP TABLE IF EXISTS default.${distributedTableName}`,\n });\n await client.command({\n query: `DROP TABLE IF EXISTS default.${localTableName}`,\n });\n });\n\n it('should return local table keys for a distributed table', async () => {\n const result = await metadata.getTableMetadata({\n databaseName: 'default',\n tableName: distributedTableName,\n connectionId: 'test_connection',\n });\n\n // Should have the distributed table's create_table_query\n expect(result!.create_table_query).toContain(distributedTableName);\n expect(result!.create_table_query).toContain('Distributed');\n\n // Should have the local table's create_table_query\n expect(result!.create_local_table_query).toContain(localTableName);\n expect(result!.create_local_table_query).toContain('MergeTree');\n\n // Keys should come from the local table\n expect(result!.primary_key).toBe('ServiceName, Timestamp');\n expect(result!.sorting_key).toBe('ServiceName, Timestamp');\n expect(result!.partition_key).toBe('toDate(Timestamp)');\n\n // Engine should be overridden with local table's engine\n expect(result!.engine).toBe('MergeTree');\n });\n\n it('should not set create_local_table_query for non-distributed tables', async () => {\n const result = await metadata.getTableMetadata({\n databaseName: 'default',\n tableName: localTableName,\n connectionId: 'test_connection',\n });\n\n expect(result!.create_local_table_query).toBeUndefined();\n expect(result!.engine).toBe('MergeTree');\n expect(result!.primary_key).toBe('ServiceName, Timestamp');\n });\n\n it('should return skip indices from the local table when querying a distributed table', async () => {\n const result = await metadata.getSkipIndices({\n databaseName: 'default',\n tableName: distributedTableName,\n connectionId: 'test_connection',\n });\n\n expect(result).toHaveLength(2);\n\n const bodyIndex = result.find(idx => idx.name === 'idx_body');\n expect(bodyIndex).toBeDefined();\n expect(bodyIndex!.type).toBe('tokenbf_v1');\n expect(bodyIndex!.expression).toBe('Body');\n expect(bodyIndex!.granularity).toBe(8);\n\n const tsIndex = result.find(idx => idx.name === 'idx_ts');\n expect(tsIndex).toBeDefined();\n expect(tsIndex!.type).toBe('minmax');\n expect(tsIndex!.granularity).toBe(1);\n });\n\n it('should return skip indices directly for a non-distributed table', async () => {\n const result = await metadata.getSkipIndices({\n databaseName: 'default',\n tableName: localTableName,\n connectionId: 'test_connection',\n });\n\n expect(result).toHaveLength(2);\n expect(result.map(idx => idx.name)).toEqual(\n expect.arrayContaining(['idx_body', 'idx_ts']),\n );\n });\n });\n\n describe('getSetting', () => {\n let metadata: Metadata;\n beforeEach(async () => {\n metadata = new Metadata(hdxClient, new MetadataCache());\n });\n\n it('should get setting that exists and is enabled', async () => {\n const settingValue = await metadata.getSetting({\n settingName: 'format_csv_allow_single_quotes',\n connectionId: 'test_connection',\n });\n expect(settingValue).toBe('0');\n });\n\n it('should get setting that exists and is disabled', async () => {\n const settingValue = await metadata.getSetting({\n settingName: 'format_csv_allow_double_quotes',\n connectionId: 'test_connection',\n });\n expect(settingValue).toBe('1');\n });\n\n it('should return undefined for setting that does not exist', async () => {\n const settingValue = await metadata.getSetting({\n settingName: 'enable_quantum_tunnelling',\n connectionId: 'test_connection',\n });\n expect(settingValue).toBeUndefined();\n });\n });\n});\n" }, { "path": "packages/common-utils/src/__tests__/metadata.test.ts", "content": "import { ClickhouseClient } from '../clickhouse/node';\nimport { Metadata, MetadataCache } from '../core/metadata';\nimport * as renderChartConfigModule from '../core/renderChartConfig';\nimport { isBuilderChartConfig } from '../guards';\nimport { BuilderChartConfigWithDateRange, SourceKind, TSource } from '../types';\n\n// Mock ClickhouseClient\nconst mockClickhouseClient = {\n query: jest.fn(),\n} as unknown as ClickhouseClient;\n\nconst mockCache = {\n get: jest.fn(),\n getOrFetch: jest.fn(),\n set: jest.fn(),\n} as any;\n\njest.mock('../core/renderChartConfig', () => ({\n renderChartConfig: jest\n .fn()\n .mockResolvedValue({ sql: 'SELECT 1', params: {} }),\n}));\n\nconst source: TSource = {\n id: 'test-source',\n name: 'Test',\n kind: SourceKind.Log,\n connection: 'conn-1',\n from: { databaseName: 'default', tableName: 'logs' },\n timestampValueExpression: 'Timestamp',\n defaultTableSelectExpression: '*',\n querySettings: [\n { setting: 'optimize_read_in_order', value: '0' },\n { setting: 'cast_keep_nullable', value: '0' },\n ],\n};\n\ndescribe('MetadataCache', () => {\n let metadataCache: MetadataCache;\n\n beforeEach(() => {\n metadataCache = new MetadataCache();\n jest.clearAllMocks();\n });\n\n describe('getOrFetch', () => {\n it('should return cached value if it exists', async () => {\n const key = 'test-key';\n const value = { data: 'test-data' };\n\n // Set a value in the cache\n metadataCache.set(key, value);\n\n // Mock query function that should not be called\n const queryFn = jest.fn().mockResolvedValue('new-value');\n\n const result = await metadataCache.getOrFetch(key, queryFn);\n\n expect(result).toBe(value);\n expect(queryFn).not.toHaveBeenCalled();\n });\n\n it('should call query function and store result if no cached value exists', async () => {\n const key = 'test-key';\n const expectedValue = { data: 'fetched-data' };\n const queryFn = jest.fn().mockResolvedValue(expectedValue);\n\n const result = await metadataCache.getOrFetch(key, queryFn);\n\n expect(result).toBe(expectedValue);\n expect(queryFn).toHaveBeenCalledTimes(1);\n expect(metadataCache.get(key)).toBe(expectedValue);\n });\n\n it('should reuse pending promises for the same key', async () => {\n const key = 'test-key';\n let resolvePromise: (value: any) => void;\n\n // Create a promise that we can control when it resolves\n const pendingPromise = new Promise(resolve => {\n resolvePromise = resolve;\n });\n\n const queryFn = jest.fn().mockReturnValue(pendingPromise);\n\n // Start two requests for the same key\n const promise1 = metadataCache.getOrFetch(key, queryFn);\n const promise2 = metadataCache.getOrFetch(key, queryFn);\n\n // The query function should only be called once\n expect(queryFn).toHaveBeenCalledTimes(1);\n\n // Now resolve the promise\n resolvePromise!({ data: 'result' });\n\n // Both promises should resolve to the same value\n const result1 = await promise1;\n const result2 = await promise2;\n\n expect(result1).toEqual({ data: 'result' });\n expect(result2).toEqual({ data: 'result' });\n expect(result1).toBe(result2); // Should be the same object reference\n });\n\n it('should clean up pending promise after resolution', async () => {\n const key = 'test-key';\n const value = { data: 'test-data' };\n const queryFn = jest.fn().mockResolvedValue(value);\n\n // Access the private pendingQueries map using any type assertion\n const pendingQueriesMap = (metadataCache as any).pendingQueries;\n\n await metadataCache.getOrFetch(key, queryFn);\n\n // After resolution, the pending query should be removed from the map\n expect(pendingQueriesMap.has(key)).toBe(false);\n });\n\n it('should clean up pending promise after rejection', async () => {\n const key = 'test-key';\n const error = new Error('Query failed');\n const queryFn = jest.fn().mockRejectedValue(error);\n\n // Access the private pendingQueries map using any type assertion\n const pendingQueriesMap = (metadataCache as any).pendingQueries;\n\n try {\n await metadataCache.getOrFetch(key, queryFn);\n } catch {\n // Expected to throw\n }\n\n // After rejection, the pending query should be removed from the map\n expect(pendingQueriesMap.has(key)).toBe(false);\n // And no value should be stored in the cache\n expect(metadataCache.get(key)).toBeUndefined();\n });\n });\n});\n\ndescribe('Metadata', () => {\n let metadata: Metadata;\n\n beforeEach(() => {\n metadata = new Metadata(mockClickhouseClient, mockCache);\n jest.clearAllMocks();\n });\n\n describe('getTableMetadata', () => {\n beforeEach(() => {\n mockCache.getOrFetch.mockImplementation((key, queryFn) => queryFn());\n });\n\n it('should normalize partition_key format by removing parentheses', async () => {\n const mockTableMetadata = {\n database: 'test_db',\n name: 'test_table',\n partition_key: '(toYYYYMM(timestamp), user_id)',\n sorting_key: 'column2',\n primary_key: 'column3',\n };\n\n (mockClickhouseClient.query as jest.Mock).mockResolvedValue({\n json: jest.fn().mockResolvedValue({\n data: [mockTableMetadata],\n }),\n });\n\n const result = await metadata.getTableMetadata({\n databaseName: 'test_db',\n tableName: 'test_table',\n connectionId: 'test_connection',\n });\n\n expect(result!.partition_key).toEqual('toYYYYMM(timestamp), user_id');\n });\n\n it('should not modify partition_key if it does not have parentheses', async () => {\n const mockTableMetadata = {\n database: 'test_db',\n name: 'test_table',\n partition_key: 'column1',\n sorting_key: 'column2',\n primary_key: 'column3',\n };\n\n (mockClickhouseClient.query as jest.Mock).mockResolvedValue({\n json: jest.fn().mockResolvedValue({\n data: [mockTableMetadata],\n }),\n });\n\n const result = await metadata.getTableMetadata({\n databaseName: 'test_db',\n tableName: 'test_table',\n connectionId: 'test_connection',\n });\n\n expect(result!.partition_key).toEqual('column1');\n });\n\n it('should query via cluster() for Distributed table underlying metadata', async () => {\n const distributedMetadata = {\n database: 'test_db',\n name: 'dist_table',\n engine: 'Distributed',\n engine_full:\n \"Distributed('my_cluster', 'test_db', 'local_table', rand())\",\n partition_key: '',\n sorting_key: '',\n primary_key: '',\n sampling_key: '',\n create_table_query: 'CREATE TABLE test_db.dist_table ...',\n };\n\n const localMetadata = {\n database: 'test_db',\n name: 'local_table',\n engine: 'MergeTree',\n engine_full: 'MergeTree() ORDER BY id',\n partition_key: 'toYYYYMM(timestamp)',\n sorting_key: 'id, timestamp',\n primary_key: 'id',\n sampling_key: '',\n create_table_query: 'CREATE TABLE test_db.local_table ...',\n };\n\n let callCount = 0;\n (mockClickhouseClient.query as jest.Mock).mockImplementation(() => {\n callCount++;\n return Promise.resolve({\n json: jest.fn().mockResolvedValue({\n data: [callCount === 1 ? distributedMetadata : localMetadata],\n }),\n });\n });\n\n const result = await metadata.getTableMetadata({\n databaseName: 'test_db',\n tableName: 'dist_table',\n connectionId: 'test_connection',\n });\n\n // Two queries: one for the distributed table, one via cluster() for the local table\n expect(callCount).toBe(2);\n expect(result!.engine).toBe('MergeTree');\n expect(result!.sorting_key).toBe('id, timestamp');\n expect(result!.create_local_table_query).toBe(\n 'CREATE TABLE test_db.local_table ...',\n );\n // The second query should use cluster() - verify it references system.tables via cluster\n const secondQuery = (mockClickhouseClient.query as jest.Mock).mock\n .calls[1][0].query;\n expect(secondQuery).toContain('cluster(');\n expect(secondQuery).toContain('system.tables');\n });\n\n it('should use the cache when retrieving table metadata', async () => {\n // Setup the mock implementation\n mockCache.getOrFetch.mockReset();\n\n const mockTableMetadata = {\n database: 'test_db',\n name: 'test_table',\n partition_key: 'column1',\n sorting_key: 'column2',\n primary_key: 'column3',\n };\n\n // Setup the cache to return the mock data\n mockCache.getOrFetch.mockImplementation((key, queryFn) => {\n if (key === 'test_connection.test_db.test_table.undefined.metadata') {\n return Promise.resolve(mockTableMetadata);\n }\n return queryFn();\n });\n\n const result = await metadata.getTableMetadata({\n databaseName: 'test_db',\n tableName: 'test_table',\n connectionId: 'test_connection',\n });\n\n // Verify the cache was called with the right key\n expect(mockCache.getOrFetch).toHaveBeenCalledWith(\n 'test_connection.test_db.test_table.undefined.metadata',\n expect.any(Function),\n );\n\n // Verify the mockClickhouseClient.query wasn't called since we're using cached data\n expect(mockClickhouseClient.query).not.toHaveBeenCalled();\n\n // Verify we still get the correct result\n expect(result).toEqual(mockTableMetadata);\n });\n });\n\n describe('getSkipIndices', () => {\n beforeEach(() => {\n mockCache.getOrFetch.mockImplementation((key, queryFn) => queryFn());\n });\n\n it('should query via cluster() for Distributed table skip indices', async () => {\n const distributedMetadata = {\n database: 'test_db',\n name: 'dist_table',\n engine: 'Distributed',\n engine_full:\n \"Distributed('my_cluster', 'test_db', 'local_table', rand())\",\n create_table_query: 'CREATE TABLE test_db.dist_table ...',\n };\n\n const skipIndicesData = [\n {\n name: 'idx_body',\n type: 'tokenbf_v1',\n typeFull: \"tokenbf_v1(tokenizer='splitByNonAlpha')\",\n expression: 'tokens(lower(Body))',\n granularity: '1',\n },\n ];\n\n let callCount = 0;\n (mockClickhouseClient.query as jest.Mock).mockImplementation(() => {\n callCount++;\n return Promise.resolve({\n json: jest.fn().mockResolvedValue({\n data: callCount === 1 ? [distributedMetadata] : skipIndicesData,\n }),\n });\n });\n\n const result = await metadata.getSkipIndices({\n databaseName: 'test_db',\n tableName: 'dist_table',\n connectionId: 'test_connection',\n });\n\n // Two queries: one for table metadata, one via cluster() for skip indices\n expect(callCount).toBe(2);\n expect(result).toEqual([\n {\n name: 'idx_body',\n type: 'tokenbf_v1',\n typeFull: \"tokenbf_v1(tokenizer='splitByNonAlpha')\",\n expression: 'tokens(lower(Body))',\n granularity: 1,\n },\n ]);\n // The second query should use cluster() for system.data_skipping_indices\n const secondQuery = (mockClickhouseClient.query as jest.Mock).mock\n .calls[1][0].query;\n expect(secondQuery).toContain('cluster(');\n expect(secondQuery).toContain('system.data_skipping_indices');\n });\n\n it('should query local system.data_skipping_indices for non-Distributed tables', async () => {\n const mergeTreeMetadata = {\n database: 'test_db',\n name: 'local_table',\n engine: 'MergeTree',\n engine_full: 'MergeTree() ORDER BY id',\n };\n\n const skipIndicesData = [\n {\n name: 'idx_body',\n type: 'tokenbf_v1',\n typeFull: \"tokenbf_v1(tokenizer='splitByNonAlpha')\",\n expression: 'tokens(lower(Body))',\n granularity: '1',\n },\n ];\n\n let callCount = 0;\n (mockClickhouseClient.query as jest.Mock).mockImplementation(() => {\n callCount++;\n return Promise.resolve({\n json: jest.fn().mockResolvedValue({\n data: callCount === 1 ? [mergeTreeMetadata] : skipIndicesData,\n }),\n });\n });\n\n const result = await metadata.getSkipIndices({\n databaseName: 'test_db',\n tableName: 'local_table',\n connectionId: 'test_connection',\n });\n\n expect(callCount).toBe(2);\n expect(result).toEqual([\n {\n name: 'idx_body',\n type: 'tokenbf_v1',\n typeFull: \"tokenbf_v1(tokenizer='splitByNonAlpha')\",\n expression: 'tokens(lower(Body))',\n granularity: 1,\n },\n ]);\n // Should NOT use cluster() for non-Distributed tables\n const secondQuery = (mockClickhouseClient.query as jest.Mock).mock\n .calls[1][0].query;\n expect(secondQuery).not.toContain('cluster(');\n expect(secondQuery).toContain('system.data_skipping_indices');\n });\n });\n\n describe('getKeyValues', () => {\n const mockChartConfig: BuilderChartConfigWithDateRange = {\n from: {\n databaseName: 'test_db',\n tableName: 'test_table',\n },\n select: '',\n where: '',\n whereLanguage: 'sql',\n timestampValueExpression: '',\n connection: 'test_connection',\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')],\n };\n\n beforeEach(() => {\n // Mock the renderChartConfig result\n (mockClickhouseClient.query as jest.Mock).mockResolvedValue({\n json: () =>\n Promise.resolve({\n data: [\n {\n param0: ['value1', 'value2'],\n param1: ['type1', 'type2'],\n },\n ],\n }),\n });\n });\n\n it('should apply row limit when disableRowLimit is false', async () => {\n await metadata.getKeyValues({\n chartConfig: mockChartConfig,\n keys: ['column1', 'column2'],\n limit: 10,\n disableRowLimit: false,\n source,\n });\n\n expect(mockClickhouseClient.query).toHaveBeenCalledWith(\n expect.objectContaining({\n clickhouse_settings: {\n max_rows_to_read: '0',\n timeout_overflow_mode: 'break',\n max_execution_time: 15,\n },\n }),\n );\n });\n\n it('should not apply row limit when disableRowLimit is true', async () => {\n await metadata.getKeyValues({\n chartConfig: mockChartConfig,\n keys: ['column1', 'column2'],\n limit: 10,\n disableRowLimit: true,\n source,\n });\n\n expect(mockClickhouseClient.query).toHaveBeenCalledWith(\n expect.objectContaining({\n clickhouse_settings: undefined,\n }),\n );\n });\n\n it('should apply row limit by default when disableRowLimit is not specified', async () => {\n await metadata.getKeyValues({\n chartConfig: mockChartConfig,\n keys: ['column1', 'column2'],\n limit: 10,\n source,\n });\n\n expect(mockClickhouseClient.query).toHaveBeenCalledWith(\n expect.objectContaining({\n clickhouse_settings: {\n max_rows_to_read: '0',\n timeout_overflow_mode: 'break',\n max_execution_time: 15,\n },\n }),\n );\n });\n\n it('should correctly transform the response data', async () => {\n const result = await metadata.getKeyValues({\n chartConfig: mockChartConfig,\n keys: ['column1', 'column2'],\n limit: 10,\n source,\n });\n\n expect(result).toEqual([\n { key: 'column1', value: ['value1', 'value2'] },\n { key: 'column2', value: ['type1', 'type2'] },\n ]);\n });\n\n it('should filter out empty and nullish values from the response', async () => {\n (mockClickhouseClient.query as jest.Mock).mockResolvedValue({\n json: () =>\n Promise.resolve({\n data: [\n {\n param0: ['value1', null, '', 'value2', undefined, 0, 10],\n },\n ],\n }),\n });\n\n const result = await metadata.getKeyValues({\n chartConfig: mockChartConfig,\n keys: ['column1'],\n limit: 10,\n source,\n });\n\n expect(result).toEqual([\n { key: 'column1', value: ['value1', 'value2', 0, 10] },\n ]);\n });\n\n it('should return an empty list when no keys are provided', async () => {\n const renderChartConfigSpy = jest.spyOn(\n renderChartConfigModule,\n 'renderChartConfig',\n );\n\n const results = await metadata.getKeyValues({\n chartConfig: mockChartConfig,\n keys: [],\n limit: 10,\n source,\n });\n\n expect(results).toEqual([]);\n expect(renderChartConfigSpy).not.toHaveBeenCalled();\n });\n });\n\n describe('getValuesDistribution', () => {\n const mockChartConfig: BuilderChartConfigWithDateRange = {\n from: {\n databaseName: 'test_db',\n tableName: 'test_table',\n },\n select: '',\n where: '',\n whereLanguage: 'sql',\n timestampValueExpression: '',\n connection: 'test_connection',\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')],\n };\n\n beforeEach(() => {\n (mockClickhouseClient.query as jest.Mock).mockResolvedValue({\n json: () =>\n Promise.resolve({\n data: [\n {\n __hdx_value: 'info',\n __hdx_percentage: '85.9',\n },\n {\n __hdx_value: 'debug',\n __hdx_percentage: '3.0',\n },\n {\n __hdx_value: 'warn',\n __hdx_percentage: '6.5',\n },\n {\n __hdx_value: 'error',\n __hdx_percentage: '4.1',\n },\n ],\n }),\n });\n });\n\n it('should fetch and return values distribution for severity', async () => {\n const result = await metadata.getValuesDistribution({\n chartConfig: mockChartConfig,\n key: 'severity',\n source,\n });\n\n expect(result).toEqual(\n new Map([\n ['info', Number(85.9)],\n ['debug', Number(3.0)],\n ['warn', Number(6.5)],\n ['error', Number(4.1)],\n ]),\n );\n });\n\n it('should include alias CTEs when provided in the config', async () => {\n const configWithAliases = {\n ...mockChartConfig,\n with: [\n {\n name: 'service',\n sql: {\n sql: 'ServiceName',\n params: {},\n },\n },\n {\n name: 'severity',\n sql: {\n sql: 'SeverityText',\n params: {},\n },\n },\n ],\n where: \"severity = 'info'\",\n };\n\n const renderChartConfigSpy = jest.spyOn(\n renderChartConfigModule,\n 'renderChartConfig',\n );\n\n await metadata.getValuesDistribution({\n chartConfig: configWithAliases,\n key: 'severity',\n source,\n });\n\n const actualConfig = renderChartConfigSpy.mock.calls[0][0];\n if (!isBuilderChartConfig(actualConfig))\n throw new Error('Expected builder config');\n expect(actualConfig.with).toContainEqual({\n name: 'service',\n sql: {\n sql: 'ServiceName',\n params: {},\n },\n });\n expect(actualConfig.with).toContainEqual({\n name: 'severity',\n sql: {\n sql: 'SeverityText',\n params: {},\n },\n });\n expect(actualConfig.where).toBe(\"severity = 'info'\");\n });\n\n it('should include filters from the config in the query', async () => {\n const configWithFilters: BuilderChartConfigWithDateRange = {\n ...mockChartConfig,\n filters: [\n {\n type: 'sql',\n condition: \"ServiceName IN ('clickhouse')\",\n },\n ],\n };\n\n const renderChartConfigSpy = jest.spyOn(\n renderChartConfigModule,\n 'renderChartConfig',\n );\n\n await metadata.getValuesDistribution({\n chartConfig: configWithFilters,\n key: 'severity',\n source,\n });\n\n const actualConfig = renderChartConfigSpy.mock.calls[0][0];\n if (!isBuilderChartConfig(actualConfig))\n throw new Error('Expected builder config');\n expect(actualConfig.filters).toContainEqual({\n type: 'sql',\n condition: \"ServiceName IN ('clickhouse')\",\n });\n });\n });\n\n describe('parseTokensExpression', () => {\n it.each([\n // Test cases without tokens\n {\n expression: 'lower(Body)',\n expected: { hasTokens: false },\n },\n {\n expression: '',\n expected: { hasTokens: false },\n },\n // Test cases with tokens\n {\n expression: 'tokens(Body)',\n expected: { hasTokens: true, innerExpression: 'Body' },\n },\n {\n expression: 'tokens(lower(Body))',\n expected: { hasTokens: true, innerExpression: 'lower(Body)' },\n },\n {\n expression: \"tokens(lower(concatWithSeparator(';',Body,Message)))\",\n expected: {\n hasTokens: true,\n innerExpression: \"lower(concatWithSeparator(';',Body,Message))\",\n },\n },\n // Extra whitespace\n {\n expression: 'tokens( Body )',\n expected: { hasTokens: true, innerExpression: 'Body' },\n },\n {\n expression: ' tokens( Body ) ',\n expected: { hasTokens: true, innerExpression: 'Body' },\n },\n {\n expression: 'tokens ( Body )',\n expected: { hasTokens: true, innerExpression: 'Body' },\n },\n ])(\n 'should correctly parse tokens from: $expression',\n ({ expression, expected }) => {\n const result = Metadata.parseTokensExpression(expression);\n expect(result).toEqual(expected);\n },\n );\n });\n\n describe('getOtelTables', () => {\n beforeEach(() => {\n mockCache.getOrFetch.mockImplementation((key, queryFn) => queryFn());\n });\n\n it('should return null when no OTEL tables are found', async () => {\n (mockClickhouseClient.query as jest.Mock).mockResolvedValue({\n json: jest.fn().mockResolvedValue({\n data: [],\n }),\n });\n\n const result = await metadata.getOtelTables({\n connectionId: 'test_connection',\n });\n\n expect(result).toBeNull();\n });\n\n it('should return a coherent set of tables from a single database', async () => {\n (mockClickhouseClient.query as jest.Mock).mockResolvedValue({\n json: jest.fn().mockResolvedValue({\n data: [\n { database: 'default', name: 'otel_logs' },\n { database: 'default', name: 'otel_traces' },\n { database: 'default', name: 'hyperdx_sessions' },\n { database: 'default', name: 'otel_metrics_gauge' },\n { database: 'default', name: 'otel_metrics_sum' },\n { database: 'default', name: 'otel_metrics_histogram' },\n ],\n }),\n });\n\n const result = await metadata.getOtelTables({\n connectionId: 'test_connection',\n });\n\n expect(result).toEqual({\n database: 'default',\n tables: {\n logs: 'otel_logs',\n traces: 'otel_traces',\n sessions: 'hyperdx_sessions',\n metrics: {\n gauge: 'otel_metrics_gauge',\n sum: 'otel_metrics_sum',\n histogram: 'otel_metrics_histogram',\n summary: undefined,\n expHistogram: undefined,\n },\n },\n });\n });\n\n it('should select the database with the most complete set when multiple databases exist', async () => {\n (mockClickhouseClient.query as jest.Mock).mockResolvedValue({\n json: jest.fn().mockResolvedValue({\n data: [\n { database: 'default', name: 'hyperdx_sessions' },\n { database: 'default', name: 'otel_logs' },\n { database: 'default', name: 'otel_metrics_gauge' },\n { database: 'default', name: 'otel_metrics_histogram' },\n { database: 'default', name: 'otel_metrics_sum' },\n { database: 'default', name: 'otel_metrics_summary' },\n { database: 'default', name: 'otel_traces' },\n { database: 'otel_json', name: 'hyperdx_sessions' },\n { database: 'otel_json', name: 'otel_logs' },\n { database: 'otel_json', name: 'otel_metrics_gauge' },\n { database: 'otel_json', name: 'otel_metrics_histogram' },\n { database: 'otel_json', name: 'otel_metrics_sum' },\n { database: 'otel_json', name: 'otel_metrics_summary' },\n { database: 'otel_json', name: 'otel_traces' },\n ],\n }),\n });\n\n const result = await metadata.getOtelTables({\n connectionId: 'test_connection',\n });\n\n expect(result).toBeDefined();\n expect(result?.database).toBe('default'); // Both have same score, first one wins\n expect(result?.tables.logs).toBe('otel_logs');\n expect(result?.tables.traces).toBe('otel_traces');\n expect(result?.tables.sessions).toBe('hyperdx_sessions');\n });\n\n it('should prioritize database with logs and traces over one with only metrics', async () => {\n (mockClickhouseClient.query as jest.Mock).mockResolvedValue({\n json: jest.fn().mockResolvedValue({\n data: [\n { database: 'metrics_db', name: 'otel_metrics_gauge' },\n { database: 'metrics_db', name: 'otel_metrics_sum' },\n { database: 'full_db', name: 'otel_logs' },\n { database: 'full_db', name: 'otel_traces' },\n ],\n }),\n });\n\n const result = await metadata.getOtelTables({\n connectionId: 'test_connection',\n });\n\n expect(result?.database).toBe('full_db');\n });\n\n it('should use cache when retrieving OTEL tables', async () => {\n mockCache.getOrFetch.mockReset();\n\n const mockResult = {\n database: 'default',\n tables: {\n logs: 'otel_logs',\n traces: 'otel_traces',\n sessions: 'hyperdx_sessions',\n metrics: {\n gauge: 'otel_metrics_gauge',\n sum: undefined,\n histogram: undefined,\n summary: undefined,\n expHistogram: undefined,\n },\n },\n };\n\n mockCache.getOrFetch.mockImplementation((key, queryFn) => {\n if (key === 'test_connection.otelTables') {\n return Promise.resolve(mockResult);\n }\n return queryFn();\n });\n\n const result = await metadata.getOtelTables({\n connectionId: 'test_connection',\n });\n\n expect(mockCache.getOrFetch).toHaveBeenCalledWith(\n 'test_connection.otelTables',\n expect.any(Function),\n );\n expect(mockClickhouseClient.query).not.toHaveBeenCalled();\n expect(result).toEqual(mockResult);\n });\n\n it('should return null when permissions error occurs', async () => {\n (mockClickhouseClient.query as jest.Mock).mockRejectedValue(\n new Error('Not enough privileges'),\n );\n\n const result = await metadata.getOtelTables({\n connectionId: 'test_connection',\n });\n\n expect(result).toBeNull();\n });\n });\n});\n" }, { "path": "packages/common-utils/src/__tests__/queryParser.test.ts", "content": "import { JSDataType } from '@/clickhouse';\nimport { ClickhouseClient } from '@/clickhouse/node';\nimport { getMetadata } from '@/core/metadata';\nimport {\n CustomSchemaSQLSerializerV2,\n genEnglishExplanation,\n SearchQueryBuilder,\n} from '@/queryParser';\n\ndescribe('CustomSchemaSQLSerializerV2 - json', () => {\n const metadata = getMetadata(\n new ClickhouseClient({ host: 'http://localhost:8123' }),\n );\n metadata.getColumn = jest.fn().mockImplementation(async ({ column }) => {\n if (column === 'ResourceAttributesJSON') {\n return { name: 'ResourceAttributesJSON', type: 'JSON' };\n } else if (column === 'LogAttributes') {\n return { name: 'LogAttributes', type: 'Map' };\n } else if (column === 'ServiceName') {\n return { name: 'ServiceName', type: 'String' };\n } else if (column === 'SeverityNumber') {\n return { name: 'SeverityNumber', type: 'UInt8' };\n } else if (column === 'foo') {\n return { name: 'foo', type: 'String' };\n } else if (column === 'MaterializedExample') {\n return { name: 'MaterializedExample', type: 'String' };\n } else {\n return undefined;\n }\n });\n metadata.getMaterializedColumnsLookupTable = jest\n .fn()\n .mockImplementation(async () => {\n return new Map([\n [\"LogAttributes['materialized.example']\", 'MaterializedExample'],\n ]);\n });\n const databaseName = 'testName';\n const tableName = 'testTable';\n const connectionId = 'testId';\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n it('getColumnForField', async () => {\n const field1 = 'ResourceAttributesJSON.test';\n const res1 = await serializer.getColumnForField(field1, {});\n expect(res1).toEqual({\n column: '',\n columnJSON: {\n number:\n \"dynamicType(`ResourceAttributesJSON`.`test`) in ('Int8', 'Int16', 'Int32', 'Int64', 'Int128', 'Int256', 'UInt8', 'UInt16', 'UInt32', 'UInt64', 'UInt128', 'UInt256', 'Float32', 'Float64') and `ResourceAttributesJSON`.`test`\",\n string: 'toString(`ResourceAttributesJSON`.`test`)',\n },\n found: true,\n propertyType: 'json',\n isArray: false,\n });\n const field2 = 'ResourceAttributesJSON.test.nest';\n const res2 = await serializer.getColumnForField(field2, {});\n expect(res2).toEqual({\n column: '',\n columnJSON: {\n number:\n \"dynamicType(`ResourceAttributesJSON`.`test`.`nest`) in ('Int8', 'Int16', 'Int32', 'Int64', 'Int128', 'Int256', 'UInt8', 'UInt16', 'UInt32', 'UInt64', 'UInt128', 'UInt256', 'Float32', 'Float64') and `ResourceAttributesJSON`.`test`.`nest`\",\n string: 'toString(`ResourceAttributesJSON`.`test`.`nest`)',\n },\n found: true,\n propertyType: 'json',\n isArray: false,\n });\n });\n\n it('compare - eq, isNotNull, gte, lte, lt, gt', async () => {\n const eqField = 'ResourceAttributesJSON.eq.test';\n const eqTerm = 'testTerm';\n const eq1 = await serializer.eq(eqField, eqTerm, false, {});\n expect(eq1).toBe(\n \"(toString(`ResourceAttributesJSON`.`eq`.`test`) = 'testTerm')\",\n );\n const eq2 = await serializer.eq(eqField, eqTerm, true, {});\n expect(eq2).toBe(\n \"(toString(`ResourceAttributesJSON`.`eq`.`test`) != 'testTerm')\",\n );\n });\n\n it('compare - isNotNull', async () => {\n const isNotNullField = 'ResourceAttributesJSON.isNotNull.test';\n const isNotNull1 = await serializer.isNotNull(isNotNullField, false, {});\n expect(isNotNull1).toBe(\n 'notEmpty(toString(`ResourceAttributesJSON`.`isNotNull`.`test`)) = 1',\n );\n const isNotNull2 = await serializer.isNotNull(isNotNullField, true, {});\n expect(isNotNull2).toBe(\n 'notEmpty(toString(`ResourceAttributesJSON`.`isNotNull`.`test`)) != 1',\n );\n });\n\n it('compare - gte', async () => {\n const gteField = 'ResourceAttributesJSON.gte.test';\n const gteTerm = '30';\n const gte = await serializer.gte(gteField, gteTerm, {});\n expect(gte).toBe(\n \"(dynamicType(`ResourceAttributesJSON`.`gte`.`test`) in ('Int8', 'Int16', 'Int32', 'Int64', 'Int128', 'Int256', 'UInt8', 'UInt16', 'UInt32', 'UInt64', 'UInt128', 'UInt256', 'Float32', 'Float64') and `ResourceAttributesJSON`.`gte`.`test` >= '30')\",\n );\n });\n\n it('compare - lte', async () => {\n const lteField = 'ResourceAttributesJSON.lte.test';\n const lteTerm = '40';\n const lte = await serializer.lte(lteField, lteTerm, {});\n expect(lte).toBe(\n \"(dynamicType(`ResourceAttributesJSON`.`lte`.`test`) in ('Int8', 'Int16', 'Int32', 'Int64', 'Int128', 'Int256', 'UInt8', 'UInt16', 'UInt32', 'UInt64', 'UInt128', 'UInt256', 'Float32', 'Float64') and `ResourceAttributesJSON`.`lte`.`test` <= '40')\",\n );\n });\n\n it('compare - gt', async () => {\n const gtField = 'ResourceAttributesJSON.gt.test';\n const gtTerm = '70';\n const gt = await serializer.gt(gtField, gtTerm, {});\n expect(gt).toBe(\n \"(dynamicType(`ResourceAttributesJSON`.`gt`.`test`) in ('Int8', 'Int16', 'Int32', 'Int64', 'Int128', 'Int256', 'UInt8', 'UInt16', 'UInt32', 'UInt64', 'UInt128', 'UInt256', 'Float32', 'Float64') and `ResourceAttributesJSON`.`gt`.`test` > '70')\",\n );\n });\n\n it('compare - lt', async () => {\n const ltField = 'ResourceAttributesJSON.lt.test';\n const ltTerm = '2';\n const lt = await serializer.lt(ltField, ltTerm, {});\n expect(lt).toBe(\n \"(dynamicType(`ResourceAttributesJSON`.`lt`.`test`) in ('Int8', 'Int16', 'Int32', 'Int64', 'Int128', 'Int256', 'UInt8', 'UInt16', 'UInt32', 'UInt64', 'UInt128', 'UInt256', 'Float32', 'Float64') and `ResourceAttributesJSON`.`lt`.`test` < '2')\",\n );\n });\n\n const testCases = [\n {\n lucene: '\"foo bar baz\"',\n sql: \"((hasToken(lower(Body), lower('foo')) AND hasToken(lower(Body), lower('bar')) AND hasToken(lower(Body), lower('baz')) AND (lower(Body) LIKE lower('%foo bar baz%'))))\",\n english: 'event has whole word \"foo bar baz\"',\n },\n {\n lucene: 'foo bar baz',\n sql: \"((hasToken(lower(Body), lower('foo'))) AND (hasToken(lower(Body), lower('bar'))) AND (hasToken(lower(Body), lower('baz'))))\",\n english:\n 'event has whole word foo AND event has whole word bar AND event has whole word baz',\n },\n {\n lucene: 'ServiceName:foo bar baz',\n sql: \"((ServiceName ILIKE '%foo%') AND (hasToken(lower(Body), lower('bar'))) AND (hasToken(lower(Body), lower('baz'))))\",\n english:\n \"'ServiceName' contains foo AND event has whole word bar AND event has whole word baz\",\n },\n {\n lucene: 'ServiceName:\"foo bar baz\"',\n sql: \"((ServiceName = 'foo bar baz'))\",\n english: \"'ServiceName' is foo bar baz\",\n },\n {\n lucene: 'ServiceName:(\"foo bar baz\")',\n sql: \"(((ServiceName ILIKE '%foo bar baz%')))\",\n english: '(ServiceName contains \"foo bar baz\")',\n },\n {\n lucene: 'ServiceName:(abc def)',\n sql: \"(((ServiceName ILIKE '%abc%') AND (ServiceName ILIKE '%def%')))\",\n english: '(ServiceName contains abc AND ServiceName contains def)',\n },\n {\n lucene: '(abc def)',\n sql: \"(((hasToken(lower(Body), lower('abc'))) AND (hasToken(lower(Body), lower('def')))))\",\n english: '(event has whole word abc AND event has whole word def)',\n },\n {\n lucene: '(\"abc def\")',\n sql: \"(((hasToken(lower(Body), lower('abc')) AND hasToken(lower(Body), lower('def')) AND (lower(Body) LIKE lower('%abc def%')))))\",\n english: '(event has whole word \"abc def\")',\n },\n {\n lucene: 'foo:bar',\n sql: \"((foo ILIKE '%bar%'))\",\n english: \"'foo' contains bar\",\n },\n {\n lucene: '(foo:bar)',\n sql: \"(((foo ILIKE '%bar%')))\",\n english: \"('foo' contains bar)\",\n },\n {\n lucene: 'bar',\n sql: \"((hasToken(lower(Body), lower('bar'))))\",\n english: 'event has whole word bar',\n },\n {\n lucene: '(bar)',\n sql: \"(((hasToken(lower(Body), lower('bar')))))\",\n english: '(event has whole word bar)',\n },\n {\n lucene: 'foo:(bar)',\n sql: \"(((foo ILIKE '%bar%')))\",\n english: '(foo contains bar)',\n },\n {\n lucene: 'foo:(bar) baz',\n sql: \"(((foo ILIKE '%bar%')) AND (hasToken(lower(Body), lower('baz'))))\",\n english: '(foo contains bar) AND event has whole word baz',\n },\n {\n lucene: 'LogAttributes.error.message:(\"Failed to fetch\")',\n sql: \"(((`LogAttributes`['error.message'] ILIKE '%Failed to fetch%' AND indexHint(mapContains(`LogAttributes`, 'error.message')))))\",\n english: '(LogAttributes.error.message contains \"Failed to fetch\")',\n },\n {\n lucene: 'ResourceAttributesJSON.error.message:(\"Failed to fetch\")',\n sql: \"(((toString(`ResourceAttributesJSON`.`error`.`message`) ILIKE '%Failed to fetch%')))\",\n english:\n '(ResourceAttributesJSON.error.message contains \"Failed to fetch\")',\n },\n {\n lucene: 'SeverityNumber:>10',\n sql: \"((SeverityNumber > '10'))\",\n english: \"'SeverityNumber' is greater than 10\",\n },\n {\n lucene: 'ResourceAttributesJSON.error.severity:>10',\n sql: \"((dynamicType(`ResourceAttributesJSON`.`error`.`severity`) in ('Int8', 'Int16', 'Int32', 'Int64', 'Int128', 'Int256', 'UInt8', 'UInt16', 'UInt32', 'UInt64', 'UInt128', 'UInt256', 'Float32', 'Float64') and `ResourceAttributesJSON`.`error`.`severity` > '10'))\",\n english: \"'ResourceAttributesJSON.error.severity' is greater than 10\",\n },\n {\n lucene: 'foo:(bar baz)',\n sql: \"(((foo ILIKE '%bar%') AND (foo ILIKE '%baz%')))\",\n english: '(foo contains bar AND foo contains baz)',\n },\n {\n lucene: '-foo:bar',\n sql: \"((foo NOT ILIKE '%bar%'))\",\n english: \"'foo' does not contain bar\",\n },\n {\n lucene: 'NOT foo:(bar baz)',\n sql: \"(NOT ((foo ILIKE '%bar%') AND (foo ILIKE '%baz%')))\",\n english: 'NOT (foo contains bar AND foo contains baz)',\n },\n {\n lucene: '-foo:(bar baz)',\n sql: \"(NOT ((foo ILIKE '%bar%') AND (foo ILIKE '%baz%')))\",\n english: 'NOT (foo contains bar AND foo contains baz)',\n },\n {\n lucene: '-foo:(bar)',\n sql: \"(NOT ((foo ILIKE '%bar%')))\",\n english: 'NOT (foo contains bar)',\n },\n {\n lucene: '-foo:(-bar)',\n sql: \"(NOT ((foo NOT ILIKE '%bar%')))\",\n english: 'NOT (foo does not contain bar)',\n },\n {\n lucene: '*bar',\n sql: \"((lower(Body) LIKE lower('%bar')))\",\n english: 'event ends with bar',\n },\n {\n lucene: 'foo:*bar',\n sql: \"((foo ILIKE '%bar%'))\",\n english: \"'foo' contains bar\",\n },\n {\n lucene: 'foo:*bar*',\n sql: \"((foo ILIKE '%bar%'))\",\n english: \"'foo' contains bar\",\n },\n {\n lucene: 'foo:(*bar)',\n sql: \"(((lower(foo) LIKE lower('%bar'))))\",\n english: '(foo ends with bar)',\n },\n {\n lucene: 'foo:(bar*)',\n sql: \"(((lower(foo) LIKE lower('bar%'))))\",\n english: '(foo starts with bar)',\n },\n {\n lucene: 'foo:(*bar*)',\n sql: \"(((lower(foo) LIKE lower('%bar%'))))\",\n english: '(foo contains bar)',\n },\n {\n lucene: 'foo:[1 TO 5]',\n sql: '((foo BETWEEN 1 AND 5))',\n english: 'foo is between 1 and 5',\n },\n {\n lucene: 'foo:(bar:(baz) qux)',\n sql: \"((((bar ILIKE '%baz%')) AND (foo ILIKE '%qux%')))\",\n english: '((bar contains baz) AND foo contains qux)',\n },\n // indexHint related cases\n {\n // We can probably trust CH to use the map keys index, but let's be explicit anyways\n lucene: 'LogAttributes.error.message:\"Failed to fetch\"',\n sql: \"((`LogAttributes`['error.message'] = 'Failed to fetch' AND indexHint(mapContains(`LogAttributes`, 'error.message'))))\",\n english: \"'LogAttributes.error.message' is Failed to fetch\",\n },\n {\n // Can't really use the map keys index\n lucene: '-LogAttributes.error.message:\"Failed to fetch\"',\n sql: \"((`LogAttributes`['error.message'] != 'Failed to fetch'))\",\n english: \"'LogAttributes.error.message' is not Failed to fetch\",\n },\n {\n // Explicitly hint to CH to use the map keys index\n lucene: 'LogAttributes.error.message:Failed',\n sql: \"((`LogAttributes`['error.message'] ILIKE '%Failed%' AND indexHint(mapContains(`LogAttributes`, 'error.message'))))\",\n english: \"'LogAttributes.error.message' contains Failed\",\n },\n {\n // Can't really use the map keys index\n lucene: '-LogAttributes.error.message:Failed',\n sql: \"((`LogAttributes`['error.message'] NOT ILIKE '%Failed%'))\",\n english: \"'LogAttributes.error.message' does not contain Failed\",\n },\n {\n // Explicitly hint to CH to use the map keys index\n lucene: 'LogAttributes.error.message:*',\n sql: \"(notEmpty(`LogAttributes`['error.message']) = 1 AND indexHint(mapContains(`LogAttributes`, 'error.message')))\",\n english: \"'LogAttributes.error.message' is not null\",\n },\n {\n // Can't really use the map keys index\n lucene: '-LogAttributes.error.message:*',\n sql: \"(notEmpty(`LogAttributes`['error.message']) != 1)\",\n english: \"'LogAttributes.error.message' is null\",\n },\n {\n // Explicitly hint to CH to use the map keys index for the non-materialized entry\n lucene: 'MaterializedExample:\"foo\"',\n sql: \"((MaterializedExample = 'foo' AND indexHint(mapContains(`LogAttributes`, 'materialized.example'))))\",\n english: \"'MaterializedExample' is foo\",\n },\n {\n // Can't really use the map keys index\n lucene: '-MaterializedExample:\"foo\"',\n sql: \"((MaterializedExample != 'foo'))\",\n english: \"'MaterializedExample' is not foo\",\n },\n {\n // Explicitly hint to CH to use the map keys index for the non-materialized entry\n lucene: 'MaterializedExample:foo',\n sql: \"((MaterializedExample ILIKE '%foo%' AND indexHint(mapContains(`LogAttributes`, 'materialized.example'))))\",\n english: \"'MaterializedExample' contains foo\",\n },\n {\n // Can't really use the map keys index\n lucene: '-MaterializedExample:foo',\n sql: \"((MaterializedExample NOT ILIKE '%foo%'))\",\n english: \"'MaterializedExample' does not contain foo\",\n },\n {\n // Explicitly hint to CH to use the map keys index\n lucene: 'LogAttributes.materialized.example:foo',\n sql: \"((`LogAttributes`['materialized.example'] ILIKE '%foo%' AND indexHint(mapContains(`LogAttributes`, 'materialized.example'))))\",\n english: \"'LogAttributes.materialized.example' contains foo\",\n },\n {\n // Explicitly hint to CH to use the map keys index\n lucene: 'LogAttributes.example.number:>1',\n sql: \"((`LogAttributes`['example.number'] > '1' AND indexHint(mapContains(`LogAttributes`, 'example.number'))))\",\n english: \"'LogAttributes.example.number' is greater than 1\",\n },\n {\n // Explicitly hint to CH to use the map keys index\n lucene: 'LogAttributes.example.number:>=1',\n sql: \"((`LogAttributes`['example.number'] >= '1' AND indexHint(mapContains(`LogAttributes`, 'example.number'))))\",\n english: \"'LogAttributes.example.number' is greater than or equal to 1\",\n },\n {\n // Explicitly hint to CH to use the map keys index\n lucene: 'LogAttributes.example.number:<1',\n sql: \"((`LogAttributes`['example.number'] < '1' AND indexHint(mapContains(`LogAttributes`, 'example.number'))))\",\n english: \"'LogAttributes.example.number' is less than 1\",\n },\n {\n // Explicitly hint to CH to use the map keys index\n lucene: 'LogAttributes.example.number:<=1',\n sql: \"((`LogAttributes`['example.number'] <= '1' AND indexHint(mapContains(`LogAttributes`, 'example.number'))))\",\n english: \"'LogAttributes.example.number' is less than or equal to 1\",\n },\n {\n // Explicitly hint to CH to use the map keys index\n lucene: 'LogAttributes.example.number:[1 TO 5]',\n sql: \"((`LogAttributes`['example.number'] BETWEEN 1 AND 5 AND indexHint(mapContains(`LogAttributes`, 'example.number'))))\",\n english: 'LogAttributes.example.number is between 1 and 5',\n },\n {\n // Can't really use the map keys index\n lucene: '-LogAttributes.example.number:[1 TO 5]',\n sql: \"((`LogAttributes`['example.number'] NOT BETWEEN 1 AND 5))\",\n english: 'LogAttributes.example.number is not between 1 and 5',\n },\n {\n // Explicitly hint to CH to use the map keys index\n lucene: 'LogAttributes.error.message:(\"A B\")',\n sql: \"(((`LogAttributes`['error.message'] ILIKE '%A B%' AND indexHint(mapContains(`LogAttributes`, 'error.message')))))\",\n english: '(LogAttributes.error.message contains \"A B\")',\n },\n {\n // Can't really use the index here\n lucene: '-LogAttributes.error.message:(\"A B\")',\n sql: \"(NOT ((`LogAttributes`['error.message'] ILIKE '%A B%')))\",\n english: 'NOT (LogAttributes.error.message contains \"A B\")',\n },\n // HDX-2655: Proper handling of binary expression with leading negation\n {\n lucene: 'NOT ServiceName:foo AND NOT ServiceName:bar',\n sql: \"(NOT (ServiceName ILIKE '%foo%') AND NOT (ServiceName ILIKE '%bar%'))\",\n english:\n \"NOT 'ServiceName' contains foo AND NOT 'ServiceName' contains bar\",\n },\n {\n lucene: 'NOT red AND NOT blue',\n sql: \"(NOT (hasToken(lower(Body), lower('red'))) AND NOT (hasToken(lower(Body), lower('blue'))))\",\n english: 'NOT event has whole word red AND NOT event has whole word blue',\n },\n {\n lucene: 'NOT red OR NOT blue',\n sql: \"(NOT (hasToken(lower(Body), lower('red'))) OR NOT (hasToken(lower(Body), lower('blue'))))\",\n english: 'NOT event has whole word red OR NOT event has whole word blue',\n },\n {\n lucene: 'NOT red NOT blue',\n sql: \"(NOT (hasToken(lower(Body), lower('red'))) AND NOT (hasToken(lower(Body), lower('blue'))))\",\n english: 'NOT event has whole word red AND NOT event has whole word blue',\n },\n ];\n\n it.each(testCases)(\n 'converts \"$lucene\" to SQL \"$sql\"',\n async ({ lucene, sql }) => {\n const builder = new SearchQueryBuilder(lucene, serializer);\n const actualSql = await builder.build();\n expect(actualSql).toBe(sql);\n },\n );\n\n it.each(testCases)(\n 'converts \"$lucene\" to english \"$english\"',\n async ({ lucene, english }) => {\n const actualEnglish = await genEnglishExplanation({\n query: lucene,\n tableConnection: {\n tableName,\n databaseName,\n connectionId,\n },\n metadata,\n });\n expect(actualEnglish).toBe(english);\n },\n );\n\n it('correctly searches multi-column implicit field', async () => {\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body, OtherColumn',\n });\n\n const lucene = 'foo bar';\n const builder = new SearchQueryBuilder(lucene, serializer);\n const actualSql = await builder.build();\n const expectedSql =\n \"((hasToken(lower(concatWithSeparator(';',Body,OtherColumn)), lower('foo'))) AND (hasToken(lower(concatWithSeparator(';',Body,OtherColumn)), lower('bar'))))\";\n expect(actualSql).toBe(expectedSql);\n });\n});\n\ndescribe('CustomSchemaSQLSerializerV2 - bloom_filter tokens() indices', () => {\n const metadata = getMetadata(\n new ClickhouseClient({ host: 'http://localhost:8123' }),\n );\n\n const databaseName = 'default';\n const tableName = 'otel_logs';\n const connectionId = 'test';\n\n beforeEach(() => {\n // Mock getColumn to return Body as String column\n metadata.getColumn = jest.fn().mockImplementation(async ({ column }) => {\n if (column === 'Body') {\n return { name: 'Body', type: 'String' };\n } else if (column === 'ServiceName') {\n return { name: 'ServiceName', type: 'String' };\n }\n return undefined;\n });\n });\n\n it('should use hasAll when bloom_filter tokens() index exists', async () => {\n // Mock getSkipIndices to return bloom_filter with tokens(lower(Body))\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_tokens',\n type: 'bloom_filter',\n expression: 'tokens(lower(Body))',\n granularity: '8',\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('foo', serializer);\n const sql = await builder.build();\n\n expect(sql).toBe(\"((hasAll(tokens(lower(Body)), tokens(lower('foo')))))\");\n });\n\n it('should use hasAll for multi-token terms with single call', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_tokens',\n type: 'bloom_filter',\n expression: 'tokens(lower(Body))',\n granularity: '8',\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('\"foo bar\"', serializer);\n const sql = await builder.build();\n\n expect(sql).toContain(\n \"hasAll(tokens(lower(Body)), tokens(lower('foo bar')))\",\n );\n expect(sql).toContain(\"(lower(Body) LIKE lower('%foo bar%'))\");\n });\n\n it('should fallback to hasToken when no bloom_filter tokens() index found', async () => {\n // Mock getSkipIndices to return empty\n metadata.getSkipIndices = jest.fn().mockResolvedValue([]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('foo', serializer);\n const sql = await builder.build();\n\n // Should use hasToken (existing behavior)\n expect(sql).toBe(\"((hasToken(lower(Body), lower('foo'))))\");\n });\n\n it('should handle bloom_filter without tokens() expression', async () => {\n // Mock index with type=bloom_filter but expression='TraceId' (not tokens)\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_trace_id',\n type: 'bloom_filter',\n expression: 'TraceId',\n granularity: '1',\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('foo', serializer);\n const sql = await builder.build();\n\n // Should fallback to hasToken (index doesn't use tokens())\n expect(sql).toBe(\"((hasToken(lower(Body), lower('foo'))))\");\n });\n\n it('should ignore tokenbf_v1 indices and use hasToken', async () => {\n // Mock getSkipIndices to return tokenbf_v1 (should be ignored)\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_lower_body',\n type: 'tokenbf_v1',\n expression: 'lower(Body)',\n granularity: '8',\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('foo', serializer);\n const sql = await builder.build();\n\n // Should fallback to hasToken (tokenbf_v1 is ignored by findBloomFilterTokensIndex)\n expect(sql).toBe(\"((hasToken(lower(Body), lower('foo'))))\");\n });\n\n it('should handle negated searches with hasAll', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_tokens',\n type: 'bloom_filter',\n expression: 'tokens(lower(Body))',\n granularity: '8',\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('-foo', serializer);\n const sql = await builder.build();\n\n // Should use NOT hasAll\n expect(sql).toBe(\n \"((NOT hasAll(tokens(lower(Body)), tokens(lower('foo')))))\",\n );\n });\n\n it('should not use bloom_filter index for explicit field searches', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_tokens',\n type: 'bloom_filter',\n expression: 'tokens(lower(Body))',\n granularity: '8',\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n // Query: 'ServiceName:foo'\n const builder = new SearchQueryBuilder('ServiceName:foo', serializer);\n const sql = await builder.build();\n\n // Should use ILIKE, not hasAll or hasToken\n expect(sql).toContain('ILIKE');\n expect(sql).not.toContain('hasAll');\n expect(sql).not.toContain('hasToken');\n });\n\n it('should match index expression with different whitespace', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_tokens',\n type: 'bloom_filter',\n expression: 'tokens(lower( Body ))', // Extra whitespace\n granularity: 8,\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('foo', serializer);\n const sql = await builder.build();\n\n // Should match and use hasAll (columnsMatch normalizes whitespace)\n expect(sql).toBe(\"((hasAll(tokens(lower( Body )), tokens(lower('foo')))))\");\n });\n\n it('should use hasAll for multiple separate terms', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_tokens',\n type: 'bloom_filter',\n expression: 'tokens(lower(Body))',\n granularity: 8,\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('foo bar baz', serializer);\n const sql = await builder.build();\n\n // Should generate separate hasAll for each term (not single statement)\n expect(sql).toContain(\"hasAll(tokens(lower(Body)), tokens(lower('foo')))\");\n expect(sql).toContain(\"hasAll(tokens(lower(Body)), tokens(lower('bar')))\");\n expect(sql).toContain(\"hasAll(tokens(lower(Body)), tokens(lower('baz')))\");\n });\n\n it('should not apply lower() to the search term if the index expression includes lower with extra whitespace', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_tokens',\n type: 'bloom_filter',\n expression: 'tokens ( lower ( Body ) ) ',\n granularity: 8,\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('FooBar', serializer);\n const sql = await builder.build();\n\n // Should apply lower() to search term\n expect(sql).toBe(\n \"((hasAll(tokens ( lower ( Body ) ) , tokens(lower('FooBar')))))\",\n );\n\n const builder2 = new SearchQueryBuilder('\"Foo Bar\"', serializer);\n const sql2 = await builder2.build();\n\n expect(sql2).toBe(\n \"((hasAll(tokens ( lower ( Body ) ) , tokens(lower('Foo Bar'))) AND (lower(Body) LIKE lower('%Foo Bar%'))))\",\n );\n });\n\n it('should not apply lower() to the search term if the index expression does not have lower()', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_tokens',\n type: 'bloom_filter',\n expression: 'tokens(Body)', // No lower()\n granularity: 8,\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('FooBar', serializer);\n const sql = await builder.build();\n\n // Should not apply lower() to search term\n expect(sql).toBe(\"((hasAll(tokens(Body), tokens('FooBar'))))\");\n\n const builder2 = new SearchQueryBuilder('\"Foo Bar\"', serializer);\n const sql2 = await builder2.build();\n\n expect(sql2).toBe(\n \"((hasAll(tokens(Body), tokens('Foo Bar')) AND (lower(Body) LIKE lower('%Foo Bar%'))))\",\n );\n });\n});\n\ndescribe('CustomSchemaSQLSerializerV2 - text indices', () => {\n const metadata = getMetadata(\n new ClickhouseClient({ host: 'http://localhost:8123' }),\n );\n\n const databaseName = 'default';\n const tableName = 'otel_logs';\n const connectionId = 'test';\n\n beforeEach(() => {\n // Mock getColumn to return Body as String column\n metadata.getColumn = jest.fn().mockImplementation(async ({ column }) => {\n if (column === 'Body') {\n return { name: 'Body', type: 'String' };\n } else if (column === 'ServiceName') {\n return { name: 'ServiceName', type: 'String' };\n }\n return undefined;\n });\n\n metadata.getSetting = jest\n .fn()\n .mockImplementation(async ({ settingName }) => {\n if (settingName === 'enable_full_text_index') {\n return '1';\n }\n return undefined;\n });\n });\n\n it('should use hasAllTokens when text index exists', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_text',\n type: 'text',\n typeFull: 'text(tokenizer=splitByNonAlpha)',\n expression: 'Body',\n granularity: '8',\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('foo', serializer);\n const sql = await builder.build();\n\n expect(sql).toBe(\"((hasAllTokens(Body, 'foo')))\");\n });\n\n it('should use hasAllTokens for multi-token terms with single call', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_text',\n type: 'text',\n typeFull: 'text(tokenizer=splitByNonAlpha, preprocessor=lower(Body))',\n expression: 'Body',\n granularity: '8',\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('\"foo bar\"', serializer);\n const sql = await builder.build();\n\n expect(sql).toContain(\"hasAllTokens(Body, 'foo bar')\");\n expect(sql).toContain(\"(lower(Body) LIKE lower('%foo bar%'))\");\n });\n\n it('should fallback to hasToken when no text indexes are found', async () => {\n // Mock getSkipIndices to return empty\n metadata.getSkipIndices = jest.fn().mockResolvedValue([]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('foo', serializer);\n const sql = await builder.build();\n\n // Should use hasToken (existing behavior)\n expect(sql).toBe(\"((hasToken(lower(Body), lower('foo'))))\");\n });\n\n it('should handle text index on a different column', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_text',\n type: 'text',\n typeFull: 'text(tokenizer=splitByNonAlpha)',\n expression: 'OtherBody',\n granularity: '8',\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('foo', serializer);\n const sql = await builder.build();\n\n // Should fallback to hasToken (index doesn't use tokens())\n expect(sql).toBe(\"((hasToken(lower(Body), lower('foo'))))\");\n });\n\n it('should handle negated searches with hasAllTokens', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_text',\n type: 'text',\n typeFull: 'text(tokenizer=splitByNonAlpha, preprocessor=lower(Body))',\n expression: 'Body',\n granularity: '8',\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('-foo', serializer);\n const sql = await builder.build();\n\n // Should use NOT hasAllTokens\n expect(sql).toBe(\"((NOT hasAllTokens(Body, 'foo')))\");\n });\n\n it('should not use text index for explicit field searches', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_text',\n type: 'text',\n typeFull: 'text(tokenizer=splitByNonAlpha)',\n expression: 'Body',\n granularity: '8',\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n // Query: 'ServiceName:foo'\n const builder = new SearchQueryBuilder('ServiceName:foo', serializer);\n const sql = await builder.build();\n\n // Should use ILIKE, not hasAll or hasToken\n expect(sql).toContain('ILIKE');\n expect(sql).not.toContain('hasAll');\n expect(sql).not.toContain('hasToken');\n });\n\n it('should batch tokens into groups to avoid hitting the hasAllTokens limit', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_text',\n type: 'text',\n typeFull: 'text(tokenizer=splitByNonAlpha)',\n expression: 'Body',\n granularity: '8',\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder(\n '\"1 2 3 4 5 6 7 8 9 10; 11 12 13 14 15 16 17 18 19 20; 21 22 23 24 25 26 27 28 29 30; 31 32 33 34 35 36 37 38 39 40; 41 42 43 44 45 46 47 48 49 50; 51 52 53 54 55 56 57 58 59 60;\"',\n serializer,\n );\n const sql = await builder.build();\n\n // Should generate separate hasAllTokens for each term (not single statement)\n expect(sql).toContain(\n \"hasAllTokens(Body, '1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50') AND hasAllTokens(Body, '51 52 53 54 55 56 57 58 59 60') AND (lower(Body) LIKE lower('%1 2 3 4 5 6 7 8 9 10; 11 12 13 14 15 16 17 18 19 20; 21 22 23 24 25 26 27 28 29 30; 31 32 33 34 35 36 37 38 39 40; 41 42 43 44 45 46 47 48 49 50; 51 52 53 54 55 56 57 58 59 60;%'))\",\n );\n });\n\n it('should use hasAllTokens for multiple separate terms', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_text',\n type: 'text',\n typeFull: 'text(tokenizer=splitByNonAlpha)',\n expression: 'Body',\n granularity: '8',\n },\n ]);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('foo NOT bar baz', serializer);\n const sql = await builder.build();\n\n // Should generate separate hasAllTokens for each term (not single statement)\n expect(sql).toContain(\"hasAllTokens(Body, 'foo')\");\n expect(sql).toContain(\"NOT (hasAllTokens(Body, 'bar'))\");\n expect(sql).toContain(\"hasAllTokens(Body, 'baz')\");\n });\n\n it('should not use text index when enable_full_text_index is disabled', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_text',\n type: 'text',\n typeFull: 'text(tokenizer=splitByNonAlpha)',\n expression: 'Body',\n granularity: '8',\n },\n ]);\n\n // Mock getSetting to disable full text index\n metadata.getSetting = jest\n .fn()\n .mockImplementation(async ({ settingName }) => {\n if (settingName === 'enable_full_text_index') {\n return '0';\n }\n return undefined;\n });\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('foo', serializer);\n const sql = await builder.build();\n\n // Should fallback to hasToken (full text index disabled)\n expect(sql).toBe(\"((hasToken(lower(Body), lower('foo'))))\");\n });\n\n it('should not use text index when enable_full_text_index is unavailable (ClickHouse version is old)', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_text',\n type: 'text',\n typeFull: 'text(tokenizer=splitByNonAlpha)',\n expression: 'Body',\n granularity: '8',\n },\n ]);\n\n // Mock getSetting to disable full text index\n metadata.getSetting = jest.fn().mockResolvedValue(undefined);\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('foo', serializer);\n const sql = await builder.build();\n\n // Should fallback to hasToken (full text index disabled)\n expect(sql).toBe(\"((hasToken(lower(Body), lower('foo'))))\");\n });\n\n it('should not use text index when getSetting throws an error', async () => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([\n {\n name: 'idx_body_text',\n type: 'text',\n typeFull: 'text(tokenizer=splitByNonAlpha)',\n expression: 'Body',\n granularity: '8',\n },\n ]);\n\n // Mock getSetting to disable full text index\n metadata.getSetting = jest\n .fn()\n .mockRejectedValue(new Error('Failed to get setting'));\n\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n const builder = new SearchQueryBuilder('foo', serializer);\n const sql = await builder.build();\n\n // Should fallback to hasToken (full text index disabled)\n expect(sql).toBe(\"((hasToken(lower(Body), lower('foo'))))\");\n });\n});\n\ndescribe('CustomSchemaSQLSerializerV2 - indexCoversColumn', () => {\n const metadata = getMetadata(\n new ClickhouseClient({ host: 'http://localhost:8123' }),\n );\n\n const databaseName = 'default';\n const tableName = 'otel_logs';\n const connectionId = 'test';\n\n beforeEach(() => {\n metadata.getSkipIndices = jest.fn().mockResolvedValue([]);\n });\n\n it.each([\n {\n indexExpression: 'Body',\n searchExpression: 'Body',\n expected: true,\n },\n {\n indexExpression: 'tokens(Body)',\n searchExpression: 'Body',\n expected: true,\n },\n // Test cases for quoted identifiers\n {\n indexExpression: 'tokens(`Body`)',\n searchExpression: 'Body',\n expected: true,\n },\n {\n indexExpression: 'tokens(Body)',\n searchExpression: '`Body`',\n expected: true,\n },\n // Test case for case sensitivity\n {\n indexExpression: 'tokens(body)',\n searchExpression: 'Body',\n expected: false,\n },\n // Test case for whitespace variations\n {\n indexExpression: 'tokens( lower( Body ) )',\n searchExpression: 'Body',\n expected: true,\n },\n // Test case for column with underscore\n {\n indexExpression: 'tokens(lower(fancy_Body))',\n searchExpression: 'fancy_Body',\n expected: true,\n },\n // Test cases for concatWithSeparator\n {\n indexExpression: \"tokens(concatWithSeparator(';',Body,Message))\",\n searchExpression: 'Body',\n expected: true,\n },\n // Test case where column is substring or superstring of the indexed column\n {\n indexExpression: \"tokens(concatWithSeparator(';',Body2,Message))\",\n searchExpression: 'Body',\n expected: false,\n },\n {\n indexExpression: \"tokens(concatWithSeparator(';',Body,Message))\",\n searchExpression: 'Body2',\n expected: false,\n },\n ])(\n 'should return $expected for indexExpression: \"$indexExpression\" and searchExpression: \"$searchExpression\"',\n async ({ indexExpression, searchExpression, expected }) => {\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n expect(\n serializer.indexCoversColumn(indexExpression, searchExpression),\n ).toBe(expected);\n },\n );\n});\n\ndescribe('CustomSchemaSQLSerializerV2 - Array and Nested Fields', () => {\n const metadata = getMetadata(\n new ClickhouseClient({ host: 'http://localhost:8123' }),\n );\n metadata.getColumn = jest.fn().mockImplementation(async ({ column }) => {\n if (column === 'Events.Name') {\n return { name: 'Events.Name', type: 'Array(String)' };\n } else if (column === 'Events.Count') {\n return { name: 'Events.Count', type: 'Array(UInt64)' };\n } else if (column === 'Events.Attributes') {\n return { name: 'Events.Attributes', type: 'Array(Map(String, String))' };\n } else if (column === 'Events.IsAvailable') {\n return { name: 'Events.IsAvailable', type: 'Array(Bool)' };\n } else if (column === 'Events.Timestamp') {\n return { name: 'Events.Timestamp', type: 'Array(DateTime64)' };\n } else if (column === 'Events.JSONAttributes') {\n return { name: 'Events.JSONAttributes', type: 'Array(JSON)' };\n } else {\n return undefined;\n }\n });\n metadata.getMaterializedColumnsLookupTable = jest\n .fn()\n .mockResolvedValue(new Map());\n metadata.getSetting = jest.fn().mockResolvedValue(undefined);\n const databaseName = 'testName';\n const tableName = 'testTable';\n const connectionId = 'testId';\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression: 'Body',\n });\n\n it('getColumnForField', async () => {\n const field1 = 'Events.Name';\n const res1 = await serializer.getColumnForField(field1, {});\n expect(res1).toEqual({\n column: 'Events.Name',\n found: true,\n propertyType: JSDataType.String,\n isArray: true,\n });\n\n const field2 = 'Events.Count';\n const res2 = await serializer.getColumnForField(field2, {});\n expect(res2).toEqual({\n column: 'Events.Count',\n found: true,\n propertyType: JSDataType.Number,\n isArray: true,\n });\n\n const field3 = 'Events.IsAvailable';\n const res3 = await serializer.getColumnForField(field3, {});\n expect(res3).toEqual({\n column: 'Events.IsAvailable',\n found: true,\n propertyType: JSDataType.Bool,\n isArray: true,\n });\n });\n\n it('compare - eq', async () => {\n const eqField = 'Events.Name';\n const eqTerm = 'error';\n\n const eq1 = await serializer.eq(eqField, eqTerm, false, {});\n expect(eq1).toBe(\"has(Events.Name, 'error')\");\n\n const eq2 = await serializer.eq(eqField, eqTerm, true, {});\n expect(eq2).toBe(\"NOT has(Events.Name, 'error')\");\n });\n\n it('compare - isNotNull', async () => {\n const isNotNullField = 'Events.Name';\n\n const isNotNull1 = await serializer.isNotNull(isNotNullField, false, {});\n expect(isNotNull1).toBe('notEmpty(Events.Name) = 1');\n\n const isNotNull2 = await serializer.isNotNull(isNotNullField, true, {});\n expect(isNotNull2).toBe('notEmpty(Events.Name) != 1');\n });\n\n it('compare - gte', async () => {\n const gteField = 'Events.Name';\n const gteTerm = '30';\n await expect(async () =>\n serializer.gte(gteField, gteTerm, {}),\n ).rejects.toThrow('>= comparison is not supported for Array-type fields');\n });\n\n it('compare - lte', async () => {\n const lteField = 'Events.Name';\n const lteTerm = '40';\n await expect(async () =>\n serializer.lte(lteField, lteTerm, {}),\n ).rejects.toThrow('<= comparison is not supported for Array-type fields');\n });\n\n it('compare - gt', async () => {\n const gtField = 'Events.Name';\n const gtTerm = '70';\n await expect(async () =>\n serializer.gt(gtField, gtTerm, {}),\n ).rejects.toThrow('> comparison is not supported for Array-type fields');\n });\n\n it('compare - lt', async () => {\n const ltField = 'Events.Name';\n const ltTerm = '2';\n await expect(async () =>\n serializer.lt(ltField, ltTerm, {}),\n ).rejects.toThrow('< comparison is not supported for Array-type fields');\n });\n\n it('compare - range', async () => {\n const rangeField = 'Events.Name';\n await expect(async () =>\n serializer.range(rangeField, '2', '5', false, {}),\n ).rejects.toThrow(\n 'range comparison is not supported for Array-type fields',\n );\n });\n\n const testCases = [\n // String array field tests\n {\n lucene: 'Events.Name:foo',\n sql: \"(arrayExists(el -> el ILIKE '%foo%', Events.Name))\",\n english: \"'Events.Name' contains an element containing foo\",\n },\n {\n lucene: 'NOT Events.Name:foo',\n sql: \"(NOT arrayExists(el -> el ILIKE '%foo%', Events.Name))\",\n english: \"NOT 'Events.Name' contains an element containing foo\",\n },\n {\n lucene: '-Events.Name:foo',\n sql: \"(NOT arrayExists(el -> el ILIKE '%foo%', Events.Name))\",\n english: \"'Events.Name' does not contain an element containing foo\",\n },\n {\n lucene: 'Events.Name:\"foo\"',\n sql: \"(has(Events.Name, 'foo'))\",\n english: \"'Events.Name' contains foo\",\n },\n {\n lucene: 'NOT Events.Name:\"foo\"',\n sql: \"(NOT has(Events.Name, 'foo'))\",\n english: \"NOT 'Events.Name' contains foo\",\n },\n {\n lucene: '-Events.Name:\"foo\"',\n sql: \"(NOT has(Events.Name, 'foo'))\",\n english: \"'Events.Name' does not contain foo\",\n },\n {\n lucene: 'Events.Name:\"foo bar\"',\n sql: \"(has(Events.Name, 'foo bar'))\",\n english: \"'Events.Name' contains foo bar\",\n },\n {\n lucene: 'NOT Events.Name:\"foo bar\"',\n sql: \"(NOT has(Events.Name, 'foo bar'))\",\n english: \"NOT 'Events.Name' contains foo bar\",\n },\n {\n lucene: '-Events.Name:\"foo bar\"',\n sql: \"(NOT has(Events.Name, 'foo bar'))\",\n english: \"'Events.Name' does not contain foo bar\",\n },\n // Prefix / suffix wildcard tests\n {\n lucene: 'Events.Name:foo*',\n sql: \"(arrayExists(el -> el ILIKE '%foo%', Events.Name))\",\n english: \"'Events.Name' contains an element containing foo\",\n },\n {\n lucene: 'Events.Name:*foo',\n sql: \"(arrayExists(el -> el ILIKE '%foo%', Events.Name))\",\n english: \"'Events.Name' contains an element containing foo\",\n },\n {\n lucene: 'Events.Name:*foo*',\n sql: \"(arrayExists(el -> el ILIKE '%foo%', Events.Name))\",\n english: \"'Events.Name' contains an element containing foo\",\n },\n // Number array field tests\n {\n lucene: 'Events.Count:5',\n sql: \"(has(Events.Count, CAST('5', 'Float64')))\",\n english: \"'Events.Count' contains 5\",\n },\n {\n lucene: 'NOT Events.Count:5',\n sql: \"(NOT has(Events.Count, CAST('5', 'Float64')))\",\n english: \"NOT 'Events.Count' contains 5\",\n },\n {\n lucene: 'Events.Count:\"4\"',\n sql: \"(has(Events.Count, CAST('4', 'Float64')))\",\n english: \"'Events.Count' contains 4\",\n },\n {\n lucene: 'NOT Events.Count:\"4\"',\n sql: \"(NOT has(Events.Count, CAST('4', 'Float64')))\",\n english: \"NOT 'Events.Count' contains 4\",\n },\n // Boolean array field tests\n {\n lucene: 'Events.IsAvailable:true',\n sql: '(has(Events.IsAvailable, 1))',\n english: \"'Events.IsAvailable' contains true\",\n },\n {\n lucene: 'NOT Events.IsAvailable:true',\n sql: '(NOT has(Events.IsAvailable, 1))',\n english: \"NOT 'Events.IsAvailable' contains true\",\n },\n {\n lucene: 'Events.IsAvailable:false',\n sql: '(has(Events.IsAvailable, 0))',\n english: \"'Events.IsAvailable' contains false\",\n },\n {\n lucene: 'NOT Events.IsAvailable:false',\n sql: '(NOT has(Events.IsAvailable, 0))',\n english: \"NOT 'Events.IsAvailable' contains false\",\n },\n // Array(Map(String, String)) tests\n {\n lucene: 'Events.Attributes.message:key1',\n sql: \"(arrayExists(el -> el['message'] ILIKE '%key1%', Events.Attributes))\",\n english:\n \"'Events.Attributes' contains an element with key message and value key1\",\n },\n {\n lucene: '-Events.Attributes.message:key1',\n sql: \"(NOT arrayExists(el -> el['message'] ILIKE '%key1%', Events.Attributes))\",\n english:\n \"'Events.Attributes' does not contain an element with key message and value key1\",\n },\n {\n lucene: 'Events.Attributes.message:key1*',\n sql: \"(arrayExists(el -> el['message'] ILIKE '%key1%', Events.Attributes))\",\n english:\n \"'Events.Attributes' contains an element with key message and value key1\",\n },\n {\n lucene: 'Events.Attributes.message:\"key1\"',\n sql: \"(arrayExists(el -> el['message'] = 'key1', Events.Attributes))\",\n english: \"'Events.Attributes.message' contains key1\",\n },\n {\n lucene: 'Events.Attributes.message.subkey:\"key1\"',\n sql: \"(arrayExists(el -> el['message.subkey'] = 'key1', Events.Attributes))\",\n english: \"'Events.Attributes.message.subkey' contains key1\",\n },\n {\n lucene: 'Events.Attributes.message:(\"key1 key2\")',\n sql: \"((arrayExists(el -> el['message'] ILIKE '%key1 key2%', Events.Attributes)))\",\n english: '(Events.Attributes.message contains \"key1 key2\")',\n },\n {\n lucene: 'Events.Attributes.message:*',\n sql: \"(arrayExists(el -> notEmpty(toString(el['message'])) = 1, Events.Attributes))\",\n english: \"'Events.Attributes' contains an element with non-null message\",\n },\n {\n lucene: '-Events.Attributes.message:*',\n sql: \"(NOT arrayExists(el -> notEmpty(toString(el['message'])) = 1, Events.Attributes))\",\n english:\n \"'Events.Attributes' does not contain an element with non-null message\",\n },\n {\n lucene: 'NOT Events.Attributes.message:*',\n sql: \"(NOT arrayExists(el -> notEmpty(toString(el['message'])) = 1, Events.Attributes))\",\n english:\n \"NOT 'Events.Attributes' contains an element with non-null message\",\n },\n {\n lucene: 'Events.Attributes:*',\n sql: '(notEmpty(Events.Attributes) = 1)',\n english: \"'Events.Attributes' is not null\",\n },\n // Non-string inner type tests\n {\n lucene: 'Events.Timestamp:\"2025-01-01\"',\n sql: \"(arrayExists(el -> toString(el) = '2025-01-01', Events.Timestamp))\",\n english: \"'Events.Timestamp' contains 2025-01-01\",\n },\n {\n lucene: 'Events.Timestamp:2025-01-01',\n sql: \"(arrayExists(el -> toString(el) ILIKE '%2025-01-01%', Events.Timestamp))\",\n english: \"'Events.Timestamp' contains an element containing 2025-01-01\",\n },\n // JSON inner type tests\n {\n lucene: 'Events.JSONAttributes.message:key1',\n sql: \"(arrayExists(el -> toString(el.`message`) ILIKE '%key1%', Events.JSONAttributes))\",\n english:\n \"'Events.JSONAttributes' contains an element with key message and value key1\",\n },\n {\n lucene: '-Events.JSONAttributes.message:key1',\n sql: \"(NOT arrayExists(el -> toString(el.`message`) ILIKE '%key1%', Events.JSONAttributes))\",\n english:\n \"'Events.JSONAttributes' does not contain an element with key message and value key1\",\n },\n {\n lucene: 'Events.JSONAttributes.message:key1*',\n sql: \"(arrayExists(el -> toString(el.`message`) ILIKE '%key1%', Events.JSONAttributes))\",\n english:\n \"'Events.JSONAttributes' contains an element with key message and value key1\",\n },\n {\n lucene: 'Events.JSONAttributes.message:\"key1\"',\n sql: \"(arrayExists(el -> toString(el.`message`) = 'key1', Events.JSONAttributes))\",\n english: \"'Events.JSONAttributes.message' contains key1\",\n },\n {\n lucene: 'Events.JSONAttributes.message.subkey:\"key1\"',\n sql: \"(arrayExists(el -> toString(el.`message`.`subkey`) = 'key1', Events.JSONAttributes))\",\n english: \"'Events.JSONAttributes.message.subkey' contains key1\",\n },\n {\n lucene: 'Events.JSONAttributes.message:(\"key1 key2\")',\n sql: \"((arrayExists(el -> toString(el.`message`) ILIKE '%key1 key2%', Events.JSONAttributes)))\",\n english: '(Events.JSONAttributes.message contains \"key1 key2\")',\n },\n {\n lucene: 'Events.JSONAttributes.message:*',\n sql: '(arrayExists(el -> notEmpty(toString(el.`message`)) = 1, Events.JSONAttributes))',\n english:\n \"'Events.JSONAttributes' contains an element with non-null message\",\n },\n {\n lucene: '-Events.JSONAttributes.message:*',\n sql: '(NOT arrayExists(el -> notEmpty(toString(el.`message`)) = 1, Events.JSONAttributes))',\n english:\n \"'Events.JSONAttributes' does not contain an element with non-null message\",\n },\n {\n lucene: 'NOT Events.JSONAttributes.message:*',\n sql: '(NOT arrayExists(el -> notEmpty(toString(el.`message`)) = 1, Events.JSONAttributes))',\n english:\n \"NOT 'Events.JSONAttributes' contains an element with non-null message\",\n },\n {\n lucene: 'Events.JSONAttributes:*',\n sql: '(notEmpty(Events.JSONAttributes) = 1)',\n english: \"'Events.JSONAttributes' is not null\",\n },\n ];\n\n it.each(testCases)(\n 'converts \"$lucene\" to SQL \"$sql\"',\n async ({ lucene, sql }) => {\n const builder = new SearchQueryBuilder(lucene, serializer);\n const actualSql = await builder.build();\n expect(actualSql).toBe(sql);\n },\n );\n\n it.each(testCases)(\n 'converts \"$lucene\" to english \"$english\"',\n async ({ lucene, english }) => {\n const actualEnglish = await genEnglishExplanation({\n query: lucene,\n tableConnection: {\n tableName,\n databaseName,\n connectionId,\n },\n metadata,\n });\n expect(actualEnglish).toBe(english);\n },\n );\n});\n" }, { "path": "packages/common-utils/src/__tests__/rawSqlParams.test.ts", "content": "import { Metadata } from '@/core/metadata';\nimport { DisplayType } from '@/types';\n\nimport { renderRawSqlChartConfig } from '../core/renderChartConfig';\n\nconst mockMetadata = {\n getColumns: jest.fn().mockResolvedValue([]),\n getMaterializedColumnsLookupTable: jest.fn().mockResolvedValue(null),\n getColumn: jest.fn().mockResolvedValue(undefined),\n getTableMetadata: jest.fn().mockResolvedValue({ primary_key: '' }),\n getSkipIndices: jest.fn().mockResolvedValue([]),\n getSetting: jest.fn().mockResolvedValue(undefined),\n} as unknown as Metadata;\n\ndescribe('renderRawSqlChartConfig', () => {\n describe('DisplayType.Table', () => {\n it('returns the sqlTemplate with no params when no dateRange provided', async () => {\n const result = await renderRawSqlChartConfig(\n {\n configType: 'sql',\n sqlTemplate: 'SELECT count() FROM logs',\n connection: 'conn-1',\n displayType: DisplayType.Table,\n },\n mockMetadata,\n );\n expect(result.sql).toBe('SELECT count() FROM logs');\n expect(result.params).toEqual({\n startDateMilliseconds: undefined,\n endDateMilliseconds: undefined,\n });\n });\n\n it('injects startDateMilliseconds and endDateMilliseconds when dateRange provided', async () => {\n const start = new Date('2024-01-01T00:00:00.000Z');\n const end = new Date('2024-01-02T00:00:00.000Z');\n const result = await renderRawSqlChartConfig(\n {\n configType: 'sql',\n sqlTemplate:\n 'SELECT count() FROM logs WHERE ts BETWEEN {startDateMilliseconds:Int64} AND {endDateMilliseconds:Int64}',\n connection: 'conn-1',\n displayType: DisplayType.Table,\n dateRange: [start, end],\n },\n mockMetadata,\n );\n expect(result.sql).toBe(\n 'SELECT count() FROM logs WHERE ts BETWEEN {startDateMilliseconds:Int64} AND {endDateMilliseconds:Int64}',\n );\n expect(result.params).toEqual({\n startDateMilliseconds: start.getTime(),\n endDateMilliseconds: end.getTime(),\n });\n });\n\n describe('DisplayType.Line', () => {\n it('returns undefined params when no dateRange is provided', async () => {\n const result = await renderRawSqlChartConfig(\n {\n configType: 'sql',\n sqlTemplate: 'SELECT ts, count() FROM logs GROUP BY ts',\n connection: 'conn-1',\n displayType: DisplayType.Line,\n },\n mockMetadata,\n );\n expect(result.params).toEqual({\n startDateMilliseconds: undefined,\n endDateMilliseconds: undefined,\n intervalSeconds: 0,\n intervalMilliseconds: 0,\n });\n });\n\n it('injects all four params when dateRange is provided', async () => {\n const start = new Date('2024-01-01T00:00:00.000Z');\n const end = new Date('2024-01-02T00:00:00.000Z');\n const result = await renderRawSqlChartConfig(\n {\n configType: 'sql',\n sqlTemplate:\n 'SELECT toStartOfInterval(ts, INTERVAL {intervalSeconds:Int64} SECOND) AS ts, count() FROM logs WHERE ts >= fromUnixTimestamp64Milli({startDateMilliseconds:Int64}) AND ts <= fromUnixTimestamp64Milli({endDateMilliseconds:Int64}) GROUP BY ts ORDER BY ts ASC',\n connection: 'conn-1',\n displayType: DisplayType.Line,\n dateRange: [start, end],\n },\n mockMetadata,\n );\n expect(result.params.startDateMilliseconds).toBe(start.getTime());\n expect(result.params.endDateMilliseconds).toBe(end.getTime());\n expect(typeof result.params.intervalSeconds).toBe('number');\n expect(result.params.intervalSeconds).toBeGreaterThan(0);\n expect(result.params.intervalMilliseconds).toBe(\n result.params.intervalSeconds * 1000,\n );\n });\n\n it('returns the granularity from the config when available', async () => {\n // 1-hour range: auto-granularity should be 1 minute (60s) for 60 max buckets\n const start = new Date('2024-01-01T00:00:00.000Z');\n const end = new Date('2024-01-01T01:00:00.000Z');\n const result = await renderRawSqlChartConfig(\n {\n configType: 'sql',\n sqlTemplate: 'SELECT ts, count() FROM logs GROUP BY ts',\n connection: 'conn-1',\n displayType: DisplayType.Line,\n dateRange: [start, end],\n granularity: '5 minute',\n },\n mockMetadata,\n );\n expect(result.params.intervalSeconds).toBe(300); // 5 minutes\n expect(result.params.intervalMilliseconds).toBe(300000);\n });\n\n it('computes intervalSeconds based on the date range duration when granularity is auto', async () => {\n // 1-hour range: auto-granularity should be 1 minute (60s) for 60 max buckets\n const start = new Date('2024-01-01T00:00:00.000Z');\n const end = new Date('2024-01-01T01:00:00.000Z');\n const result = await renderRawSqlChartConfig(\n {\n configType: 'sql',\n sqlTemplate: 'SELECT ts, count() FROM logs GROUP BY ts',\n connection: 'conn-1',\n granularity: 'auto',\n displayType: DisplayType.Line,\n dateRange: [start, end],\n },\n mockMetadata,\n );\n // 1-hour range / 60 buckets = 60s per bucket → \"1 minute\" interval → 60 seconds\n expect(result.params.intervalSeconds).toBe(60);\n expect(result.params.intervalMilliseconds).toBe(60000);\n });\n });\n\n it('defaults to Table display type when displayType is not specified', async () => {\n const start = new Date('2024-06-15T12:00:00.000Z');\n const end = new Date('2024-06-15T13:00:00.000Z');\n const result = await renderRawSqlChartConfig(\n {\n configType: 'sql',\n sqlTemplate: 'SELECT * FROM events',\n connection: 'conn-1',\n dateRange: [start, end],\n },\n mockMetadata,\n );\n expect(result.params).toEqual({\n startDateMilliseconds: start.getTime(),\n endDateMilliseconds: end.getTime(),\n });\n });\n });\n});\n" }, { "path": "packages/common-utils/src/__tests__/renderChartConfig.test.ts", "content": "import { chSql, ColumnMeta, parameterizedQueryToSql } from '@/clickhouse';\nimport { Metadata } from '@/core/metadata';\nimport {\n ChartConfigWithOptDateRange,\n DisplayType,\n MetricsDataType,\n QuerySettings,\n} from '@/types';\n\nimport {\n ChartConfigWithOptDateRangeEx,\n renderChartConfig,\n timeFilterExpr,\n} from '../core/renderChartConfig';\n\ndescribe('renderChartConfig', () => {\n let mockMetadata: jest.Mocked;\n\n beforeEach(() => {\n const columns = [\n { name: 'timestamp', type: 'DateTime' },\n { name: 'value', type: 'Float64' },\n { name: 'TraceId', type: 'String' },\n { name: 'ServiceName', type: 'String' },\n ];\n mockMetadata = {\n getColumns: jest.fn().mockResolvedValue([\n { name: 'timestamp', type: 'DateTime' },\n { name: 'value', type: 'Float64' },\n ]),\n getMaterializedColumnsLookupTable: jest.fn().mockResolvedValue(null),\n getColumn: jest\n .fn()\n .mockImplementation(async ({ column }) =>\n columns.find(col => col.name === column),\n ),\n getTableMetadata: jest\n .fn()\n .mockResolvedValue({ primary_key: 'timestamp' }),\n getSkipIndices: jest.fn().mockResolvedValue([]),\n getSetting: jest.fn().mockResolvedValue(undefined),\n } as unknown as jest.Mocked;\n });\n\n const gaugeConfiguration: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Line,\n connection: 'test-connection',\n // metricTables is added from the Source object via spread operator\n metricTables: {\n gauge: 'otel_metrics_gauge',\n histogram: 'otel_metrics_histogram',\n sum: 'otel_metrics_sum',\n summary: 'otel_metrics_summary',\n 'exponential histogram': 'otel_metrics_exponential_histogram',\n },\n from: {\n databaseName: 'default',\n tableName: '',\n },\n select: [\n {\n aggFn: 'quantile',\n aggCondition: '',\n aggConditionLanguage: 'lucene',\n valueExpression: 'Value',\n level: 0.95,\n metricName: 'nodejs.event_loop.utilization',\n metricType: MetricsDataType.Gauge,\n },\n ],\n where: '',\n whereLanguage: 'lucene',\n timestampValueExpression: 'TimeUnix',\n dateRange: [new Date('2025-02-12'), new Date('2025-12-14')],\n granularity: '1 minute',\n limit: { limit: 10 },\n };\n\n const querySettings: QuerySettings = [\n { setting: 'optimize_read_in_order', value: '0' },\n { setting: 'cast_keep_nullable', value: '1' },\n { setting: 'additional_result_filter', value: 'x != 2' },\n { setting: 'count_distinct_implementation', value: 'uniqCombined64' },\n { setting: 'async_insert_busy_timeout_min_ms', value: '20000' },\n ];\n\n it('should generate sql for a single gauge metric', async () => {\n const generatedSql = await renderChartConfig(\n gaugeConfiguration,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toMatchSnapshot();\n });\n\n it('should generate sql for a single gauge metric with a delta() function applied', async () => {\n const generatedSql = await renderChartConfig(\n {\n ...gaugeConfiguration,\n select: [\n {\n aggFn: 'max',\n valueExpression: 'Value',\n metricName: 'nodejs.event_loop.utilization',\n metricType: MetricsDataType.Gauge,\n isDelta: true,\n },\n ],\n },\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toMatchSnapshot();\n });\n\n it('should generate sql for a single sum metric', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Line,\n connection: 'test-connection',\n // metricTables is added from the Source object via spread operator\n metricTables: {\n gauge: 'otel_metrics_gauge',\n histogram: 'otel_metrics_histogram',\n sum: 'otel_metrics_sum',\n summary: 'otel_metrics_summary',\n 'exponential histogram': 'otel_metrics_exponential_histogram',\n },\n from: {\n databaseName: 'default',\n tableName: '',\n },\n select: [\n {\n aggFn: 'avg',\n aggCondition: '',\n aggConditionLanguage: 'lucene',\n valueExpression: 'Value',\n metricName: 'db.client.connections.usage',\n metricType: MetricsDataType.Sum,\n },\n ],\n where: '',\n whereLanguage: 'sql',\n timestampValueExpression: 'TimeUnix',\n dateRange: [new Date('2025-02-12'), new Date('2025-12-14')],\n granularity: '5 minute',\n limit: { limit: 10 },\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toMatchSnapshot();\n });\n\n it('should throw error for string select on sum metric', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Line,\n connection: 'test-connection',\n metricTables: {\n gauge: 'otel_metrics_gauge',\n histogram: 'otel_metrics_histogram',\n sum: 'otel_metrics_sum',\n summary: 'otel_metrics_summary',\n 'exponential histogram': 'otel_metrics_exponential_histogram',\n },\n from: {\n databaseName: 'default',\n tableName: '',\n },\n select: 'Value',\n where: '',\n whereLanguage: 'sql',\n timestampValueExpression: 'TimeUnix',\n dateRange: [new Date('2025-02-12'), new Date('2025-12-14')],\n granularity: '5 minute',\n limit: { limit: 10 },\n };\n\n await expect(\n renderChartConfig(config, mockMetadata, querySettings),\n ).rejects.toThrow('multi select or string select on metrics not supported');\n });\n\n describe('histogram metric queries', () => {\n describe('quantile', () => {\n it('should generate a query without grouping or time bucketing', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Line,\n connection: 'test-connection',\n metricTables: {\n gauge: 'otel_metrics_gauge',\n histogram: 'otel_metrics_histogram',\n sum: 'otel_metrics_sum',\n summary: 'otel_metrics_summary',\n 'exponential histogram': 'otel_metrics_exponential_histogram',\n },\n from: {\n databaseName: 'default',\n tableName: '',\n },\n select: [\n {\n aggFn: 'quantile',\n level: 0.5,\n valueExpression: 'Value',\n metricName: 'http.server.duration',\n metricType: MetricsDataType.Histogram,\n },\n ],\n where: '',\n whereLanguage: 'sql',\n timestampValueExpression: 'TimeUnix',\n dateRange: [new Date('2025-02-12'), new Date('2025-12-14')],\n limit: { limit: 10 },\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toMatchSnapshot();\n });\n\n it('should generate a query without grouping but time bucketing', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Line,\n connection: 'test-connection',\n metricTables: {\n gauge: 'otel_metrics_gauge',\n histogram: 'otel_metrics_histogram',\n sum: 'otel_metrics_sum',\n summary: 'otel_metrics_summary',\n 'exponential histogram': 'otel_metrics_exponential_histogram',\n },\n from: {\n databaseName: 'default',\n tableName: '',\n },\n select: [\n {\n aggFn: 'quantile',\n level: 0.5,\n valueExpression: 'Value',\n metricName: 'http.server.duration',\n metricType: MetricsDataType.Histogram,\n },\n ],\n where: '',\n whereLanguage: 'sql',\n timestampValueExpression: 'TimeUnix',\n dateRange: [new Date('2025-02-12'), new Date('2025-12-14')],\n granularity: '2 minute',\n limit: { limit: 10 },\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toMatchSnapshot();\n });\n\n it('should generate a query with grouping and time bucketing', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Line,\n connection: 'test-connection',\n metricTables: {\n gauge: 'otel_metrics_gauge',\n histogram: 'otel_metrics_histogram',\n sum: 'otel_metrics_sum',\n summary: 'otel_metrics_summary',\n 'exponential histogram': 'otel_metrics_exponential_histogram',\n },\n from: {\n databaseName: 'default',\n tableName: '',\n },\n select: [\n {\n aggFn: 'quantile',\n level: 0.5,\n valueExpression: 'Value',\n metricName: 'http.server.duration',\n metricType: MetricsDataType.Histogram,\n },\n ],\n where: '',\n whereLanguage: 'sql',\n timestampValueExpression: 'TimeUnix',\n dateRange: [new Date('2025-02-12'), new Date('2025-12-14')],\n granularity: '2 minute',\n groupBy: `ResourceAttributes['host']`,\n limit: { limit: 10 },\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toMatchSnapshot();\n });\n });\n\n describe('count', () => {\n it('should generate a count query without grouping or time bucketing', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Line,\n connection: 'test-connection',\n metricTables: {\n gauge: 'otel_metrics_gauge',\n histogram: 'otel_metrics_histogram',\n sum: 'otel_metrics_sum',\n summary: 'otel_metrics_summary',\n 'exponential histogram': 'otel_metrics_exponential_histogram',\n },\n from: {\n databaseName: 'default',\n tableName: '',\n },\n select: [\n {\n aggFn: 'count',\n valueExpression: 'Value',\n metricName: 'http.server.duration',\n metricType: MetricsDataType.Histogram,\n },\n ],\n where: '',\n whereLanguage: 'sql',\n timestampValueExpression: 'TimeUnix',\n dateRange: [new Date('2025-02-12'), new Date('2025-12-14')],\n limit: { limit: 10 },\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toMatchSnapshot();\n });\n\n it('should generate a count query without grouping but time bucketing', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Line,\n connection: 'test-connection',\n metricTables: {\n gauge: 'otel_metrics_gauge',\n histogram: 'otel_metrics_histogram',\n sum: 'otel_metrics_sum',\n summary: 'otel_metrics_summary',\n 'exponential histogram': 'otel_metrics_exponential_histogram',\n },\n from: {\n databaseName: 'default',\n tableName: '',\n },\n select: [\n {\n aggFn: 'count',\n valueExpression: 'Value',\n metricName: 'http.server.duration',\n metricType: MetricsDataType.Histogram,\n },\n ],\n where: '',\n whereLanguage: 'sql',\n timestampValueExpression: 'TimeUnix',\n dateRange: [new Date('2025-02-12'), new Date('2025-12-14')],\n granularity: '2 minute',\n limit: { limit: 10 },\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toMatchSnapshot();\n });\n\n it('should generate a count query with grouping and time bucketing', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Line,\n connection: 'test-connection',\n metricTables: {\n gauge: 'otel_metrics_gauge',\n histogram: 'otel_metrics_histogram',\n sum: 'otel_metrics_sum',\n summary: 'otel_metrics_summary',\n 'exponential histogram': 'otel_metrics_exponential_histogram',\n },\n from: {\n databaseName: 'default',\n tableName: '',\n },\n select: [\n {\n aggFn: 'count',\n valueExpression: 'Value',\n metricName: 'http.server.duration',\n metricType: MetricsDataType.Histogram,\n },\n ],\n where: '',\n whereLanguage: 'sql',\n timestampValueExpression: 'TimeUnix',\n dateRange: [new Date('2025-02-12'), new Date('2025-12-14')],\n granularity: '2 minute',\n groupBy: `ResourceAttributes['host']`,\n limit: { limit: 10 },\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toMatchSnapshot();\n });\n });\n });\n\n describe('containing CTE clauses', () => {\n it('should render a ChSql CTE configuration correctly', async () => {\n const config: ChartConfigWithOptDateRange = {\n connection: 'test-connection',\n from: {\n databaseName: '',\n tableName: 'TestCte',\n },\n with: [\n { name: 'TestCte', sql: chSql`SELECT TimeUnix, Line FROM otel_logs` },\n ],\n select: [{ valueExpression: 'Line' }],\n where: '',\n whereLanguage: 'sql',\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toMatchSnapshot();\n });\n\n it('should render a chart config CTE configuration correctly', async () => {\n const config: ChartConfigWithOptDateRange = {\n connection: 'test-connection',\n with: [\n {\n name: 'Parts',\n chartConfig: {\n connection: 'test-connection',\n timestampValueExpression: '',\n select: '_part, _part_offset',\n from: { databaseName: 'default', tableName: 'some_table' },\n where: '',\n whereLanguage: 'sql',\n filters: [\n {\n type: 'sql',\n condition: `FieldA = 'test'`,\n },\n ],\n orderBy: [{ ordering: 'DESC', valueExpression: 'rand()' }],\n limit: { limit: 1000 },\n },\n },\n ],\n select: '*',\n filters: [\n {\n type: 'sql',\n condition: `FieldA = 'test'`,\n },\n {\n type: 'sql',\n condition: `indexHint((_part, _part_offset) IN (SELECT tuple(_part, _part_offset) FROM Parts))`,\n },\n ],\n from: {\n databaseName: '',\n tableName: 'Parts',\n },\n where: '',\n whereLanguage: 'sql',\n orderBy: [{ ordering: 'DESC', valueExpression: 'rand()' }],\n limit: { limit: 1000 },\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toMatchSnapshot();\n });\n\n it('should throw if the CTE is missing both sql and chartConfig', async () => {\n const config: ChartConfigWithOptDateRange = {\n connection: 'test-connection',\n with: [\n {\n name: 'InvalidCTE',\n // Intentionally omitting both sql and chartConfig properties\n },\n ],\n select: [{ valueExpression: 'Line' }],\n from: {\n databaseName: 'default',\n tableName: 'some_table',\n },\n where: '',\n whereLanguage: 'sql',\n };\n\n await expect(\n renderChartConfig(config, mockMetadata, querySettings),\n ).rejects.toThrow(\n \"must specify either 'sql' or 'chartConfig' in with clause\",\n );\n });\n\n it('should throw if the CTE sql param is invalid', async () => {\n const config: ChartConfigWithOptDateRange = {\n connection: 'test-connection',\n with: [\n {\n name: 'InvalidCTE',\n sql: 'SELECT * FROM some_table' as any, // Intentionally not a ChSql object\n },\n ],\n select: [{ valueExpression: 'Line' }],\n from: {\n databaseName: 'default',\n tableName: 'some_table',\n },\n where: '',\n whereLanguage: 'sql',\n };\n\n await expect(\n renderChartConfig(config, mockMetadata, querySettings),\n ).rejects.toThrow('non-conforming sql object in CTE');\n });\n\n it('should throw if the CTE chartConfig param is invalid', async () => {\n const config: ChartConfigWithOptDateRange = {\n connection: 'test-connection',\n with: [\n {\n name: 'InvalidCTE',\n chartConfig: {\n // Missing required properties like select, from, etc.\n connection: 'test-connection',\n } as any, // Intentionally invalid chartConfig\n },\n ],\n select: [{ valueExpression: 'Line' }],\n from: {\n databaseName: 'default',\n tableName: 'some_table',\n },\n where: '',\n whereLanguage: 'sql',\n };\n\n await expect(\n renderChartConfig(config, mockMetadata, querySettings),\n ).rejects.toThrow('non-conforming chartConfig object in CTE');\n });\n });\n\n describe('k8s semantic convention migrations', () => {\n it('should generate SQL with metricNameSql for k8s.pod.cpu.utilization gauge metric', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Line,\n connection: 'test-connection',\n metricTables: {\n gauge: 'otel_metrics_gauge',\n histogram: 'otel_metrics_histogram',\n sum: 'otel_metrics_sum',\n summary: 'otel_metrics_summary',\n 'exponential histogram': 'otel_metrics_exponential_histogram',\n },\n from: {\n databaseName: 'default',\n tableName: '',\n },\n select: [\n {\n aggFn: 'avg',\n aggCondition: '',\n aggConditionLanguage: 'lucene',\n valueExpression: 'Value',\n metricName: 'k8s.pod.cpu.utilization',\n metricNameSql:\n \"MetricName IN ('k8s.pod.cpu.utilization', 'k8s.pod.cpu.usage')\",\n metricType: MetricsDataType.Gauge,\n },\n ],\n where: '',\n whereLanguage: 'lucene',\n timestampValueExpression: 'TimeUnix',\n dateRange: [new Date('2025-02-12'), new Date('2025-12-14')],\n granularity: '1 minute',\n limit: { limit: 10 },\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n\n // Verify the SQL contains the IN-based metric name condition\n expect(actual).toContain('k8s.pod.cpu.utilization');\n expect(actual).toContain('k8s.pod.cpu.usage');\n expect(actual).toMatch(/MetricName IN /);\n expect(actual).toMatchSnapshot();\n });\n\n it('should generate SQL with metricNameSql for k8s.node.cpu.utilization sum metric', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Line,\n connection: 'test-connection',\n metricTables: {\n gauge: 'otel_metrics_gauge',\n histogram: 'otel_metrics_histogram',\n sum: 'otel_metrics_sum',\n summary: 'otel_metrics_summary',\n 'exponential histogram': 'otel_metrics_exponential_histogram',\n },\n from: {\n databaseName: 'default',\n tableName: '',\n },\n select: [\n {\n aggFn: 'max',\n aggCondition: '',\n aggConditionLanguage: 'lucene',\n valueExpression: 'Value',\n metricName: 'k8s.node.cpu.utilization',\n metricNameSql:\n \"MetricName IN ('k8s.node.cpu.utilization', 'k8s.node.cpu.usage')\",\n metricType: MetricsDataType.Sum,\n },\n ],\n where: '',\n whereLanguage: 'sql',\n timestampValueExpression: 'TimeUnix',\n dateRange: [new Date('2025-02-12'), new Date('2025-12-14')],\n granularity: '5 minute',\n limit: { limit: 10 },\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n\n expect(actual).toContain('k8s.node.cpu.utilization');\n expect(actual).toContain('k8s.node.cpu.usage');\n expect(actual).toMatch(/MetricName IN /);\n expect(actual).toMatchSnapshot();\n });\n\n it('should generate SQL with metricNameSql for container.cpu.utilization histogram metric', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Line,\n connection: 'test-connection',\n metricTables: {\n gauge: 'otel_metrics_gauge',\n histogram: 'otel_metrics_histogram',\n sum: 'otel_metrics_sum',\n summary: 'otel_metrics_summary',\n 'exponential histogram': 'otel_metrics_exponential_histogram',\n },\n from: {\n databaseName: 'default',\n tableName: '',\n },\n select: [\n {\n aggFn: 'quantile',\n level: 0.95,\n valueExpression: 'Value',\n metricName: 'container.cpu.utilization',\n metricNameSql:\n \"MetricName IN ('container.cpu.utilization', 'container.cpu.usage')\",\n metricType: MetricsDataType.Histogram,\n },\n ],\n where: '',\n whereLanguage: 'sql',\n timestampValueExpression: 'TimeUnix',\n dateRange: [new Date('2025-02-12'), new Date('2025-12-14')],\n granularity: '2 minute',\n limit: { limit: 10 },\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n\n expect(actual).toContain('container.cpu.utilization');\n expect(actual).toContain('container.cpu.usage');\n expect(actual).toMatch(/MetricName IN /);\n expect(actual).toMatchSnapshot();\n });\n\n it('should generate SQL with metricNameSql for histogram metric with groupBy', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Line,\n connection: 'test-connection',\n metricTables: {\n gauge: 'otel_metrics_gauge',\n histogram: 'otel_metrics_histogram',\n sum: 'otel_metrics_sum',\n summary: 'otel_metrics_summary',\n 'exponential histogram': 'otel_metrics_exponential_histogram',\n },\n from: {\n databaseName: 'default',\n tableName: '',\n },\n select: [\n {\n aggFn: 'quantile',\n level: 0.99,\n valueExpression: 'Value',\n metricName: 'k8s.pod.cpu.utilization',\n metricNameSql:\n \"MetricName IN ('k8s.pod.cpu.utilization', 'k8s.pod.cpu.usage')\",\n metricType: MetricsDataType.Histogram,\n },\n ],\n where: '',\n whereLanguage: 'sql',\n timestampValueExpression: 'TimeUnix',\n dateRange: [new Date('2025-02-12'), new Date('2025-12-14')],\n granularity: '1 minute',\n groupBy: `ResourceAttributes['k8s.pod.name']`,\n limit: { limit: 10 },\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n\n expect(actual).toContain('k8s.pod.cpu.utilization');\n expect(actual).toContain('k8s.pod.cpu.usage');\n expect(actual).toMatch(/MetricName IN /);\n expect(actual).toMatchSnapshot();\n });\n\n it('should handle metrics without metricNameSql (backward compatibility)', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Line,\n connection: 'test-connection',\n metricTables: {\n gauge: 'otel_metrics_gauge',\n histogram: 'otel_metrics_histogram',\n sum: 'otel_metrics_sum',\n summary: 'otel_metrics_summary',\n 'exponential histogram': 'otel_metrics_exponential_histogram',\n },\n from: {\n databaseName: 'default',\n tableName: '',\n },\n select: [\n {\n aggFn: 'avg',\n aggCondition: '',\n aggConditionLanguage: 'lucene',\n valueExpression: 'Value',\n metricName: 'some.regular.metric',\n // No metricNameSql provided\n metricType: MetricsDataType.Gauge,\n },\n ],\n where: '',\n whereLanguage: 'lucene',\n timestampValueExpression: 'TimeUnix',\n dateRange: [new Date('2025-02-12'), new Date('2025-12-14')],\n granularity: '1 minute',\n limit: { limit: 10 },\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n\n // Should use the simple string comparison for regular metrics (not IN-based)\n expect(actual).toContain(\"MetricName = 'some.regular.metric'\");\n expect(actual).not.toMatch(/MetricName IN /);\n expect(actual).toMatchSnapshot();\n });\n });\n\n describe('HAVING clause', () => {\n it('should render HAVING clause with SQL language', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Table,\n connection: 'test-connection',\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n select: [\n {\n aggFn: 'count',\n valueExpression: '*',\n aggCondition: '',\n },\n ],\n where: '',\n whereLanguage: 'sql',\n groupBy: 'severity',\n having: 'count(*) > 100',\n havingLanguage: 'sql',\n timestampValueExpression: 'timestamp',\n dateRange: [new Date('2025-02-12'), new Date('2025-02-14')],\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toContain('HAVING');\n expect(actual).toContain('count(*) > 100');\n expect(actual).toMatchSnapshot();\n });\n\n it('should render HAVING clause with multiple conditions', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Table,\n connection: 'test-connection',\n from: {\n databaseName: 'default',\n tableName: 'metrics',\n },\n select: [\n {\n aggFn: 'avg',\n valueExpression: 'response_time',\n aggCondition: '',\n },\n {\n aggFn: 'count',\n valueExpression: '*',\n aggCondition: '',\n },\n ],\n where: '',\n whereLanguage: 'sql',\n groupBy: 'endpoint',\n having: 'avg(response_time) > 500 AND count(*) > 10',\n havingLanguage: 'sql',\n timestampValueExpression: 'timestamp',\n dateRange: [new Date('2025-02-12'), new Date('2025-02-14')],\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toContain('HAVING');\n expect(actual).toContain('avg(response_time) > 500 AND count(*) > 10');\n expect(actual).toMatchSnapshot();\n });\n\n it('should not render HAVING clause when not provided', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Table,\n connection: 'test-connection',\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n select: [\n {\n aggFn: 'count',\n valueExpression: '*',\n aggCondition: '',\n },\n ],\n where: '',\n whereLanguage: 'sql',\n groupBy: 'severity',\n timestampValueExpression: 'timestamp',\n dateRange: [new Date('2025-02-12'), new Date('2025-02-14')],\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).not.toContain('HAVING');\n expect(actual).toMatchSnapshot();\n });\n\n it('should render HAVING clause with granularity and groupBy', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Line,\n connection: 'test-connection',\n from: {\n databaseName: 'default',\n tableName: 'events',\n },\n select: [\n {\n aggFn: 'count',\n valueExpression: '*',\n aggCondition: '',\n },\n ],\n where: '',\n whereLanguage: 'sql',\n groupBy: 'event_type',\n having: 'count(*) > 50',\n havingLanguage: 'sql',\n timestampValueExpression: 'timestamp',\n dateRange: [new Date('2025-02-12'), new Date('2025-02-14')],\n granularity: '5 minute',\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toContain('HAVING');\n expect(actual).toContain('count(*) > 50');\n expect(actual).toContain('GROUP BY');\n expect(actual).toMatchSnapshot();\n });\n\n it('should not render HAVING clause when having is empty string', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Table,\n connection: 'test-connection',\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n select: [\n {\n aggFn: 'count',\n valueExpression: '*',\n aggCondition: '',\n },\n ],\n where: '',\n whereLanguage: 'sql',\n groupBy: 'severity',\n having: '',\n havingLanguage: 'sql',\n timestampValueExpression: 'timestamp',\n dateRange: [new Date('2025-02-12'), new Date('2025-02-14')],\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).not.toContain('HAVING');\n expect(actual).toMatchSnapshot();\n });\n });\n\n describe('timeFilterExpr', () => {\n type TimeFilterExprTestCase = {\n timestampValueExpression: string;\n dateRangeStartInclusive?: boolean;\n dateRangeEndInclusive?: boolean;\n dateRange: [Date, Date];\n includedDataInterval?: string;\n expected: string;\n description: string;\n tableName?: string;\n databaseName?: string;\n primaryKey?: string;\n };\n\n const testCases: TimeFilterExprTestCase[] = [\n {\n description: 'with basic timestampValueExpression',\n timestampValueExpression: 'timestamp',\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n expected: `(timestamp >= fromUnixTimestamp64Milli(${new Date('2025-02-12 00:12:34Z').getTime()}) AND timestamp <= fromUnixTimestamp64Milli(${new Date('2025-02-14 00:12:34Z').getTime()}))`,\n },\n {\n description: 'with dateRangeEndInclusive=false',\n timestampValueExpression: 'timestamp',\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n dateRangeEndInclusive: false,\n expected: `(timestamp >= fromUnixTimestamp64Milli(${new Date('2025-02-12 00:12:34Z').getTime()}) AND timestamp < fromUnixTimestamp64Milli(${new Date('2025-02-14 00:12:34Z').getTime()}))`,\n },\n {\n description: 'with dateRangeStartInclusive=false',\n timestampValueExpression: 'timestamp',\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n dateRangeStartInclusive: false,\n expected: `(timestamp > fromUnixTimestamp64Milli(${new Date('2025-02-12 00:12:34Z').getTime()}) AND timestamp <= fromUnixTimestamp64Milli(${new Date('2025-02-14 00:12:34Z').getTime()}))`,\n },\n {\n description: 'with includedDataInterval',\n timestampValueExpression: 'timestamp',\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n includedDataInterval: '1 WEEK',\n expected: `(timestamp >= toStartOfInterval(fromUnixTimestamp64Milli(${new Date('2025-02-12 00:12:34Z').getTime()}), INTERVAL 1 WEEK) - INTERVAL 1 WEEK AND timestamp <= toStartOfInterval(fromUnixTimestamp64Milli(${new Date('2025-02-14 00:12:34Z').getTime()}), INTERVAL 1 WEEK) + INTERVAL 1 WEEK)`,\n },\n {\n description: 'with date type timestampValueExpression',\n timestampValueExpression: 'date',\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n expected: `(date >= toDate(fromUnixTimestamp64Milli(${new Date('2025-02-12 00:12:34Z').getTime()})) AND date <= toDate(fromUnixTimestamp64Milli(${new Date('2025-02-14 00:12:34Z').getTime()})))`,\n },\n {\n description: 'with multiple timestampValueExpression parts',\n timestampValueExpression: 'timestamp, date',\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n expected: `(timestamp >= fromUnixTimestamp64Milli(${new Date('2025-02-12 00:12:34Z').getTime()}) AND timestamp <= fromUnixTimestamp64Milli(${new Date('2025-02-14 00:12:34Z').getTime()}))AND(date >= toDate(fromUnixTimestamp64Milli(${new Date('2025-02-12 00:12:34Z').getTime()})) AND date <= toDate(fromUnixTimestamp64Milli(${new Date('2025-02-14 00:12:34Z').getTime()})))`,\n },\n {\n description: 'with toStartOfDay() in timestampExpr',\n timestampValueExpression: 'toStartOfDay(timestamp)',\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n expected: `(toStartOfDay(timestamp) >= toStartOfDay(fromUnixTimestamp64Milli(${new Date('2025-02-12 00:12:34Z').getTime()})) AND toStartOfDay(timestamp) <= toStartOfDay(fromUnixTimestamp64Milli(${new Date('2025-02-14 00:12:34Z').getTime()})))`,\n },\n {\n description: 'with toStartOfDay () in timestampExpr',\n timestampValueExpression: 'toStartOfDay (timestamp)',\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n expected: `(toStartOfDay (timestamp) >= toStartOfDay(fromUnixTimestamp64Milli(${new Date('2025-02-12 00:12:34Z').getTime()})) AND toStartOfDay (timestamp) <= toStartOfDay(fromUnixTimestamp64Milli(${new Date('2025-02-14 00:12:34Z').getTime()})))`,\n },\n {\n description: 'with toStartOfInterval() in timestampExpr',\n timestampValueExpression:\n 'toStartOfInterval(timestamp, INTERVAL 12 MINUTE)',\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n expected: `(toStartOfInterval(timestamp, INTERVAL 12 MINUTE) >= toStartOfInterval(fromUnixTimestamp64Milli(${new Date('2025-02-12 00:12:34Z').getTime()}), INTERVAL 12 MINUTE) AND toStartOfInterval(timestamp, INTERVAL 12 MINUTE) <= toStartOfInterval(fromUnixTimestamp64Milli(${new Date('2025-02-14 00:12:34Z').getTime()}), INTERVAL 12 MINUTE))`,\n },\n {\n description:\n 'with toStartOfInterval() with lowercase interval in timestampExpr',\n timestampValueExpression:\n 'toStartOfInterval(timestamp, interval 1 minute)',\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n expected: `(toStartOfInterval(timestamp, interval 1 minute) >= toStartOfInterval(fromUnixTimestamp64Milli(${new Date('2025-02-12 00:12:34Z').getTime()}), interval 1 minute) AND toStartOfInterval(timestamp, interval 1 minute) <= toStartOfInterval(fromUnixTimestamp64Milli(${new Date('2025-02-14 00:12:34Z').getTime()}), interval 1 minute))`,\n },\n {\n description: 'with toStartOfInterval() with timezone and offset',\n timestampValueExpression: `toStartOfInterval(timestamp, INTERVAL 1 MINUTE, toDateTime('2023-01-01 14:35:30'), 'America/New_York')`,\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n expected: `(toStartOfInterval(timestamp, INTERVAL 1 MINUTE, toDateTime('2023-01-01 14:35:30'), 'America/New_York') >= toStartOfInterval(fromUnixTimestamp64Milli(${new Date('2025-02-12 00:12:34Z').getTime()}), INTERVAL 1 MINUTE, toDateTime('2023-01-01 14:35:30'), 'America/New_York') AND toStartOfInterval(timestamp, INTERVAL 1 MINUTE, toDateTime('2023-01-01 14:35:30'), 'America/New_York') <= toStartOfInterval(fromUnixTimestamp64Milli(${new Date('2025-02-14 00:12:34Z').getTime()}), INTERVAL 1 MINUTE, toDateTime('2023-01-01 14:35:30'), 'America/New_York'))`,\n },\n {\n description: 'with nonstandard spacing',\n timestampValueExpression: ` toStartOfInterval ( timestamp , INTERVAL 1 MINUTE , toDateTime ( '2023-01-01 14:35:30' ), 'America/New_York' ) `,\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n expected: `(toStartOfInterval ( timestamp , INTERVAL 1 MINUTE , toDateTime ( '2023-01-01 14:35:30' ), 'America/New_York' ) >= toStartOfInterval(fromUnixTimestamp64Milli(${new Date('2025-02-12 00:12:34Z').getTime()}), INTERVAL 1 MINUTE, toDateTime ( '2023-01-01 14:35:30' ), 'America/New_York') AND toStartOfInterval ( timestamp , INTERVAL 1 MINUTE , toDateTime ( '2023-01-01 14:35:30' ), 'America/New_York' ) <= toStartOfInterval(fromUnixTimestamp64Milli(${new Date('2025-02-14 00:12:34Z').getTime()}), INTERVAL 1 MINUTE, toDateTime ( '2023-01-01 14:35:30' ), 'America/New_York'))`,\n },\n {\n description: 'with optimizable timestampValueExpression',\n timestampValueExpression: `timestamp`,\n primaryKey:\n \"toStartOfMinute(timestamp), ServiceName, ResourceAttributes['timestamp'], timestamp\",\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n expected: `(timestamp >= fromUnixTimestamp64Milli(1739319154000) AND timestamp <= fromUnixTimestamp64Milli(1739491954000))AND(toStartOfMinute(timestamp) >= toStartOfMinute(fromUnixTimestamp64Milli(1739319154000)) AND toStartOfMinute(timestamp) <= toStartOfMinute(fromUnixTimestamp64Milli(1739491954000)))`,\n },\n {\n description: 'with synthetic timestamp value expression for CTE',\n timestampValueExpression: `__hdx_time_bucket`,\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n databaseName: '',\n tableName: 'Bucketed',\n primaryKey:\n \"toStartOfMinute(timestamp), ServiceName, ResourceAttributes['timestamp'], timestamp\",\n expected: `(__hdx_time_bucket >= fromUnixTimestamp64Milli(1739319154000) AND __hdx_time_bucket <= fromUnixTimestamp64Milli(1739491954000))`,\n },\n\n {\n description: 'with toStartOfMinute in timestampValueExpression',\n timestampValueExpression: `toStartOfMinute(timestamp)`,\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n primaryKey:\n \"toStartOfMinute(timestamp), ServiceName, ResourceAttributes['timestamp'], timestamp\",\n expected: `(toStartOfMinute(timestamp) >= toStartOfMinute(fromUnixTimestamp64Milli(1739319154000)) AND toStartOfMinute(timestamp) <= toStartOfMinute(fromUnixTimestamp64Milli(1739491954000)))`,\n },\n {\n description:\n 'with wrapped toStartOfInterval in primary key (should not optimize)',\n timestampValueExpression: `timestamp`,\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n primaryKey:\n '-toInt64(toStartOfInterval(timestamp, toIntervalMinute(15))), service_id, timestamp',\n expected: `(timestamp >= fromUnixTimestamp64Milli(1739319154000) AND timestamp <= fromUnixTimestamp64Milli(1739491954000))`,\n },\n {\n description:\n 'with toStartOfHour and dateRangeEndInclusive=false (must stay inclusive on coarse filter)',\n timestampValueExpression: 'toStartOfHour(timestamp)',\n dateRange: [\n new Date('2025-02-12 03:53:38Z'),\n new Date('2025-02-12 04:08:38Z'),\n ],\n dateRangeEndInclusive: false,\n expected: `(toStartOfHour(timestamp) >= toStartOfHour(fromUnixTimestamp64Milli(${new Date('2025-02-12 03:53:38Z').getTime()})) AND toStartOfHour(timestamp) <= toStartOfHour(fromUnixTimestamp64Milli(${new Date('2025-02-12 04:08:38Z').getTime()})))`,\n },\n {\n description:\n 'with compound expression and dateRangeEndInclusive=false (raw col exclusive, toStartOf inclusive)',\n timestampValueExpression: 'timestamp, toStartOfHour(timestamp)',\n dateRange: [\n new Date('2025-02-12 03:53:38Z'),\n new Date('2025-02-12 04:08:38Z'),\n ],\n dateRangeEndInclusive: false,\n expected: `(timestamp >= fromUnixTimestamp64Milli(${new Date('2025-02-12 03:53:38Z').getTime()}) AND timestamp < fromUnixTimestamp64Milli(${new Date('2025-02-12 04:08:38Z').getTime()}))AND(toStartOfHour(timestamp) >= toStartOfHour(fromUnixTimestamp64Milli(${new Date('2025-02-12 03:53:38Z').getTime()})) AND toStartOfHour(timestamp) <= toStartOfHour(fromUnixTimestamp64Milli(${new Date('2025-02-12 04:08:38Z').getTime()})))`,\n },\n {\n description:\n 'with toStartOfHour and dateRangeStartInclusive=false (must stay inclusive on coarse filter)',\n timestampValueExpression: 'toStartOfHour(timestamp)',\n dateRange: [\n new Date('2025-02-12 03:53:38Z'),\n new Date('2025-02-12 04:08:38Z'),\n ],\n dateRangeStartInclusive: false,\n expected: `(toStartOfHour(timestamp) >= toStartOfHour(fromUnixTimestamp64Milli(${new Date('2025-02-12 03:53:38Z').getTime()})) AND toStartOfHour(timestamp) <= toStartOfHour(fromUnixTimestamp64Milli(${new Date('2025-02-12 04:08:38Z').getTime()})))`,\n },\n ];\n\n beforeEach(() => {\n mockMetadata.getColumn.mockImplementation(async ({ column }) =>\n column === 'date'\n ? ({ type: 'Date' } as ColumnMeta)\n : ({ type: 'DateTime' } as ColumnMeta),\n );\n });\n\n it.each(testCases)(\n 'should generate a time filter expression $description',\n async ({\n timestampValueExpression,\n dateRangeEndInclusive = true,\n dateRangeStartInclusive = true,\n dateRange,\n expected,\n includedDataInterval,\n tableName = 'target_table',\n databaseName = 'default',\n primaryKey,\n }) => {\n if (primaryKey) {\n mockMetadata.getTableMetadata.mockResolvedValue({\n primary_key: primaryKey,\n } as any);\n }\n\n const actual = await timeFilterExpr({\n timestampValueExpression,\n dateRangeEndInclusive,\n dateRangeStartInclusive,\n dateRange,\n connectionId: 'test-connection',\n databaseName,\n tableName,\n metadata: mockMetadata,\n includedDataInterval,\n });\n\n const actualSql = parameterizedQueryToSql(actual);\n expect(actualSql).toBe(expected);\n },\n );\n });\n\n it('should not generate invalid SQL when primary key wraps toStartOfInterval', async () => {\n mockMetadata.getTableMetadata.mockResolvedValue({\n primary_key:\n 'proxy_tier, status, is_customer_content, -toInt64(toStartOfInterval(timestamp, toIntervalMinute(15))), service_id',\n } as any);\n\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Table,\n connection: 'test-connection',\n from: {\n databaseName: 'default',\n tableName: 'http_request_logs',\n },\n select: 'timestamp, cluster_id, service_id',\n where: '',\n whereLanguage: 'sql',\n timestampValueExpression: 'timestamp',\n dateRange: [\n new Date('2025-02-12 00:12:34Z'),\n new Date('2025-02-14 00:12:34Z'),\n ],\n limit: { limit: 200, offset: 0 },\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).not.toContain('toStartOfInterval(fromUnixTimestamp64Milli');\n expect(actual).toMatchSnapshot();\n });\n\n describe('Aggregate Merge Functions', () => {\n it('should generate SQL for an aggregate merge function', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Table,\n connection: 'test-connection',\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n select: [\n {\n aggFn: 'avgMerge',\n valueExpression: 'Duration',\n },\n ],\n where: '',\n whereLanguage: 'sql',\n groupBy: 'severity',\n timestampValueExpression: 'timestamp',\n dateRange: [new Date('2025-02-12'), new Date('2025-02-14')],\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toContain('avgMerge(Duration)');\n expect(actual).toMatchSnapshot();\n });\n\n it('should generate SQL for an aggregate merge function with a condition', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Table,\n connection: 'test-connection',\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n select: [\n {\n aggFn: 'avgMerge',\n valueExpression: 'Duration',\n aggCondition: 'severity:\"ERROR\"',\n aggConditionLanguage: 'lucene',\n },\n ],\n where: '',\n whereLanguage: 'sql',\n groupBy: 'severity',\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toContain(\n \"avgMergeIf(Duration, ((severity = 'ERROR')) AND toFloat64OrDefault(toString(Duration)) IS NOT NULL)\",\n );\n expect(actual).toMatchSnapshot();\n });\n\n it('should generate SQL for an quantile merge function with a condition', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Table,\n connection: 'test-connection',\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n select: [\n {\n aggFn: 'quantileMerge',\n aggCondition: 'severity:\"ERROR\"',\n aggConditionLanguage: 'lucene',\n valueExpression: 'Duration',\n level: 0.95,\n },\n ],\n where: '',\n whereLanguage: 'sql',\n groupBy: 'severity',\n timestampValueExpression: 'timestamp',\n dateRange: [new Date('2025-02-12'), new Date('2025-02-14')],\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toContain(\n \"quantileMergeIf(0.95)(Duration, ((severity = 'ERROR')) AND toFloat64OrDefault(toString(Duration)) IS NOT NULL)\",\n );\n expect(actual).toMatchSnapshot();\n });\n\n it('should generate SQL for an histogram merge function', async () => {\n const config: ChartConfigWithOptDateRange = {\n displayType: DisplayType.Table,\n connection: 'test-connection',\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n select: [\n {\n aggFn: 'histogramMerge',\n valueExpression: 'Duration',\n level: 20,\n },\n ],\n where: '',\n whereLanguage: 'sql',\n groupBy: 'severity',\n timestampValueExpression: 'timestamp',\n dateRange: [new Date('2025-02-12'), new Date('2025-02-14')],\n };\n\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toContain('histogramMerge(20)(Duration)');\n expect(actual).toMatchSnapshot();\n });\n });\n\n describe('SETTINGS clause', () => {\n const config: ChartConfigWithOptDateRangeEx = {\n displayType: DisplayType.Table,\n connection: 'test-connection',\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n select: [\n {\n aggFn: 'histogramMerge',\n valueExpression: 'Duration',\n level: 20,\n },\n ],\n where: '',\n whereLanguage: 'sql',\n groupBy: 'severity',\n timestampValueExpression: 'timestamp',\n dateRange: [new Date('2025-02-12'), new Date('2025-02-14')],\n };\n\n test('should apply the \"query settings\" settings to the query', async () => {\n const generatedSql = await renderChartConfig(\n config,\n mockMetadata,\n querySettings,\n );\n\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toContain(\n \"SETTINGS optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\",\n );\n expect(actual).toMatchSnapshot();\n });\n\n test('should apply the \"chart config\" settings to the query', async () => {\n const generatedSql = await renderChartConfig(\n {\n ...config,\n settings: chSql`short_circuit_function_evaluation = 'force_enable'`,\n },\n mockMetadata,\n querySettings,\n );\n\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toContain(\n \"SETTINGS short_circuit_function_evaluation = 'force_enable'\",\n );\n expect(actual).toMatchSnapshot();\n });\n\n test('should concat the \"chart config\" and \"query setting\" settings and apply them to the query', async () => {\n const generatedSql = await renderChartConfig(\n {\n ...config,\n settings: chSql`short_circuit_function_evaluation = 'force_enable'`,\n },\n mockMetadata,\n querySettings,\n );\n\n const actual = parameterizedQueryToSql(generatedSql);\n expect(actual).toContain(\n \"SETTINGS short_circuit_function_evaluation = 'force_enable', optimize_read_in_order = 0, cast_keep_nullable = 1, additional_result_filter = 'x != 2', count_distinct_implementation = 'uniqCombined64', async_insert_busy_timeout_min_ms = 20000\",\n );\n expect(actual).toMatchSnapshot();\n });\n });\n\n it('returns sqlTemplate verbatim for raw sql config', async () => {\n const rawSqlConfig: ChartConfigWithOptDateRangeEx = {\n configType: 'sql',\n sqlTemplate: 'SELECT count() FROM logs WHERE level = {level:String}',\n connection: 'conn-1',\n };\n const result = await renderChartConfig(\n rawSqlConfig,\n mockMetadata,\n undefined,\n );\n expect(result.sql).toBe(\n 'SELECT count() FROM logs WHERE level = {level:String}',\n );\n expect(result.params).toEqual({\n startDateMilliseconds: undefined,\n endDateMilliseconds: undefined,\n });\n });\n\n it('injects startDateMilliseconds and endDateMilliseconds params for raw sql config with dateRange', async () => {\n const start = new Date('2024-01-01T00:00:00.000Z');\n const end = new Date('2024-01-02T00:00:00.000Z');\n const rawSqlConfig: ChartConfigWithOptDateRangeEx = {\n configType: 'sql',\n sqlTemplate:\n 'SELECT count() FROM logs WHERE ts BETWEEN {startDateMilliseconds:Int64} AND {endDateMilliseconds:Int64}',\n connection: 'conn-1',\n dateRange: [start, end],\n };\n const result = await renderChartConfig(\n rawSqlConfig,\n mockMetadata,\n undefined,\n );\n expect(result.sql).toBe(\n 'SELECT count() FROM logs WHERE ts BETWEEN {startDateMilliseconds:Int64} AND {endDateMilliseconds:Int64}',\n );\n expect(result.params).toEqual({\n startDateMilliseconds: start.getTime(),\n endDateMilliseconds: end.getTime(),\n });\n });\n\n describe('raw sql macro replacement', () => {\n const start = new Date('2024-01-01T00:00:00.000Z');\n const end = new Date('2024-01-02T00:00:00.000Z');\n\n it('replaces $__dateFilter macro in raw sql config', async () => {\n const result = await renderChartConfig(\n {\n configType: 'sql',\n sqlTemplate: 'SELECT * FROM logs WHERE $__dateFilter(d)',\n connection: 'conn-1',\n dateRange: [start, end],\n },\n mockMetadata,\n undefined,\n );\n expect(result.sql).toBe(\n 'SELECT * FROM logs WHERE d >= toDate(fromUnixTimestamp64Milli({startDateMilliseconds:Int64})) AND d <= toDate(fromUnixTimestamp64Milli({endDateMilliseconds:Int64}))',\n );\n expect(result.params.startDateMilliseconds).toBe(start.getTime());\n expect(result.params.endDateMilliseconds).toBe(end.getTime());\n });\n\n it('replaces $__timeFilter macro in raw sql config', async () => {\n const result = await renderChartConfig(\n {\n configType: 'sql',\n sqlTemplate: 'SELECT * FROM logs WHERE $__timeFilter(ts)',\n connection: 'conn-1',\n dateRange: [start, end],\n },\n mockMetadata,\n undefined,\n );\n expect(result.sql).toBe(\n 'SELECT * FROM logs WHERE ts >= toDateTime(fromUnixTimestamp64Milli({startDateMilliseconds:Int64})) AND ts <= toDateTime(fromUnixTimestamp64Milli({endDateMilliseconds:Int64}))',\n );\n });\n\n it('replaces $__timeFilter_ms macro in raw sql config', async () => {\n const result = await renderChartConfig(\n {\n configType: 'sql',\n sqlTemplate: 'SELECT * FROM logs WHERE $__timeFilter_ms(ts)',\n connection: 'conn-1',\n dateRange: [start, end],\n },\n mockMetadata,\n undefined,\n );\n expect(result.sql).toBe(\n 'SELECT * FROM logs WHERE ts >= fromUnixTimestamp64Milli({startDateMilliseconds:Int64}) AND ts <= fromUnixTimestamp64Milli({endDateMilliseconds:Int64})',\n );\n });\n\n it('replaces $__fromTime and $__toTime macros in raw sql config', async () => {\n const result = await renderChartConfig(\n {\n configType: 'sql',\n sqlTemplate:\n 'SELECT * FROM logs WHERE ts >= $__fromTime AND ts <= $__toTime',\n connection: 'conn-1',\n dateRange: [start, end],\n },\n mockMetadata,\n undefined,\n );\n expect(result.sql).toBe(\n 'SELECT * FROM logs WHERE ts >= toDateTime(fromUnixTimestamp64Milli({startDateMilliseconds:Int64})) AND ts <= toDateTime(fromUnixTimestamp64Milli({endDateMilliseconds:Int64}))',\n );\n });\n\n it('replaces $__fromTime_ms and $__toTime_ms macros in raw sql config', async () => {\n const result = await renderChartConfig(\n {\n configType: 'sql',\n sqlTemplate:\n 'SELECT * FROM logs WHERE ts >= $__fromTime_ms AND ts <= $__toTime_ms',\n connection: 'conn-1',\n dateRange: [start, end],\n },\n mockMetadata,\n undefined,\n );\n expect(result.sql).toBe(\n 'SELECT * FROM logs WHERE ts >= fromUnixTimestamp64Milli({startDateMilliseconds:Int64}) AND ts <= fromUnixTimestamp64Milli({endDateMilliseconds:Int64})',\n );\n });\n\n it('replaces $__dateTimeFilter macro in raw sql config', async () => {\n const result = await renderChartConfig(\n {\n configType: 'sql',\n sqlTemplate: 'SELECT * FROM logs WHERE $__dateTimeFilter(d, ts)',\n connection: 'conn-1',\n dateRange: [start, end],\n },\n mockMetadata,\n undefined,\n );\n expect(result.sql).toBe(\n 'SELECT * FROM logs WHERE (d >= toDate(fromUnixTimestamp64Milli({startDateMilliseconds:Int64})) AND d <= toDate(fromUnixTimestamp64Milli({endDateMilliseconds:Int64}))) AND (ts >= toDateTime(fromUnixTimestamp64Milli({startDateMilliseconds:Int64})) AND ts <= toDateTime(fromUnixTimestamp64Milli({endDateMilliseconds:Int64})))',\n );\n });\n\n it('replaces $__timeInterval macro in raw sql Line config', async () => {\n const result = await renderChartConfig(\n {\n configType: 'sql',\n sqlTemplate:\n 'SELECT $__timeInterval(ts) AS t, count() FROM logs WHERE $__timeFilter(ts) GROUP BY t',\n connection: 'conn-1',\n displayType: DisplayType.Line,\n dateRange: [start, end],\n },\n mockMetadata,\n undefined,\n );\n expect(result.sql).toContain(\n 'toStartOfInterval(toDateTime(ts), INTERVAL {intervalSeconds:Int64} second)',\n );\n expect(result.sql).toContain(\n 'ts >= toDateTime(fromUnixTimestamp64Milli({startDateMilliseconds:Int64}))',\n );\n expect(result.params.intervalSeconds).toBeGreaterThan(0);\n });\n\n it('replaces $__interval_s macro in raw sql config', async () => {\n const result = await renderChartConfig(\n {\n configType: 'sql',\n sqlTemplate:\n 'SELECT toStartOfInterval(ts, INTERVAL $__interval_s second) FROM logs',\n connection: 'conn-1',\n displayType: DisplayType.Line,\n dateRange: [start, end],\n },\n mockMetadata,\n undefined,\n );\n expect(result.sql).toBe(\n 'SELECT toStartOfInterval(ts, INTERVAL {intervalSeconds:Int64} second) FROM logs',\n );\n expect(result.params.intervalSeconds).toBeGreaterThan(0);\n });\n\n it('passes through raw sql with no macros unchanged', async () => {\n const sql =\n 'SELECT count() FROM logs WHERE ts >= {startDateMilliseconds:Int64}';\n const result = await renderChartConfig(\n {\n configType: 'sql',\n sqlTemplate: sql,\n connection: 'conn-1',\n dateRange: [start, end],\n },\n mockMetadata,\n undefined,\n );\n expect(result.sql).toBe(sql);\n });\n\n it('replaces $__filters macro with rendered filter conditions', async () => {\n const result = await renderChartConfig(\n {\n configType: 'sql',\n sqlTemplate:\n 'SELECT * FROM logs WHERE $__timeFilter(ts) AND $__filters',\n connection: 'conn-1',\n dateRange: [start, end],\n source: 'source-1',\n from: { databaseName: 'default', tableName: 'logs' },\n filters: [\n { type: 'sql', condition: \"ServiceName = 'api'\" },\n { type: 'sql_ast', operator: '>', left: 'duration', right: '100' },\n ],\n },\n mockMetadata,\n undefined,\n );\n expect(result.sql).toContain(\n \"AND ((ServiceName = 'api') AND (duration > 100))\",\n );\n });\n\n it('replaces $__filters with 1 = 1 when no filters provided', async () => {\n const result = await renderChartConfig(\n {\n configType: 'sql',\n sqlTemplate: 'SELECT * FROM logs WHERE $__filters',\n connection: 'conn-1',\n dateRange: [start, end],\n },\n mockMetadata,\n undefined,\n );\n expect(result.sql).toBe(\n 'SELECT * FROM logs WHERE (1=1 /** no filters applied */)',\n );\n });\n\n it('replaces $__filters with 1 = 1 when source and from are defined but filters is empty', async () => {\n const result = await renderChartConfig(\n {\n configType: 'sql',\n sqlTemplate: 'SELECT * FROM logs WHERE $__filters',\n connection: 'conn-1',\n dateRange: [start, end],\n source: 'source-1',\n from: { databaseName: 'default', tableName: 'logs' },\n filters: [],\n },\n mockMetadata,\n undefined,\n );\n expect(result.sql).toBe(\n 'SELECT * FROM logs WHERE (1=1 /** no filters applied */)',\n );\n });\n\n it('renders lucene filters to SQL in $__filters when source is specified', async () => {\n mockMetadata.getMaterializedColumnsLookupTable = jest\n .fn()\n .mockResolvedValue(new Map());\n const result = await renderChartConfig(\n {\n configType: 'sql',\n sqlTemplate: 'SELECT * FROM logs WHERE $__filters',\n connection: 'conn-1',\n dateRange: [start, end],\n source: 'source-1',\n from: { databaseName: 'default', tableName: 'logs' },\n implicitColumnExpression: 'Body',\n filters: [{ type: 'lucene', condition: 'ServiceName:api' }],\n },\n mockMetadata,\n undefined,\n );\n expect(result.sql).toBe(\n \"SELECT * FROM logs WHERE (((ServiceName ILIKE '%api%')))\",\n );\n });\n\n it('renders mixed lucene and sql filters in $__filters', async () => {\n mockMetadata.getMaterializedColumnsLookupTable = jest\n .fn()\n .mockResolvedValue(new Map());\n const result = await renderChartConfig(\n {\n configType: 'sql',\n sqlTemplate: 'SELECT * FROM logs WHERE $__filters',\n connection: 'conn-1',\n dateRange: [start, end],\n source: 'source-1',\n from: { databaseName: 'default', tableName: 'logs' },\n implicitColumnExpression: 'Body',\n filters: [\n { type: 'lucene', condition: 'ServiceName:api' },\n { type: 'sql', condition: 'duration > 100' },\n ],\n },\n mockMetadata,\n undefined,\n );\n expect(result.sql).toBe(\n \"SELECT * FROM logs WHERE (((ServiceName ILIKE '%api%')) AND (duration > 100))\",\n );\n });\n\n it('skips filters without source metadata (no from)', async () => {\n const result = await renderChartConfig(\n {\n configType: 'sql',\n sqlTemplate: 'SELECT * FROM logs WHERE $__filters',\n connection: 'conn-1',\n dateRange: [start, end],\n filters: [\n { type: 'lucene', condition: 'ServiceName:api' },\n { type: 'sql', condition: 'duration > 100' },\n ],\n },\n mockMetadata,\n undefined,\n );\n expect(result.sql).toBe(\n 'SELECT * FROM logs WHERE (1=1 /** no filters applied */)',\n );\n });\n });\n});\n" }, { "path": "packages/common-utils/src/__tests__/sqlFormatter.test.ts", "content": "import { format } from '../sqlFormatter';\n\ndescribe('sqlFormatter(clickhouse)', () => {\n test('should work with normal query', () => {\n const input =\n \"SELECT countIf((ServiceName = 'hdx-oss-dev-api')),toStartOfInterval(toDateTime(TimestampTime), INTERVAL 6 hour) AS `__hdx_time_bucket` FROM default.otel_logs WHERE (TimestampTime >= fromUnixTimestamp64Milli(1741887731578) AND TimestampTime <= fromUnixTimestamp64Milli(1742492531585)) AND ((ServiceName = 'hdx-oss-dev-api')) GROUP BY toStartOfInterval(toDateTime(TimestampTime), INTERVAL 6 hour) AS `__hdx_time_bucket` ORDER BY toStartOfInterval(toDateTime(TimestampTime), INTERVAL 6 hour) AS `__hdx_time_bucket`\";\n const expected = `SELECT\n countIf ((ServiceName = 'hdx-oss-dev-api')),\n toStartOfInterval (toDateTime (TimestampTime), INTERVAL 6 hour) AS \\`__hdx_time_bucket\\`\nFROM\n default.otel_logs\nWHERE\n (\n TimestampTime >= fromUnixTimestamp64Milli (1741887731578)\n AND TimestampTime <= fromUnixTimestamp64Milli (1742492531585)\n )\n AND ((ServiceName = 'hdx-oss-dev-api'))\nGROUP BY\n toStartOfInterval (toDateTime (TimestampTime), INTERVAL 6 hour) AS \\`__hdx_time_bucket\\`\nORDER BY\n toStartOfInterval (toDateTime (TimestampTime), INTERVAL 6 hour) AS \\`__hdx_time_bucket\\``;\n expect(format(input)).toBe(expected);\n });\n\n test('should work with brackets query', () => {\n const input =\n \"SELECT countIf(ResourceAttributes['telemetry.sdk.language'] = 'nodejs'),ResourceAttributes['telemetry.sdk.language'],toStartOfInterval(toDateTime(TimestampTime), INTERVAL 6 hour) AS `__hdx_time_bucket` FROM default.otel_logs WHERE (TimestampTime >= fromUnixTimestamp64Milli(1741887731578) AND TimestampTime <= fromUnixTimestamp64Milli(1742492531585)) AND (ResourceAttributes['telemetry.sdk.language'] = 'nodejs') GROUP BY ResourceAttributes['telemetry.sdk.language'],toStartOfInterval(toDateTime(TimestampTime), INTERVAL 6 hour) AS `__hdx_time_bucket` ORDER BY toStartOfInterval(toDateTime(TimestampTime), INTERVAL 6 hour) AS `__hdx_time_bucket`\";\n const expected = `SELECT\n countIf (\n ResourceAttributes['telemetry.sdk.language'] = 'nodejs'\n ),\n ResourceAttributes['telemetry.sdk.language'],\n toStartOfInterval (toDateTime (TimestampTime), INTERVAL 6 hour) AS \\`__hdx_time_bucket\\`\nFROM\n default.otel_logs\nWHERE\n (\n TimestampTime >= fromUnixTimestamp64Milli (1741887731578)\n AND TimestampTime <= fromUnixTimestamp64Milli (1742492531585)\n )\n AND (\n ResourceAttributes['telemetry.sdk.language'] = 'nodejs'\n )\nGROUP BY\n ResourceAttributes['telemetry.sdk.language'],\n toStartOfInterval (toDateTime (TimestampTime), INTERVAL 6 hour) AS \\`__hdx_time_bucket\\`\nORDER BY\n toStartOfInterval (toDateTime (TimestampTime), INTERVAL 6 hour) AS \\`__hdx_time_bucket\\``;\n expect(format(input)).toBe(expected);\n });\n\n test('should work with lucene brackets query', () => {\n const input =\n \"SELECT countIf((`ResourceAttributes`['telemetry.sdk.language'] = 'nodejs')),ResourceAttributes['telemetry.sdk.language'],toStartOfInterval(toDateTime(TimestampTime), INTERVAL 6 hour) AS `__hdx_time_bucket` FROM default.otel_logs WHERE (TimestampTime >= fromUnixTimestamp64Milli(1741887731578) AND TimestampTime <= fromUnixTimestamp64Milli(1742492531585)) AND ((`ResourceAttributes`['telemetry.sdk.language'] = 'nodejs')) GROUP BY ResourceAttributes['telemetry.sdk.language'],toStartOfInterval(toDateTime(TimestampTime), INTERVAL 6 hour) AS `__hdx_time_bucket` ORDER BY toStartOfInterval(toDateTime(TimestampTime), INTERVAL 6 hour) AS `__hdx_time_bucket`\";\n const expected = `SELECT\n countIf (\n (\n \\`ResourceAttributes\\` ['telemetry.sdk.language'] = 'nodejs'\n )\n ),\n ResourceAttributes['telemetry.sdk.language'],\n toStartOfInterval (toDateTime (TimestampTime), INTERVAL 6 hour) AS \\`__hdx_time_bucket\\`\nFROM\n default.otel_logs\nWHERE\n (\n TimestampTime >= fromUnixTimestamp64Milli (1741887731578)\n AND TimestampTime <= fromUnixTimestamp64Milli (1742492531585)\n )\n AND (\n (\n \\`ResourceAttributes\\` ['telemetry.sdk.language'] = 'nodejs'\n )\n )\nGROUP BY\n ResourceAttributes['telemetry.sdk.language'],\n toStartOfInterval (toDateTime (TimestampTime), INTERVAL 6 hour) AS \\`__hdx_time_bucket\\`\nORDER BY\n toStartOfInterval (toDateTime (TimestampTime), INTERVAL 6 hour) AS \\`__hdx_time_bucket\\``;\n expect(format(input)).toBe(expected);\n });\n\n test('should work with mod operator', () => {\n const input = 'SELECT 10 % 2 FROM table';\n const expected = `SELECT\n 10 % 2\nFROM\n table`;\n expect(format(input)).toBe(expected);\n });\n});\n" }, { "path": "packages/common-utils/src/__tests__/utils.test.ts", "content": "import { z } from 'zod';\n\nimport { isBuilderSavedChartConfig } from '@/guards';\nimport {\n BuilderChartConfigWithDateRange,\n Connection,\n DashboardSchema,\n MetricsDataType,\n SourceKind,\n TSource,\n} from '@/types';\n\nimport {\n aliasMapToWithClauses,\n convertToDashboardTemplate,\n extractSettingsClauseFromEnd,\n findJsonExpressions,\n formatDate,\n getAlignedDateRange,\n getDistributedTableArgs,\n getFirstOrderingItem,\n isFirstOrderByAscending,\n isJsonExpression,\n isTimestampExpressionInFirstOrderBy,\n joinQuerySettings,\n optimizeTimestampValueExpression,\n parseTokenizerFromTextIndex,\n parseToNumber,\n parseToStartOfFunction,\n replaceJsonExpressions,\n splitAndTrimCSV,\n splitAndTrimWithBracket,\n} from '../core/utils';\n\ndescribe('utils', () => {\n describe('formatDate', () => {\n it('12h utc', () => {\n const date = new Date('2021-01-01T12:00:00Z');\n expect(\n formatDate(date, {\n clock: '12h',\n isUTC: true,\n }),\n ).toEqual('Jan 1 12:00:00 PM');\n });\n\n it('24h utc', () => {\n const date = new Date('2021-01-01T12:00:00Z');\n expect(\n formatDate(date, {\n clock: '24h',\n isUTC: true,\n format: 'withMs',\n }),\n ).toEqual('Jan 1 12:00:00.000');\n });\n\n it('12h local', () => {\n const date = new Date('2021-01-01T12:00:00');\n expect(\n formatDate(date, {\n clock: '12h',\n isUTC: false,\n }),\n ).toEqual('Jan 1 12:00:00 PM');\n });\n\n it('24h local', () => {\n const date = new Date('2021-01-01T12:00:00');\n expect(\n formatDate(date, {\n clock: '24h',\n isUTC: false,\n format: 'withMs',\n }),\n ).toEqual('Jan 1 12:00:00.000');\n });\n });\n\n describe('splitAndTrimCSV', () => {\n it('should split a comma-separated string and trim whitespace', () => {\n expect(splitAndTrimCSV('a, b, c')).toEqual(['a', 'b', 'c']);\n });\n\n it('should handle strings with no spaces', () => {\n expect(splitAndTrimCSV('a,b,c')).toEqual(['a', 'b', 'c']);\n });\n\n it('should filter out empty values', () => {\n expect(splitAndTrimCSV('a,b,,c,')).toEqual(['a', 'b', 'c']);\n });\n\n it('should handle strings with extra whitespace', () => {\n expect(splitAndTrimCSV(' a , b , c ')).toEqual(['a', 'b', 'c']);\n });\n\n it('should return an empty array for an empty string', () => {\n expect(splitAndTrimCSV('')).toEqual([]);\n });\n\n it('should handle a string with only commas and whitespace', () => {\n expect(splitAndTrimCSV(',, ,,')).toEqual([]);\n });\n });\n\n describe('splitAndTrimWithBracket', () => {\n it('should split a simple comma-separated string', () => {\n const input = 'column1, column2, column3';\n const expected = ['column1', 'column2', 'column3'];\n expect(splitAndTrimWithBracket(input)).toEqual(expected);\n });\n\n it('should handle function calls with commas in parameters', () => {\n const input =\n \"Timestamp, ServiceName, JSONExtractString(Body, 'c'), JSONExtractString(Body, 'msg')\";\n const expected = [\n 'Timestamp',\n 'ServiceName',\n \"JSONExtractString(Body, 'c')\",\n \"JSONExtractString(Body, 'msg')\",\n ];\n expect(splitAndTrimWithBracket(input)).toEqual(expected);\n });\n\n it('should handle nested function calls', () => {\n const input = 'col1, func1(a, b), col2, func2(c, func3(d, e)), col3';\n const expected = [\n 'col1',\n 'func1(a, b)',\n 'col2',\n 'func2(c, func3(d, e))',\n 'col3',\n ];\n expect(splitAndTrimWithBracket(input)).toEqual(expected);\n });\n\n it('should handle square brackets in column expressions', () => {\n const input = \"col1, array[1, 2, 3], jsonb_path_query(data, '$[*]')\";\n const expected = [\n 'col1',\n 'array[1, 2, 3]',\n \"jsonb_path_query(data, '$[*]')\",\n ];\n expect(splitAndTrimWithBracket(input)).toEqual(expected);\n });\n\n it('should handle mixed parentheses and square brackets', () => {\n const input = \"col1, func(array[1, 2], obj['key']), col2['nested'][0]\";\n const expected = [\n 'col1',\n \"func(array[1, 2], obj['key'])\",\n \"col2['nested'][0]\",\n ];\n expect(splitAndTrimWithBracket(input)).toEqual(expected);\n });\n\n it('should trim whitespace from resulting columns', () => {\n const input = ' col1 , func(a, b) , col2 ';\n const expected = ['col1', 'func(a, b)', 'col2'];\n expect(splitAndTrimWithBracket(input)).toEqual(expected);\n });\n\n it('should handle empty input', () => {\n expect(splitAndTrimWithBracket('')).toEqual([]);\n });\n\n it('should handle input with only spaces', () => {\n expect(splitAndTrimWithBracket(' ')).toEqual([]);\n });\n\n it('should skip empty elements', () => {\n const input = 'col1,,col2, ,col3';\n const expected = ['col1', 'col2', 'col3'];\n expect(splitAndTrimWithBracket(input)).toEqual(expected);\n });\n\n it('should handle quoted strings with commas', () => {\n const input = \"col1, concat('Hello, World!'), col2\";\n const expected = ['col1', \"concat('Hello, World!')\", 'col2'];\n expect(splitAndTrimWithBracket(input)).toEqual(expected);\n });\n\n it('should handle double quoted strings with commas', () => {\n const input = 'col1, \"quoted, string\", col3';\n const expected = ['col1', '\"quoted, string\"', 'col3'];\n expect(splitAndTrimWithBracket(input)).toEqual(expected);\n });\n\n it('should handle single quoted strings with commas', () => {\n const input = `col1, 'quoted, string', col3`;\n const expected = ['col1', `'quoted, string'`, 'col3'];\n expect(splitAndTrimWithBracket(input)).toEqual(expected);\n });\n\n it('should handle mixed quotes with commas', () => {\n const input = `col1, \"double, quoted\", col2, 'single, quoted', col3`;\n const expected = [\n 'col1',\n `\"double, quoted\"`,\n 'col2',\n `'single, quoted'`,\n 'col3',\n ];\n expect(splitAndTrimWithBracket(input)).toEqual(expected);\n });\n\n it('should handle quotes inside function calls', () => {\n const input = 'col1, func(\"text with , comma\", \\'another, text\\'), col2';\n const expected = [\n 'col1',\n 'func(\"text with , comma\", \\'another, text\\')',\n 'col2',\n ];\n expect(splitAndTrimWithBracket(input)).toEqual(expected);\n });\n\n it('should handle brackets inside quoted strings', () => {\n const input =\n 'col1, \"string with (brackets, inside)\", col2, \\'string with [brackets, inside]\\', col3';\n const expected = [\n 'col1',\n '\"string with (brackets, inside)\"',\n 'col2',\n \"'string with [brackets, inside]'\",\n 'col3',\n ];\n expect(splitAndTrimWithBracket(input)).toEqual(expected);\n });\n\n it('should handle real-world SQL column list example', () => {\n const input =\n \"Timestamp, ServiceName, JSONExtractString(Body, 'c'), JSONExtractString(Body, 'msg'), Timestamp, \\\"foo, bar\\\"\";\n const expected = [\n 'Timestamp',\n 'ServiceName',\n \"JSONExtractString(Body, 'c')\",\n \"JSONExtractString(Body, 'msg')\",\n 'Timestamp',\n '\"foo, bar\"',\n ];\n expect(splitAndTrimWithBracket(input)).toEqual(expected);\n });\n\n it('should handle order-by clauses with order directions', () => {\n const input = 'toDate(Timestamp) ASC, Time ASC, ServiceName DESC';\n const expected = [\n 'toDate(Timestamp) ASC',\n 'Time ASC',\n 'ServiceName DESC',\n ];\n expect(splitAndTrimWithBracket(input)).toEqual(expected);\n });\n });\n\n describe('getFirstOrderingItem', () => {\n it('should return undefined for undefined input', () => {\n expect(getFirstOrderingItem(undefined)).toBeUndefined();\n });\n\n it('should return the first column name for a single column string input', () => {\n expect(getFirstOrderingItem('column1 DESC')).toBe('column1 DESC');\n });\n\n it('should return the first column name for a simple string input', () => {\n expect(getFirstOrderingItem('column1, column2 DESC, column3 ASC')).toBe(\n 'column1',\n );\n });\n\n it('should return the first column name for a simple string input', () => {\n expect(\n getFirstOrderingItem('column1 ASC, column2 DESC, column3 ASC'),\n ).toBe('column1 ASC');\n });\n\n it('should return the first column name for an array of objects input', () => {\n const orderBy: Exclude<\n BuilderChartConfigWithDateRange['orderBy'],\n string\n > = [\n { valueExpression: 'column1', ordering: 'ASC' },\n { valueExpression: 'column2', ordering: 'ASC' },\n ];\n expect(getFirstOrderingItem(orderBy)).toEqual({\n valueExpression: 'column1',\n ordering: 'ASC',\n });\n });\n });\n\n describe('isFirstOrderingOnTimestampExpression', () => {\n it('should return false if no orderBy is provided', () => {\n const config = {\n timestampValueExpression: 'Timestamp',\n orderBy: undefined,\n } as BuilderChartConfigWithDateRange;\n\n expect(isTimestampExpressionInFirstOrderBy(config)).toBe(false);\n });\n\n it('should return false if empty orderBy is provided', () => {\n const config = {\n timestampValueExpression: 'Timestamp',\n orderBy: '',\n } as BuilderChartConfigWithDateRange;\n\n expect(isTimestampExpressionInFirstOrderBy(config)).toBe(false);\n });\n\n it('should return false if the first ordering column is not in the timestampValueExpression', () => {\n const config = {\n timestampValueExpression: 'Timestamp',\n orderBy: 'ServiceName',\n } as BuilderChartConfigWithDateRange;\n\n expect(isTimestampExpressionInFirstOrderBy(config)).toBe(false);\n });\n\n it('should return false if the second ordering column is in the timestampValueExpression but the first is not', () => {\n const config = {\n timestampValueExpression: 'Timestamp',\n orderBy: 'ServiceName ASC, Timestamp',\n } as BuilderChartConfigWithDateRange;\n\n expect(isTimestampExpressionInFirstOrderBy(config)).toBe(false);\n });\n\n it('should return true if the first ordering column is the timestampValueExpression', () => {\n const config = {\n timestampValueExpression: 'Timestamp',\n orderBy: 'Timestamp',\n } as BuilderChartConfigWithDateRange;\n\n expect(isTimestampExpressionInFirstOrderBy(config)).toBe(true);\n });\n\n it('should return true if the first ordering column is a string and has a direction', () => {\n const config = {\n timestampValueExpression: 'Timestamp',\n orderBy: 'Timestamp DESC, ServiceName',\n } as BuilderChartConfigWithDateRange;\n\n expect(isTimestampExpressionInFirstOrderBy(config)).toBe(true);\n });\n\n it('should return true if the first ordering column is a string and has a lowercase direction', () => {\n const config = {\n timestampValueExpression: 'Timestamp',\n orderBy: 'Timestamp desc, ServiceName',\n } as BuilderChartConfigWithDateRange;\n\n expect(isTimestampExpressionInFirstOrderBy(config)).toBe(true);\n });\n\n it('should return true if the first ordering column is an object and is in the timestampValueExpression', () => {\n const config = {\n timestampValueExpression: 'Timestamp',\n orderBy: [\n { valueExpression: 'Timestamp', ordering: 'ASC' },\n { valueExpression: 'ServiceName', ordering: 'ASC' },\n ],\n } as BuilderChartConfigWithDateRange;\n\n expect(isTimestampExpressionInFirstOrderBy(config)).toBe(true);\n });\n\n it('should support toStartOf() timestampValueExpressions', () => {\n const config = {\n timestampValueExpression: 'toStartOfDay(Timestamp), Timestamp',\n orderBy: '(toStartOfDay(Timestamp)) DESC, Timestamp',\n } as BuilderChartConfigWithDateRange;\n\n expect(isTimestampExpressionInFirstOrderBy(config)).toBe(true);\n });\n\n it('should support toStartOf() timestampValueExpressions in tuples', () => {\n const config = {\n timestampValueExpression: 'toStartOfDay(Timestamp), Timestamp',\n orderBy: '(toStartOfHour(TimestampTime), TimestampTime) DESC',\n } as BuilderChartConfigWithDateRange;\n\n expect(isTimestampExpressionInFirstOrderBy(config)).toBe(true);\n });\n\n it('should support functions with multiple parameters in the order by', () => {\n const config = {\n timestampValueExpression:\n 'toStartOfInterval(TimestampTime, INTERVAL 1 DAY)',\n orderBy: 'toStartOfInterval(TimestampTime, INTERVAL 1 DAY) DESC',\n } as BuilderChartConfigWithDateRange;\n\n expect(isTimestampExpressionInFirstOrderBy(config)).toBe(true);\n });\n });\n\n describe('isFirstOrderingAscending', () => {\n it('should return true for ascending order in string input', () => {\n expect(isFirstOrderByAscending('column1 ASC, column2 DESC')).toBe(true);\n });\n\n it('should return true for lowercase, non-trimmed ascending order in string input', () => {\n expect(isFirstOrderByAscending(' column1 asc , column2 DESC')).toBe(true);\n });\n\n it('should return true for ascending order without explicit direction in string input', () => {\n expect(isFirstOrderByAscending('column1, column2 DESC')).toBe(true);\n });\n\n it('should return false for descending order in string input', () => {\n expect(isFirstOrderByAscending('column1 DESC, column2 ASC')).toBe(false);\n });\n\n it('should return false for lowercase, non-trimmed descending order in string input', () => {\n expect(isFirstOrderByAscending(' column1 desc , column2 ASC')).toBe(\n false,\n );\n });\n\n it('should return true for ascending order in object input', () => {\n const orderBy: Exclude<\n BuilderChartConfigWithDateRange['orderBy'],\n string\n > = [\n { valueExpression: 'column1', ordering: 'ASC' },\n { valueExpression: 'column2', ordering: 'DESC' },\n ];\n expect(isFirstOrderByAscending(orderBy)).toBe(true);\n });\n\n it('should return false for descending order in object input', () => {\n const orderBy: Exclude<\n BuilderChartConfigWithDateRange['orderBy'],\n string\n > = [\n { valueExpression: 'column1', ordering: 'DESC' },\n { valueExpression: 'column2', ordering: 'ASC' },\n ];\n expect(isFirstOrderByAscending(orderBy)).toBe(false);\n });\n\n it('should return false if no orderBy is provided', () => {\n expect(isFirstOrderByAscending(undefined)).toBe(false);\n });\n\n it('should support toStartOf() timestampValueExpressions in tuples', () => {\n const orderBy = '(toStartOfHour(TimestampTime), TimestampTime) DESC';\n expect(isFirstOrderByAscending(orderBy)).toBe(false);\n });\n\n it('should support toStartOf() timestampValueExpressions in tuples', () => {\n const orderBy = '(toStartOfHour(TimestampTime), TimestampTime) ASC';\n expect(isFirstOrderByAscending(orderBy)).toBe(true);\n });\n });\n\n describe('convertToDashboardTemplate', () => {\n it('should convert a dashboard to a dashboard template', () => {\n const dashboard: z.infer = {\n id: 'dashboard1',\n name: 'My Dashboard',\n tags: ['tag1', 'tag2'],\n tiles: [\n {\n id: 'tile1',\n config: {\n name: 'Log Tile',\n source: 'source1',\n select: '',\n where: '',\n },\n x: 0,\n y: 0,\n w: 6,\n h: 6,\n },\n {\n id: 'tile2',\n config: {\n name: 'Metric Tile',\n source: 'source2',\n select: '',\n where: '',\n },\n x: 6,\n y: 6,\n w: 6,\n h: 6,\n },\n ],\n filters: [\n {\n id: 'filter1',\n type: 'QUERY_EXPRESSION',\n name: 'SeverityFilter',\n expression: 'Severity',\n source: 'source1',\n },\n {\n id: 'filter2',\n type: 'QUERY_EXPRESSION',\n name: 'ServiceNameFilter',\n expression: 'ServiceName',\n source: 'source2',\n sourceMetricType: MetricsDataType.Gauge,\n },\n ],\n };\n\n const sources: TSource[] = [\n {\n id: 'source1',\n name: 'Logs',\n connection: 'connection1',\n kind: SourceKind.Log,\n from: {\n databaseName: 'db1',\n tableName: 'logs_table',\n },\n timestampValueExpression: 'Timestamp',\n defaultTableSelectExpression: '',\n },\n {\n id: 'source2',\n name: 'Metrics',\n connection: 'connection1',\n kind: SourceKind.Metric,\n from: {\n databaseName: 'db1',\n tableName: '',\n },\n metricTables: {\n gauge: 'gauge_table',\n sum: 'sum_table',\n histogram: 'histogram_table',\n 'exponential histogram': '',\n summary: '',\n },\n timestampValueExpression: 'Timestamp',\n resourceAttributesExpression: 'ResourceAttributes',\n },\n ];\n\n const template = convertToDashboardTemplate(dashboard, sources);\n expect(template).toEqual({\n name: 'My Dashboard',\n version: '0.1.0',\n tiles: [\n {\n id: 'tile1',\n config: {\n name: 'Log Tile',\n source: 'Logs',\n select: '',\n where: '',\n },\n x: 0,\n y: 0,\n w: 6,\n h: 6,\n },\n {\n id: 'tile2',\n config: {\n name: 'Metric Tile',\n source: 'Metrics',\n select: '',\n where: '',\n },\n x: 6,\n y: 6,\n w: 6,\n h: 6,\n },\n ],\n filters: [\n {\n id: 'filter1',\n type: 'QUERY_EXPRESSION',\n name: 'SeverityFilter',\n expression: 'Severity',\n source: 'Logs',\n },\n {\n id: 'filter2',\n type: 'QUERY_EXPRESSION',\n name: 'ServiceNameFilter',\n expression: 'ServiceName',\n source: 'Metrics',\n sourceMetricType: MetricsDataType.Gauge,\n },\n ],\n });\n });\n\n it('should convert a dashboard without filters to a dashboard template', () => {\n const dashboard: z.infer = {\n id: 'dashboard1',\n name: 'My Dashboard',\n tags: ['tag1', 'tag2'],\n tiles: [\n {\n id: 'tile1',\n config: {\n name: 'Log Tile',\n source: 'source1',\n select: '',\n where: '',\n },\n x: 0,\n y: 0,\n w: 6,\n h: 6,\n },\n {\n id: 'tile2',\n config: {\n name: 'Metric Tile',\n source: 'source2',\n select: '',\n where: '',\n },\n x: 6,\n y: 6,\n w: 6,\n h: 6,\n },\n ],\n };\n\n const sources: TSource[] = [\n {\n id: 'source1',\n name: 'Logs',\n connection: 'connection1',\n kind: SourceKind.Log,\n from: {\n databaseName: 'db1',\n tableName: 'logs_table',\n },\n timestampValueExpression: 'Timestamp',\n defaultTableSelectExpression: '',\n },\n {\n id: 'source2',\n name: 'Metrics',\n connection: 'connection1',\n kind: SourceKind.Metric,\n from: {\n databaseName: 'db1',\n tableName: '',\n },\n metricTables: {\n gauge: 'gauge_table',\n sum: 'sum_table',\n histogram: 'histogram_table',\n 'exponential histogram': '',\n summary: '',\n },\n timestampValueExpression: 'Timestamp',\n resourceAttributesExpression: 'ResourceAttributes',\n },\n ];\n\n const template = convertToDashboardTemplate(dashboard, sources);\n expect(template).toEqual({\n name: 'My Dashboard',\n version: '0.1.0',\n tiles: [\n {\n id: 'tile1',\n config: {\n name: 'Log Tile',\n source: 'Logs',\n select: '',\n where: '',\n },\n x: 0,\n y: 0,\n w: 6,\n h: 6,\n },\n {\n id: 'tile2',\n config: {\n name: 'Metric Tile',\n source: 'Metrics',\n select: '',\n where: '',\n },\n x: 6,\n y: 6,\n w: 6,\n h: 6,\n },\n ],\n });\n });\n\n it('should preserve level property for quantile aggFn in select', () => {\n const dashboard: z.infer = {\n id: 'dashboard1',\n name: 'Quantile Dashboard',\n tags: [],\n tiles: [\n {\n id: 'tile1',\n config: {\n name: 'P95 Latency',\n source: 'source1',\n select: [\n {\n aggFn: 'quantile',\n level: 0.95,\n aggCondition: '',\n aggConditionLanguage: 'lucene',\n valueExpression: 'Duration',\n },\n ],\n where: '',\n },\n x: 0,\n y: 0,\n w: 6,\n h: 6,\n },\n ],\n };\n\n const sources: TSource[] = [\n {\n id: 'source1',\n name: 'Logs',\n connection: 'connection1',\n kind: SourceKind.Log,\n from: {\n databaseName: 'db1',\n tableName: 'logs_table',\n },\n timestampValueExpression: 'Timestamp',\n defaultTableSelectExpression: '',\n },\n ];\n\n const template = convertToDashboardTemplate(dashboard, sources);\n const tileConfig = template.tiles[0].config;\n if (!isBuilderSavedChartConfig(tileConfig))\n throw new Error('Expected builder config');\n const selectList = tileConfig.select;\n expect(Array.isArray(selectList)).toBe(true);\n expect((selectList as any[])[0]).toMatchObject({\n aggFn: 'quantile',\n level: 0.95,\n });\n });\n\n it('should convert connection IDs to names for RawSQL tiles', () => {\n const dashboard: z.infer = {\n id: 'dashboard1',\n name: 'SQL Dashboard',\n tags: [],\n tiles: [\n {\n id: 'tile1',\n config: {\n name: 'SQL Tile',\n configType: 'sql',\n sqlTemplate: 'SELECT 1',\n connection: 'conn1',\n },\n x: 0,\n y: 0,\n w: 6,\n h: 6,\n },\n {\n id: 'tile2',\n config: {\n name: 'Another SQL Tile',\n configType: 'sql',\n sqlTemplate: 'SELECT 2',\n connection: 'conn2',\n },\n x: 6,\n y: 0,\n w: 6,\n h: 6,\n },\n ],\n };\n\n const connections: Connection[] = [\n {\n id: 'conn1',\n name: 'Production DB',\n host: 'http://localhost:8123',\n username: 'default',\n },\n {\n id: 'conn2',\n name: 'Staging DB',\n host: 'http://localhost:8124',\n username: 'default',\n },\n ];\n\n const template = convertToDashboardTemplate(dashboard, [], connections);\n expect(template.tiles[0].config).toMatchObject({\n configType: 'sql',\n connection: 'Production DB',\n });\n expect(template.tiles[1].config).toMatchObject({\n configType: 'sql',\n connection: 'Staging DB',\n });\n });\n\n it('should convert source IDs to names for RawSQL tiles with a source', () => {\n const dashboard: z.infer = {\n id: 'dashboard1',\n name: 'SQL Dashboard',\n tags: [],\n tiles: [\n {\n id: 'tile1',\n config: {\n name: 'SQL Tile With Source',\n configType: 'sql',\n sqlTemplate: 'SELECT 1',\n connection: 'conn1',\n source: 'source1',\n },\n x: 0,\n y: 0,\n w: 6,\n h: 6,\n },\n {\n id: 'tile2',\n config: {\n name: 'SQL Tile Without Source',\n configType: 'sql',\n sqlTemplate: 'SELECT 2',\n connection: 'conn1',\n },\n x: 6,\n y: 0,\n w: 6,\n h: 6,\n },\n ],\n };\n\n const sources: TSource[] = [\n {\n id: 'source1',\n kind: SourceKind.Log,\n name: 'My Logs',\n from: { databaseName: 'default', tableName: 'otel_logs' },\n timestampValueExpression: 'Timestamp',\n defaultTableSelectExpression: '',\n connection: 'conn1',\n },\n ];\n\n const connections: Connection[] = [\n {\n id: 'conn1',\n name: 'Production DB',\n host: 'http://localhost:8123',\n username: 'default',\n },\n ];\n\n const template = convertToDashboardTemplate(\n dashboard,\n sources,\n connections,\n );\n expect(template.tiles[0].config).toMatchObject({\n configType: 'sql',\n connection: 'Production DB',\n source: 'My Logs',\n });\n // Tile without source should not have source set\n expect(template.tiles[1].config).toMatchObject({\n configType: 'sql',\n connection: 'Production DB',\n });\n expect(\n (template.tiles[1].config as { source?: string }).source,\n ).toBeUndefined();\n });\n\n it('should fall back to empty string for unknown connection IDs in RawSQL tiles', () => {\n const dashboard: z.infer = {\n id: 'dashboard1',\n name: 'SQL Dashboard',\n tags: [],\n tiles: [\n {\n id: 'tile1',\n config: {\n name: 'SQL Tile',\n configType: 'sql',\n sqlTemplate: 'SELECT 1',\n connection: 'unknown-conn',\n },\n x: 0,\n y: 0,\n w: 6,\n h: 6,\n },\n ],\n };\n\n const template = convertToDashboardTemplate(dashboard, [], []);\n expect(template.tiles[0].config).toMatchObject({\n configType: 'sql',\n connection: '',\n });\n });\n });\n\n describe('isJsonExpression', () => {\n it('should return false for expressions without dots', () => {\n expect(isJsonExpression('col')).toBe(false);\n expect(isJsonExpression('columnName')).toBe(false);\n expect(isJsonExpression('column_name')).toBe(false);\n });\n\n it('should return true for simple JSON expressions', () => {\n expect(isJsonExpression('col.key')).toBe(true);\n expect(isJsonExpression('column.property')).toBe(true);\n });\n\n it('should return true for nested JSON expressions', () => {\n expect(isJsonExpression('col.key.nestedKey')).toBe(true);\n expect(isJsonExpression('a.b.c')).toBe(true);\n expect(isJsonExpression('json_col.col3.c')).toBe(true);\n });\n\n it('should return true for JSON expressions with double quotes', () => {\n expect(isJsonExpression('\"json_col\".\"key\"')).toBe(true);\n expect(isJsonExpression('\"a\".\"b\".\"cde\"')).toBe(true);\n expect(isJsonExpression('\"a_b.2c\".b.\"c.\"')).toBe(true);\n });\n\n it('should return true for JSON expressions with backticks', () => {\n expect(isJsonExpression('`a`.`b`.`cde`')).toBe(true);\n expect(isJsonExpression('`col`.`key`')).toBe(true);\n });\n\n it('should return true for mixed quoting styles', () => {\n expect(isJsonExpression('\"a\".b.`c`')).toBe(true);\n expect(isJsonExpression('a.\"b\".c')).toBe(true);\n });\n\n it('should return false for expressions with only one non-numeric part', () => {\n expect(isJsonExpression('col.')).toBe(false);\n expect(isJsonExpression('.col')).toBe(false);\n });\n\n it('should return false for decimal numbers', () => {\n expect(isJsonExpression('10.50')).toBe(false);\n expect(isJsonExpression('2.3')).toBe(false);\n expect(isJsonExpression('1.5')).toBe(false);\n });\n\n it('should return false for table.column references with numeric column', () => {\n expect(isJsonExpression('table.1')).toBe(false);\n });\n\n it('should return false for expressions with empty parts', () => {\n expect(isJsonExpression('.')).toBe(false);\n expect(isJsonExpression('..')).toBe(false);\n expect(isJsonExpression('a..')).toBe(false);\n });\n\n it('should handle dots inside double quotes correctly', () => {\n expect(isJsonExpression('\"a.b.c\"')).toBe(false);\n expect(isJsonExpression('\"a.b\".\"c.d\"')).toBe(true);\n });\n\n it('should handle dots inside backticks correctly', () => {\n expect(isJsonExpression('`a.b.c`')).toBe(false);\n expect(isJsonExpression('`a.b`.`c.d`')).toBe(true);\n });\n\n it('should return true for mixed quoted and unquoted parts', () => {\n expect(isJsonExpression('\"col.with.dots\".key')).toBe(true);\n expect(isJsonExpression('col.\"key.with.dots\"')).toBe(true);\n });\n\n it('should handle complex quoted identifiers', () => {\n expect(isJsonExpression('\"table.name\".\"column.name\".\"nested\"')).toBe(\n true,\n );\n });\n\n it('should handle expressions with underscores and numbers', () => {\n expect(isJsonExpression('col_1.key_2.nested_3')).toBe(true);\n expect(isJsonExpression('table123.column456')).toBe(true);\n });\n\n it('should return false for single quoted identifier', () => {\n expect(isJsonExpression('\"singleColumn\"')).toBe(false);\n expect(isJsonExpression('`singleColumn`')).toBe(false);\n });\n\n it('should handle type specifiers', () => {\n expect(isJsonExpression('a.b.:UInt64')).toBe(true);\n expect(isJsonExpression('col.key.:String')).toBe(true);\n });\n\n it('should handle whitespace in parts', () => {\n expect(isJsonExpression('a . b')).toBe(true);\n expect(isJsonExpression('a.b. c')).toBe(true);\n });\n\n it('should handle leading whitespace', () => {\n expect(isJsonExpression(' a.b.c')).toBe(true);\n expect(isJsonExpression(' col.key')).toBe(true);\n expect(isJsonExpression('\\ta.b')).toBe(true);\n });\n\n it('should handle trailing whitespace', () => {\n expect(isJsonExpression('a.b.c ')).toBe(true);\n expect(isJsonExpression('col.key ')).toBe(true);\n expect(isJsonExpression('a.b\\t')).toBe(true);\n });\n\n it('should handle leading and trailing whitespace', () => {\n expect(isJsonExpression(' a.b.c ')).toBe(true);\n expect(isJsonExpression(' col.key ')).toBe(true);\n expect(isJsonExpression('\\ta.b\\t')).toBe(true);\n });\n\n it('should correctly handle single quoted strings', () => {\n expect(isJsonExpression(\"'a'.b.c\")).toBe(false);\n expect(isJsonExpression(\"'a'.'b'\")).toBe(false);\n expect(isJsonExpression(\"'a' . 'b'\")).toBe(false);\n expect(isJsonExpression(\"'\")).toBe(false);\n expect(isJsonExpression(\"''\")).toBe(false);\n expect(isJsonExpression(\"`'a'`.b\")).toBe(true);\n expect(isJsonExpression(\"`'a`.b\")).toBe(true);\n });\n });\n\n describe('findJsonExpressions', () => {\n it('should handle empty expression', () => {\n const sql = '';\n const actual = findJsonExpressions(sql);\n const expected = [];\n expect(actual).toEqual(expected);\n });\n\n it('should find a single JSON expression', () => {\n const sql = 'SELECT a.b.c as alias1, col2 as alias2 FROM table';\n const actual = findJsonExpressions(sql);\n const expected = [{ index: 7, expr: 'a.b.c' }];\n expect(actual).toEqual(expected);\n });\n\n it('should find multiple JSON expression', () => {\n const sql = 'SELECT a.b.c, d.e, col2 FROM table';\n const actual = findJsonExpressions(sql);\n const expected = [\n { index: 7, expr: 'a.b.c' },\n { index: 14, expr: 'd.e' },\n ];\n expect(actual).toEqual(expected);\n });\n\n it('should find JSON expression with type specifier', () => {\n const sql = 'SELECT a.b.:UInt64, col2 FROM table';\n const actual = findJsonExpressions(sql);\n const expected = [{ index: 7, expr: 'a.b.:UInt64' }];\n expect(actual).toEqual(expected);\n });\n\n it('should find JSON expression with complex type specifier', () => {\n const sql = 'SELECT a.b.:Array(String) , col2 FROM table';\n const actual = findJsonExpressions(sql);\n const expected = [{ index: 7, expr: 'a.b.:Array(String)' }];\n expect(actual).toEqual(expected);\n });\n\n it('should find JSON expressions in WHERE clause ', () => {\n const sql =\n 'SELECT col2 FROM table WHERE a.b.:UInt64 = 1 AND toStartOfDay(a.date) = today()';\n const actual = findJsonExpressions(sql);\n const expected = [\n { index: 29, expr: 'a.b.:UInt64' },\n { index: 62, expr: 'a.date' },\n ];\n expect(actual).toEqual(expected);\n });\n\n it('should find JSON expressions in function calls', () => {\n const sql = \"SELECT JSONExtractString(a.b.c, 'key') FROM table\";\n const actual = findJsonExpressions(sql);\n const expected = [{ index: 25, expr: 'a.b.c' }];\n expect(actual).toEqual(expected);\n });\n\n it('should not find JSON expressions in quoted strings', () => {\n const sql =\n \"SELECT a.b.c, ResourceAttributes['key.key2'], 'a.b.c' FROM table\";\n const actual = findJsonExpressions(sql);\n const expected = [\n {\n index: 7,\n expr: 'a.b.c',\n },\n ];\n expect(actual).toEqual(expected);\n });\n\n it('should find JSON expressions in math expression', () => {\n const sql =\n 'SELECT toStartOfDay(a.date + INTERVAL 1 DAY), toStartOfDay(a.date+INTERVAL 1 DAY)';\n const actual = findJsonExpressions(sql);\n const expected = [\n { index: 20, expr: 'a.date' },\n { index: 59, expr: 'a.date' },\n ];\n expect(actual).toEqual(expected);\n });\n\n it('should not infinite loop due to unterminated strings', () => {\n const sql = 'SELECT \"';\n const actual = findJsonExpressions(sql);\n const expected = [];\n expect(actual).toEqual(expected);\n });\n\n it('should not infinite loop due to trailing whitespace', () => {\n const sql = 'SELECT ';\n const actual = findJsonExpressions(sql);\n const expected = [];\n expect(actual).toEqual(expected);\n });\n\n it('should not infinite loop due to mismatched parenthesis', () => {\n const sql = 'SELECT (';\n const actual = findJsonExpressions(sql);\n const expected = [];\n expect(actual).toEqual(expected);\n });\n\n it('should not infinite loop due to trailing json type specifier', () => {\n const sql = 'SELECT a.b.:UInt64';\n const actual = findJsonExpressions(sql);\n const expected = [{ index: 7, expr: 'a.b.:UInt64' }];\n expect(actual).toEqual(expected);\n });\n\n it('should not find JSON expressions in string that has escaped single quote', () => {\n const sql = \"SELECT 'a.b''''a.b.:UInt64', col2, c.d FROM table\";\n const actual = findJsonExpressions(sql);\n const expected = [{ index: 35, expr: 'c.d' }];\n expect(actual).toEqual(expected);\n });\n\n it('should not find JSON expressions in string that has escaped single quote 2', () => {\n const sql = \"SELECT '\\\\'a.b', col2, c.d FROM table\";\n const actual = findJsonExpressions(sql);\n const expected = [{ index: 22, expr: 'c.d' }];\n expect(actual).toEqual(expected);\n });\n\n it('should find JSON expressions with underscores and numbers', () => {\n const sql = 'SELECT json_col.col3.c FROM table';\n const actual = findJsonExpressions(sql);\n const expected = [{ index: 7, expr: 'json_col.col3.c' }];\n expect(actual).toEqual(expected);\n });\n\n it('should find JSON expressions with backticks', () => {\n const sql = 'SELECT `a`.`b`.`cde` FROM table';\n const actual = findJsonExpressions(sql);\n const expected = [{ index: 7, expr: '`a`.`b`.`cde`' }];\n expect(actual).toEqual(expected);\n });\n\n it('should find JSON expressions with double quotes', () => {\n const sql = 'SELECT \"a\".\"b\".\"cde\" FROM table';\n const actual = findJsonExpressions(sql);\n const expected = [{ index: 7, expr: '\"a\".\"b\".\"cde\"' }];\n expect(actual).toEqual(expected);\n });\n\n it('should find JSON expressions in tuple', () => {\n const sql = 'SELECT (a.b, c.d.e) FROM table';\n const actual = findJsonExpressions(sql);\n const expected = [\n { index: 8, expr: 'a.b' },\n { index: 13, expr: 'c.d.e' },\n ];\n expect(actual).toEqual(expected);\n });\n\n it('should not find JSON expressions inside identifiers', () => {\n const sql = 'SELECT \"a.b.c\" FROM table';\n const actual = findJsonExpressions(sql);\n const expected = [];\n expect(actual).toEqual(expected);\n });\n\n it('should find JSON expressions with weird identifier quoting', () => {\n const sql = 'SELECT \"a_b.2c\".b.\"c.\" FROM table';\n const actual = findJsonExpressions(sql);\n const expected = [{ index: 7, expr: '\"a_b.2c\".b.\"c.\"' }];\n expect(actual).toEqual(expected);\n });\n\n it('should find JSON expressions after *', () => {\n const sql = 'SELECT *, a.b.c FROM table';\n const actual = findJsonExpressions(sql);\n const expected = [{ index: 10, expr: 'a.b.c' }];\n expect(actual).toEqual(expected);\n });\n\n it('should not find a decimal number expression', () => {\n const sql = 'SELECT 10.50, 2.3, 2, 1.5 - a.b FROM table';\n const actual = findJsonExpressions(sql);\n const expected = [{ index: 28, expr: 'a.b' }];\n expect(actual).toEqual(expected);\n });\n\n it('should not find a . as a JSON expression', () => {\n const sql = 'SELECT . FROM table';\n const actual = findJsonExpressions(sql);\n const expected = [];\n expect(actual).toEqual(expected);\n });\n\n it('should find a JSON expression with an identifier containing a single-quote', () => {\n const sql = `SELECT Timestamp,ServiceName,SeverityText,Body,ResourceAttributes.hyperdx.distro.\"version'\" FROM default.otel_logs WHERE (Timestamp >= fromUnixTimestamp64Milli(1759756098000) AND Timestamp <= fromUnixTimestamp64Milli(1759756998000)) ORDER BY Timestamp DESC`;\n const actual = findJsonExpressions(sql);\n const expected = [\n { index: 47, expr: `ResourceAttributes.hyperdx.distro.\"version'\"` },\n { index: 97, expr: `default.otel_logs` },\n ];\n expect(actual).toEqual(expected);\n });\n\n it('should find a JSON expression with an identifier containing a double-quote', () => {\n const sql =\n 'SELECT Timestamp,ServiceName,SeverityText,Body,ResourceAttributes.hyperdx.distro.`\"version\"`';\n const actual = findJsonExpressions(sql);\n const expected = [\n { index: 47, expr: 'ResourceAttributes.hyperdx.distro.`\"version\"`' },\n ];\n expect(actual).toEqual(expected);\n });\n\n it('should find a JSON expression with an identifier containing a backtick', () => {\n const sql =\n 'SELECT Timestamp,ServiceName,SeverityText,Body,ResourceAttributes.hyperdx.distro.\"`version`\"';\n const actual = findJsonExpressions(sql);\n const expected = [\n { index: 47, expr: 'ResourceAttributes.hyperdx.distro.\"`version`\"' },\n ];\n expect(actual).toEqual(expected);\n });\n });\n\n describe('replaceJsonAccesses', () => {\n it('should handle empty expression', () => {\n const sql = '';\n const actual = replaceJsonExpressions(sql);\n const expected = { replacements: new Map(), sqlWithReplacements: '' };\n expect(actual).toEqual(expected);\n });\n\n it('should replace a single JSON access', () => {\n const sql = 'SELECT a.b.c as alias1, col2 as alias2 FROM table';\n const actual = replaceJsonExpressions(sql);\n const expected = {\n replacements: new Map([['__hdx_json_replacement_0', 'a.b.c']]),\n sqlWithReplacements:\n 'SELECT __hdx_json_replacement_0 as alias1, col2 as alias2 FROM table',\n };\n expect(actual).toEqual(expected);\n });\n\n it('should replace multiple JSON access', () => {\n const sql = 'SELECT a.b.c, d.e, col2 FROM table';\n const actual = replaceJsonExpressions(sql);\n const expected = {\n replacements: new Map([\n ['__hdx_json_replacement_0', 'a.b.c'],\n ['__hdx_json_replacement_1', 'd.e'],\n ]),\n sqlWithReplacements:\n 'SELECT __hdx_json_replacement_0, __hdx_json_replacement_1, col2 FROM table',\n };\n expect(actual).toEqual(expected);\n });\n\n it('should replace JSON access with type specifier', () => {\n const sql = 'SELECT a.b.:UInt64, col2 FROM table';\n const actual = replaceJsonExpressions(sql);\n const expected = {\n replacements: new Map([['__hdx_json_replacement_0', 'a.b.:UInt64']]),\n sqlWithReplacements: 'SELECT __hdx_json_replacement_0, col2 FROM table',\n };\n expect(actual).toEqual(expected);\n });\n\n it('should replace JSON access with complex type specifier', () => {\n const sql = 'SELECT a.b.:Array(String), col2 FROM table';\n const actual = replaceJsonExpressions(sql);\n const expected = {\n replacements: new Map([\n ['__hdx_json_replacement_0', 'a.b.:Array(String)'],\n ]),\n sqlWithReplacements: 'SELECT __hdx_json_replacement_0, col2 FROM table',\n };\n expect(actual).toEqual(expected);\n });\n\n it('should replace JSON expressions in WHERE clause ', () => {\n const sql =\n 'SELECT col2 FROM table WHERE a.b.:UInt64 = 1 AND toStartOfDay(a.date) = today()';\n const actual = replaceJsonExpressions(sql);\n const expected = {\n replacements: new Map([\n ['__hdx_json_replacement_0', 'a.b.:UInt64'],\n ['__hdx_json_replacement_1', 'a.date'],\n ]),\n sqlWithReplacements:\n 'SELECT col2 FROM table WHERE __hdx_json_replacement_0 = 1 AND toStartOfDay(__hdx_json_replacement_1) = today()',\n };\n expect(actual).toEqual(expected);\n });\n\n it('should replace JSON expressions in function calls', () => {\n const sql = \"SELECT JSONExtractString(a.b.c, 'key') FROM table\";\n const actual = replaceJsonExpressions(sql);\n const expected = {\n replacements: new Map([['__hdx_json_replacement_0', 'a.b.c']]),\n sqlWithReplacements:\n \"SELECT JSONExtractString(__hdx_json_replacement_0, 'key') FROM table\",\n };\n expect(actual).toEqual(expected);\n });\n\n it('should not replace JSON expressions in quoted strings', () => {\n const sql =\n \"SELECT a.b.c, ResourceAttributes['key.key2'], 'a.b.c' FROM table\";\n const actual = replaceJsonExpressions(sql);\n const expected = {\n replacements: new Map([['__hdx_json_replacement_0', 'a.b.c']]),\n sqlWithReplacements:\n \"SELECT __hdx_json_replacement_0, ResourceAttributes['key.key2'], 'a.b.c' FROM table\",\n };\n expect(actual).toEqual(expected);\n });\n });\n\n describe('parseToStartOfFunction', () => {\n it.each([\n {\n expr: 'toStartOfDay(a.date)',\n expected: {\n function: 'toStartOfDay',\n columnArgument: 'a.date',\n formattedRemainingArgs: '',\n },\n },\n {\n expr: \"toStartOfMinute(toDate(ResourceAttributes['timestamp']))\",\n expected: {\n function: 'toStartOfMinute',\n columnArgument: \"toDate(ResourceAttributes['timestamp'])\",\n formattedRemainingArgs: '',\n },\n },\n {\n expr: \"toStartOfMonth(timestamp, 'America/Los_Angeles')\",\n expected: {\n function: 'toStartOfMonth',\n columnArgument: 'timestamp',\n formattedRemainingArgs: \", 'America/Los_Angeles'\",\n },\n },\n {\n expr: 'toStartOfMonth(`time stamp`)',\n expected: {\n function: 'toStartOfMonth',\n columnArgument: '`time stamp`',\n formattedRemainingArgs: '',\n },\n },\n {\n expr: 'toStartOfInterval(timestamp, INTERVAL 1 DAY)',\n expected: {\n function: 'toStartOfInterval',\n columnArgument: 'timestamp',\n formattedRemainingArgs: ', INTERVAL 1 DAY',\n },\n },\n {\n expr: \"toStartOfInterval(timestamp, INTERVAL 1 DAY, toDateTime('2025-01-01'), 'America/Los_Angeles')\",\n expected: {\n function: 'toStartOfInterval',\n columnArgument: 'timestamp',\n formattedRemainingArgs:\n \", INTERVAL 1 DAY, toDateTime('2025-01-01'), 'America/Los_Angeles'\",\n },\n },\n {\n expr: \" toStartOfInterval ( timestamp, INTERVAL 10 DAY, toDateTime('2025-01-01' ), 'America/Los_Angeles' ) \",\n expected: {\n function: 'toStartOfInterval',\n columnArgument: 'timestamp',\n formattedRemainingArgs:\n \", INTERVAL 10 DAY, toDateTime('2025-01-01' ), 'America/Los_Angeles'\",\n },\n },\n {\n expr: 'timestamp',\n expected: undefined,\n },\n {\n expr: 'toDate(timestamp)',\n expected: undefined,\n },\n {\n expr: 'toDate(toStartOfDay(timestamp))',\n expected: undefined,\n },\n {\n expr: 'toStartOfDay(timestamp), toDate(timestamp)',\n expected: undefined,\n },\n {\n expr: 'toDate(timestamp), toStartOfDay(timestamp)',\n expected: undefined,\n },\n {\n expr: '',\n expected: undefined,\n },\n {\n expr: '(toStartOfDay(timestamp))',\n expected: undefined,\n },\n {\n expr: 'toStartOfDay(',\n expected: undefined,\n },\n {\n expr: '-toInt64(toStartOfInterval(timestamp, toIntervalMinute(15)))',\n expected: undefined,\n },\n {\n expr: 'negate(toStartOfMinute(timestamp))',\n expected: undefined,\n },\n ])('Should parse $expr', ({ expr, expected }) => {\n expect(parseToStartOfFunction(expr)).toEqual(expected);\n });\n });\n\n describe('optimizeTimestampValueExpression', () => {\n const testCases = [\n {\n timestampValueExpression: 'Timestamp',\n primaryKey: 'Timestamp',\n expected: 'Timestamp',\n },\n {\n timestampValueExpression: 'Timestamp',\n primaryKey: undefined,\n expected: 'Timestamp',\n },\n {\n timestampValueExpression: 'Timestamp',\n primaryKey: '',\n expected: 'Timestamp',\n },\n {\n // Traces Table\n timestampValueExpression: 'Timestamp',\n primaryKey: 'ServiceName, SpanName, toDateTime(Timestamp)',\n expected: 'Timestamp',\n },\n {\n // Optimized Traces Table\n timestampValueExpression: 'Timestamp',\n primaryKey:\n 'toStartOfHour(Timestamp), ServiceName, SpanName, toDateTime(Timestamp)',\n expected: 'Timestamp, toStartOfHour(Timestamp)',\n },\n {\n // Unsupported for now as it's not a great primary key, want to just\n // use default behavior for this\n timestampValueExpression: 'Timestamp',\n primaryKey: 'toDateTime(Timestamp), ServiceName, SpanName, Timestamp',\n expected: 'Timestamp',\n },\n {\n // Inverted primary key order, we should not try to optimize this\n timestampValueExpression: 'Timestamp',\n primaryKey:\n 'ServiceName, toDateTime(Timestamp), SeverityText, toStartOfHour(Timestamp)',\n expected: 'Timestamp',\n },\n {\n timestampValueExpression: 'Timestamp',\n primaryKey: 'toStartOfHour(Timestamp), other_column, Timestamp',\n expected: 'Timestamp, toStartOfHour(Timestamp)',\n },\n {\n // When the user has already manually configured an optimized timestamp value expression\n timestampValueExpression: ' toStartOfHour(Timestamp), Timestamp',\n primaryKey: 'toStartOfHour(Timestamp), other_column, Timestamp',\n expected: ' toStartOfHour(Timestamp), Timestamp',\n },\n {\n timestampValueExpression: 'Timestamp',\n primaryKey:\n 'toStartOfInterval(Timestamp, INTERVAL 1 HOUR), other_column, Timestamp',\n expected: 'Timestamp, toStartOfInterval(Timestamp, INTERVAL 1 HOUR)',\n },\n {\n // test variation of toUnixTimestamp\n timestampValueExpression: 'Timestamp',\n primaryKey:\n 'toStartOfMinute(Timestamp), user_id, status, toUnixTimestamp64Nano(Timestamp)',\n expected: 'Timestamp, toStartOfMinute(Timestamp)',\n },\n {\n // TimestampTime is not matched since it is not in the timestampValueExpression\n timestampValueExpression: 'Timestamp',\n primaryKey:\n 'toStartOfMinute(TimestampTime), user_id, status, Timestamp',\n expected: 'Timestamp',\n },\n {\n timestampValueExpression: 'Timestamp',\n primaryKey:\n '909]`23`9082eh[928e1p92e81hp92, d81p92d817h1p-93287dh129d7812hgpd91832h, toStartOfMinute(Timestamp), other_column, Timestamp',\n expected: 'Timestamp, toStartOfMinute(Timestamp)',\n },\n {\n timestampValueExpression: '`Time stamp`',\n primaryKey: 'toStartOfMinute(`Time stamp`), other_column, `Time stamp`',\n expected: '`Time stamp`, toStartOfMinute(`Time stamp`)',\n },\n {\n timestampValueExpression: 'Timestamp',\n primaryKey:\n '-toInt64(toStartOfInterval(Timestamp, toIntervalMinute(15))), service_id, Timestamp',\n expected: 'Timestamp',\n },\n ] as const;\n\n it.each(testCases)(\n 'should return optimized expression $expected for original expression $timestampValueExpression and primary key $primaryKey',\n ({ timestampValueExpression, primaryKey, expected }) => {\n const actual = optimizeTimestampValueExpression(\n timestampValueExpression,\n primaryKey,\n );\n\n expect(actual).toBe(expected);\n },\n );\n });\n\n describe('getAlignedDateRange', () => {\n it('should align start time down to the previous minute boundary', () => {\n const dateRange: [Date, Date] = [\n new Date('2025-11-26T12:23:37Z'), // 37 seconds\n new Date('2025-11-26T12:25:00Z'),\n ];\n\n const [alignedStart, alignedEnd] = getAlignedDateRange(\n dateRange,\n '1 minute',\n );\n\n expect(alignedStart.toISOString()).toBe('2025-11-26T12:23:00.000Z');\n expect(alignedEnd.toISOString()).toBe('2025-11-26T12:25:00.000Z');\n });\n\n it('should align end time up to the next minute boundary', () => {\n const dateRange: [Date, Date] = [\n new Date('2025-11-26T12:23:00Z'),\n new Date('2025-11-26T12:25:42Z'), // 42 seconds\n ];\n\n const [alignedStart, alignedEnd] = getAlignedDateRange(\n dateRange,\n '1 minute',\n );\n\n expect(alignedStart.toISOString()).toBe('2025-11-26T12:23:00.000Z');\n expect(alignedEnd.toISOString()).toBe('2025-11-26T12:26:00.000Z');\n });\n\n it('should align both start and end times with 5 minute granularity', () => {\n const dateRange: [Date, Date] = [\n new Date('2025-11-26T12:23:17Z'), // Should round down to 12:20:00\n new Date('2025-11-26T12:27:42Z'), // Should round up to 12:30:00\n ];\n\n const [alignedStart, alignedEnd] = getAlignedDateRange(\n dateRange,\n '5 minute',\n );\n\n expect(alignedStart.toISOString()).toBe('2025-11-26T12:20:00.000Z');\n expect(alignedEnd.toISOString()).toBe('2025-11-26T12:30:00.000Z');\n });\n\n it('should align with 30 second granularity', () => {\n const dateRange: [Date, Date] = [\n new Date('2025-11-26T12:23:17Z'), // Should round down to 12:23:00\n new Date('2025-11-26T12:25:42Z'), // Should round up to 12:26:00\n ];\n\n const [alignedStart, alignedEnd] = getAlignedDateRange(\n dateRange,\n '30 second',\n );\n\n expect(alignedStart.toISOString()).toBe('2025-11-26T12:23:00.000Z');\n expect(alignedEnd.toISOString()).toBe('2025-11-26T12:26:00.000Z');\n });\n\n it('should align with 1 day granularity', () => {\n const dateRange: [Date, Date] = [\n new Date('2025-11-26T12:23:17Z'), // Should round down to start of day\n new Date('2025-11-28T08:15:00Z'), // Should round up to start of next day\n ];\n\n const [alignedStart, alignedEnd] = getAlignedDateRange(\n dateRange,\n '1 day',\n );\n\n expect(alignedStart.toISOString()).toBe('2025-11-26T00:00:00.000Z');\n expect(alignedEnd.toISOString()).toBe('2025-11-29T00:00:00.000Z');\n });\n\n it('should not change range when already aligned to the interval', () => {\n const dateRange: [Date, Date] = [\n new Date('2025-11-26T12:23:00Z'), // Already aligned\n new Date('2025-11-26T12:25:00Z'), // Already aligned\n ];\n\n const [alignedStart, alignedEnd] = getAlignedDateRange(\n dateRange,\n '1 minute',\n );\n\n expect(alignedStart.toISOString()).toBe('2025-11-26T12:23:00.000Z');\n expect(alignedEnd.toISOString()).toBe('2025-11-26T12:25:00.000Z');\n });\n\n it('should align with 15 minute granularity', () => {\n const dateRange: [Date, Date] = [\n new Date('2025-11-26T12:23:17Z'), // Should round down to 12:15:00\n new Date('2025-11-26T12:47:42Z'), // Should round up to 13:00:00\n ];\n\n const [alignedStart, alignedEnd] = getAlignedDateRange(\n dateRange,\n '15 minute',\n );\n\n expect(alignedStart.toISOString()).toBe('2025-11-26T12:15:00.000Z');\n expect(alignedEnd.toISOString()).toBe('2025-11-26T13:00:00.000Z');\n });\n });\n\n describe('extractSettingsClauseFromEnd', () => {\n test.each([\n {\n label: 'no settings clause',\n sql: 'SELECT * FROM table',\n withoutSettingsClause: 'SELECT * FROM table',\n settingsClause: undefined,\n },\n {\n label: 'basic',\n sql: 'SELECT * FROM table SETTINGS opt=1, cast=1',\n withoutSettingsClause: 'SELECT * FROM table',\n settingsClause: 'SETTINGS opt=1, cast=1',\n },\n {\n label: 'basic with semicolon',\n sql: 'SELECT * FROM table SETTINGS opt = 1, cast = 1;',\n withoutSettingsClause: 'SELECT * FROM table',\n settingsClause: 'SETTINGS opt = 1, cast = 1',\n },\n {\n label: 'with WHERE clause',\n sql: 'SELECT * FROM table WHERE col=Value SETTINGS opt = 1, cast = 1;',\n withoutSettingsClause: 'SELECT * FROM table WHERE col=Value',\n settingsClause: 'SETTINGS opt = 1, cast = 1',\n },\n {\n label: 'SETTINGS not at end',\n sql: 'SELECT * FROM table WHERE col=Value SETTINGS opt = 1, cast = 1 FORMAT json;',\n withoutSettingsClause: 'SELECT * FROM table WHERE col=Value',\n // This test case illustrates that subsequent clauses will also be extracted.\n settingsClause: 'SETTINGS opt = 1, cast = 1 FORMAT json',\n },\n ])(\n 'Extracts SETTINGS clause from: \"$label\" query',\n ({ sql, settingsClause, withoutSettingsClause }) => {\n const [remaining, extractedSettingsClause] =\n extractSettingsClauseFromEnd(sql);\n expect(remaining).toBe(withoutSettingsClause);\n expect(extractedSettingsClause).toBe(settingsClause);\n },\n );\n });\n\n describe('parseToNumber', () => {\n it('returns `undefined` for an empty string', () => {\n expect(parseToNumber('')).toBe(undefined);\n });\n\n it('returns `undefined` for a whitespace string', () => {\n expect(parseToNumber(' ')).toBe(undefined);\n });\n\n it('returns `undefined` for a non-numeric string', () => {\n expect(parseToNumber(' . ? / ')).toBe(undefined);\n expect(parseToNumber(' some string value ')).toBe(undefined);\n expect(parseToNumber('5678abc')).toBe(undefined);\n });\n\n it('returns `undefined` for an infinite number', () => {\n expect(parseToNumber('Infinity')).toBe(undefined);\n expect(parseToNumber('-Infinity')).toBe(undefined);\n });\n\n it('returns the number value for a parseable number', () => {\n expect(parseToNumber('123')).toBe(123);\n expect(parseToNumber('0.123')).toBe(0.123);\n expect(parseToNumber('1.123')).toBe(1.123);\n expect(parseToNumber('10000000')).toBe(10000000);\n });\n });\n\n describe('joinQuerySettings', () => {\n test('returns `undefined` if the querySettings are `undefined` or empty', () => {\n expect(joinQuerySettings(undefined)).toBe(undefined);\n expect(joinQuerySettings([])).toBe(undefined);\n });\n\n test('filters out items whose `setting` or `value` field is empty', () => {\n expect(\n joinQuerySettings([\n { setting: '', value: '1' },\n { setting: 'async_insert', value: '' },\n { setting: 'async_insert_busy_timeout_min_ms', value: '20000' },\n ]),\n ).toEqual('async_insert_busy_timeout_min_ms = 20000');\n });\n\n test('joins the values into key value pairs', () => {\n const result = joinQuerySettings([\n { setting: 'additional_result_filter', value: 'x != 2' },\n { setting: 'async_insert', value: '0' },\n { setting: 'async_insert_busy_timeout_min_ms', value: '20000' },\n ]);\n\n expect(result).toContain(\"additional_result_filter = 'x != 2'\");\n expect(result).toContain('async_insert = 0');\n expect(result).toContain('async_insert_busy_timeout_min_ms = 20000');\n });\n\n test('joins the result into a comma separated string', () => {\n expect(\n joinQuerySettings([\n { setting: 'additional_result_filter', value: 'x != 2' },\n { setting: 'async_insert', value: '0' },\n { setting: 'async_insert_busy_timeout_min_ms', value: '20000' },\n ]),\n ).toEqual(\n \"additional_result_filter = 'x != 2', async_insert = 0, async_insert_busy_timeout_min_ms = 20000\",\n );\n });\n\n test('wraps non-numeric and infinite numeric values in quotes', () => {\n expect(\n joinQuerySettings([{ setting: 'setting_name', value: 'x != 2' }]),\n ).toEqual(\"setting_name = 'x != 2'\");\n\n expect(\n joinQuerySettings([{ setting: 'setting_name', value: 'string value' }]),\n ).toEqual(\"setting_name = 'string value'\");\n\n expect(\n joinQuerySettings([{ setting: 'setting_name', value: '1000' }]),\n ).toEqual('setting_name = 1000');\n\n expect(\n joinQuerySettings([{ setting: 'setting_name', value: 'Infinity' }]),\n ).toEqual(\"setting_name = 'Infinity'\");\n });\n });\n describe('parseTokenizerFromTextIndex', () => {\n it.each([\n {\n type: 'text',\n expected: undefined,\n },\n {\n type: 'text()',\n expected: undefined,\n },\n {\n type: ' text ( tokenizer= array ) ',\n expected: { type: 'array' },\n },\n {\n type: 'text(tokenizer=splitByNonAlpha)',\n expected: { type: 'splitByNonAlpha' },\n },\n {\n type: 'text( tokenizer = splitByNonAlpha )',\n expected: { type: 'splitByNonAlpha' },\n },\n {\n type: 'text(tokenizer = splitByString())',\n expected: { type: 'splitByString', separators: [' '] },\n },\n {\n type: `text(tokenizer = splitByString([', ', '; ', '\\\\n', '\" ', '\\\\\\\\', '\\\\t', '(', ')']))`,\n expected: {\n type: 'splitByString',\n separators: [', ', '; ', '\\n', '\" ', '\\\\', '\\t', '(', ')'],\n },\n },\n {\n type: 'text(preprocessor=lower(s), tokenizer=sparseGrams(2, 5, 10))',\n expected: {\n type: 'sparseGrams',\n minLength: 2,\n maxLength: 5,\n minCutoffLength: 10,\n },\n },\n {\n type: 'text(preprocessor=lower(s), tokenizer=sparseGrams(2, 5))',\n expected: {\n type: 'sparseGrams',\n minLength: 2,\n maxLength: 5,\n minCutoffLength: undefined,\n },\n },\n {\n type: 'text(preprocessor=lower(s), tokenizer=sparseGrams(2))',\n expected: {\n type: 'sparseGrams',\n minLength: 2,\n maxLength: 10,\n minCutoffLength: undefined,\n },\n },\n {\n type: 'text(preprocessor=lower(s), tokenizer=sparseGrams)',\n expected: {\n type: 'sparseGrams',\n minLength: 3,\n maxLength: 10,\n minCutoffLength: undefined,\n },\n },\n {\n type: 'text(preprocessor=lower(s), tokenizer= sparseGrams ())',\n expected: {\n type: 'sparseGrams',\n minLength: 3,\n maxLength: 10,\n minCutoffLength: undefined,\n },\n },\n {\n type: 'text(preprocessor=lower(s), tokenizer=unknown)',\n expected: undefined,\n },\n {\n type: '',\n expected: undefined,\n },\n {\n type: 'text(preprocessor=lower(s), tokenizer=array)',\n expected: { type: 'array' },\n },\n {\n type: 'text(preprocessor=lower(s), tokenizer=ngrams)',\n expected: { type: 'ngrams', n: 3 },\n },\n {\n type: 'text(tokenizer=ngrams())',\n expected: { type: 'ngrams', n: 3 },\n },\n {\n type: 'text(tokenizer=ngrams(20))',\n expected: { type: 'ngrams', n: 20 },\n },\n ])('should correctly parse tokenizer from: $type', ({ type, expected }) => {\n const result = parseTokenizerFromTextIndex({\n type: 'text',\n typeFull: type,\n name: 'text_idx',\n expression: 'Body',\n granularity: 1000,\n });\n expect(result).toEqual(expected);\n });\n });\n\n describe('aliasMapToWithClauses', () => {\n it('should return undefined for undefined input', () => {\n expect(aliasMapToWithClauses(undefined)).toBeUndefined();\n });\n\n it('should return undefined for empty alias map', () => {\n expect(aliasMapToWithClauses({})).toBeUndefined();\n });\n\n it('should return undefined when all values are undefined', () => {\n expect(\n aliasMapToWithClauses({ body: undefined, service: undefined }),\n ).toBeUndefined();\n });\n\n it('should return undefined when all values are empty strings', () => {\n expect(\n aliasMapToWithClauses({ body: '', service: ' ' }),\n ).toBeUndefined();\n });\n\n it('should convert a single alias to a WITH clause', () => {\n expect(aliasMapToWithClauses({ body: 'toString(Body)' })).toEqual([\n {\n name: 'body',\n sql: { sql: 'toString(Body)', params: {} },\n isSubquery: false,\n },\n ]);\n });\n\n it('should convert multiple aliases to WITH clauses', () => {\n const result = aliasMapToWithClauses({\n body: 'toString(Body)',\n service: \"ResourceAttributes['service.name']\",\n });\n expect(result).toEqual([\n {\n name: 'body',\n sql: { sql: 'toString(Body)', params: {} },\n isSubquery: false,\n },\n {\n name: 'service',\n sql: {\n sql: \"ResourceAttributes['service.name']\",\n params: {},\n },\n isSubquery: false,\n },\n ]);\n });\n\n it('should skip entries with undefined or empty values', () => {\n const result = aliasMapToWithClauses({\n body: 'toString(Body)',\n empty: '',\n blank: ' ',\n missing: undefined,\n service: \"ResourceAttributes['service.name']\",\n });\n expect(result).toHaveLength(2);\n expect(result![0].name).toBe('body');\n expect(result![1].name).toBe('service');\n });\n });\n\n describe('getLocalTableFromDistributedTable', () => {\n const makeMetadata = (engineFull: string) =>\n ({ engine_full: engineFull }) as any;\n\n it('parses a simple Distributed engine_full', () => {\n const result = getDistributedTableArgs(\n makeMetadata(\"Distributed('default', 'mydb', 'local_table', rand())\"),\n );\n expect(result).toEqual({\n cluster: 'default',\n database: 'mydb',\n table: 'local_table',\n });\n });\n\n it('parses without a sharding key', () => {\n const result = getDistributedTableArgs(\n makeMetadata(\"Distributed('cluster', 'db', 'tbl')\"),\n );\n expect(result).toEqual({\n cluster: 'cluster',\n database: 'db',\n table: 'tbl',\n });\n });\n\n it('handles double-quoted identifiers', () => {\n const result = getDistributedTableArgs(\n makeMetadata('Distributed(\"cluster\", \"my_database\", \"my_table\")'),\n );\n expect(result).toEqual({\n cluster: 'cluster',\n database: 'my_database',\n table: 'my_table',\n });\n });\n\n it('handles backtick-quoted identifiers', () => {\n const result = getDistributedTableArgs(\n makeMetadata(\"Distributed('cluster', `mydb`, `local_tbl`, rand())\"),\n );\n expect(result).toEqual({\n cluster: 'cluster',\n database: 'mydb',\n table: 'local_tbl',\n });\n });\n\n it('handles unquoted identifiers', () => {\n const result = getDistributedTableArgs(\n makeMetadata('Distributed(cluster, mydb, local_tbl, rand())'),\n );\n expect(result).toEqual({\n cluster: 'cluster',\n database: 'mydb',\n table: 'local_tbl',\n });\n });\n\n it('returns undefined when engine_full has fewer than 3 args', () => {\n const result = getDistributedTableArgs(\n makeMetadata(\"Distributed('cluster', 'db')\"),\n );\n expect(result).toBeUndefined();\n });\n\n it('returns undefined when engine_full does not match Distributed pattern', () => {\n const result = getDistributedTableArgs(\n makeMetadata('MergeTree() ORDER BY id'),\n );\n expect(result).toBeUndefined();\n });\n\n it('handles a complex sharding expression with nested parentheses', () => {\n const result = getDistributedTableArgs(\n makeMetadata(\n \"Distributed('cluster', 'db', 'tbl', sipHash64(UserID, EventDate))\",\n ),\n );\n expect(result).toEqual({\n cluster: 'cluster',\n database: 'db',\n table: 'tbl',\n });\n });\n });\n});\n" }, { "path": "packages/common-utils/src/__tests__/validation.test.ts", "content": "import { isValidSlackUrl, isValidUrl } from '../validation';\n\ndescribe('validation', () => {\n it.each([\n ['https://slack.com', true],\n ['https://hooks.slack.com/services/T00000000/B00000000/XXXXXXXXXXX', true],\n ['https://google.com', false],\n ['google.com', false],\n ['12312be127eb192ub', false],\n ])('isValidSlackUrl(%s) = %s', (url, expected) => {\n expect(isValidSlackUrl(url)).toBe(expected);\n });\n\n it.each([\n ['https://slack.com', true],\n ['https://hooks.slack.com/services/T00000000/B00000000/XXXXXXXXXXX', true],\n ['https://google.com', true],\n ['google.com', false],\n ['12312be127eb192ub', false],\n ])('isValidUrl(%s) = %s', (url, expected) => {\n expect(isValidUrl(url)).toBe(expected);\n });\n});\n" }, { "path": "packages/common-utils/src/clickhouse/__tests__/index.test.ts", "content": "import { extractColumnReferencesFromKey } from '..';\n\ndescribe('extractColumnReferencesFromKey', () => {\n it('should extract column references from simple column names', () => {\n expect(extractColumnReferencesFromKey('col1, col2, col3')).toEqual([\n 'col1',\n 'col2',\n 'col3',\n ]);\n });\n\n it('should extract column references from function calls', () => {\n expect(\n extractColumnReferencesFromKey(\n \"toStartOfInterval(timestamp, toIntervalDay(3)), col2, date_diff('DAY', col3, col4), now(), toDate(col5 + INTERVAL 1 DAY)\",\n ),\n ).toEqual(['timestamp', 'col2', 'col3', 'col4', 'col5']);\n });\n\n it('should handle an empty expression', () => {\n expect(extractColumnReferencesFromKey('')).toEqual([]);\n });\n\n it('should handle map / json access expression', () => {\n // This is imperfect due to lack of full ClickHouse SQL parsing - we don't pickup the nested map access here.\n // It is not expected to be a common case that there are nested map accesses in a primary or partition key,\n // so we just want to make sure we don't error out in this case.\n expect(\n extractColumnReferencesFromKey(\"mapCol[otherMap['key']], col2\"),\n ).toEqual(['col2']);\n });\n\n it('should handle array accesses', () => {\n expect(extractColumnReferencesFromKey('arrayCol[1], col2')).toEqual([\n 'arrayCol[1]',\n 'col2',\n ]);\n });\n});\n" }, { "path": "packages/common-utils/src/clickhouse/__tests__/materializedViews.test.ts", "content": "import {\n isUnsupportedCountFunction,\n optimizeGetKeyValuesCalls,\n tryConvertConfigToMaterializedViewSelect,\n tryOptimizeConfigWithMaterializedView,\n tryOptimizeConfigWithMaterializedViewWithExplanations,\n} from '@/core/materializedViews';\nimport { Metadata } from '@/core/metadata';\nimport { isBuilderChartConfig } from '@/guards';\nimport {\n ChartConfigWithOptDateRange,\n MaterializedViewConfiguration,\n SourceKind,\n TLogSource,\n} from '@/types';\n\nimport { ColumnMeta } from '..';\nimport { ClickhouseClient } from '../node';\n\ndescribe('materializedViews', () => {\n const metadata: Metadata = {\n getColumn: jest.fn().mockImplementation(({ column }) => {\n const columns: Record = {\n count: {\n type: 'SimpleAggregateFunction(sum, UInt64)',\n } as unknown as ColumnMeta,\n sum__Duration: {\n type: 'SimpleAggregateFunction(sum, UInt64)',\n } as unknown as ColumnMeta,\n avg__Duration: {\n type: 'AggregateFunction(avg, Int64)',\n } as unknown as ColumnMeta,\n histogram__Duration: {\n type: 'AggregateFunction(histogram(2), Int64)',\n } as unknown as ColumnMeta,\n quantile__Duration: {\n type: 'AggregateFunction(quantile(0.5), Int64)',\n } as unknown as ColumnMeta,\n StatusCode: {\n type: 'LowCardinality(String)',\n } as unknown as ColumnMeta,\n };\n return columns[column];\n }),\n } as unknown as Metadata;\n\n const MV_CONFIG_METRIC_ROLLUP_1M: MaterializedViewConfiguration = {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n dimensionColumns:\n 'SpanKind, ServiceName, StatusCode, az, endpoint, version',\n minGranularity: '1 minute',\n timestampColumn: 'Timestamp',\n aggregatedColumns: [\n { aggFn: 'count', mvColumn: 'count' },\n { aggFn: 'sum', sourceColumn: 'Duration', mvColumn: 'sum__Duration' },\n { aggFn: 'avg', sourceColumn: 'Duration', mvColumn: 'avg__Duration' },\n {\n aggFn: 'histogram',\n sourceColumn: 'Duration',\n mvColumn: 'histogram__Duration',\n },\n {\n aggFn: 'quantile',\n sourceColumn: 'Duration',\n mvColumn: 'quantile__Duration',\n },\n ],\n };\n\n const MV_CONFIG_DB_STATEMENT_ROLLUP_1S: MaterializedViewConfiguration = {\n databaseName: 'default',\n tableName: 'db_statement_rollup_1s',\n dimensionColumns: 'ServiceName, db.statement',\n minGranularity: '1 second',\n timestampColumn: 'Timestamp',\n aggregatedColumns: [\n { aggFn: 'count', mvColumn: 'count' },\n { aggFn: 'sum', sourceColumn: 'Duration', mvColumn: 'sum__Duration' },\n { aggFn: 'avg', sourceColumn: 'Duration', mvColumn: 'avg__Duration' },\n ],\n };\n\n const SOURCE = {\n from: { databaseName: 'default', tableName: 'otel_spans' },\n materializedViews: [MV_CONFIG_METRIC_ROLLUP_1M],\n } as TLogSource;\n\n describe('tryConvertConfigToMaterializedViewSelect', () => {\n it('should return empty object if selecting a string instead of an array of aggregates', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: 'count(), StatusCode',\n where: '',\n connection: 'test-connection',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result).toEqual({\n errors: ['Only array-based select statements are supported.'],\n });\n });\n\n it('should return errors if selecting a column which is not in the materialized view', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'non_existent_column',\n aggFn: 'sum',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toBeUndefined();\n expect(result.errors).toEqual([\n \"The aggregate function sum is not available for column 'non_existent_column'.\",\n ]);\n });\n\n it('should return errors if selecting an aggregation which is not supported for the specified column', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'min',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toBeUndefined();\n expect(result.errors).toEqual([\n \"The aggregate function min is not available for column 'Duration'.\",\n ]);\n });\n\n it('should convert a SimpleAggregateFunction select', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'sum',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toEqual({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n timestampValueExpression: 'Timestamp',\n select: [\n {\n valueExpression: 'sum__Duration',\n aggFn: 'sum',\n },\n ],\n where: '',\n connection: 'test-connection',\n });\n expect(result.errors).toBeUndefined();\n });\n\n it('should convert an AggregateFunction select', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'avg',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toEqual({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'avg__Duration',\n aggFn: 'avgMerge',\n },\n ],\n timestampValueExpression: 'Timestamp',\n where: '',\n connection: 'test-connection',\n });\n expect(result.errors).toBeUndefined();\n });\n\n it('should convert an quantile AggregateFunction select', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'quantile',\n level: 0.95,\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toEqual({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'quantile__Duration',\n aggFn: 'quantileMerge',\n level: 0.95,\n },\n ],\n timestampValueExpression: 'Timestamp',\n where: '',\n connection: 'test-connection',\n });\n expect(result.errors).toBeUndefined();\n });\n\n it('should convert a histogram AggregateFunction select', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'histogram',\n level: 20,\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toEqual({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'histogram__Duration',\n aggFn: 'histogramMerge',\n level: 20,\n },\n ],\n timestampValueExpression: 'Timestamp',\n where: '',\n connection: 'test-connection',\n });\n expect(result.errors).toBeUndefined();\n });\n\n it('should preserve the where clause and group by columns during conversion', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'sum',\n },\n ],\n where: \"StatusCode = '200'\",\n groupBy: 'StatusCode',\n connection: 'test-connection',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toEqual({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'sum__Duration',\n aggFn: 'sum',\n },\n ],\n timestampValueExpression: 'Timestamp',\n where: \"StatusCode = '200'\",\n groupBy: 'StatusCode',\n connection: 'test-connection',\n });\n expect(result.errors).toBeUndefined();\n });\n\n it('should preserve aliases', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'sum',\n alias: 'Total Duration',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toEqual({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'sum__Duration',\n aggFn: 'sum',\n alias: 'Total Duration',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n });\n expect(result.errors).toBeUndefined();\n });\n\n it('should support multiple aggregates for multi-series charts', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n where: '',\n connection: 'test-connection',\n select: [\n {\n aggFn: 'quantile',\n aggCondition: '',\n aggConditionLanguage: 'lucene',\n valueExpression: 'Duration',\n level: 0.95,\n },\n {\n aggFn: 'quantile',\n aggCondition: '',\n aggConditionLanguage: 'lucene',\n valueExpression: 'Duration',\n level: 0.99,\n },\n ],\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toEqual({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n aggCondition: '',\n aggConditionLanguage: 'lucene',\n valueExpression: 'quantile__Duration',\n aggFn: 'quantileMerge',\n level: 0.95,\n },\n {\n aggCondition: '',\n aggConditionLanguage: 'lucene',\n valueExpression: 'quantile__Duration',\n aggFn: 'quantileMerge',\n level: 0.99,\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n });\n expect(result.errors).toBeUndefined();\n });\n\n it('should leave aggConditions intact when converting', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'sum',\n aggCondition: 'StatusCode:\"Error\"',\n aggConditionLanguage: 'lucene',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toEqual({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'sum__Duration',\n aggFn: 'sum',\n aggCondition: 'StatusCode:\"Error\"',\n aggConditionLanguage: 'lucene',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n });\n expect(result.errors).toBeUndefined();\n });\n\n it('supports count() aggregations with valueExpression defined', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'count',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toEqual({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'count',\n aggFn: 'sum',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n });\n expect(result.errors).toBeUndefined();\n });\n\n it('supports count() aggregations without valueExpression defined as empty string', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: '',\n aggFn: 'count',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toEqual({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'count',\n aggFn: 'sum',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n });\n expect(result.errors).toBeUndefined();\n });\n\n it('supports count() aggregations with sourceColumn defined in MV Configuration', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: '',\n aggFn: 'count',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n {\n ...MV_CONFIG_METRIC_ROLLUP_1M,\n aggregatedColumns: [\n { aggFn: 'count', sourceColumn: 'Duration', mvColumn: 'count' },\n ],\n },\n metadata,\n );\n\n expect(result.optimizedConfig).toEqual({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'count',\n aggFn: 'sum',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n });\n expect(result.errors).toBeUndefined();\n });\n\n it('should return errors if the granularity of the query is less than the materialized view granularity', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: '',\n aggFn: 'count',\n },\n ],\n where: '',\n connection: 'test-connection',\n granularity: '30 second',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toBeUndefined();\n expect(result.errors).toEqual([\n \"Granularity must be a multiple of the view's granularity (1 minute).\",\n ]);\n });\n\n it('should return errors if the granularity of the query is greater than but not a multiple of the materialized view granularity', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: '',\n aggFn: 'count',\n },\n ],\n where: '',\n connection: 'test-connection',\n granularity: '90 second',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toBeUndefined();\n expect(result.errors).toEqual([\n \"Granularity must be a multiple of the view's granularity (1 minute).\",\n ]);\n });\n\n it('should return errors if no granularity is specified but the date range is too short for the MV granularity', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: '',\n aggFn: 'count',\n },\n ],\n where: '',\n connection: 'test-connection',\n dateRange: [\n new Date('2023-01-01T00:00:00Z'),\n new Date('2023-01-01T00:00:30Z'),\n ],\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toBeUndefined();\n expect(result.errors).toEqual([\n 'The selected date range is too short for the granularity of this materialized view.',\n ]);\n });\n\n it('should optimize a config with a granularity equal to the minimum materialized view granularity', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: '',\n aggFn: 'count',\n },\n ],\n where: '',\n connection: 'test-connection',\n granularity: '1 minute',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toEqual({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'count',\n aggFn: 'sum',\n },\n ],\n where: '',\n connection: 'test-connection',\n granularity: '1 minute',\n timestampValueExpression: 'Timestamp',\n });\n expect(result.errors).toBeUndefined();\n });\n\n it('should return an error when attempting to aggregate a column which is a dimension column', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'StatusCode',\n aggFn: 'sum',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toBeUndefined();\n expect(result.errors).toEqual([\n \"The aggregate function sum is not available for column 'StatusCode'.\",\n ]);\n });\n\n it('should prevent usage of custom count() expressions', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: \"countIf(StatusCode='Error') / count()\",\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toBeUndefined();\n expect(result.errors).toEqual([\n 'Custom count() expressions are not supported with materialized views.',\n ]);\n });\n\n it(\"should not use the materialized view when the chart config references a date range prior to the MV's date range\", async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: '',\n aggFn: 'count',\n },\n ],\n where: '',\n connection: 'test-connection',\n dateRange: [\n new Date('2022-12-01T00:00:00Z'),\n new Date('2022-12-31T23:59:59Z'),\n ],\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n {\n ...MV_CONFIG_METRIC_ROLLUP_1M,\n minDate: '2023-01-01T00:00:00Z',\n },\n metadata,\n );\n\n expect(result.optimizedConfig).toBeUndefined();\n expect(result.errors).toEqual([\n 'The selected date range includes dates for which this view does not contain data.',\n ]);\n });\n\n it('should not use the materialized view when the chart config has no date range and the MV has a minimum date', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: '',\n aggFn: 'count',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n {\n ...MV_CONFIG_METRIC_ROLLUP_1M,\n minDate: '2023-01-01T00:00:00Z',\n },\n metadata,\n );\n\n expect(result.optimizedConfig).toBeUndefined();\n expect(result.errors).toEqual([\n 'The selected date range includes dates for which this view does not contain data.',\n ]);\n });\n\n it(\"should use the materialized view when the chart config's date range is after the MV's minimum date\", async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: '',\n aggFn: 'count',\n },\n ],\n where: '',\n connection: 'test-connection',\n dateRange: [\n new Date('2023-12-01T00:00:00Z'),\n new Date('2024-01-01T00:00:00Z'),\n ],\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n {\n ...MV_CONFIG_METRIC_ROLLUP_1M,\n minDate: '2023-01-01T00:00:00Z',\n },\n metadata,\n );\n\n expect(result.optimizedConfig).toEqual({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n dateRange: [\n new Date('2023-12-01T00:00:00Z'),\n new Date('2024-01-01T00:00:00Z'),\n ],\n select: [\n {\n valueExpression: 'count',\n aggFn: 'sum',\n },\n ],\n where: '',\n connection: 'test-connection',\n dateRangeEndInclusive: false,\n timestampValueExpression: 'Timestamp',\n });\n expect(result.errors).toBeUndefined();\n });\n\n it('should set dateRangeEndInclusive to false when optimizing a config with dateRange', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: '',\n aggFn: 'count',\n },\n ],\n where: '',\n connection: 'test-connection',\n granularity: '1 minute',\n dateRange: [\n new Date('2023-01-01T00:00:00Z'),\n new Date('2023-01-02T01:00:00Z'),\n ],\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toEqual({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'count',\n aggFn: 'sum',\n },\n ],\n where: '',\n connection: 'test-connection',\n granularity: '1 minute',\n dateRange: chartConfig.dateRange,\n dateRangeEndInclusive: false,\n timestampValueExpression: 'Timestamp',\n });\n expect(result.errors).toBeUndefined();\n });\n\n it('should align dateRange to MV granularity when optimizing a config with dateRange', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: '',\n aggFn: 'count',\n },\n ],\n where: '',\n connection: 'test-connection',\n dateRange: [\n new Date('2023-01-01T00:00:30Z'),\n new Date('2023-01-02T01:00:45Z'),\n ],\n };\n\n const result = await tryConvertConfigToMaterializedViewSelect(\n chartConfig,\n MV_CONFIG_METRIC_ROLLUP_1M,\n metadata,\n );\n\n expect(result.optimizedConfig).toEqual({\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'count',\n aggFn: 'sum',\n },\n ],\n where: '',\n connection: 'test-connection',\n dateRange: [\n new Date('2023-01-01T00:00:00Z'),\n new Date('2023-01-02T01:01:00Z'),\n ],\n dateRangeEndInclusive: false,\n timestampValueExpression: 'Timestamp',\n });\n });\n });\n\n describe('isUnsupportedCountFunction', () => {\n it.each([\n [true, 'count()'],\n [true, 'countIf('],\n [true, ' COUNT ( ) '],\n [false, 'count'],\n [true, 'error_count / count()'],\n [false, 'countDistinct('],\n ])('should be %s for valueExpression \"%s\"', (expected, valueExpression) => {\n expect(isUnsupportedCountFunction({ valueExpression })).toBe(expected);\n });\n });\n\n describe('tryOptimizeConfigWithMaterializedView', () => {\n const mockClickHouseClient = {\n testChartConfigValidity: jest.fn(),\n } as unknown as jest.Mocked;\n\n beforeEach(() => {\n jest.clearAllMocks();\n\n mockClickHouseClient.testChartConfigValidity.mockResolvedValue({\n isValid: true,\n rowEstimate: 1000,\n error: undefined,\n });\n });\n\n it('should return the original config if no materialized view optimization is possible', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'table_without_mv',\n },\n select: [\n {\n valueExpression: '',\n aggFn: 'count',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const actual = await tryOptimizeConfigWithMaterializedView(\n chartConfig,\n metadata,\n mockClickHouseClient,\n {} as any,\n {\n from: { databaseName: 'default', tableName: 'table_without_mv' },\n } as TLogSource,\n );\n\n expect(actual).toEqual(chartConfig);\n expect(\n mockClickHouseClient.testChartConfigValidity,\n ).not.toHaveBeenCalled();\n });\n\n it('should return the original config if the generated MV config is not valid', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'avg',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n mockClickHouseClient.testChartConfigValidity.mockResolvedValue({\n isValid: false,\n error: '',\n });\n\n const actual = await tryOptimizeConfigWithMaterializedView(\n chartConfig,\n metadata,\n mockClickHouseClient,\n {} as any,\n SOURCE,\n );\n\n expect(actual).toEqual(chartConfig);\n expect(mockClickHouseClient.testChartConfigValidity).toHaveBeenCalledWith(\n expect.objectContaining({\n config: {\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'avg__Duration',\n aggFn: 'avgMerge',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n },\n }),\n );\n });\n\n it('should return the optimized config if a valid materialized view configuration is generated', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'avg',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const optimizedConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'avg__Duration',\n aggFn: 'avgMerge',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n };\n\n const actual = await tryOptimizeConfigWithMaterializedView(\n chartConfig,\n metadata,\n mockClickHouseClient,\n {} as any,\n SOURCE,\n );\n\n expect(actual).toEqual(optimizedConfig);\n expect(mockClickHouseClient.testChartConfigValidity).toHaveBeenCalledWith(\n expect.objectContaining({\n config: optimizedConfig,\n }),\n );\n });\n\n it('should return an optimized config when there are expressions referencing optimized columns', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: '',\n aggFn: 'count',\n alias: 'error_count',\n aggCondition: 'lower(StatusCode) = \"error\"',\n aggConditionLanguage: 'sql',\n },\n {\n valueExpression: '',\n aggFn: 'count',\n alias: 'total_count',\n },\n {\n valueExpression: `error_count / total_count`,\n alias: 'Error Rate %',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const optimizedConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'count',\n aggFn: 'sum',\n alias: 'error_count',\n aggCondition: 'lower(StatusCode) = \"error\"',\n aggConditionLanguage: 'sql',\n },\n {\n valueExpression: 'count',\n aggFn: 'sum',\n alias: 'total_count',\n },\n {\n valueExpression: `error_count / total_count`,\n alias: 'Error Rate %',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n };\n\n const actual = await tryOptimizeConfigWithMaterializedView(\n chartConfig,\n metadata,\n mockClickHouseClient,\n {} as any,\n SOURCE,\n );\n\n expect(actual).toEqual(optimizedConfig);\n expect(mockClickHouseClient.testChartConfigValidity).toHaveBeenCalledWith(\n expect.objectContaining({\n config: optimizedConfig,\n }),\n );\n });\n\n it('should return an optimized CTE', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n with: [\n {\n name: 'cte_1',\n chartConfig: {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'avg',\n },\n ],\n where: '',\n connection: 'test-connection',\n },\n },\n ],\n select: '',\n from: {\n databaseName: '',\n tableName: 'cte_1',\n },\n where: '',\n connection: 'test-connection',\n };\n\n const optimizedConfig: ChartConfigWithOptDateRange = {\n with: [\n {\n name: 'cte_1',\n chartConfig: {\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'avg__Duration',\n aggFn: 'avgMerge',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n },\n },\n ],\n select: '',\n from: {\n databaseName: '',\n tableName: 'cte_1',\n },\n where: '',\n connection: 'test-connection',\n };\n\n const actual = await tryOptimizeConfigWithMaterializedView(\n chartConfig,\n metadata,\n mockClickHouseClient,\n {} as any,\n SOURCE,\n );\n\n expect(actual).toEqual(optimizedConfig);\n expect(mockClickHouseClient.testChartConfigValidity).toHaveBeenCalledWith(\n expect.objectContaining({\n config: optimizedConfig,\n }),\n );\n });\n\n it('should return multiple optimized CTEs', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n with: [\n {\n name: 'cte_1',\n chartConfig: {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'avg',\n },\n ],\n where: '',\n connection: 'test-connection',\n },\n },\n {\n name: 'cte_2',\n chartConfig: {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'sum',\n },\n ],\n where: '',\n connection: 'test-connection',\n },\n },\n ],\n select: [\n {\n valueExpression: 'ServiceName',\n },\n ],\n from: {\n databaseName: '',\n tableName: 'cte_1',\n },\n where: '',\n connection: 'test-connection',\n };\n\n const optimizedConfig: ChartConfigWithOptDateRange = {\n with: [\n {\n name: 'cte_1',\n chartConfig: {\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'avg__Duration',\n aggFn: 'avgMerge',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n },\n },\n {\n name: 'cte_2',\n chartConfig: {\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'sum__Duration',\n aggFn: 'sum',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n },\n },\n ],\n select: [\n {\n valueExpression: 'ServiceName',\n },\n ],\n from: {\n databaseName: '',\n tableName: 'cte_1',\n },\n where: '',\n connection: 'test-connection',\n };\n\n const actual = await tryOptimizeConfigWithMaterializedView(\n chartConfig,\n metadata,\n mockClickHouseClient,\n {} as any,\n SOURCE,\n );\n\n expect(actual).toEqual(optimizedConfig);\n expect(mockClickHouseClient.testChartConfigValidity).toHaveBeenCalledWith(\n expect.objectContaining({\n config: optimizedConfig,\n }),\n );\n });\n });\n\n describe('tryOptimizeConfigWithMaterializedViewWithExplanation', () => {\n const mockClickHouseClient = {\n testChartConfigValidity: jest.fn(),\n } as unknown as jest.Mocked;\n\n beforeEach(() => {\n jest.clearAllMocks();\n\n mockClickHouseClient.testChartConfigValidity.mockResolvedValue({\n isValid: true,\n rowEstimate: 1000,\n error: undefined,\n });\n });\n\n it('should return empty object if no materialized view optimization is possible', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'table_without_mv',\n },\n select: [\n {\n valueExpression: '',\n aggFn: 'count',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const result =\n await tryOptimizeConfigWithMaterializedViewWithExplanations(\n chartConfig,\n metadata,\n mockClickHouseClient,\n {} as any,\n {\n from: { databaseName: 'default', tableName: 'table_without_mv' },\n } as TLogSource,\n );\n\n expect(result).toEqual({\n explanations: [],\n optimizedConfig: undefined,\n });\n expect(\n mockClickHouseClient.testChartConfigValidity,\n ).not.toHaveBeenCalled();\n });\n\n it('should return errors if the generated MV config is not valid', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'avg',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n mockClickHouseClient.testChartConfigValidity.mockResolvedValue({\n isValid: false,\n error: 'Error while constructing materialized view query.',\n });\n\n const result =\n await tryOptimizeConfigWithMaterializedViewWithExplanations(\n chartConfig,\n metadata,\n mockClickHouseClient,\n {} as any,\n SOURCE,\n );\n\n expect(result.optimizedConfig).toBeUndefined();\n expect(result.explanations).toEqual([\n {\n mvConfig: MV_CONFIG_METRIC_ROLLUP_1M,\n success: false,\n errors: ['Error while constructing materialized view query.'],\n },\n ]);\n expect(mockClickHouseClient.testChartConfigValidity).toHaveBeenCalledWith(\n expect.objectContaining({\n config: {\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'avg__Duration',\n aggFn: 'avgMerge',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n },\n }),\n );\n });\n\n it('should return the optimized config if a valid materialized view configuration is generated', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'avg',\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const optimizedConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'avg__Duration',\n aggFn: 'avgMerge',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n };\n\n const result =\n await tryOptimizeConfigWithMaterializedViewWithExplanations(\n chartConfig,\n metadata,\n mockClickHouseClient,\n {} as any,\n SOURCE,\n );\n\n expect(result.optimizedConfig).toEqual(optimizedConfig);\n expect(result.explanations).toEqual([\n {\n mvConfig: MV_CONFIG_METRIC_ROLLUP_1M,\n errors: [],\n rowEstimate: 1000,\n success: true,\n },\n ]);\n expect(mockClickHouseClient.testChartConfigValidity).toHaveBeenCalledWith(\n expect.objectContaining({\n config: optimizedConfig,\n }),\n );\n });\n\n it('should optimize a config with a second materialized view if the first view does not support the query', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'avg',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n granularity: '1 second',\n };\n\n const optimizedConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'db_statement_rollup_1s',\n },\n select: [\n {\n valueExpression: 'avg__Duration',\n aggFn: 'avgMerge',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n granularity: '1 second',\n };\n\n const result =\n await tryOptimizeConfigWithMaterializedViewWithExplanations(\n chartConfig,\n metadata,\n mockClickHouseClient,\n {} as any,\n {\n ...SOURCE,\n materializedViews: [\n MV_CONFIG_METRIC_ROLLUP_1M,\n MV_CONFIG_DB_STATEMENT_ROLLUP_1S,\n ],\n },\n );\n\n expect(result.optimizedConfig).toEqual(optimizedConfig);\n expect(result.explanations).toEqual([\n {\n mvConfig: MV_CONFIG_METRIC_ROLLUP_1M,\n errors: [\n \"Granularity must be a multiple of the view's granularity (1 minute).\",\n ],\n success: false,\n },\n {\n mvConfig: MV_CONFIG_DB_STATEMENT_ROLLUP_1S,\n errors: [],\n rowEstimate: 1000,\n success: true,\n },\n ]);\n expect(mockClickHouseClient.testChartConfigValidity).toHaveBeenCalledWith(\n expect.objectContaining({\n config: optimizedConfig,\n }),\n );\n });\n\n it('should optimize a config with the MV that will scan the fewest rows, if multiple MVs could be used', async () => {\n mockClickHouseClient.testChartConfigValidity.mockImplementation(\n ({ config }) => {\n if (\n isBuilderChartConfig(config) &&\n config.from.tableName === 'db_statement_rollup_1s'\n ) {\n return Promise.resolve({\n isValid: true,\n rowEstimate: 1000,\n error: undefined,\n });\n }\n return Promise.resolve({\n isValid: true,\n rowEstimate: 10000,\n error: undefined,\n });\n },\n );\n\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'avg',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n granularity: '1 hour',\n };\n\n const expectedOptimizedConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'db_statement_rollup_1s',\n },\n select: [\n {\n valueExpression: 'avg__Duration',\n aggFn: 'avgMerge',\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n granularity: '1 hour',\n };\n\n const result =\n await tryOptimizeConfigWithMaterializedViewWithExplanations(\n chartConfig,\n metadata,\n mockClickHouseClient,\n {} as any,\n {\n ...SOURCE,\n materializedViews: [\n MV_CONFIG_METRIC_ROLLUP_1M,\n MV_CONFIG_DB_STATEMENT_ROLLUP_1S,\n ],\n },\n );\n\n expect(result.optimizedConfig).toEqual(expectedOptimizedConfig);\n expect(result.explanations).toEqual([\n {\n mvConfig: MV_CONFIG_METRIC_ROLLUP_1M,\n errors: [],\n rowEstimate: 10000,\n success: false,\n },\n {\n mvConfig: MV_CONFIG_DB_STATEMENT_ROLLUP_1S,\n errors: [],\n rowEstimate: 1000,\n success: true,\n },\n ]);\n expect(mockClickHouseClient.testChartConfigValidity).toHaveBeenCalledWith(\n expect.objectContaining({\n config: expectedOptimizedConfig,\n }),\n );\n });\n\n it('should return errors for all materialized views, even if only the first is used', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'otel_spans',\n },\n select: [\n {\n valueExpression: 'Duration',\n aggFn: 'quantile',\n level: 0.95,\n },\n ],\n where: '',\n connection: 'test-connection',\n };\n\n const optimizedConfig = {\n from: {\n databaseName: 'default',\n tableName: 'metrics_rollup_1m',\n },\n select: [\n {\n valueExpression: 'quantile__Duration',\n aggFn: 'quantileMerge',\n level: 0.95,\n },\n ],\n where: '',\n connection: 'test-connection',\n timestampValueExpression: 'Timestamp',\n };\n\n const result =\n await tryOptimizeConfigWithMaterializedViewWithExplanations(\n chartConfig,\n metadata,\n mockClickHouseClient,\n {} as any,\n {\n ...SOURCE,\n materializedViews: [\n MV_CONFIG_METRIC_ROLLUP_1M,\n MV_CONFIG_DB_STATEMENT_ROLLUP_1S,\n ],\n },\n );\n\n expect(result.optimizedConfig).toEqual(optimizedConfig);\n expect(result.explanations).toEqual([\n {\n mvConfig: MV_CONFIG_METRIC_ROLLUP_1M,\n errors: [],\n rowEstimate: 1000,\n success: true,\n },\n {\n mvConfig: MV_CONFIG_DB_STATEMENT_ROLLUP_1S,\n errors: [\n \"The aggregate function p95 is not available for column 'Duration'.\",\n ],\n success: false,\n },\n ]);\n expect(mockClickHouseClient.testChartConfigValidity).toHaveBeenCalledWith(\n expect.objectContaining({\n config: optimizedConfig,\n }),\n );\n });\n });\n\n describe('optimizeGetKeyValuesCalls', () => {\n const mockClickHouseClient = {\n testChartConfigValidity: jest.fn(),\n } as unknown as jest.Mocked;\n\n const MV_CONFIG_LOGS_1M: MaterializedViewConfiguration = {\n databaseName: 'default',\n tableName: 'logs_rollup_1m',\n dimensionColumns: 'environment, service, status_code',\n minGranularity: '1 minute',\n timestampColumn: 'Timestamp',\n aggregatedColumns: [{ aggFn: 'count', mvColumn: 'count' }],\n };\n\n const MV_CONFIG_LOGS_1H: MaterializedViewConfiguration = {\n databaseName: 'default',\n tableName: 'logs_rollup_1h',\n dimensionColumns: 'environment, region',\n minGranularity: '1 hour',\n timestampColumn: 'Timestamp',\n aggregatedColumns: [{ aggFn: 'count', mvColumn: 'count' }],\n };\n\n beforeEach(() => {\n jest.clearAllMocks();\n });\n\n it('should return MVs for all keys when single MV covers all keys', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n where: '',\n connection: 'test-connection',\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')],\n select: '',\n };\n\n const keys = ['environment', 'service', 'status_code'];\n const source = {\n kind: SourceKind.Log,\n from: { databaseName: 'default', tableName: 'logs' },\n materializedViews: [MV_CONFIG_LOGS_1M],\n };\n\n mockClickHouseClient.testChartConfigValidity.mockResolvedValue({\n isValid: true,\n rowEstimate: 1000,\n });\n\n const result = await optimizeGetKeyValuesCalls({\n chartConfig,\n keys,\n source: source as any,\n clickhouseClient: mockClickHouseClient,\n metadata,\n });\n\n expect(result).toHaveLength(1);\n expect(result[0].keys).toEqual(['environment', 'service', 'status_code']);\n expect(result[0].chartConfig.from).toEqual({\n databaseName: 'default',\n tableName: 'logs_rollup_1m',\n });\n expect(\n mockClickHouseClient.testChartConfigValidity,\n ).toHaveBeenCalledTimes(1);\n });\n\n it('should distribute keys across multiple MVs', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n where: '',\n connection: 'test-connection',\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')],\n select: '',\n };\n\n const keys = ['environment', 'service', 'region'];\n const source = {\n kind: SourceKind.Log,\n from: { databaseName: 'default', tableName: 'logs' },\n materializedViews: [MV_CONFIG_LOGS_1M, MV_CONFIG_LOGS_1H],\n };\n\n mockClickHouseClient.testChartConfigValidity.mockImplementation(\n ({ config }) =>\n Promise.resolve({\n isValid: true,\n rowEstimate:\n isBuilderChartConfig(config) &&\n config.from.tableName === 'logs_rollup_1h'\n ? 500\n : 1000,\n }),\n );\n\n const result = await optimizeGetKeyValuesCalls({\n chartConfig,\n keys,\n source: source as any,\n clickhouseClient: mockClickHouseClient,\n metadata,\n });\n\n // Should prefer logs_rollup_1h (500 rows) over logs_rollup_1m (1000 rows) for shared keys\n expect(result).toHaveLength(2);\n expect(result).toEqual(\n expect.arrayContaining([\n expect.objectContaining({\n chartConfig: expect.objectContaining({\n from: {\n databaseName: 'default',\n tableName: 'logs_rollup_1h',\n },\n }),\n keys: expect.arrayContaining(['environment', 'region']),\n }),\n expect.objectContaining({\n chartConfig: expect.objectContaining({\n from: {\n databaseName: 'default',\n tableName: 'logs_rollup_1m',\n },\n }),\n keys: ['service'],\n }),\n ]),\n );\n });\n\n it('should return uncovered keys when no MV supports them', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n where: '',\n connection: 'test-connection',\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')],\n select: '',\n };\n\n const keys = ['environment', 'unsupported_key'];\n const source = {\n kind: SourceKind.Log,\n from: { databaseName: 'default', tableName: 'logs' },\n materializedViews: [MV_CONFIG_LOGS_1M],\n };\n\n mockClickHouseClient.testChartConfigValidity.mockResolvedValue({\n isValid: true,\n rowEstimate: 1000,\n });\n\n const result = await optimizeGetKeyValuesCalls({\n chartConfig,\n keys,\n source: source as any,\n clickhouseClient: mockClickHouseClient,\n metadata,\n });\n\n expect(result).toHaveLength(2);\n expect(result).toEqual(\n expect.arrayContaining([\n expect.objectContaining({\n chartConfig: expect.objectContaining({\n from: {\n databaseName: 'default',\n tableName: 'logs_rollup_1m',\n },\n }),\n keys: ['environment'],\n }),\n expect.objectContaining({\n chartConfig: expect.objectContaining({\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n }),\n keys: ['unsupported_key'],\n }),\n ]),\n );\n });\n\n it('should skip invalid MVs and return uncovered keys', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n where: '',\n connection: 'test-connection',\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')],\n select: '',\n };\n\n const keys = ['environment', 'service'];\n const source = {\n from: { databaseName: 'default', tableName: 'logs' },\n materializedViews: [MV_CONFIG_LOGS_1M],\n };\n\n mockClickHouseClient.testChartConfigValidity.mockResolvedValue({\n isValid: false,\n error: 'Invalid query',\n });\n\n const result = await optimizeGetKeyValuesCalls({\n chartConfig,\n keys,\n source: source as any,\n clickhouseClient: mockClickHouseClient,\n metadata,\n });\n\n expect(result).toHaveLength(1);\n expect(result[0]).toEqual({\n chartConfig: expect.objectContaining({\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n }),\n keys: ['environment', 'service'],\n });\n });\n\n it('should prefer MVs with lower row estimates', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n where: '',\n connection: 'test-connection',\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')],\n select: '',\n };\n\n const keys = ['environment'];\n const source = {\n kind: SourceKind.Log,\n from: { databaseName: 'default', tableName: 'logs' },\n materializedViews: [MV_CONFIG_LOGS_1M, MV_CONFIG_LOGS_1H],\n };\n\n mockClickHouseClient.testChartConfigValidity.mockImplementation(\n ({ config }) =>\n Promise.resolve({\n isValid: true,\n rowEstimate:\n isBuilderChartConfig(config) &&\n config.from.tableName === 'logs_rollup_1h'\n ? 500\n : 1000,\n }),\n );\n\n const result = await optimizeGetKeyValuesCalls({\n chartConfig,\n keys,\n source: source as any,\n clickhouseClient: mockClickHouseClient,\n metadata,\n });\n\n expect(result).toHaveLength(1);\n expect(result[0]).toEqual({\n chartConfig: expect.objectContaining({\n from: {\n databaseName: 'default',\n tableName: 'logs_rollup_1h',\n },\n }),\n keys: ['environment'],\n });\n });\n\n it('should handle empty keys array', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n where: '',\n connection: 'test-connection',\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')],\n select: '',\n };\n\n const keys: string[] = [];\n const source = {\n from: { databaseName: 'default', tableName: 'logs' },\n materializedViews: [MV_CONFIG_LOGS_1M],\n };\n\n const result = await optimizeGetKeyValuesCalls({\n chartConfig,\n keys,\n source: source as any,\n clickhouseClient: mockClickHouseClient,\n metadata,\n });\n\n expect(result).toEqual([]);\n expect(\n mockClickHouseClient.testChartConfigValidity,\n ).not.toHaveBeenCalled();\n });\n\n it('should handle source with no materialized views', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n where: '',\n connection: 'test-connection',\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')],\n select: '',\n };\n\n const keys = ['environment', 'service'];\n const source = {\n from: { databaseName: 'default', tableName: 'logs' },\n materializedViews: [],\n };\n\n const result = await optimizeGetKeyValuesCalls({\n chartConfig,\n keys,\n source: source as any,\n clickhouseClient: mockClickHouseClient,\n metadata,\n });\n\n expect(result).toHaveLength(1);\n expect(result[0]).toEqual({\n chartConfig: expect.objectContaining({\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n }),\n keys: ['environment', 'service'],\n });\n expect(\n mockClickHouseClient.testChartConfigValidity,\n ).not.toHaveBeenCalled();\n });\n\n it('should filter out MVs that do not support the date range', async () => {\n const MV_CONFIG_WITH_MIN_DATE: MaterializedViewConfiguration = {\n databaseName: 'default',\n tableName: 'logs_rollup_recent',\n dimensionColumns: 'environment, service',\n minGranularity: '1 minute',\n timestampColumn: 'Timestamp',\n aggregatedColumns: [{ aggFn: 'count', mvColumn: 'count' }],\n minDate: '2024-01-15',\n };\n\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n where: '',\n connection: 'test-connection',\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')],\n select: '',\n };\n\n const keys = ['environment', 'service'];\n const source = {\n from: { databaseName: 'default', tableName: 'logs' },\n materializedViews: [MV_CONFIG_WITH_MIN_DATE],\n };\n\n const result = await optimizeGetKeyValuesCalls({\n chartConfig,\n keys,\n source: source as any,\n clickhouseClient: mockClickHouseClient,\n metadata,\n });\n\n expect(result).toHaveLength(1);\n expect(result[0]).toEqual({\n chartConfig: expect.objectContaining({\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n }),\n keys: ['environment', 'service'],\n });\n expect(\n mockClickHouseClient.testChartConfigValidity,\n ).not.toHaveBeenCalled();\n });\n\n it('should filter out MVs which have a granularity too large to support the date range', async () => {\n const MV_CONFIG_WITH_MIN_DATE: MaterializedViewConfiguration = {\n databaseName: 'default',\n tableName: 'logs_rollup_recent',\n dimensionColumns: 'environment, service',\n minGranularity: '1 day',\n timestampColumn: 'Timestamp',\n aggregatedColumns: [{ aggFn: 'count', mvColumn: 'count' }],\n };\n\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n where: '',\n connection: 'test-connection',\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')], // only contains 1 MV interval\n select: '',\n };\n\n const keys = ['environment', 'service'];\n const source = {\n from: { databaseName: 'default', tableName: 'logs' },\n materializedViews: [MV_CONFIG_WITH_MIN_DATE],\n };\n\n const result = await optimizeGetKeyValuesCalls({\n chartConfig,\n keys,\n source: source as any,\n clickhouseClient: mockClickHouseClient,\n metadata,\n });\n\n expect(result).toHaveLength(1);\n expect(result[0]).toEqual({\n chartConfig: expect.objectContaining({\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n }),\n keys: ['environment', 'service'],\n });\n expect(\n mockClickHouseClient.testChartConfigValidity,\n ).not.toHaveBeenCalled();\n });\n\n it('should generate correct select statement with multiple keys', async () => {\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n where: '',\n connection: 'test-connection',\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')],\n select: '',\n };\n\n const keys = ['environment', 'service', 'status_code'];\n const source = {\n kind: SourceKind.Log,\n from: { databaseName: 'default', tableName: 'logs' },\n materializedViews: [MV_CONFIG_LOGS_1M],\n };\n\n mockClickHouseClient.testChartConfigValidity.mockResolvedValue({\n isValid: true,\n rowEstimate: 1000,\n });\n\n await optimizeGetKeyValuesCalls({\n chartConfig,\n keys,\n source: source as any,\n clickhouseClient: mockClickHouseClient,\n metadata,\n });\n\n expect(mockClickHouseClient.testChartConfigValidity).toHaveBeenCalledWith(\n expect.objectContaining({\n config: expect.objectContaining({\n select:\n 'groupUniqArray(1)(environment) AS param0, groupUniqArray(1)(service) AS param1, groupUniqArray(1)(status_code) AS param2',\n }),\n metadata,\n }),\n );\n });\n\n it('should use the MV timestamp column when it differs from the source table', async () => {\n const MV_CONFIG_WITH_DIFFERENT_TIMESTAMP: MaterializedViewConfiguration =\n {\n databaseName: 'default',\n tableName: 'logs_rollup_1h',\n dimensionColumns: 'environment, service',\n minGranularity: '1 hour',\n timestampColumn: 'mv_timestamp', // Different from source\n aggregatedColumns: [{ aggFn: 'count', mvColumn: 'count' }],\n };\n\n const chartConfig: ChartConfigWithOptDateRange = {\n from: {\n databaseName: 'default',\n tableName: 'logs',\n },\n where: '',\n connection: 'test-connection',\n dateRange: [new Date('2024-01-01'), new Date('2024-01-02')],\n select: '',\n timestampValueExpression: 'source_timestamp', // Source uses this\n };\n\n const keys = ['environment', 'service'];\n const source = {\n kind: SourceKind.Log,\n from: { databaseName: 'default', tableName: 'logs' },\n materializedViews: [MV_CONFIG_WITH_DIFFERENT_TIMESTAMP],\n timestampValueExpression: 'source_timestamp',\n };\n\n mockClickHouseClient.testChartConfigValidity.mockResolvedValue({\n isValid: true,\n rowEstimate: 500,\n });\n\n const result = await optimizeGetKeyValuesCalls({\n chartConfig,\n keys,\n source: source as any,\n clickhouseClient: mockClickHouseClient,\n metadata,\n });\n\n // Should return one call using the MV\n expect(result).toHaveLength(1);\n expect(result[0].chartConfig.from).toEqual({\n databaseName: 'default',\n tableName: 'logs_rollup_1h',\n });\n\n // Should use the MV's timestamp column\n expect(result[0].chartConfig.timestampValueExpression).toBe(\n 'mv_timestamp',\n );\n\n // Keys should be from the MV\n expect(result[0].keys).toEqual(['environment', 'service']);\n });\n });\n});\n" }, { "path": "packages/common-utils/src/clickhouse/browser.ts", "content": "import type {\n BaseResultSet,\n ClickHouseSettings,\n DataFormat,\n} from '@clickhouse/client-common';\nimport { createClient } from '@clickhouse/client-web';\n\nimport {\n BaseClickhouseClient,\n ClickhouseClientOptions,\n QueryInputs,\n} from './index';\n\nconst localModeFetch: typeof fetch = (\n input: RequestInfo | URL,\n init?: RequestInit,\n) => {\n if (!init) init = {};\n const url = new URL(\n input instanceof URL ? input : input instanceof Request ? input.url : input,\n );\n\n // CORS is unhappy with the authorization header, so we will supply as query params instead\n const auth: string = init.headers?.['Authorization'];\n const [username, password] = window\n .atob(auth.substring('Bearer'.length))\n .split(':');\n delete init.headers?.['Authorization'];\n delete init.headers?.['authorization'];\n if (username) url.searchParams.set('user', username);\n if (password) url.searchParams.set('password', password);\n init.credentials = 'omit';\n\n return fetch(`${url.toString()}`, init);\n};\n\nconst standardModeFetch: typeof fetch = (\n input: RequestInfo | URL,\n init?: RequestInit,\n) => {\n if (!init) init = {};\n // authorization is handled on the backend, don't send this header\n delete init.headers?.['Authorization'];\n delete init.headers?.['authorization'];\n return fetch(input, init);\n};\n\nexport const testLocalConnection = async ({\n host,\n username,\n password,\n}: {\n host: string;\n username: string;\n password: string;\n}): Promise => {\n try {\n const client = new ClickhouseClient({ host, username, password });\n const result = await client.query({\n query: 'SELECT 1',\n format: 'TabSeparatedRaw',\n });\n return result.text().then(text => text.trim() === '1');\n } catch (e) {\n console.warn('Failed to test local connection', e);\n return false;\n }\n};\n\nexport class ClickhouseClient extends BaseClickhouseClient {\n constructor(options: ClickhouseClientOptions) {\n super(options);\n }\n\n private buildClient() {\n let url = this.host!;\n let myFetch: typeof fetch;\n const isLocalMode = this.username != null && this.password != null;\n const clickhouseSettings: ClickHouseSettings = {};\n\n if (isLocalMode) {\n myFetch = localModeFetch;\n clickhouseSettings.add_http_cors_header = 1;\n } else {\n url = `${window.origin}${this.host}`; // this.host is just a pathname in this scenario\n myFetch = standardModeFetch;\n }\n\n const parsedUrl = new URL(url);\n return createClient({\n url: parsedUrl.origin,\n pathname: parsedUrl.pathname,\n clickhouse_settings: clickhouseSettings,\n username: this.username ?? '',\n password: this.password ?? '',\n // Disable keep-alive to prevent multiple concurrent dashboard requests from exceeding the 64KB payload size limit.\n keep_alive: {\n enabled: false,\n },\n fetch: myFetch,\n request_timeout: this.requestTimeout,\n application: this.application,\n });\n }\n\n protected async __query({\n query,\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- default generic value\n format = 'JSON' as Format,\n query_params = {},\n abort_signal,\n clickhouse_settings: externalClickhouseSettings,\n connectionId,\n queryId,\n shouldSkipApplySettings,\n }: QueryInputs): Promise> {\n // FIXME: we couldn't initialize the client in the constructor\n // since the window is not avalible\n if (this.client == null) {\n this.client = this.buildClient();\n }\n\n this.logDebugQuery(query, query_params);\n\n let clickhouseSettings: ClickHouseSettings | undefined;\n // If this is the settings query, we must not process the clickhouse settings, or else we will infinitely recurse\n if (!shouldSkipApplySettings) {\n clickhouseSettings = await this.processClickhouseSettings({\n connectionId,\n externalClickhouseSettings,\n });\n }\n\n const httpHeaders: { [header: string]: string } = {\n ...(connectionId && connectionId !== 'local'\n ? { 'x-hyperdx-connection-id': connectionId }\n : {}),\n };\n\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- client library type mismatch\n return this.getClient().query({\n query,\n query_params,\n format,\n abort_signal,\n http_headers: httpHeaders,\n clickhouse_settings: clickhouseSettings,\n query_id: queryId,\n }) as Promise>;\n }\n}\n" }, { "path": "packages/common-utils/src/clickhouse/index.ts", "content": "import type { ClickHouseClient as NodeClickHouseClient } from '@clickhouse/client';\nimport type {\n BaseResultSet,\n ClickHouseSettings,\n DataFormat,\n ResponseHeaders,\n ResponseJSON,\n Row,\n} from '@clickhouse/client-common';\nimport type { ClickHouseClient as WebClickHouseClient } from '@clickhouse/client-web';\nimport * as SQLParser from 'node-sql-parser';\nimport objectHash from 'object-hash';\n\nimport { getMetadata, Metadata } from '@/core/metadata';\nimport {\n renderChartConfig,\n setChartSelectsAlias,\n splitChartConfigs,\n} from '@/core/renderChartConfig';\nimport {\n extractSettingsClauseFromEnd,\n hashCode,\n replaceJsonExpressions,\n splitAndTrimWithBracket,\n} from '@/core/utils';\nimport { isBuilderChartConfig } from '@/guards';\nimport { ChartConfigWithOptDateRange, QuerySettings } from '@/types';\n\n// export @clickhouse/client-common types\nexport type {\n BaseResultSet,\n ClickHouseSettings,\n DataFormat,\n ResponseJSON,\n Row,\n};\n\nexport enum JSDataType {\n Array = 'array',\n Date = 'date',\n Map = 'map',\n Number = 'number',\n String = 'string',\n Tuple = 'tuple',\n Bool = 'bool',\n JSON = 'json',\n Dynamic = 'dynamic', // json type will store anything as Dynamic type by default\n}\n\nexport const getResponseHeaders = (response: Response): ResponseHeaders => {\n const headers: ResponseHeaders = {};\n response.headers.forEach((value, key) => {\n headers[key] = value;\n });\n return headers;\n};\n\nexport const convertCHDataTypeToJSType = (\n dataType: string,\n): JSDataType | null => {\n if (dataType.startsWith('Date')) {\n return JSDataType.Date;\n } else if (dataType.startsWith('Tuple')) {\n return JSDataType.Tuple;\n } else if (dataType.startsWith('Map')) {\n return JSDataType.Map;\n } else if (dataType.startsWith('Array')) {\n return JSDataType.Array;\n } else if (\n dataType.startsWith('Int') ||\n dataType.startsWith('UInt') ||\n dataType.startsWith('Float') ||\n // Nullable types are possible (charts)\n dataType.startsWith('Nullable(Int') ||\n dataType.startsWith('Nullable(UInt') ||\n dataType.startsWith('Nullable(Float')\n ) {\n return JSDataType.Number;\n } else if (\n dataType.startsWith('String') ||\n dataType.startsWith('Nullable(String)') ||\n dataType.startsWith('FixedString') ||\n dataType.startsWith('Enum') ||\n dataType.startsWith('UUID') ||\n dataType.startsWith('IPv4') ||\n dataType.startsWith('IPv6')\n ) {\n return JSDataType.String;\n } else if (dataType === 'Bool') {\n return JSDataType.Bool;\n } else if (dataType.startsWith('JSON')) {\n return JSDataType.JSON;\n } else if (dataType.startsWith('Dynamic')) {\n return JSDataType.Dynamic;\n } else if (dataType.startsWith('LowCardinality')) {\n return convertCHDataTypeToJSType(dataType.slice(15, -1));\n }\n\n return null;\n};\n\nexport const isJSDataTypeJSONStringifiable = (\n dataType: JSDataType | null | undefined,\n) => {\n return (\n dataType === JSDataType.Map ||\n dataType === JSDataType.Array ||\n dataType === JSDataType.JSON ||\n dataType === JSDataType.Tuple ||\n dataType === JSDataType.Dynamic\n );\n};\n\nexport const extractInnerCHArrayJSType = (\n dataType: string,\n): JSDataType | null => {\n if (dataType.trim().startsWith('Array(') && dataType.trim().endsWith(')')) {\n const innerType = dataType.trim().slice(6, -1);\n return convertCHDataTypeToJSType(innerType);\n }\n\n return null;\n};\n\nexport const convertCHTypeToLuceneSearchType = (\n dataType: string,\n): {\n type: JSDataType | null;\n isArray: boolean;\n} => {\n let jsType = convertCHDataTypeToJSType(dataType);\n const isArray = jsType === JSDataType.Array;\n\n if (jsType === JSDataType.Map || jsType === JSDataType.Tuple) {\n throw new Error('Map or Tuple types cannot be searched with Lucene.');\n } else if (jsType === JSDataType.Date) {\n jsType = JSDataType.Number;\n } else if (\n jsType === JSDataType.Array &&\n extractInnerCHArrayJSType(dataType)\n ) {\n jsType = extractInnerCHArrayJSType(dataType);\n }\n\n return { type: jsType, isArray };\n};\n\nconst hash = (input: string | number) => Math.abs(hashCode(`${input}`));\nconst paramHash = (str: string | number) => {\n return `HYPERDX_PARAM_${hash(str)}`;\n};\n\nexport type ChSql = {\n sql: string;\n params: Record;\n};\n\ntype ParamTypes =\n | ChSql\n | ChSql[]\n | { Identifier: string }\n | { String: string }\n | { Float32: number }\n | { Float64: number }\n | { Int32: number }\n | { Int64: number }\n | { UNSAFE_RAW_SQL: string }\n | string; // TODO: Deprecate raw string interpolation\n\nexport const chSql = (\n strings: TemplateStringsArray,\n ...values: ParamTypes[]\n): ChSql => {\n const sql = strings\n .map((str, i) => {\n const value = values[i];\n // if (typeof value === 'string') {\n // console.error('Unsafe string detected', value, 'in', strings, values);\n // }\n\n return (\n str +\n (value == null\n ? ''\n : typeof value === 'string'\n ? value // If it's just a string sql literal\n : 'UNSAFE_RAW_SQL' in value\n ? value.UNSAFE_RAW_SQL\n : Array.isArray(value)\n ? value.map(v => v.sql).join('')\n : 'sql' in value\n ? value.sql\n : 'Identifier' in value\n ? `{${paramHash(value.Identifier)}:Identifier}`\n : 'String' in value\n ? `{${paramHash(value.String)}:String}`\n : 'Float32' in value\n ? `{${paramHash(value.Float32)}:Float32}`\n : 'Float64' in value\n ? `{${paramHash(value.Float64)}:Float64}`\n : 'Int32' in value\n ? `{${paramHash(value.Int32)}:Int32}`\n : 'Int64' in value\n ? `{${paramHash(value.Int64)}:Int64}`\n : '')\n );\n })\n .join('');\n\n return {\n sql,\n params: values.reduce((acc, value) => {\n return {\n ...acc,\n ...(value == null ||\n typeof value === 'string' ||\n 'UNSAFE_RAW_SQL' in value\n ? {}\n : Array.isArray(value)\n ? value.reduce((acc, v) => {\n Object.assign(acc, v.params);\n return acc;\n }, {})\n : 'params' in value\n ? value.params\n : 'Identifier' in value\n ? { [paramHash(value.Identifier)]: value.Identifier }\n : 'String' in value\n ? { [paramHash(value.String)]: value.String }\n : 'Float32' in value\n ? { [paramHash(value.Float32)]: value.Float32 }\n : 'Float64' in value\n ? { [paramHash(value.Float64)]: value.Float64 }\n : 'Int32' in value\n ? { [paramHash(value.Int32)]: value.Int32 }\n : 'Int64' in value\n ? { [paramHash(value.Int64)]: value.Int64 }\n : {}),\n };\n }, {}),\n };\n};\n\nexport const concatChSql = (sep: string, ...args: (ChSql | ChSql[])[]) => {\n return args.reduce(\n (acc: ChSql, arg) => {\n if (Array.isArray(arg)) {\n if (arg.length === 0) {\n return acc;\n }\n\n acc.sql +=\n (acc.sql.length > 0 ? sep : '') +\n arg\n .map(a => a.sql)\n .filter(Boolean) // skip empty string expressions\n .join(sep);\n acc.params = arg.reduce((acc, a) => {\n Object.assign(acc, a.params);\n return acc;\n }, acc.params);\n } else if (arg.sql.length > 0) {\n acc.sql += `${acc.sql.length > 0 ? sep : ''}${arg.sql}`;\n Object.assign(acc.params, arg.params);\n }\n return acc;\n },\n { sql: '', params: {} },\n );\n};\n\nconst isChSqlEmpty = (chSql: ChSql | ChSql[]) => {\n if (Array.isArray(chSql)) {\n return chSql.every(c => c.sql.length === 0);\n }\n return chSql.sql.length === 0;\n};\n\nexport const wrapChSqlIfNotEmpty = (\n sql: ChSql | ChSql[],\n left: string,\n right: string,\n): ChSql | [] => {\n if (isChSqlEmpty(sql)) {\n return [];\n }\n\n return chSql`${left}${sql}${right}`;\n};\nexport class ClickHouseQueryError extends Error {\n constructor(\n message: string,\n public query: string,\n ) {\n super(message);\n this.name = 'ClickHouseQueryError';\n }\n}\n\n/**\n * Returns columns referenced in given expression, where the expression is a comma-separated list of SQL expressions\n * E.g. \"id, toStartOfInterval(timestamp, toIntervalDay(3)), user_id, json.a.b\".\n */\nexport const extractColumnReferencesFromKey = (expr: string): string[] => {\n const parser = new SQLParser.Parser();\n\n const exprs = splitAndTrimWithBracket(expr);\n if (!exprs?.length) {\n return [];\n }\n\n return exprs.flatMap(expr => {\n try {\n // Extract map or array access expressions, e.g. map['key'] or array[1], since node-sql-parser does not support them.\n const mapAccessRegex = /\\b[a-zA-Z0-9_]+\\[([0-9]+|'[^']*')\\]/g;\n const mapAccesses = expr.match(mapAccessRegex) || [];\n\n // Replace map/array accesses with a literal string ('') so that node-sql-parser ignores them\n const exprWithoutMaps = expr.replace(mapAccessRegex, \"''\");\n\n // Strip out any JSON type expressions, eg. in json.a.:Int64, remove the .:Int64 part\n const exprWithoutMapsOrJsonType = exprWithoutMaps.replace(\n /\\.:[a-zA-Z0-9]+/g,\n '',\n );\n\n // Extract out any JSON path expressions, since node-sql-parser does not support them.\n const jsonPathRegex = /\\b[a-zA-Z0-9_]+\\.[a-zA-Z0-9_.]+/g;\n const jsonPaths = exprWithoutMapsOrJsonType.match(jsonPathRegex) || [];\n\n // Replace JSON paths and map/array accesses with a literal string ('') so that node-sql-parser ignores them\n const exprWithoutMapsOrJson = exprWithoutMapsOrJsonType.replace(\n jsonPathRegex,\n \"''\",\n );\n\n // Parse remaining column references with node-sql-parser\n const parsedColumnList = parser\n .columnList(`select ${exprWithoutMapsOrJson}`)\n .map(col => col.split('::')[2]);\n\n return [...new Set([...parsedColumnList, ...jsonPaths, ...mapAccesses])];\n } catch (e) {\n console.error('Error parsing column references from key', e, expr);\n return [];\n }\n });\n};\n\nconst castToNumber = (value: string | number) => {\n if (typeof value === 'string') {\n if (value.trim() === '') {\n return NaN;\n }\n return Number(value);\n }\n return value;\n};\n\nexport const computeRatio = (\n numeratorInput: string | number,\n denominatorInput: string | number,\n) => {\n const numerator = castToNumber(numeratorInput);\n const denominator = castToNumber(denominatorInput);\n\n if (isNaN(numerator) || isNaN(denominator) || denominator === 0) {\n return NaN;\n }\n\n return numerator / denominator;\n};\n\nexport const computeResultSetRatio = (resultSet: ResponseJSON) => {\n const _meta = resultSet.meta;\n const _data = resultSet.data;\n const timestampColumn = inferTimestampColumn(_meta ?? []);\n const _restColumns = _meta?.filter(m => m.name !== timestampColumn?.name);\n const firstColumn = _restColumns?.[0];\n const secondColumn = _restColumns?.[1];\n if (!firstColumn || !secondColumn) {\n throw new Error(\n `Unable to compute ratio - meta information: ${JSON.stringify(_meta)}.`,\n );\n }\n const ratioColumnName = `${firstColumn.name}/${secondColumn.name}`;\n const result = {\n ...resultSet,\n data: _data.map(row => ({\n [ratioColumnName]: computeRatio(\n row[firstColumn.name],\n row[secondColumn.name],\n ),\n ...(timestampColumn\n ? {\n [timestampColumn.name]: row[timestampColumn.name],\n }\n : {}),\n })),\n meta: [\n {\n name: ratioColumnName,\n type: 'Float64',\n },\n ...(timestampColumn\n ? [\n {\n name: timestampColumn.name,\n type: timestampColumn.type,\n },\n ]\n : []),\n ],\n };\n return result;\n};\n\nexport interface QueryInputs {\n query: string;\n format?: Format;\n abort_signal?: AbortSignal;\n query_params?: Record;\n clickhouse_settings?: ClickHouseSettings;\n connectionId?: string;\n queryId?: string;\n shouldSkipApplySettings?: boolean;\n}\n\nexport type ClickhouseClientOptions = {\n host?: string;\n username?: string;\n password?: string;\n queryTimeout?: number;\n /** Application name, used as the client's HTTP user-agent header */\n application?: string;\n /** Defines how long the client will wait for a response from the ClickHouse server before aborting the request, in milliseconds */\n requestTimeout?: number;\n};\n\nexport abstract class BaseClickhouseClient {\n protected readonly host?: string;\n protected readonly username?: string;\n protected readonly password?: string;\n protected readonly queryTimeout?: number;\n protected client?: WebClickHouseClient | NodeClickHouseClient;\n protected readonly application?: string;\n /*\n * Some clickhouse db's (the demo instance for example) make the\n * max_rows_to_read setting readonly and the query will fail if you try to\n * query with max_rows_to_read specified\n */\n protected maxRowReadOnly: boolean;\n protected requestTimeout: number = 3600000;\n\n constructor({\n host,\n username,\n password,\n queryTimeout,\n application,\n requestTimeout,\n }: ClickhouseClientOptions) {\n this.host = host!;\n this.username = username;\n this.password = password;\n this.queryTimeout = queryTimeout;\n this.maxRowReadOnly = false;\n this.application = application;\n if (requestTimeout != null && requestTimeout >= 0) {\n this.requestTimeout = requestTimeout;\n }\n }\n\n protected getClient(): WebClickHouseClient | NodeClickHouseClient {\n if (!this.client) {\n throw new Error(\n 'ClickHouse client not initialized. Child classes must initialize the client.',\n );\n }\n return this.client;\n }\n\n protected logDebugQuery(\n query: string,\n query_params: Record = {},\n ): void {\n let debugSql = '';\n try {\n debugSql = parameterizedQueryToSql({ sql: query, params: query_params });\n } catch (e) {\n debugSql = query;\n }\n\n console.debug('--------------------------------------------------------');\n\n console.debug('Sending Query:', debugSql);\n\n console.debug('--------------------------------------------------------');\n }\n\n protected async processClickhouseSettings({\n connectionId,\n externalClickhouseSettings,\n }: {\n connectionId?: string;\n externalClickhouseSettings?: ClickHouseSettings;\n }): Promise {\n const clickhouse_settings = structuredClone(\n externalClickhouseSettings || {},\n );\n if (clickhouse_settings?.max_rows_to_read && this.maxRowReadOnly) {\n delete clickhouse_settings['max_rows_to_read'];\n }\n if (\n clickhouse_settings?.max_execution_time === undefined &&\n (this.queryTimeout || 0) > 0\n ) {\n clickhouse_settings.max_execution_time = this.queryTimeout;\n }\n\n const defaultSettings: ClickHouseSettings = {\n allow_experimental_analyzer: 1,\n date_time_output_format: 'iso',\n wait_end_of_query: 0,\n cancel_http_readonly_queries_on_client_close: 1,\n output_format_json_quote_64bit_integers: 1, // In 25.8, the default value for this was changed from 1 to 0. Due to JavaScript's poor precision for big integers, we should enable this https://github.com/ClickHouse/ClickHouse/pull/74079\n };\n\n const metadata = getMetadata(this);\n const serverSettings = await metadata.getSettings({ connectionId });\n\n const applySettingIfAvailable = (name: string, value: string) => {\n if (!serverSettings || !serverSettings.has(name)) return;\n // eslint-disable-next-line security/detect-object-injection\n defaultSettings[name] = value;\n };\n\n // Enables lazy materialization up to the given LIMIT\n applySettingIfAvailable('query_plan_optimize_lazy_materialization', '1');\n applySettingIfAvailable(\n 'query_plan_max_limit_for_lazy_materialization',\n '100000',\n );\n // Enables skip indexes to be used for top k style queries up to the given LIMIT\n applySettingIfAvailable('use_skip_indexes_for_top_k', '1');\n applySettingIfAvailable(\n 'query_plan_max_limit_for_top_k_optimization',\n '100000',\n );\n // TODO: HDX-3499 look into when we can and can't use this setting. For example, event deltas ORDER BY rand(), which is not compatible with this setting\n // applySettingIfAvailable('use_top_k_dynamic_filtering', '1');\n // Enables skip indexes to be used on data read\n applySettingIfAvailable('use_skip_indexes_on_data_read', '1');\n // Evaluate WHERE filters with mixed AND and OR conditions using skip indexes.\n // If value is 0, then skip indicies only used on AND queries\n applySettingIfAvailable('use_skip_indexes_for_disjunctions', '1');\n\n // Enables full-text (inverted index) search.\n applySettingIfAvailable('enable_full_text_index', '1');\n\n return {\n ...defaultSettings,\n ...clickhouse_settings,\n };\n }\n\n async query(\n props: QueryInputs,\n ): Promise> {\n let attempts = 0;\n // retry query if fails\n while (attempts < 2) {\n try {\n const res = await this.__query(props);\n return res;\n } catch (error: any) {\n if (\n !this.maxRowReadOnly &&\n error.type === 'READONLY' &&\n error.message.includes('max_rows_to_read')\n ) {\n // Indicate that the CH instance does not accept the max_rows_to_read setting\n this.maxRowReadOnly = true;\n } else {\n let err = error;\n // We should never error out here for debug info, so it's aggressively wrapped\n try {\n let debugSql = '';\n try {\n debugSql = parameterizedQueryToSql({\n sql: props.query,\n params: props.query_params ?? {},\n });\n } catch (e) {\n debugSql = props.query;\n }\n err = new ClickHouseQueryError(error.message, debugSql);\n err.cause = error;\n } catch (_) {\n // ignore\n }\n\n throw err;\n }\n }\n attempts++;\n }\n // should never get here\n throw new Error('ClickHouseClient query impossible codepath');\n }\n\n protected abstract __query(\n inputs: QueryInputs,\n ): Promise>;\n\n // TODO: only used when multi-series 'metrics' is selected (no effects on the events chart)\n // eventually we want to generate union CTEs on the db side instead of computing it on the client side\n async queryChartConfig({\n config,\n metadata,\n opts,\n querySettings,\n }: {\n config: ChartConfigWithOptDateRange;\n metadata: Metadata;\n opts?: {\n abort_signal?: AbortSignal;\n clickhouse_settings?: Record;\n };\n querySettings: QuerySettings | undefined;\n }): Promise>> {\n config = isBuilderChartConfig(config)\n ? setChartSelectsAlias(config)\n : config;\n const queries: ChSql[] = await Promise.all(\n splitChartConfigs(config).map(c =>\n renderChartConfig(c, metadata, querySettings),\n ),\n );\n\n const isTimeSeries = config.displayType === 'line';\n\n const resultSets = await Promise.all(\n queries.map(async query => {\n const resp = await this.query<'JSON'>({\n query: query.sql,\n query_params: query.params,\n format: 'JSON',\n abort_signal: opts?.abort_signal,\n connectionId: config.connection,\n clickhouse_settings: opts?.clickhouse_settings,\n });\n return resp.json();\n }),\n );\n\n if (resultSets.length === 1) {\n return resultSets[0];\n }\n // metrics -> join resultSets\n else if (isBuilderChartConfig(config) && resultSets.length > 1) {\n const metaSet = new Map();\n const tsBucketMap = new Map>();\n for (const resultSet of resultSets) {\n // set up the meta data\n if (Array.isArray(resultSet.meta)) {\n for (const meta of resultSet.meta) {\n const key = meta.name;\n if (!metaSet.has(key)) {\n metaSet.set(key, meta);\n }\n }\n }\n\n const timestampColumn = inferTimestampColumn(resultSet.meta ?? []);\n const numericColumn = inferNumericColumn(resultSet.meta ?? []);\n const numericColumnName = numericColumn?.[0]?.name;\n for (const row of resultSet.data) {\n const _rowWithoutValue = numericColumnName\n ? Object.fromEntries(\n Object.entries(row).filter(\n ([key]) => key !== numericColumnName,\n ),\n )\n : { ...row };\n const ts =\n timestampColumn != null\n ? row[timestampColumn.name]\n : isTimeSeries\n ? objectHash(_rowWithoutValue)\n : '__FIXED_TIMESTAMP__';\n if (tsBucketMap.has(ts)) {\n const existingRow = tsBucketMap.get(ts);\n tsBucketMap.set(ts, {\n ...existingRow,\n ...row,\n });\n } else {\n tsBucketMap.set(ts, row);\n }\n }\n }\n\n const isRatio =\n config.seriesReturnType === 'ratio' && resultSets.length === 2;\n\n const _resultSet: ResponseJSON = {\n meta: Array.from(metaSet.values()),\n data: Array.from(tsBucketMap.values()),\n };\n // TODO: we should compute the ratio on the db side\n return isRatio ? computeResultSetRatio(_resultSet) : _resultSet;\n }\n throw new Error('No result sets');\n }\n\n /**\n * Checks whether the given chart config is valid by running an\n * EXPLAIN query and returning whether the EXPLAIN succeeded\n **/\n async testChartConfigValidity({\n config,\n metadata,\n opts,\n querySettings,\n }: {\n config: ChartConfigWithOptDateRange;\n metadata: Metadata;\n opts?: {\n abort_signal?: AbortSignal;\n clickhouse_settings?: Record;\n };\n querySettings: QuerySettings | undefined;\n }): Promise<{ isValid: boolean; rowEstimate?: number; error?: string }> {\n try {\n const renderedConfig = await renderChartConfig(\n config,\n metadata,\n querySettings,\n );\n const explainedQuery = chSql`EXPLAIN ESTIMATE ${renderedConfig}`;\n\n const result = await this.query<'JSON'>({\n query: explainedQuery.sql,\n query_params: explainedQuery.params,\n format: 'JSON',\n abort_signal: opts?.abort_signal,\n connectionId: config.connection,\n clickhouse_settings: opts?.clickhouse_settings,\n });\n\n const jsonResult = await result.json<{ rows: string | number }>();\n const rowEstimate = Number(jsonResult.data[0]?.rows);\n return {\n isValid: true,\n rowEstimate: Number.isNaN(rowEstimate) ? undefined : rowEstimate,\n };\n } catch (error: ClickHouseQueryError | unknown) {\n return {\n isValid: false,\n error:\n error instanceof ClickHouseQueryError\n ? error.message\n : String('Error while constructing materialized view query'),\n };\n }\n }\n}\n\nexport const tableExpr = ({\n database,\n table,\n}: {\n database: string;\n table: string;\n}) => {\n return chSql`${{ Identifier: database }}.${{ Identifier: table }}`;\n};\n\n/**\n * SELECT\n * aggFnIf(fieldToColumn(field), where),\n * timeBucketing(Granularity, timeConversion(fieldToColumn(field))),\n * FROM db.table\n * WHERE where\n * GROUP BY timeBucketing, fieldToColumn(groupBy)\n * ORDER BY orderBy\n */\n\nexport function parameterizedQueryToSql({\n sql,\n params,\n}: {\n sql: string;\n params: Record;\n}) {\n return Object.entries(params).reduce((acc, [key, value]) => {\n return acc.replace(new RegExp(`{${key}:\\\\w+}`, 'g'), value);\n }, sql);\n}\n\nexport function chSqlToAliasMap(\n chSql: ChSql | undefined,\n): Record {\n const aliasMap: Record = {};\n if (chSql == null) {\n return aliasMap;\n }\n\n try {\n const sql = parameterizedQueryToSql(chSql);\n\n // Remove the SETTINGS clause because `SQLParser` doesn't understand it.\n const [sqlWithoutSettingsClause] = extractSettingsClauseFromEnd(sql);\n\n // Replace JSON expressions with replacement tokens so that node-sql-parser can parse the SQL\n const { sqlWithReplacements, replacements: jsonReplacementsToExpressions } =\n replaceJsonExpressions(sqlWithoutSettingsClause);\n const parser = new SQLParser.Parser();\n\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- astify returns union type\n const ast = parser.astify(sqlWithReplacements, {\n database: 'Postgresql',\n parseOptions: { includeLocations: true },\n }) as SQLParser.Select;\n\n if (ast.columns != null) {\n ast.columns.forEach(column => {\n if (column.as != null) {\n if (column.type === 'expr' && column.expr.type === 'column_ref') {\n aliasMap[column.as] =\n column.expr.array_index && column.expr.array_index[0]?.brackets\n ? // alias with brackets, ex: ResourceAttributes['service.name'] as service_name\n `${column.expr.column.expr.value}['${column.expr.array_index[0].index.value}']`\n : // normal alias\n column.expr.column.expr.value;\n } else if (column.expr.loc != null) {\n aliasMap[column.as] = sqlWithReplacements.slice(\n column.expr.loc.start.offset,\n column.expr.loc.end.offset,\n );\n } else {\n console.error('Unknown alias column type', column);\n }\n }\n });\n }\n\n // Replace the JSON replacement tokens with the original JSON expressions\n for (const [alias, aliasExpression] of Object.entries(aliasMap)) {\n for (const [replacement, original] of jsonReplacementsToExpressions) {\n if (aliasExpression.includes(replacement)) {\n aliasMap[alias] = aliasExpression.replaceAll(replacement, original);\n }\n }\n }\n return aliasMap;\n } catch (e) {\n console.error(\n 'Error parsing alias map with JSON removed',\n e,\n 'for query',\n chSql,\n );\n }\n\n return aliasMap;\n}\n\nexport type ColumnMetaType = { name: string; type: string };\nexport function filterColumnMetaByType(\n meta: Array,\n types: JSDataType[],\n): Array | undefined {\n return meta.filter(column => {\n const jsType = convertCHDataTypeToJSType(column.type);\n return jsType != null && types.includes(jsType);\n });\n}\n\nexport function inferTimestampColumn(\n // from: https://github.com/ClickHouse/clickhouse-js/blob/442392c83834f313a964f9e5bd7ff44474631755/packages/client-common/src/clickhouse_types.ts#L8C3-L8C47\n meta: Array,\n) {\n return filterColumnMetaByType(meta, [JSDataType.Date])?.[0];\n}\n\nexport function inferNumericColumn(meta: Array) {\n return filterColumnMetaByType(meta, [JSDataType.Number]);\n}\n\nexport type ColumnMeta = {\n codec_expression: string;\n comment: string;\n default_expression: string;\n default_type: string;\n name: string;\n ttl_expression: string;\n type: string;\n};\n" }, { "path": "packages/common-utils/src/clickhouse/node.ts", "content": "import { createClient } from '@clickhouse/client';\nimport type {\n BaseResultSet,\n ClickHouseSettings,\n DataFormat,\n} from '@clickhouse/client-common';\n\nimport {\n BaseClickhouseClient,\n ClickhouseClientOptions,\n QueryInputs,\n} from './index';\n\n// for api fixtures\nexport { createClient as createNativeClient };\n\nexport class ClickhouseClient extends BaseClickhouseClient {\n constructor(options: ClickhouseClientOptions) {\n super(options);\n\n this.client = createClient({\n url: this.host,\n username: this.username,\n password: this.password,\n request_timeout: this.requestTimeout,\n application: this.application,\n });\n }\n\n protected async __query({\n query,\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- default generic value\n format = 'JSON' as Format,\n query_params = {},\n abort_signal,\n clickhouse_settings: externalClickhouseSettings,\n queryId,\n shouldSkipApplySettings,\n }: QueryInputs): Promise> {\n this.logDebugQuery(query, query_params);\n\n let clickhouseSettings: ClickHouseSettings | undefined;\n // If this is the settings query, we must not process the clickhouse settings, or else we will infinitely recurse\n if (!shouldSkipApplySettings) {\n clickhouseSettings = await this.processClickhouseSettings({\n externalClickhouseSettings,\n });\n }\n\n // TODO: Custom error handling\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- client library type mismatch\n return this.getClient().query({\n query,\n query_params,\n format,\n abort_signal,\n clickhouse_settings: clickhouseSettings,\n query_id: queryId,\n }) as unknown as Promise>;\n }\n}\n" }, { "path": "packages/common-utils/src/core/histogram.ts", "content": "import { ChSql, chSql } from '@/clickhouse';\nimport { BuilderChartConfig } from '@/types';\n\ntype WithClauses = BuilderChartConfig['with'];\ntype TemplatedInput = ChSql | string;\n\nexport const translateHistogram = ({\n select,\n ...rest\n}: {\n select: Exclude[number];\n timeBucketSelect: TemplatedInput;\n groupBy?: TemplatedInput;\n from: TemplatedInput;\n where: TemplatedInput;\n valueAlias: TemplatedInput;\n}) => {\n if (select.aggFn === 'quantile') {\n if (!('level' in select) || select.level === null)\n throw new Error('quantile must have a level');\n return translateHistogramQuantile({\n ...rest,\n level: select.level,\n });\n }\n if (select.aggFn === 'count') {\n return translateHistogramCount(rest);\n }\n throw new Error(`${select.aggFn} is not supported for histograms currently`);\n};\n\nconst translateHistogramCount = ({\n timeBucketSelect,\n groupBy,\n from,\n where,\n valueAlias,\n}: {\n timeBucketSelect: TemplatedInput;\n groupBy?: TemplatedInput;\n from: TemplatedInput;\n where: TemplatedInput;\n valueAlias: TemplatedInput;\n}): WithClauses => [\n {\n name: 'source',\n sql: chSql`\n SELECT\n TimeUnix,\n AggregationTemporality,\n ${timeBucketSelect},\n ${groupBy ? chSql`[${groupBy}] AS group,` : ''}\n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS attr_hash,\n cityHash64(ExplicitBounds) AS bounds_hash,\n toInt64(Count) AS current_count,\n lagInFrame(toNullable(current_count), 1, NULL) OVER (\n PARTITION BY ${groupBy ? `group, ` : ''} attr_hash, bounds_hash, AggregationTemporality\n ORDER BY TimeUnix\n ) AS prev_count,\n CASE\n WHEN AggregationTemporality = 1 THEN current_count\n WHEN AggregationTemporality = 2 THEN greatest(0, current_count - coalesce(prev_count, 0))\n ELSE 0\n END AS delta\n FROM ${from}\n WHERE ${where}\n `,\n },\n {\n name: 'metrics',\n sql: chSql`\n SELECT\n \\`__hdx_time_bucket\\`,\n ${groupBy ? 'group,' : ''}\n sum(delta) AS \"${valueAlias}\"\n FROM source\n GROUP BY ${groupBy ? 'group, ' : ''}\\`__hdx_time_bucket\\`\n `,\n },\n];\n\nconst translateHistogramQuantile = ({\n timeBucketSelect,\n groupBy,\n from,\n where,\n valueAlias,\n level,\n}: {\n timeBucketSelect: TemplatedInput;\n groupBy?: TemplatedInput;\n from: TemplatedInput;\n where: TemplatedInput;\n valueAlias: TemplatedInput;\n level: number;\n}): WithClauses => [\n {\n name: 'source',\n sql: chSql`\n SELECT\n MetricName,\n ExplicitBounds,\n ${timeBucketSelect},\n ${groupBy ? chSql`[${groupBy}] as group,` : ''}\n sumForEach(deltas) as rates\n FROM (\n SELECT\n TimeUnix,\n MetricName,\n ResourceAttributes,\n Attributes,\n ExplicitBounds,\n attr_hash,\n any(attr_hash) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_attr_hash,\n any(bounds_hash) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_bounds_hash,\n any(counts) OVER (ROWS BETWEEN 1 preceding AND 1 preceding) AS prev_counts,\n counts,\n IF(\n AggregationTemporality = 1 ${'' /* denotes a metric that is not monotonic e.g. already a delta */}\n OR prev_attr_hash != attr_hash ${'' /* the attributes have changed so this is a different metric */}\n OR bounds_hash != prev_bounds_hash ${'' /* the bucketing has changed so should be treated as different metric */}\n OR arrayExists((x) -> x.2 < x.1, arrayZip(prev_counts, counts)), ${'' /* a data point has gone down, probably a reset event */}\n counts,\n counts - prev_counts\n ) AS deltas\n FROM (\n SELECT\n TimeUnix,\n MetricName,\n AggregationTemporality,\n ExplicitBounds,\n ResourceAttributes,\n Attributes,\n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS attr_hash,\n cityHash64(ExplicitBounds) AS bounds_hash,\n CAST(BucketCounts AS Array(Int64)) counts\n FROM ${from}\n WHERE ${where}\n ORDER BY attr_hash, TimeUnix ASC\n )\n )\n GROUP BY \\`__hdx_time_bucket\\`, MetricName, ${groupBy ? 'group, ' : ''}ExplicitBounds\n ORDER BY \\`__hdx_time_bucket\\`\n `,\n },\n {\n name: 'points',\n sql: chSql`\n SELECT\n \\`__hdx_time_bucket\\`,\n MetricName,\n ${groupBy ? 'group,' : ''}\n arrayZipUnaligned(arrayCumSum(rates), ExplicitBounds) as point,\n length(point) as n\n FROM source\n `,\n },\n {\n name: 'metrics',\n sql: chSql`\n SELECT\n \\`__hdx_time_bucket\\`,\n MetricName,\n ${groupBy ? 'group,' : ''}\n point[n].1 AS total,\n ${{ Float64: level }} * total AS rank,\n arrayFirstIndex(x -> if(x.1 > rank, 1, 0), point) AS upper_idx,\n point[upper_idx].1 AS upper_count,\n ifNull(point[upper_idx].2, inf) AS upper_bound,\n CASE\n WHEN upper_idx > 1 THEN point[upper_idx - 1].2\n WHEN point[upper_idx].2 > 0 THEN 0\n ELSE inf\n END AS lower_bound,\n if (\n lower_bound = 0,\n 0,\n point[upper_idx - 1].1\n ) AS lower_count,\n CASE\n WHEN upper_bound = inf THEN point[upper_idx - 1].2\n WHEN lower_bound = inf THEN point[1].2\n ELSE lower_bound + (upper_bound - lower_bound) * ((rank - lower_count) / (upper_count - lower_count))\n END AS \"${valueAlias}\"\n FROM points\n WHERE length(point) > 1 AND total > 0\n `,\n },\n];\n" }, { "path": "packages/common-utils/src/core/materializedViews.ts", "content": "import { differenceInSeconds } from 'date-fns';\n\nimport { BaseClickhouseClient } from '@/clickhouse';\nimport {\n BuilderChartConfigWithOptDateRange,\n CteChartConfig,\n InternalAggregateFunction,\n InternalAggregateFunctionSchema,\n isLogSource,\n isTraceSource,\n MaterializedViewConfiguration,\n TLogSource,\n TSource,\n TTraceSource,\n} from '@/types';\n\n// Source types that support materialized views\ntype TMVSource = TLogSource | TTraceSource;\n\nimport { Metadata, TableConnection } from './metadata';\nimport {\n convertDateRangeToGranularityString,\n convertGranularityToSeconds,\n getAlignedDateRange,\n splitAndTrimWithBracket,\n} from './utils';\n\ntype SelectItem = Exclude<\n BuilderChartConfigWithOptDateRange['select'],\n string\n>[number];\n\nasync function isSimpleAggregateFunction(\n tableConnection: TableConnection,\n column: string,\n metadata: Metadata,\n) {\n try {\n const columnMeta = await metadata.getColumn({\n ...tableConnection,\n column,\n });\n\n return !!columnMeta?.type.startsWith('SimpleAggregateFunction(');\n } catch {\n return false;\n }\n}\n\n// Variants of quantile (ex. quantileExact, quantileDD, etc.)\nasync function getQuantileAggregateFunction(\n tableConnection: TableConnection,\n column: string,\n metadata: Metadata,\n) {\n try {\n const columnMeta = await metadata.getColumn({\n ...tableConnection,\n column,\n });\n\n const type = columnMeta?.type;\n if (!type) {\n return undefined;\n }\n\n // Use regex to extract the quantile function name inside AggregateFunction(...)\n // For example, AggregateFunction(quantile(0.95), Int64) --> quantile\n // AggregateFunction(quantileTDigest(0.95), Int64) --> quantileTDigest\n // AggregateFunction(quantileDD(0.001, 0.95), Int64) --> quantileDD\n const match = type.match(/^AggregateFunction\\(\\s*([^(, ]+)\\s*\\(/);\n return match?.[1];\n } catch {\n return undefined;\n }\n}\n\nasync function getAggregateMergeFunction(\n tableConnection: TableConnection,\n column: string,\n aggFn: string,\n metadata: Metadata,\n) {\n if (aggFn === 'count') {\n // Counts are stored in AggregatingMergeTree as UInt64 or SimpleAggregateFunction(sum, UInt64),\n // both of which should be summed rather than count()'ed.\n return 'sum';\n } else if (\n await isSimpleAggregateFunction(tableConnection, column, metadata)\n ) {\n return aggFn;\n } else {\n return `${aggFn}Merge`;\n }\n}\n\nfunction isValidAggFn(\n aggFn: string | undefined,\n): aggFn is InternalAggregateFunction {\n return !!aggFn && InternalAggregateFunctionSchema.safeParse(aggFn).success;\n}\n\nfunction isQuantileSelectItem(item: SelectItem): item is {\n valueExpression: string;\n aggFn: 'quantile';\n level: number;\n} {\n return (\n item.aggFn === 'quantile' &&\n 'level' in item &&\n typeof item.level === 'number'\n );\n}\n\nfunction getAggregatedColumnConfig(\n mvConfig: MaterializedViewConfiguration,\n column: string,\n aggFn: InternalAggregateFunction,\n) {\n return mvConfig.aggregatedColumns.find(\n config =>\n config.aggFn === aggFn &&\n (config.aggFn === 'count' || config.sourceColumn === column),\n );\n}\n\n/**\n * Indicates whether the MV described by mvConfig is capable of\n * supporting the granularity requested in the given chart config.\n **/\nfunction mvConfigSupportsGranularity(\n mvConfig: MaterializedViewConfiguration,\n chartConfig: BuilderChartConfigWithOptDateRange,\n): boolean {\n if (!chartConfig.granularity && !chartConfig.dateRange) {\n return true;\n }\n\n // If granularity is not provided at all, but we have a date range, we need a way to\n // determine if the MV granularity is sufficient for the date range. So we'll assume\n // an 'auto' granularity and check that against the MV.\n const normalizedGranularity = chartConfig.granularity || 'auto';\n\n // 'auto' granularity requires a date range to determine effective granularity\n if (normalizedGranularity === 'auto' && !chartConfig.dateRange) {\n return false;\n }\n\n // Determine the effective granularity if the granularity is 'auto'\n const chartGranularity =\n normalizedGranularity === 'auto' && chartConfig.dateRange\n ? convertDateRangeToGranularityString(chartConfig.dateRange)\n : normalizedGranularity;\n\n const chartGranularitySeconds = convertGranularityToSeconds(chartGranularity);\n const mvGranularitySeconds = convertGranularityToSeconds(\n mvConfig.minGranularity,\n );\n\n // The chart granularity must be a multiple of the MV granularity,\n // to avoid unequal distribution of data across chart time buckets\n // which don't align with the MV time buckets.\n return (\n chartGranularitySeconds >= mvGranularitySeconds &&\n chartGranularitySeconds % mvGranularitySeconds === 0\n );\n}\n\nfunction countIntervalsInDateRange(\n dateRange: [Date, Date],\n granularity: string,\n) {\n const [startDate, endDate] = dateRange;\n const granularitySeconds = convertGranularityToSeconds(granularity);\n const diffSeconds = differenceInSeconds(endDate, startDate);\n return Math.floor(diffSeconds / granularitySeconds);\n}\n\nfunction mvConfigSupportsDateRange(\n mvConfig: MaterializedViewConfiguration,\n chartConfig: BuilderChartConfigWithOptDateRange,\n) {\n if (mvConfig.minDate && !chartConfig.dateRange) {\n return false;\n }\n\n if (!mvConfig.minDate || !chartConfig.dateRange) {\n return true;\n }\n\n const [startDate] = chartConfig.dateRange;\n const minDate = new Date(mvConfig.minDate);\n\n return startDate >= minDate;\n}\n\nconst COUNT_FUNCTION_PATTERN = /\\bcount(If)?\\s*\\(/i;\nexport function isUnsupportedCountFunction(selectItem: SelectItem): boolean {\n return COUNT_FUNCTION_PATTERN.test(selectItem.valueExpression);\n}\n\nasync function convertSelectToMaterializedViewSelect(\n mvConfig: MaterializedViewConfiguration,\n selectItem: SelectItem,\n mvTableConnection: TableConnection,\n metadata: Metadata,\n): Promise {\n const { valueExpression, aggFn: initialAggFn } = selectItem;\n // can be modified later for quantile\n let aggFn = initialAggFn;\n\n // Custom count() expressions are not yet optimizable, but they also won't fail the\n // EXPLAIN check - instead they'll just return an incorrect result.\n if (isUnsupportedCountFunction(selectItem)) {\n throw new Error(\n `Custom count() expressions are not supported with materialized views.`,\n );\n }\n\n if (!aggFn) {\n return selectItem;\n }\n\n if (!isValidAggFn(aggFn)) {\n throw new Error(`Aggregate function ${aggFn} is not valid.`);\n }\n\n // Handle aggregations without a value expression (eg. count)\n // NOTE: such aggregations may still have a valueExpression in the selectItem,\n // but it should be ignored\n const columnConfigNoSourceColumn = getAggregatedColumnConfig(\n mvConfig,\n '',\n aggFn,\n );\n if (columnConfigNoSourceColumn) {\n const targetColumn = columnConfigNoSourceColumn.mvColumn;\n const aggMergeFn = await getAggregateMergeFunction(\n mvTableConnection,\n targetColumn,\n aggFn,\n metadata,\n );\n\n return {\n ...selectItem,\n valueExpression: targetColumn,\n aggFn: aggMergeFn,\n };\n }\n\n const aggregatedColumnConfig = getAggregatedColumnConfig(\n mvConfig,\n valueExpression,\n aggFn,\n );\n\n if (!aggregatedColumnConfig) {\n throw new Error(\n `The aggregate function ${formatAggregateFunction(aggFn, selectItem['level'])} is not available for column '${valueExpression}'.`,\n );\n }\n\n if (isQuantileSelectItem(selectItem)) {\n const quantileAggregateFunction = await getQuantileAggregateFunction(\n mvTableConnection,\n aggregatedColumnConfig.mvColumn,\n metadata,\n );\n if (quantileAggregateFunction) {\n aggFn = quantileAggregateFunction;\n }\n }\n\n const aggMergeFn = await getAggregateMergeFunction(\n mvTableConnection,\n aggregatedColumnConfig.mvColumn,\n aggFn,\n metadata,\n );\n\n return {\n ...selectItem,\n valueExpression: aggregatedColumnConfig.mvColumn,\n aggFn: aggMergeFn,\n };\n}\n\nexport type MVOptimizationExplanation = {\n success: boolean;\n errors: string[];\n rowEstimate?: number;\n mvConfig: MaterializedViewConfiguration;\n};\n\nexport async function tryConvertConfigToMaterializedViewSelect<\n C extends BuilderChartConfigWithOptDateRange | CteChartConfig,\n>(\n chartConfig: C,\n mvConfig: MaterializedViewConfiguration,\n metadata: Metadata,\n): Promise<{\n optimizedConfig?: C;\n errors?: string[];\n}> {\n if (!Array.isArray(chartConfig.select)) {\n return {\n errors: ['Only array-based select statements are supported.'],\n };\n }\n\n if (mvConfig.minDate && !mvConfigSupportsDateRange(mvConfig, chartConfig)) {\n return {\n errors: [\n 'The selected date range includes dates for which this view does not contain data.',\n ],\n };\n }\n\n if (!mvConfigSupportsGranularity(mvConfig, chartConfig)) {\n const error = chartConfig.granularity\n ? `Granularity must be a multiple of the view's granularity (${mvConfig.minGranularity}).`\n : 'The selected date range is too short for the granularity of this materialized view.';\n return { errors: [error] };\n }\n\n const mvTableConnection: TableConnection = {\n databaseName: mvConfig.databaseName,\n tableName: mvConfig.tableName,\n connectionId: chartConfig.connection,\n };\n\n const conversions = await Promise.allSettled(\n chartConfig.select.map(selectItem =>\n convertSelectToMaterializedViewSelect(\n mvConfig,\n selectItem,\n mvTableConnection,\n metadata,\n ),\n ),\n );\n\n const select: SelectItem[] = [];\n const errors: string[] = [];\n for (const result of conversions) {\n if (result.status === 'rejected') {\n errors.push(result.reason.message);\n } else {\n select.push(result.value);\n }\n }\n\n if (errors.length > 0) {\n return {\n errors,\n };\n }\n\n const clonedConfig: C = {\n ...structuredClone(chartConfig),\n select,\n timestampValueExpression: mvConfig.timestampColumn,\n from: {\n databaseName: mvConfig.databaseName,\n tableName: mvConfig.tableName,\n },\n // Make the date range end exclusive to avoid selecting the entire next time bucket from the MV\n // Align the date range to the MV granularity to avoid excluding the first time bucket\n ...('dateRange' in chartConfig && chartConfig.dateRange\n ? {\n dateRangeEndInclusive: false,\n dateRange: getAlignedDateRange(\n chartConfig.dateRange,\n mvConfig.minGranularity,\n ),\n }\n : {}),\n };\n\n return {\n optimizedConfig: clonedConfig,\n };\n}\n\n/** Attempts to optimize a config with a single MV Config */\nasync function tryOptimizeConfig(\n config: C,\n metadata: Metadata,\n clickhouseClient: BaseClickhouseClient,\n signal: AbortSignal | undefined,\n mvConfig: MaterializedViewConfiguration,\n source: Omit, // for overlap with ISource type\n) {\n const errors: string[] = [];\n // Attempt to optimize any CTEs that exist in the config\n let optimizedConfig: C | undefined = undefined;\n if (config.with) {\n const cteOptimizationResults = await Promise.all(\n config.with.map(async cte => {\n if (\n cte.chartConfig &&\n cte.chartConfig.from.databaseName === source.from.databaseName &&\n cte.chartConfig.from.tableName === source.from.tableName\n ) {\n return tryConvertConfigToMaterializedViewSelect(\n cte.chartConfig,\n mvConfig,\n metadata,\n );\n } else {\n return {\n optimizedConfig: undefined,\n errors: [],\n };\n }\n }),\n );\n\n const hasOptimizedCTEs = cteOptimizationResults.some(\n r => !!r.optimizedConfig,\n );\n\n if (hasOptimizedCTEs) {\n optimizedConfig = {\n ...structuredClone(config),\n with: config.with.map((originalCte, index) => {\n return {\n ...originalCte,\n chartConfig:\n cteOptimizationResults[index].optimizedConfig ??\n originalCte.chartConfig,\n };\n }),\n };\n }\n\n errors.push(...cteOptimizationResults.flatMap(r => r.errors ?? []));\n }\n\n // Attempt to optimize the main (outer) select\n if (\n config.from.databaseName === source.from.databaseName &&\n config.from.tableName === source.from.tableName\n ) {\n const convertedOuterSelect = await tryConvertConfigToMaterializedViewSelect(\n optimizedConfig ?? config,\n mvConfig,\n metadata,\n );\n\n if (convertedOuterSelect.optimizedConfig) {\n optimizedConfig = convertedOuterSelect.optimizedConfig;\n }\n errors.push(...(convertedOuterSelect.errors ?? []));\n }\n\n // If the config has been optimized, validate it by checking whether an EXPLAIN query succeeds\n if (optimizedConfig) {\n const {\n isValid,\n rowEstimate = Number.POSITIVE_INFINITY,\n error,\n } = await clickhouseClient.testChartConfigValidity({\n config: optimizedConfig,\n metadata,\n opts: {\n abort_signal: signal,\n },\n querySettings: source.querySettings,\n });\n\n if (error) {\n errors.push(error);\n }\n\n if (isValid) {\n return {\n optimizedConfig,\n rowEstimate,\n errors: [],\n };\n }\n }\n\n return { errors };\n}\n\n/** Attempts to optimize a config with each of the provided MV Configs */\nexport async function tryOptimizeConfigWithMaterializedViewWithExplanations<\n C extends BuilderChartConfigWithOptDateRange,\n>(\n config: C,\n metadata: Metadata,\n clickhouseClient: BaseClickhouseClient,\n signal: AbortSignal | undefined,\n source: Omit, // for overlap with ISource type\n): Promise<{\n optimizedConfig?: C;\n explanations: MVOptimizationExplanation[];\n}> {\n const mvConfigs = source.materializedViews ?? [];\n const optimizationResults = await Promise.all(\n mvConfigs.map(mvConfig =>\n tryOptimizeConfig(\n config,\n metadata,\n clickhouseClient,\n signal,\n mvConfig,\n source,\n ).then(result => ({ ...result, mvConfig })),\n ),\n );\n\n // Find a config with the lowest row estimate among successfully optimized configs\n let resultOptimizedConfig: C | undefined = undefined;\n let minRowEstimate = Number.POSITIVE_INFINITY;\n for (const result of optimizationResults) {\n if (\n result.optimizedConfig &&\n (result.rowEstimate ?? Number.POSITIVE_INFINITY) < minRowEstimate\n ) {\n resultOptimizedConfig = result.optimizedConfig;\n minRowEstimate = result.rowEstimate ?? Number.POSITIVE_INFINITY;\n }\n }\n\n const explanations = optimizationResults.map(\n ({ optimizedConfig, errors, rowEstimate, mvConfig }) => ({\n success: !!optimizedConfig && optimizedConfig === resultOptimizedConfig,\n errors,\n rowEstimate,\n mvConfig,\n }),\n );\n\n return {\n optimizedConfig: resultOptimizedConfig,\n explanations,\n };\n}\n\nexport async function tryOptimizeConfigWithMaterializedView<\n C extends BuilderChartConfigWithOptDateRange,\n>(\n config: C,\n metadata: Metadata,\n clickhouseClient: BaseClickhouseClient,\n signal: AbortSignal | undefined,\n source: Omit, // for overlap with ISource type\n) {\n const { optimizedConfig } =\n await tryOptimizeConfigWithMaterializedViewWithExplanations(\n config,\n metadata,\n clickhouseClient,\n signal,\n source,\n );\n\n return optimizedConfig ?? config;\n}\n\nfunction formatAggregateFunction(aggFn: string, level: number | undefined) {\n if (aggFn === 'quantile') {\n switch (level) {\n case 0.5:\n return 'median';\n case 0.9:\n return 'p90';\n case 0.95:\n return 'p95';\n case 0.99:\n return 'p99';\n default:\n return `quantile`;\n }\n } else {\n return aggFn;\n }\n}\n\nfunction toMvId(\n mv: Pick,\n) {\n return `${mv.databaseName}.${mv.tableName}`;\n}\n\nexport interface GetKeyValueCall {\n chartConfig: C;\n keys: string[];\n}\n\nexport async function optimizeGetKeyValuesCalls<\n C extends BuilderChartConfigWithOptDateRange,\n>({\n chartConfig,\n keys,\n source,\n clickhouseClient,\n metadata,\n signal,\n}: {\n chartConfig: C;\n keys: string[];\n source: TSource;\n clickhouseClient: BaseClickhouseClient;\n metadata: Metadata;\n signal?: AbortSignal;\n}): Promise[]> {\n // Get the MVs from the source\n const mvs =\n ((isTraceSource(source) || isLogSource(source)) &&\n source?.materializedViews) ||\n [];\n const mvsById = new Map(mvs.map(mv => [toMvId(mv), mv]));\n\n // Identify keys which can be queried from a materialized view\n const supportedKeysByMv = new Map();\n for (const [mvId, mv] of mvsById.entries()) {\n const mvIntervalsInDateRange = chartConfig.dateRange\n ? countIntervalsInDateRange(chartConfig.dateRange, mv.minGranularity)\n : Infinity;\n if (\n // Ensures that the MV contains data for the selected date range\n mvConfigSupportsDateRange(mv, chartConfig) &&\n // Ensures that the MV's granularity is small enough that the selected date\n // range will include multiple MV time buckets. (3 is an arbitrary cutoff)\n mvIntervalsInDateRange >= 3\n ) {\n const dimensionColumns = splitAndTrimWithBracket(mv.dimensionColumns);\n const keysInMV = keys.filter(k => dimensionColumns.includes(k));\n if (keysInMV.length > 0) {\n supportedKeysByMv.set(mvId, keysInMV);\n }\n }\n }\n\n // Build the configs which would be used to query each MV for all of the keys it supports\n const configsToExplain = [...supportedKeysByMv.entries()].map(\n ([mvId, mvKeys]) => {\n const { databaseName, tableName, timestampColumn } = mvsById.get(mvId)!;\n return {\n ...structuredClone(chartConfig),\n timestampValueExpression: timestampColumn,\n from: {\n databaseName,\n tableName,\n },\n // These are dimension columns so we don't need to add any -Merge combinators\n select: mvKeys\n .map((k, i) => `groupUniqArray(1)(${k}) AS param${i}`)\n .join(', '),\n };\n },\n );\n\n // Figure out which of those configs are valid by running EXPLAIN queries\n const explainResults = await Promise.all(\n configsToExplain.map(async config => {\n const { isValid, rowEstimate = Number.POSITIVE_INFINITY } =\n await clickhouseClient.testChartConfigValidity({\n config,\n metadata,\n opts: { abort_signal: signal },\n querySettings: source?.querySettings,\n });\n return {\n id: toMvId({\n databaseName: config.from.databaseName,\n tableName: config.from.tableName,\n }),\n isValid,\n rowEstimate,\n };\n }),\n );\n\n // For each key, find the best MV that can provide it while reading the fewest rows\n const finalKeysByMv = new Map();\n const uncoveredKeys = new Set(keys);\n const sortedValidConfigs = explainResults\n .filter(r => r.isValid)\n .sort((a, b) => a.rowEstimate - b.rowEstimate);\n for (const config of sortedValidConfigs) {\n const mvKeys = supportedKeysByMv.get(config.id) ?? [];\n\n // Only include keys which have not already been covered by a previous MV\n const keysNotAlreadyCovered = mvKeys.filter(k => uncoveredKeys.has(k));\n if (keysNotAlreadyCovered.length) {\n finalKeysByMv.set(config.id, keysNotAlreadyCovered);\n for (const key of keysNotAlreadyCovered) {\n uncoveredKeys.delete(key);\n }\n }\n }\n\n // Build the final list of optimized calls\n const calls = [...finalKeysByMv.entries()].map(([mvId, mvKeys]) => {\n const { databaseName, tableName, timestampColumn } = mvsById.get(mvId)!;\n const optimizedConfig: C = {\n ...structuredClone(chartConfig),\n timestampValueExpression: timestampColumn,\n from: {\n databaseName,\n tableName,\n },\n };\n return {\n chartConfig: optimizedConfig,\n keys: mvKeys,\n };\n });\n\n if (uncoveredKeys.size) {\n calls.push({\n chartConfig: structuredClone(chartConfig),\n keys: [...uncoveredKeys],\n });\n }\n\n return calls;\n}\n" }, { "path": "packages/common-utils/src/core/metadata.ts", "content": "import type { ClickHouseSettings } from '@clickhouse/client-common';\nimport { omit, pick } from 'lodash';\n\nimport {\n BaseClickhouseClient,\n ChSql,\n chSql,\n ColumnMeta,\n concatChSql,\n convertCHDataTypeToJSType,\n filterColumnMetaByType,\n JSDataType,\n tableExpr,\n} from '@/clickhouse';\nimport { renderChartConfig } from '@/core/renderChartConfig';\nimport type {\n BuilderChartConfig,\n BuilderChartConfigWithDateRange,\n TSource,\n} from '@/types';\nimport { SourceKind } from '@/types';\n\nimport { optimizeGetKeyValuesCalls } from './materializedViews';\nimport { getDistributedTableArgs, objectHash } from './utils';\n\n// If filters initially are taking too long to load, decrease this number.\n// Between 1e6 - 5e6 is a good range.\nexport const DEFAULT_METADATA_MAX_ROWS_TO_READ = 3e6;\nconst DEFAULT_MAX_KEYS = 1000;\n\nexport class MetadataCache {\n private cache = new Map();\n private pendingQueries = new Map>();\n\n // this should be getOrUpdate... or just query to follow react query\n get(key: string): T | undefined {\n return this.cache.get(key);\n }\n\n async getOrFetch(key: string, query: () => Promise): Promise {\n // Check if value exists in cache\n const cachedValue: T | undefined = this.cache.get(key);\n if (cachedValue != null) {\n return cachedValue;\n }\n\n // Check if there is a pending query\n if (this.pendingQueries.has(key)) {\n return this.pendingQueries.get(key)!;\n }\n\n // If no pending query, initiate the new query\n const queryPromise = query();\n\n // Store the pending query promise\n this.pendingQueries.set(key, queryPromise);\n\n try {\n const result = await queryPromise;\n this.cache.set(key, result);\n return result;\n } finally {\n // Clean up the pending query map\n this.pendingQueries.delete(key);\n }\n }\n\n set(key: string, value: T) {\n return this.cache.set(key, value);\n }\n\n // TODO: This needs to be async, and use tanstack query on frontend for cache\n // TODO: Implement locks for refreshing\n // TODO: Shard cache by time\n}\n\nexport type TableMetadata = {\n database: string;\n name: string;\n uuid: string;\n /** Note: This will contain the engine of the local table, when the table is Distributed */\n engine: string;\n is_temporary: number;\n data_paths: string[];\n metadata_path: string;\n metadata_modification_time: string;\n metadata_version: number;\n /** Note: This may be a Distributed table. Use create_local_table_query for the local table's DDL. */\n create_table_query: string;\n /** DDL for the local (non-distributed) table, when the table is Distributed */\n create_local_table_query?: string;\n /** Note: This will contain the engine_full of the local table, when the table is Distributed */\n engine_full: string;\n as_select: string;\n /** Note: This will contain the partition_key of the local table, when the table is Distributed */\n partition_key: string;\n /** Note: This will contain the sorting_key of the local table, when the table is Distributed */\n sorting_key: string;\n /** Note: This will contain the primary_key of the local table, when the table is Distributed */\n primary_key: string;\n /** Note: This will contain the sampling_key of the local table, when the table is Distributed */\n sampling_key: string;\n storage_policy: string;\n total_rows: string;\n total_bytes: string;\n total_bytes_uncompressed: string;\n parts: string;\n active_parts: string;\n total_marks: string;\n comment: string;\n};\n\nexport type SkipIndexMetadata = {\n name: string;\n type: string; // 'bloom_filter', 'tokenbf_v1', 'minmax', etc.\n typeFull: string; // e.g., 'text(tokenizer='splitByNonAlpha')'\n expression: string; // e.g., \"tokens(lower(Body))\"\n granularity: number;\n};\n\nexport class Metadata {\n private readonly clickhouseClient: BaseClickhouseClient;\n private readonly cache: MetadataCache;\n\n constructor(\n clickhouseClient: BaseClickhouseClient,\n cache: MetadataCache,\n settings?: ClickHouseSettings,\n ) {\n this.clickhouseClient = clickhouseClient;\n this.cache = cache;\n if (settings) {\n this.cache.set('clickhouse-settings', settings);\n }\n }\n\n getClickHouseSettings(): ClickHouseSettings {\n return this.cache.get('clickhouse-settings') ?? {};\n }\n\n setClickHouseSettings(settings: ClickHouseSettings) {\n const currentSettings = this.getClickHouseSettings();\n const updatedSettings = { ...currentSettings, ...settings };\n this.cache.set('clickhouse-settings', updatedSettings);\n }\n\n private async queryTableMetadata({\n database,\n table,\n cache,\n connectionId,\n cluster,\n }: {\n database: string;\n table: string;\n cache: MetadataCache;\n connectionId: string;\n cluster?: string;\n }): Promise {\n const cacheKey = `${connectionId}.${database}.${table}.${cluster}.metadata`;\n return cache.getOrFetch(cacheKey, async () => {\n const sql = cluster\n ? chSql`SELECT * FROM cluster(${{ String: cluster }}, system.tables) WHERE database = ${{ String: database }} AND name = ${{ String: table }} LIMIT 1`\n : chSql`SELECT * FROM system.tables WHERE database = ${{ String: database }} AND name = ${{ String: table }} LIMIT 1`;\n const json = await this.clickhouseClient\n .query<'JSON'>({\n connectionId,\n query: sql.sql,\n query_params: sql.params,\n clickhouse_settings: this.getClickHouseSettings(),\n })\n .then(res => res.json());\n return json.data[0];\n });\n }\n\n private async querySkipIndices({\n database,\n table,\n connectionId,\n cluster,\n }: {\n database: string;\n table: string;\n connectionId: string;\n cluster?: string;\n }): Promise {\n const sql = cluster\n ? chSql`\n SELECT \n name,\n type,\n type_full as typeFull,\n expr as expression,\n granularity\n FROM cluster(${{ String: cluster }}, system.data_skipping_indices)\n WHERE database = ${{ String: database }} AND table = ${{ String: table }}`\n : chSql`\n SELECT\n name,\n type,\n type_full as typeFull,\n expr as expression,\n granularity\n FROM system.data_skipping_indices\n WHERE database = ${{ String: database }} AND table = ${{ String: table }}`;\n\n const data = await this.clickhouseClient\n .query<'JSON'>({\n connectionId,\n query: sql.sql,\n query_params: sql.params,\n clickhouse_settings: this.getClickHouseSettings(),\n })\n .then(res => res.json())\n .then(d => {\n return d.data.map(row => ({\n ...row,\n granularity: Number(row.granularity),\n }));\n });\n\n return data;\n }\n\n /** Queries and returns the list of materialized views which insert into the given target table */\n async queryMaterializedViewsByTarget({\n databaseName,\n tableName,\n connectionId,\n }: TableConnection) {\n return this.cache.getOrFetch(\n `${connectionId}.${databaseName}.${tableName}.sourceMaterializedViews`,\n async () => {\n const toDatabaseTable = `%TO ${databaseName}.${tableName}%`;\n const sql = chSql`\n SELECT database as databaseName, name as tableName\n FROM system.tables\n WHERE engine = 'MaterializedView' \n AND create_table_query LIKE ${{ String: toDatabaseTable }}`;\n const json = await this.clickhouseClient\n .query<'JSON'>({\n connectionId,\n query: sql.sql,\n query_params: sql.params,\n clickhouse_settings: this.getClickHouseSettings(),\n })\n .then(res => res.json<{ databaseName: string; tableName: string }>());\n return json.data;\n },\n );\n }\n\n async getColumns({\n databaseName,\n tableName,\n connectionId,\n }: {\n databaseName: string;\n tableName: string;\n connectionId: string;\n }) {\n return this.cache.getOrFetch(\n `${connectionId}.${databaseName}.${tableName}.columns`,\n async () => {\n const sql = chSql`DESCRIBE ${tableExpr({ database: databaseName, table: tableName })}`;\n const columns = await this.clickhouseClient\n .query<'JSON'>({\n query: sql.sql,\n query_params: sql.params,\n connectionId,\n clickhouse_settings: this.getClickHouseSettings(),\n })\n .then(res => res.json())\n .then(d => d.data);\n return columns;\n },\n );\n }\n\n async getMaterializedColumnsLookupTable({\n databaseName,\n tableName,\n connectionId,\n }: {\n databaseName: string;\n tableName: string;\n connectionId: string;\n }) {\n const columns = await this.getColumns({\n databaseName,\n tableName,\n connectionId,\n });\n\n // Build up materialized fields lookup table\n return new Map(\n columns\n .filter(\n c =>\n c.default_type === 'MATERIALIZED' || c.default_type === 'DEFAULT',\n )\n .map(c => [c.default_expression, c.name]),\n );\n }\n\n async getColumn({\n databaseName,\n tableName,\n column,\n matchLowercase = false,\n connectionId,\n }: {\n databaseName: string;\n tableName: string;\n column: string;\n matchLowercase?: boolean;\n connectionId: string;\n }): Promise {\n const tableColumns = await this.getColumns({\n databaseName,\n tableName,\n connectionId,\n });\n\n return tableColumns.filter(c => {\n if (matchLowercase) {\n return c.name.toLowerCase() === column.toLowerCase();\n }\n\n return c.name === column;\n })[0];\n }\n\n async getMapKeys({\n databaseName,\n tableName,\n column,\n maxKeys = DEFAULT_MAX_KEYS,\n connectionId,\n metricName,\n }: {\n databaseName: string;\n tableName: string;\n column: string;\n maxKeys?: number;\n connectionId: string;\n metricName?: string;\n }) {\n const cacheKey = metricName\n ? `${connectionId}.${databaseName}.${tableName}.${column}.${metricName}.keys`\n : `${connectionId}.${databaseName}.${tableName}.${column}.keys`;\n const cachedKeys = this.cache.get(cacheKey);\n\n if (cachedKeys != null) {\n return cachedKeys;\n }\n\n const colMeta = await this.getColumn({\n databaseName,\n tableName,\n column,\n connectionId,\n });\n\n if (colMeta == null) {\n throw new Error(\n `Column ${column} not found in ${databaseName}.${tableName}`,\n );\n }\n\n let strategy: 'groupUniqArrayArray' | 'lowCardinalityKeys' =\n 'groupUniqArrayArray';\n if (colMeta.type.startsWith('Map(LowCardinality(String)')) {\n strategy = 'lowCardinalityKeys';\n }\n\n const where = metricName\n ? chSql`WHERE MetricName=${{ String: metricName }}`\n : '';\n let sql: ChSql;\n if (strategy === 'groupUniqArrayArray') {\n sql = chSql`\n WITH sampledKeys as (\n SELECT ${{\n Identifier: column,\n }}.keys AS keys\n FROM ${tableExpr({ database: databaseName, table: tableName })} ${where}\n LIMIT ${{\n Int32: this.getClickHouseSettings().max_rows_to_read\n ? Number(this.getClickHouseSettings().max_rows_to_read)\n : DEFAULT_METADATA_MAX_ROWS_TO_READ,\n }}\n )\n SELECT groupUniqArrayArray(${{ Int32: maxKeys }})(keys) as keysArr\n FROM sampledKeys`;\n } else {\n sql = chSql`\n WITH sampledKeys as (\n SELECT ${{\n Identifier: column,\n }}.keys AS keysArr\n FROM ${tableExpr({ database: databaseName, table: tableName })} ${where}\n LIMIT ${{\n Int32: this.getClickHouseSettings().max_rows_to_read\n ? Number(this.getClickHouseSettings().max_rows_to_read)\n : DEFAULT_METADATA_MAX_ROWS_TO_READ,\n }}\n )\n SELECT DISTINCT lowCardinalityKeys(arrayJoin(keysArr)) as key\n FROM sampledKeys\n LIMIT ${{\n Int32: maxKeys,\n }}\n `;\n }\n\n return this.cache.getOrFetch(cacheKey, async () => {\n const keys = await this.clickhouseClient\n .query<'JSON'>({\n query: sql.sql,\n query_params: sql.params,\n connectionId,\n clickhouse_settings: {\n ...this.getClickHouseSettings(),\n // Max 15 seconds to get keys\n timeout_overflow_mode: 'break',\n max_execution_time: 15,\n // Set the value to 0 (unlimited) so that the LIMIT is used instead\n max_rows_to_read: '0',\n },\n })\n .then(res => res.json<{ keysArr?: string[]; key?: string }>())\n .then(d => {\n let output: string[];\n if (strategy === 'groupUniqArrayArray') {\n output = d.data[0].keysArr ?? [];\n } else {\n output = d.data\n .map(row => row.key)\n .filter((k): k is string => Boolean(k));\n }\n\n return output.filter(r => r);\n });\n return keys;\n });\n }\n\n async getJSONKeys({\n column,\n maxKeys = DEFAULT_MAX_KEYS,\n databaseName,\n tableName,\n connectionId,\n metricName,\n }: {\n column: string;\n maxKeys?: number;\n } & TableConnection) {\n // HDX-2480 delete line below to reenable json filters\n return []; // Need to disable JSON keys for the time being.\n const cacheKey = metricName\n ? `${connectionId}.${databaseName}.${tableName}.${column}.${metricName}.keys`\n : `${connectionId}.${databaseName}.${tableName}.${column}.keys`;\n\n return this.cache.getOrFetch<{ key: string; chType: string }[]>(\n cacheKey,\n async () => {\n const where = metricName\n ? chSql`WHERE MetricName=${{ String: metricName }}`\n : '';\n const sql = chSql`WITH all_paths AS\n (\n SELECT DISTINCT JSONDynamicPathsWithTypes(${{ Identifier: column }}) as paths\n FROM ${tableExpr({ database: databaseName, table: tableName })} ${where}\n LIMIT ${{ Int32: maxKeys }}\n SETTINGS timeout_overflow_mode = 'break', max_execution_time = 2\n )\n SELECT groupUniqArrayMap(paths) as pathMap\n FROM all_paths;`;\n\n const keys = await this.clickhouseClient\n .query<'JSON'>({\n query: sql.sql,\n query_params: sql.params,\n connectionId,\n clickhouse_settings: {\n max_rows_to_read: String(\n this.getClickHouseSettings().max_rows_to_read ??\n DEFAULT_METADATA_MAX_ROWS_TO_READ,\n ),\n read_overflow_mode: 'break',\n ...this.getClickHouseSettings(),\n },\n })\n .then(res => res.json<{ pathMap: Record }>())\n .then(d => {\n const keys: { key: string; chType: string }[] = [];\n for (const [key, typeArr] of Object.entries(d.data[0].pathMap)) {\n if (!key || !typeArr || !Array.isArray(typeArr)) {\n throw new Error(\n `Error fetching keys for filters (key: ${key}, typeArr: ${typeArr})`,\n );\n }\n keys.push({\n key: key,\n chType: typeArr[0],\n });\n }\n return keys;\n });\n return keys;\n },\n );\n }\n\n async getMapValues({\n databaseName,\n tableName,\n column,\n key,\n maxValues = 20,\n connectionId,\n }: {\n databaseName: string;\n tableName: string;\n column: string;\n key?: string;\n maxValues?: number;\n connectionId: string;\n }) {\n const cacheKey = `${connectionId}.${databaseName}.${tableName}.${column}.${key}.values`;\n\n const cachedValues = this.cache.get(cacheKey);\n\n if (cachedValues != null) {\n return cachedValues;\n }\n\n const sql = key\n ? chSql`\n SELECT DISTINCT ${{\n Identifier: column,\n }}[${{ String: key }}] as value\n FROM ${tableExpr({ database: databaseName, table: tableName })}\n WHERE value != ''\n LIMIT ${{\n Int32: maxValues,\n }}\n `\n : chSql`\n SELECT DISTINCT ${{\n Identifier: column,\n }} as value\n FROM ${tableExpr({ database: databaseName, table: tableName })}\n WHERE value != ''\n LIMIT ${{\n Int32: maxValues,\n }}\n `;\n\n return this.cache.getOrFetch(cacheKey, async () => {\n const values = await this.clickhouseClient\n .query<'JSON'>({\n query: sql.sql,\n query_params: sql.params,\n connectionId,\n clickhouse_settings: {\n max_rows_to_read: String(\n this.getClickHouseSettings().max_rows_to_read ??\n DEFAULT_METADATA_MAX_ROWS_TO_READ,\n ),\n read_overflow_mode: 'break',\n ...this.getClickHouseSettings(),\n },\n })\n .then(res => res.json<{ value: string }>())\n .then(d => d.data.map(row => row.value));\n return values;\n });\n }\n\n async getAllFields({\n databaseName,\n tableName,\n connectionId,\n metricName,\n }: TableConnection) {\n const fields: Field[] = [];\n const columns = await this.getColumns({\n databaseName,\n tableName,\n connectionId,\n });\n\n for (const c of columns) {\n // HDX-2480 delete condition below to reenable json filters\n if (c.type === 'JSON') continue;\n fields.push({\n path: [c.name],\n type: c.type,\n jsType: convertCHDataTypeToJSType(c.type),\n });\n }\n\n const mapColumns =\n filterColumnMetaByType(columns, [JSDataType.Map, JSDataType.JSON]) ?? [];\n\n await Promise.all(\n mapColumns.map(async column => {\n if (convertCHDataTypeToJSType(column.type) === JSDataType.JSON) {\n const paths = await this.getJSONKeys({\n databaseName,\n tableName,\n column: column.name,\n connectionId,\n metricName,\n });\n\n for (const path of paths) {\n fields.push({\n path: [column.name, path.key],\n type: path.chType,\n jsType: convertCHDataTypeToJSType(path.chType),\n });\n }\n return;\n }\n\n const keys = await this.getMapKeys({\n databaseName,\n tableName,\n column: column.name,\n connectionId,\n metricName,\n });\n\n const match = column.type.match(/Map\\(.+,\\s*(.+)\\)/);\n const chType = match?.[1] ?? 'String'; // default to string ?\n\n for (const key of keys) {\n fields.push({\n path: [column.name, key],\n type: chType,\n jsType: convertCHDataTypeToJSType(chType),\n });\n }\n }),\n );\n\n return fields;\n }\n\n async getTableMetadata({\n databaseName,\n tableName,\n connectionId,\n }: {\n databaseName: string;\n tableName: string;\n connectionId: string;\n }) {\n let tableMetadata = await this.queryTableMetadata({\n cache: this.cache,\n database: databaseName,\n table: tableName,\n connectionId,\n });\n\n // For Distributed tables, fetch metadata of the underlying local table to get correct partition key, sorting key, etc.\n if (tableMetadata?.engine === 'Distributed') {\n try {\n const { cluster, database, table } =\n getDistributedTableArgs(tableMetadata) ?? {};\n\n if (!database || !table || !cluster) {\n throw new Error(\n `Could not parse underlying local table from Distributed table metadata: ${tableMetadata.create_table_query}`,\n );\n }\n\n // Query local table metadata from the specified cluster\n const localTableMetadata = await this.queryTableMetadata({\n cache: this.cache,\n database,\n table,\n cluster,\n connectionId,\n });\n\n if (!localTableMetadata) {\n throw new Error(\n `Could not find underlying local table metadata for Distributed table: ${database}.${table}`,\n );\n }\n\n // Override Distributed table metadata with local table metadata where relevant\n tableMetadata = {\n ...tableMetadata,\n ...pick(localTableMetadata, [\n // Distributed tables have these, but we make use of the\n // underlying local table's engine value for optimizations instead.\n 'engine',\n 'engine_full',\n // Distributed tables never have these, so we'll use the local table's\n 'partition_key',\n 'sorting_key',\n 'primary_key',\n 'sampling_key',\n ]),\n create_local_table_query: localTableMetadata?.create_table_query,\n };\n } catch (e) {\n console.error(\n 'Failed to fetch underlying table metadata for Distributed table, using Distributed table metadata as fallback',\n e,\n );\n }\n }\n\n // partition_key which includes parenthesis, unlike other keys such as 'primary_key' or 'sorting_key'\n if (\n tableMetadata?.partition_key.startsWith('(') &&\n tableMetadata.partition_key.endsWith(')')\n ) {\n tableMetadata.partition_key = tableMetadata.partition_key.slice(1, -1);\n }\n return tableMetadata;\n }\n\n /** Reads the value of the setting with the given name from system.settings. */\n async getSetting({\n settingName,\n connectionId,\n }: {\n settingName: string;\n connectionId: string;\n }) {\n return this.cache.getOrFetch(`${connectionId}.${settingName}`, async () => {\n const sql = chSql`\n SELECT name, value\n FROM system.settings\n WHERE name = ${{ String: settingName }}\n `;\n\n try {\n const json = await this.clickhouseClient\n .query<'JSON'>({\n connectionId,\n query: sql.sql,\n query_params: sql.params,\n clickhouse_settings: this.getClickHouseSettings(),\n })\n .then(res => res.json<{ name: string; value: string }>());\n\n if (json.data.length > 0) {\n return json.data[0].value;\n }\n\n return undefined;\n } catch (e) {\n // Don't retry permissions errors, just silently return undefined\n if (e instanceof Error && e.message.includes('Not enough privileges')) {\n console.warn('Not enough privileges to fetch settings:', e);\n return undefined;\n }\n\n throw e;\n }\n });\n }\n\n async getSettings({ connectionId }: { connectionId?: string }) {\n return this.cache.getOrFetch(\n `${connectionId}.availableSettings`,\n async () => {\n const query = 'SELECT name, value FROM system.settings';\n try {\n const json = await this.clickhouseClient\n .query<'JSON'>({\n connectionId,\n query,\n query_params: undefined,\n clickhouse_settings: this.getClickHouseSettings(),\n shouldSkipApplySettings: true,\n })\n .then(res => res.json<{ name: string; value: string }>());\n\n return new Map(json.data.map(row => [row.name, row.value]));\n } catch (e) {\n // Don't retry permissions errors, just silently return undefined\n if (\n e instanceof Error &&\n e.message.includes('Not enough privileges')\n ) {\n console.warn(\n 'Not enough privileges to fetch settings, may result in unoptimized queries:',\n e,\n );\n return new Map();\n }\n\n throw e;\n }\n },\n );\n }\n\n /**\n * Queries system.data_skipping_indices to retrieve skip index metadata for a table.\n * Results are cached using MetadataCache.\n *\n * Skip indices are ClickHouse data skipping indices that improve query performance\n * by allowing the query optimizer to skip reading entire data parts.\n */\n async getSkipIndices({\n databaseName,\n tableName,\n connectionId,\n }: {\n databaseName: string;\n tableName: string;\n connectionId: string;\n }): Promise {\n return this.cache.getOrFetch(\n `${connectionId}.${databaseName}.${tableName}.skipIndices`,\n async () => {\n const tableMetadata = await this.queryTableMetadata({\n cache: this.cache,\n database: databaseName,\n table: tableName,\n connectionId,\n });\n\n let database = databaseName;\n let table = tableName;\n let cluster: string | undefined;\n\n // For Distributed tables, query skip indices on the underlying local\n // table via the cluster() function so we reach the correct cluster.\n if (tableMetadata?.engine === 'Distributed') {\n const parsed = getDistributedTableArgs(tableMetadata);\n\n if (!parsed) {\n console.error(\n `Could not parse local table from Distributed table metadata: ${tableMetadata.create_table_query}`,\n );\n } else {\n database = parsed.database;\n table = parsed.table;\n cluster = parsed.cluster;\n }\n }\n\n try {\n return await this.querySkipIndices({\n database,\n table,\n connectionId,\n cluster,\n });\n } catch (e) {\n // Don't retry permissions errors, just silently return empty array\n if (\n e instanceof Error &&\n e.message.includes('Not enough privileges')\n ) {\n console.warn('Not enough privileges to fetch skip indices:', e);\n return [];\n }\n\n throw e;\n }\n },\n );\n }\n\n /**\n * Inspects the ClickHouse connection for OpenTelemetry telemetry tables.\n * Returns one coherent set of tables from the same database.\n *\n * When multiple databases contain the same table schema, this function prioritizes\n * returning a complete set from a single database rather than mixing tables from different databases.\n */\n async getOtelTables({ connectionId }: { connectionId: string }): Promise<{\n database: string;\n tables: {\n logs?: string;\n traces?: string;\n sessions?: string;\n metrics: {\n gauge?: string;\n sum?: string;\n summary?: string;\n histogram?: string;\n expHistogram?: string;\n };\n };\n } | null> {\n return this.cache.getOrFetch(`${connectionId}.otelTables`, async () => {\n const OTEL_TABLE_NAMES = [\n 'otel_logs',\n 'otel_traces',\n 'hyperdx_sessions',\n 'otel_metrics_gauge',\n 'otel_metrics_sum',\n 'otel_metrics_summary',\n 'otel_metrics_histogram',\n 'otel_metrics_exp_histogram',\n ];\n\n const tableNameParams = OTEL_TABLE_NAMES.map(\n t => chSql`${{ String: t }}`,\n );\n\n const sql = chSql`\n SELECT\n database,\n name\n FROM system.tables\n WHERE (database != 'system')\n AND (name IN (${concatChSql(',', tableNameParams)}))\n ORDER BY database, name\n `;\n\n try {\n const json = await this.clickhouseClient\n .query<'JSON'>({\n connectionId,\n query: sql.sql,\n query_params: sql.params,\n clickhouse_settings: this.getClickHouseSettings(),\n })\n .then(res => res.json<{ database: string; name: string }>());\n\n if (json.data.length === 0) {\n return null;\n }\n\n // Group tables by database\n const tablesByDatabase = new Map>();\n for (const row of json.data) {\n if (!tablesByDatabase.has(row.database)) {\n tablesByDatabase.set(row.database, new Set());\n }\n tablesByDatabase.get(row.database)!.add(row.name);\n }\n\n // Find the database with the most complete set of tables\n let bestDatabase = '';\n let bestScore = 0;\n\n for (const [database, tables] of tablesByDatabase.entries()) {\n // Score based on number of essential tables present\n let score = 0;\n if (tables.has('otel_logs')) score += 10;\n if (tables.has('otel_traces')) score += 10;\n if (tables.has('hyperdx_sessions')) score += 5;\n if (tables.has('otel_metrics_gauge')) score += 2;\n if (tables.has('otel_metrics_sum')) score += 2;\n if (tables.has('otel_metrics_histogram')) score += 2;\n if (tables.has('otel_metrics_summary')) score += 1;\n if (tables.has('otel_metrics_exp_histogram')) score += 1;\n\n if (score > bestScore) {\n bestScore = score;\n bestDatabase = database;\n }\n }\n\n if (!bestDatabase) {\n return null;\n }\n\n const selectedTables = tablesByDatabase.get(bestDatabase)!;\n\n return {\n database: bestDatabase,\n tables: {\n logs: selectedTables.has('otel_logs') ? 'otel_logs' : undefined,\n traces: selectedTables.has('otel_traces')\n ? 'otel_traces'\n : undefined,\n sessions: selectedTables.has('hyperdx_sessions')\n ? 'hyperdx_sessions'\n : undefined,\n metrics: {\n gauge: selectedTables.has('otel_metrics_gauge')\n ? 'otel_metrics_gauge'\n : undefined,\n sum: selectedTables.has('otel_metrics_sum')\n ? 'otel_metrics_sum'\n : undefined,\n summary: selectedTables.has('otel_metrics_summary')\n ? 'otel_metrics_summary'\n : undefined,\n histogram: selectedTables.has('otel_metrics_histogram')\n ? 'otel_metrics_histogram'\n : undefined,\n expHistogram: selectedTables.has('otel_metrics_exp_histogram')\n ? 'otel_metrics_exp_histogram'\n : undefined,\n },\n },\n };\n } catch (e) {\n if (e instanceof Error && e.message.includes('Not enough privileges')) {\n console.warn('Not enough privileges to fetch tables:', e);\n return null;\n }\n\n throw e;\n }\n });\n }\n\n /**\n * Parses a ClickHouse index expression to check if it uses the tokens() function.\n * Returns the inner expression if tokens() is found.\n *\n * Examples:\n * - tokens(Body) -> { hasTokens: true, innerExpression: 'Body' }\n * - tokens(lower(Body)) -> { hasTokens: true, innerExpression: 'lower(Body)' }\n * - lower(Body) -> { hasTokens: false }\n */\n static parseTokensExpression(expression: string):\n | {\n hasTokens: true;\n innerExpression: string;\n }\n | { hasTokens: false } {\n const tokensRegex = /^tokens\\s*\\((.*)\\)$/i;\n const match = expression.trim().match(tokensRegex);\n\n if (match) {\n return {\n hasTokens: true,\n innerExpression: match[1].trim(),\n };\n }\n\n return { hasTokens: false };\n }\n\n async getValuesDistribution({\n chartConfig,\n key,\n samples = 100_000,\n limit = 100,\n source,\n }: {\n chartConfig: BuilderChartConfigWithDateRange;\n key: string;\n samples?: number;\n limit?: number;\n source: TSource | undefined;\n }) {\n const cacheKeyConfig = pick(chartConfig, [\n 'connection',\n 'from',\n 'dateRange',\n 'filters',\n 'where',\n 'with',\n ]);\n return this.cache.getOrFetch(\n `${objectHash(cacheKeyConfig)}.${key}.valuesDistribution`,\n async () => {\n const config: BuilderChartConfigWithDateRange = {\n ...chartConfig,\n with: [\n ...(chartConfig.with || []),\n // Add CTE to get total row count and sample factor\n {\n name: 'tableStats',\n chartConfig: {\n ...omit(chartConfig, ['with', 'groupBy', 'orderBy', 'limit']),\n select: `count() as total, greatest(CAST(total / ${samples} AS UInt32), 1) as sample_factor`,\n },\n },\n ],\n // Add sampling condition as a filter. The query will still read all rows to evaluate\n // the sampling condition, but will only read values column from selected rows.\n filters: [\n ...(chartConfig.filters || []),\n {\n type: 'sql',\n condition: `cityHash64(${chartConfig.timestampValueExpression}, rand()) % (SELECT sample_factor FROM tableStats) = 0`,\n },\n ],\n select: `${key} AS __hdx_value, count() as __hdx_count, __hdx_count / (sum(__hdx_count) OVER ()) * 100 AS __hdx_percentage`,\n orderBy: '__hdx_percentage DESC',\n groupBy: `__hdx_value`,\n limit: { limit },\n };\n\n const sql = await renderChartConfig(\n config,\n this,\n source?.querySettings,\n );\n\n const json = await this.clickhouseClient\n .query<'JSON'>({\n query: sql.sql,\n query_params: sql.params,\n connectionId: chartConfig.connection,\n clickhouse_settings: {\n ...this.getClickHouseSettings(),\n // Set max_rows_to_group_by to avoid using too much memory when grouping on high cardinality key columns\n max_rows_to_group_by: `${limit * 10}`,\n group_by_overflow_mode: 'any',\n // disable max_rows_to_read limit since this is a sampled query that only happens after the user toggles it on\n max_rows_to_read: '0',\n },\n })\n .then(res =>\n res.json<{\n __hdx_value: string;\n __hdx_percentage: string | number;\n }>(),\n );\n\n return new Map(\n json.data.map(({ __hdx_value, __hdx_percentage }) => [\n __hdx_value,\n Number(__hdx_percentage),\n ]),\n );\n },\n );\n }\n\n async getKeyValues({\n chartConfig,\n keys,\n limit = 20,\n disableRowLimit = false,\n signal,\n source,\n }: {\n chartConfig: BuilderChartConfigWithDateRange;\n keys: string[];\n limit?: number;\n disableRowLimit?: boolean;\n signal?: AbortSignal;\n source:\n | Omit /* for overlap with ISource type */\n | undefined;\n }): Promise<{ key: string; value: string[] | number[] }[]> {\n const cacheKeyConfig = {\n ...pick(chartConfig, [\n 'connection',\n 'from',\n 'dateRange',\n 'where',\n 'with',\n 'filters',\n ]),\n keys,\n disableRowLimit,\n };\n return this.cache.getOrFetch(\n `${objectHash(cacheKeyConfig)}.getKeyValues`,\n async () => {\n if (keys.length === 0) return [];\n\n // When disableRowLimit is true, query directly without CTE\n // Otherwise, use CTE with row limits for sampling\n const sqlConfig = disableRowLimit\n ? {\n ...chartConfig,\n select: keys\n .map((k, i) => `groupUniqArray(${limit})(${k}) AS param${i}`)\n .join(', '),\n }\n : await (async () => {\n // Build select expression that includes each of the given keys.\n // This avoids selecting entire JSON columns, which is significantly slower\n // than selecting just the JSON paths corresponding to the given keys.\n // paramN aliases are used to avoid issues with special characters or complex expressions in keys.\n const selectExpr =\n keys.map((k, i) => `${k} as param${i}`).join(', ') || '*';\n\n return {\n with: [\n {\n name: 'sampledData',\n chartConfig: {\n ...chartConfig,\n select: selectExpr,\n limit: {\n limit: this.getClickHouseSettings().max_rows_to_read\n ? Number(\n this.getClickHouseSettings().max_rows_to_read,\n )\n : DEFAULT_METADATA_MAX_ROWS_TO_READ,\n },\n },\n isSubquery: true,\n },\n ],\n select: keys\n .map(\n (_, i) =>\n `groupUniqArray(${limit})(param${i}) AS param${i}`,\n )\n .join(', '),\n connection: chartConfig.connection,\n from: { databaseName: '', tableName: 'sampledData' },\n where: '',\n };\n })();\n\n const sql = await renderChartConfig(\n sqlConfig,\n this,\n source?.querySettings,\n );\n\n const json = await this.clickhouseClient\n .query<'JSON'>({\n query: sql.sql,\n query_params: sql.params,\n connectionId: chartConfig.connection,\n clickhouse_settings: !disableRowLimit\n ? {\n ...this.getClickHouseSettings(),\n // Max 15 seconds to get keys\n timeout_overflow_mode: 'break',\n max_execution_time: 15,\n // Set the value to 0 (unlimited) so that the LIMIT is used instead\n max_rows_to_read: '0',\n }\n : undefined,\n abort_signal: signal,\n })\n .then(res => res.json>());\n\n // TODO: Fix type issues mentioned in HDX-1548. value is not actually a\n // string[], sometimes it's { [key: string]: string; }\n return Object.entries(json?.data?.[0]).map(([key, value]) => ({\n key: keys[parseInt(key.replace('param', ''))],\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n value: value?.filter(v => v != null && v !== '') as // remove nulls and empty strings\n | string[]\n | number[],\n }));\n },\n );\n }\n\n async getKeyValuesWithMVs({\n chartConfig,\n keys,\n source,\n limit = 20,\n disableRowLimit,\n signal,\n }: {\n chartConfig: BuilderChartConfigWithDateRange;\n keys: string[];\n source: TSource | undefined;\n limit?: number;\n disableRowLimit?: boolean;\n signal?: AbortSignal;\n }): Promise<{ key: string; value: string[] | number[] }[]> {\n const cacheKeyConfig = {\n ...pick(chartConfig, [\n 'connection',\n 'from',\n 'dateRange',\n 'where',\n 'with',\n 'filters',\n ]),\n keys,\n disableRowLimit,\n };\n return this.cache.getOrFetch(\n `${objectHash(cacheKeyConfig)}.getKeyValuesWithMVs`,\n async () => {\n if (keys.length === 0) return [];\n\n const defaultKeyValueCall = { chartConfig, keys };\n const canHaveMVs =\n source &&\n (source.kind === SourceKind.Log || source.kind === SourceKind.Trace);\n const getKeyValueCalls = canHaveMVs\n ? await optimizeGetKeyValuesCalls({\n chartConfig,\n keys,\n source,\n clickhouseClient: this.clickhouseClient,\n metadata: this,\n signal,\n })\n : [defaultKeyValueCall];\n\n const allResults = await Promise.all(\n getKeyValueCalls.map(async ({ chartConfig, keys }) =>\n this.getKeyValues({\n chartConfig,\n keys,\n limit,\n disableRowLimit,\n signal,\n source,\n }),\n ),\n );\n\n return allResults.flat();\n },\n );\n }\n}\n\nexport type Field = {\n path: string[];\n type: string;\n jsType: JSDataType | null;\n};\n\nexport type TableConnection = {\n databaseName: string;\n tableName: string;\n connectionId: string;\n metricName?: string;\n};\n\nexport type TableConnectionChoice =\n | {\n tableConnection?: never;\n tableConnections?: TableConnection[];\n }\n | {\n tableConnection?: TableConnection;\n tableConnections?: never;\n };\n\nexport function tcFromChartConfig(\n config?: BuilderChartConfig,\n): TableConnection {\n return {\n databaseName: config?.from?.databaseName ?? '',\n tableName: config?.from?.tableName ?? '',\n connectionId: config?.connection ?? '',\n };\n}\n\nexport function tcFromSource(source?: TSource): TableConnection {\n return {\n databaseName: source?.from?.databaseName ?? '',\n tableName: source?.from?.tableName ?? '',\n connectionId: source?.connection ?? '',\n };\n}\n\nconst __LOCAL_CACHE__ = new MetadataCache();\n\n// TODO: better to init the Metadata object on the client side\n// also the client should be able to choose the cache strategy\nexport const getMetadata = (clickhouseClient: BaseClickhouseClient) =>\n new Metadata(clickhouseClient, __LOCAL_CACHE__);\n" }, { "path": "packages/common-utils/src/core/renderChartConfig.ts", "content": "import isPlainObject from 'lodash/isPlainObject';\nimport * as SQLParser from 'node-sql-parser';\nimport SqlString from 'sqlstring';\n\nimport { ChSql, chSql, concatChSql, wrapChSqlIfNotEmpty } from '@/clickhouse';\nimport { translateHistogram } from '@/core/histogram';\nimport { Metadata } from '@/core/metadata';\nimport {\n convertDateRangeToGranularityString,\n convertGranularityToSeconds,\n extractSettingsClauseFromEnd,\n getFirstTimestampValueExpression,\n joinQuerySettings,\n optimizeTimestampValueExpression,\n parseToStartOfFunction,\n splitAndTrimWithBracket,\n} from '@/core/utils';\nimport { isBuilderChartConfig, isRawSqlChartConfig } from '@/guards';\nimport { replaceMacros } from '@/macros';\nimport { CustomSchemaSQLSerializerV2, SearchQueryBuilder } from '@/queryParser';\nimport { QUERY_PARAMS_BY_DISPLAY_TYPE } from '@/rawSqlParams';\nimport {\n AggregateFunction,\n AggregateFunctionWithCombinators,\n BuilderChartConfigWithDateRange,\n BuilderChartConfigWithOptDateRange,\n ChartConfig,\n ChartConfigSchema,\n ChartConfigWithOptDateRange,\n ChSqlSchema,\n CteChartConfig,\n DateRange,\n DisplayType,\n MetricsDataType,\n QuerySettings,\n RawSqlChartConfig,\n SearchCondition,\n SearchConditionLanguage,\n SelectList,\n SelectSQLStatement,\n SortSpecificationList,\n SqlAstFilter,\n SQLInterval,\n} from '@/types';\n\n/**\n * Helper function to create a MetricName filter condition.\n * Uses metricNameSql if available (which handles both old and new metric names via OR),\n * otherwise falls back to a simple equality check.\n */\nfunction createMetricNameFilter(\n metricName: string,\n metricNameSql?: string,\n): string {\n if (metricNameSql) {\n return metricNameSql;\n }\n return SqlString.format('MetricName = ?', [metricName]);\n}\n\n// FIXME: SQLParser.ColumnRef is incomplete\ntype ColumnRef = SQLParser.ColumnRef & {\n array_index?: {\n index: { type: string; value: string };\n }[];\n};\n\nfunction determineTableName(select: SelectSQLStatement): string {\n if ('metricTables' in select.from) {\n return select.from.tableName;\n }\n\n return '';\n}\n\nconst DEFAULT_METRIC_TABLE_TIME_COLUMN = 'TimeUnix';\nexport const FIXED_TIME_BUCKET_EXPR_ALIAS = '__hdx_time_bucket';\n\nexport function isUsingGroupBy(\n chartConfig: BuilderChartConfigWithOptDateRange,\n): chartConfig is Omit & {\n groupBy: NonNullable;\n} {\n return chartConfig.groupBy != null && chartConfig.groupBy.length > 0;\n}\n\nexport function isUsingGranularity(\n chartConfig: BuilderChartConfigWithOptDateRange,\n): chartConfig is Omit<\n Omit, 'dateRange'>,\n 'timestampValueExpression'\n> & {\n granularity: NonNullable;\n dateRange: NonNullable;\n timestampValueExpression: NonNullable<\n BuilderChartConfigWithDateRange['timestampValueExpression']\n >;\n} {\n return (\n chartConfig.timestampValueExpression != null &&\n chartConfig.granularity != null\n );\n}\n\nexport const isMetricChartConfig = (\n chartConfig: BuilderChartConfigWithOptDateRange,\n): chartConfig is BuilderChartConfigWithOptDateRange & {\n metricTables: NonNullable;\n} => {\n return chartConfig.metricTables != null;\n};\n\n// TODO: apply this to all chart configs\nexport const setChartSelectsAlias = (\n config: BuilderChartConfigWithOptDateRange,\n) => {\n if (Array.isArray(config.select) && isMetricChartConfig(config)) {\n return {\n ...config,\n select: config.select.map(s => ({\n ...s,\n alias:\n s.alias ||\n (s.isDelta\n ? `${s.aggFn}(delta(${s.metricName}))`\n : `${s.aggFn}(${s.metricName})`), // use an alias if one isn't already set\n })),\n };\n }\n return config;\n};\n\nexport const splitChartConfigs = (\n config: ChartConfigWithOptDateRange,\n): ChartConfigWithOptDateRangeEx[] => {\n // only split metric queries for now\n if (\n isBuilderChartConfig(config) &&\n isMetricChartConfig(config) &&\n Array.isArray(config.select)\n ) {\n const _configs: BuilderChartConfigWithOptDateRange[] = [];\n // split the query into multiple queries\n for (const select of config.select) {\n _configs.push({\n ...config,\n select: [select],\n });\n }\n return _configs;\n }\n\n if (isRawSqlChartConfig(config) || isBuilderChartConfig(config)) {\n return [config]; // narrowed to BuilderChartConfig or RawSqlChartConfig, assignable to RawSqlChartConfigEx\n }\n\n throw new Error(`Unexpected chart config type: ${JSON.stringify(config)}`);\n};\n\nconst INVERSE_OPERATOR_MAP = {\n '=': '!=',\n '>': '<=',\n '<': '>=',\n\n '!=': '=',\n '<=': '>',\n '>=': '<',\n} as const;\nexport function inverseSqlAstFilter(filter: SqlAstFilter): SqlAstFilter {\n return {\n ...filter,\n operator:\n INVERSE_OPERATOR_MAP[\n filter.operator as keyof typeof INVERSE_OPERATOR_MAP\n ],\n };\n}\n\nexport function isNonEmptyWhereExpr(where?: string): where is string {\n return where != null && where.trim() != '';\n}\n\nconst fastifySQL = ({\n materializedFields,\n rawSQL,\n}: {\n materializedFields: Map;\n rawSQL: string;\n}) => {\n // Parse the SQL AST\n try {\n // Remove the SETTINGS clause because `SQLParser` doesn't understand it.\n const [rawSqlWithoutSettingsClause] = extractSettingsClauseFromEnd(rawSQL);\n\n const parser = new SQLParser.Parser();\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- astify returns union type, we expect Select\n const ast = parser.astify(rawSqlWithoutSettingsClause, {\n database: 'Postgresql',\n }) as SQLParser.Select;\n\n // traveral ast and replace the left node with the materialized field\n // FIXME: type node (AST type is incomplete): https://github.com/taozhi8833998/node-sql-parser/blob/42ea0b1800c5d425acb8c5ca708a1cee731aada8/types.d.ts#L474\n const traverse = (\n node:\n | SQLParser.Expr\n | SQLParser.ExpressionValue\n | SQLParser.ExprList\n | SQLParser.Function\n | null,\n ) => {\n if (node == null) {\n return;\n }\n\n let colExpr;\n\n switch (node.type) {\n case 'column_ref': {\n // FIXME: handle 'Value' type?\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n const _n = node as ColumnRef;\n // @ts-ignore\n if (typeof _n.column !== 'string') {\n // @ts-ignore\n colExpr = `${_n.column?.expr.value}['${_n.array_index?.[0]?.index.value}']`;\n }\n break;\n }\n case 'binary_expr': {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n const _n = node as SQLParser.Expr;\n if (Array.isArray(_n.left)) {\n for (const left of _n.left) {\n traverse(left);\n }\n } else {\n traverse(_n.left);\n }\n\n if (Array.isArray(_n.right)) {\n for (const right of _n.right) {\n traverse(right);\n }\n } else {\n traverse(_n.right);\n }\n break;\n }\n case 'function': {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n const _n = node as SQLParser.Function;\n\n if (_n.args?.type === 'expr_list') {\n if (Array.isArray(_n.args?.value)) {\n for (const arg of _n.args.value) {\n traverse(arg);\n }\n\n // ex: JSONExtractString(Body, 'message')\n if (\n _n.args?.value?.[0]?.type === 'column_ref' &&\n _n.args?.value?.[1]?.type === 'single_quote_string'\n ) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- incomplete library types\n colExpr = `${_n.name?.name?.[0]?.value}(${(_n.args?.value?.[0] as any)?.column.expr.value}, '${_n.args?.value?.[1]?.value}')`;\n }\n }\n // when _n.args?.value is Expr\n else if (isPlainObject(_n.args?.value)) {\n traverse(_n.args.value);\n }\n }\n\n break;\n }\n default:\n // ignore other types\n break;\n }\n\n if (colExpr) {\n const materializedField = materializedFields.get(colExpr);\n if (materializedField) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n const _n = node as ColumnRef;\n // reset the node ref\n for (const key in _n) {\n // eslint-disable-next-line no-prototype-builtins\n if (_n.hasOwnProperty(key)) {\n // @ts-ignore\n delete _n[key];\n }\n }\n _n.type = 'column_ref';\n // @ts-ignore\n _n.table = null;\n // @ts-ignore\n _n.column = { expr: { type: 'default', value: materializedField } };\n }\n }\n };\n\n if (Array.isArray(ast.columns)) {\n for (const col of ast.columns) {\n traverse(col.expr);\n }\n }\n\n traverse(ast.where);\n\n return parser.sqlify(ast);\n } catch (e) {\n return rawSQL;\n }\n};\n\nconst aggFnExpr = ({\n fn,\n expr,\n level,\n where,\n}: {\n fn: AggregateFunction | AggregateFunctionWithCombinators;\n expr?: string;\n level?: number;\n where?: string;\n}) => {\n const isAny = fn === 'any';\n const isNone = fn === 'none';\n const isCount = fn.startsWith('count');\n const isWhereUsed = isNonEmptyWhereExpr(where);\n // Cast to float64 because the expr might not be a number\n const unsafeExpr = {\n UNSAFE_RAW_SQL:\n isAny || isNone ? `${expr}` : `toFloat64OrDefault(toString(${expr}))`,\n };\n const whereWithExtraNullCheck = `${where} AND ${unsafeExpr.UNSAFE_RAW_SQL} IS NOT NULL`;\n\n if (fn.endsWith('Merge')) {\n const renderedFnArgs = chSql`${{ UNSAFE_RAW_SQL: expr ?? '' }}`;\n\n const shouldParameterizeWithLevel =\n level && (fn.startsWith('quantile') || fn.startsWith('histogram'));\n const renderedFnArgsWithQuantileLevel = shouldParameterizeWithLevel\n ? chSql`(${{\n UNSAFE_RAW_SQL: Number.isFinite(level) ? `${level}` : '0',\n }})`\n : [];\n\n if (isWhereUsed) {\n return chSql`${fn}If${renderedFnArgsWithQuantileLevel}(${renderedFnArgs}, ${{ UNSAFE_RAW_SQL: whereWithExtraNullCheck }})`;\n } else {\n return chSql`${fn}${renderedFnArgsWithQuantileLevel}(${renderedFnArgs})`;\n }\n }\n // TODO: merge this chunk with the rest of logics\n else if (fn.endsWith('State')) {\n if (expr == null || isCount) {\n return isWhereUsed\n ? chSql`${fn}(${{ UNSAFE_RAW_SQL: where }})`\n : chSql`${fn}()`;\n }\n return chSql`${fn}(${unsafeExpr}${\n isWhereUsed ? chSql`, ${{ UNSAFE_RAW_SQL: whereWithExtraNullCheck }}` : ''\n })`;\n }\n\n if (fn === 'count') {\n if (isWhereUsed) {\n return chSql`${fn}If(${{ UNSAFE_RAW_SQL: where }})`;\n }\n return {\n sql: `${fn}()`,\n params: {},\n };\n }\n\n if (fn === 'none') {\n // Can not use WHERE in none as we can not apply if to a custom aggregation function\n return chSql`${{ UNSAFE_RAW_SQL: expr ?? '' }}`;\n }\n\n if (expr != null) {\n if (fn === 'count_distinct') {\n return chSql`count${isWhereUsed ? 'If' : ''}(DISTINCT ${{\n UNSAFE_RAW_SQL: expr,\n }}${isWhereUsed ? chSql`, ${{ UNSAFE_RAW_SQL: where }}` : ''})`;\n }\n\n if (level != null) {\n return chSql`${fn}${isWhereUsed ? 'If' : ''}(${{\n // Using Float64 param leads to an added coersion, but we don't need to\n // escape number values anyways\n UNSAFE_RAW_SQL: Number.isFinite(level) ? `${level}` : '0',\n }})(${unsafeExpr}${\n isWhereUsed\n ? chSql`, ${{ UNSAFE_RAW_SQL: whereWithExtraNullCheck }}`\n : ''\n })`;\n }\n\n // TODO: Verify fn is a safe/valid function\n return chSql`${{ UNSAFE_RAW_SQL: fn }}${isWhereUsed ? 'If' : ''}(\n ${unsafeExpr}${isWhereUsed ? chSql`, ${{ UNSAFE_RAW_SQL: whereWithExtraNullCheck }}` : ''}\n )`;\n } else {\n throw new Error(\n 'Column is required for all non-count aggregation functions',\n );\n }\n};\n\nasync function renderSelectList(\n selectList: SelectList,\n chartConfig: BuilderChartConfigWithOptDateRangeEx,\n metadata: Metadata,\n) {\n if (typeof selectList === 'string') {\n return chSql`${{ UNSAFE_RAW_SQL: selectList }}`;\n }\n\n // This metadata query is executed in an attempt tp optimize the selects by favoring materialized fields\n // on a view/table that already perform the computation in select. This optimization is not currently\n // supported for queries using CTEs so skip the metadata fetch if there are CTE objects in the config.\n let materializedFields: Map | undefined;\n try {\n // This will likely error when referencing a CTE, which is assumed\n // to be the case when chartConfig.from.databaseName is not set.\n materializedFields =\n chartConfig.with?.length || !chartConfig.from.databaseName\n ? undefined\n : await metadata.getMaterializedColumnsLookupTable({\n connectionId: chartConfig.connection,\n databaseName: chartConfig.from.databaseName,\n tableName: chartConfig.from.tableName,\n });\n } catch {\n // ignore\n }\n\n const isRatio =\n chartConfig.seriesReturnType === 'ratio' && selectList.length === 2;\n\n const selectsSQL = await Promise.all(\n selectList.map(async select => {\n const whereClause = await renderWhereExpression({\n condition: select.aggCondition ?? '',\n from: chartConfig.from,\n language: select.aggConditionLanguage ?? 'lucene',\n implicitColumnExpression: chartConfig.implicitColumnExpression,\n metadata,\n connectionId: chartConfig.connection,\n with: chartConfig.with,\n });\n\n let expr: ChSql;\n if (select.aggFn == null) {\n expr =\n select.valueExpressionLanguage === 'lucene'\n ? await renderWhereExpression({\n condition: select.valueExpression,\n from: chartConfig.from,\n language: 'lucene',\n implicitColumnExpression: chartConfig.implicitColumnExpression,\n metadata,\n connectionId: chartConfig.connection,\n with: chartConfig.with,\n })\n : chSql`${{ UNSAFE_RAW_SQL: select.valueExpression }}`;\n } else if (\n select.aggFn.startsWith('quantile') ||\n select.aggFn.startsWith('histogram')\n ) {\n expr = aggFnExpr({\n fn: select.aggFn,\n expr: select.valueExpression,\n // @ts-expect-error (TS doesn't know that we've already checked for quantile)\n level: select.level,\n where: whereClause.sql,\n });\n } else {\n expr = aggFnExpr({\n fn: select.aggFn,\n expr: select.valueExpression,\n where: whereClause.sql,\n });\n }\n\n const rawSQL = `SELECT ${expr.sql} FROM \\`t\\``;\n if (materializedFields) {\n expr.sql = fastifySQL({ materializedFields, rawSQL })\n .replace(/^SELECT\\s+/i, '') // Remove 'SELECT ' from the start\n .replace(/\\s+FROM `t`$/i, ''); // Remove ' FROM t' from the end\n }\n\n return chSql`${expr}${\n select.alias != null && select.alias.trim() !== ''\n ? chSql` AS \"${{ UNSAFE_RAW_SQL: select.alias }}\"`\n : []\n }`;\n }),\n );\n\n return isRatio\n ? [chSql`divide(${selectsSQL[0]}, ${selectsSQL[1]})`]\n : selectsSQL;\n}\n\nfunction renderSortSpecificationList(\n sortSpecificationList: SortSpecificationList,\n) {\n if (typeof sortSpecificationList === 'string') {\n return chSql`${{ UNSAFE_RAW_SQL: sortSpecificationList }}`;\n }\n\n return sortSpecificationList.map(sortSpecification => {\n return chSql`${{ UNSAFE_RAW_SQL: sortSpecification.valueExpression }} ${\n sortSpecification.ordering === 'DESC' ? 'DESC' : 'ASC'\n }`;\n });\n}\n\nfunction timeBucketExpr({\n interval,\n timestampValueExpression,\n dateRange,\n alias = FIXED_TIME_BUCKET_EXPR_ALIAS,\n}: {\n interval: SQLInterval | 'auto';\n timestampValueExpression: string;\n dateRange?: [Date, Date];\n alias?: string;\n}) {\n const unsafeTimestampValueExpression = {\n UNSAFE_RAW_SQL: getFirstTimestampValueExpression(timestampValueExpression),\n };\n const unsafeInterval = {\n UNSAFE_RAW_SQL:\n interval === 'auto' && Array.isArray(dateRange)\n ? convertDateRangeToGranularityString(dateRange)\n : interval,\n };\n\n return chSql`toStartOfInterval(toDateTime(${unsafeTimestampValueExpression}), INTERVAL ${unsafeInterval}) AS \\`${{\n UNSAFE_RAW_SQL: alias,\n }}\\``;\n}\n\nexport async function timeFilterExpr({\n connectionId,\n databaseName,\n dateRange,\n dateRangeEndInclusive,\n dateRangeStartInclusive,\n includedDataInterval,\n metadata,\n tableName,\n timestampValueExpression,\n with: withClauses,\n}: {\n connectionId: string;\n databaseName: string;\n dateRange: [Date, Date];\n dateRangeEndInclusive: boolean;\n dateRangeStartInclusive: boolean;\n includedDataInterval?: string;\n metadata: Metadata;\n tableName: string;\n timestampValueExpression: string;\n with?: BuilderChartConfigWithDateRange['with'];\n}) {\n const startTime = dateRange[0].getTime();\n const endTime = dateRange[1].getTime();\n\n let optimizedTimestampValueExpression = timestampValueExpression;\n try {\n // Not all of these will be available when selecting from a CTE\n if (databaseName && tableName && connectionId) {\n const tableMetadata = await metadata.getTableMetadata({\n databaseName,\n tableName,\n connectionId,\n });\n optimizedTimestampValueExpression = optimizeTimestampValueExpression(\n timestampValueExpression,\n tableMetadata?.primary_key,\n );\n }\n } catch (e) {\n console.warn('Failed to optimize timestampValueExpression', e);\n }\n\n const valueExpressions = splitAndTrimWithBracket(\n optimizedTimestampValueExpression,\n );\n\n const whereExprs = await Promise.all(\n valueExpressions.map(async expr => {\n const col = expr.trim();\n\n // If the expression includes a toStartOf...(...) function, the RHS of the\n // timestamp comparison must also have the same function\n const toStartOf = parseToStartOfFunction(col);\n\n const columnMeta =\n withClauses?.length || toStartOf\n ? null\n : await metadata.getColumn({\n databaseName,\n tableName,\n column: col,\n connectionId,\n });\n\n const unsafeTimestampValueExpression = {\n UNSAFE_RAW_SQL: col,\n };\n\n if (columnMeta == null && !withClauses?.length && !toStartOf) {\n console.warn(\n `Column ${col} not found in ${databaseName}.${tableName} while inferring type for time filter`,\n );\n }\n\n const startTimeCond = includedDataInterval\n ? chSql`toStartOfInterval(fromUnixTimestamp64Milli(${{ Int64: startTime }}), INTERVAL ${includedDataInterval}) - INTERVAL ${includedDataInterval}`\n : toStartOf\n ? chSql`${toStartOf.function}(fromUnixTimestamp64Milli(${{ Int64: startTime }})${toStartOf.formattedRemainingArgs})`\n : chSql`fromUnixTimestamp64Milli(${{ Int64: startTime }})`;\n\n const endTimeCond = includedDataInterval\n ? chSql`toStartOfInterval(fromUnixTimestamp64Milli(${{ Int64: endTime }}), INTERVAL ${includedDataInterval}) + INTERVAL ${includedDataInterval}`\n : toStartOf\n ? chSql`${toStartOf.function}(fromUnixTimestamp64Milli(${{ Int64: endTime }})${toStartOf.formattedRemainingArgs})`\n : chSql`fromUnixTimestamp64Milli(${{ Int64: endTime }})`;\n\n // toStartOf* filters must stay inclusive — strict < on a rounded value drops a whole interval\n const startOp = dateRangeStartInclusive || toStartOf ? '>=' : '>';\n const endOp = dateRangeEndInclusive || toStartOf ? '<=' : '<';\n\n // If it's a date type\n if (columnMeta?.type === 'Date') {\n return chSql`(${unsafeTimestampValueExpression} ${startOp} toDate(${startTimeCond}) AND ${unsafeTimestampValueExpression} ${endOp} toDate(${endTimeCond}))`;\n } else {\n return chSql`(${unsafeTimestampValueExpression} ${startOp} ${startTimeCond} AND ${unsafeTimestampValueExpression} ${endOp} ${endTimeCond})`;\n }\n }),\n );\n\n return concatChSql('AND', ...whereExprs);\n}\n\nasync function renderSelect(\n chartConfig: BuilderChartConfigWithOptDateRangeEx,\n metadata: Metadata,\n): Promise {\n /**\n * SELECT\n * if granularity: toStartOfInterval,\n * if groupBy: groupBy,\n * select\n */\n const isIncludingTimeBucket = isUsingGranularity(chartConfig);\n const isIncludingGroupBy = isUsingGroupBy(chartConfig);\n\n // TODO: clean up these await mess\n return concatChSql(\n ',',\n await renderSelectList(chartConfig.select, chartConfig, metadata),\n isIncludingGroupBy && chartConfig.selectGroupBy !== false\n ? await renderSelectList(chartConfig.groupBy, chartConfig, metadata)\n : [],\n isIncludingTimeBucket\n ? timeBucketExpr({\n interval: chartConfig.granularity,\n timestampValueExpression: chartConfig.timestampValueExpression,\n dateRange: chartConfig.dateRange,\n })\n : [],\n );\n}\n\nfunction renderFrom({\n from,\n}: {\n from: BuilderChartConfigWithDateRange['from'];\n}): ChSql {\n return concatChSql(\n '.',\n chSql`${from.databaseName === '' ? '' : { Identifier: from.databaseName }}`,\n chSql`${{\n Identifier: from.tableName,\n }}`,\n );\n}\n\nasync function renderWhereExpressionStr({\n condition,\n language,\n metadata,\n from,\n implicitColumnExpression,\n connectionId,\n with: withClauses,\n}: {\n condition: SearchCondition;\n language: SearchConditionLanguage;\n metadata: Metadata;\n from: BuilderChartConfigWithDateRange['from'];\n implicitColumnExpression?: string;\n connectionId: string;\n with?: BuilderChartConfigWithDateRange['with'];\n}): Promise {\n let _condition = condition;\n if (language === 'lucene') {\n const serializer = new CustomSchemaSQLSerializerV2({\n metadata,\n databaseName: from.databaseName,\n tableName: from.tableName,\n implicitColumnExpression,\n connectionId: connectionId,\n });\n const builder = new SearchQueryBuilder(condition, serializer);\n _condition = await builder.build();\n }\n\n // This metadata query is executed in an attempt tp optimize the selects by favoring materialized fields\n // on a view/table that already perform the computation in select. This optimization is not currently\n // supported for queries using CTEs so skip the metadata fetch if there are CTE objects in the config.\n\n let materializedFields: Map | undefined;\n try {\n // This will likely error when referencing a CTE, which is assumed\n // to be the case when from.databaseName is not set.\n materializedFields =\n withClauses?.length || !from.databaseName\n ? undefined\n : await metadata.getMaterializedColumnsLookupTable({\n connectionId,\n databaseName: from.databaseName,\n tableName: from.tableName,\n });\n } catch {\n // ignore\n }\n\n const _sqlPrefix = 'SELECT * FROM `t` WHERE ';\n const rawSQL = `${_sqlPrefix}${_condition}`;\n // strip 'SELECT * FROM `t` WHERE ' from the sql\n if (materializedFields) {\n _condition = fastifySQL({ materializedFields, rawSQL }).replace(\n _sqlPrefix,\n '',\n );\n }\n\n return _condition;\n}\n\nasync function renderWhereExpression(\n args: Parameters[0],\n): Promise {\n const _condition = await renderWhereExpressionStr(args);\n return chSql`${{ UNSAFE_RAW_SQL: _condition }}`;\n}\n\nasync function renderWhere(\n chartConfig: BuilderChartConfigWithOptDateRangeEx,\n metadata: Metadata,\n): Promise {\n let whereSearchCondition: ChSql | [] = [];\n if (isNonEmptyWhereExpr(chartConfig.where)) {\n whereSearchCondition = wrapChSqlIfNotEmpty(\n await renderWhereExpression({\n condition: chartConfig.where,\n from: chartConfig.from,\n language: chartConfig.whereLanguage ?? 'sql',\n implicitColumnExpression: chartConfig.implicitColumnExpression,\n metadata,\n connectionId: chartConfig.connection,\n with: chartConfig.with,\n }),\n '(',\n ')',\n );\n }\n\n let selectSearchConditions: ChSql[] = [];\n if (\n typeof chartConfig.select != 'string' &&\n // Only if every select has an aggCondition, add to where clause\n // otherwise we'll scan all rows anyways\n chartConfig.select.every(select => isNonEmptyWhereExpr(select.aggCondition))\n ) {\n selectSearchConditions = (\n await Promise.all(\n chartConfig.select.map(async select => {\n if (isNonEmptyWhereExpr(select.aggCondition)) {\n return await renderWhereExpression({\n condition: select.aggCondition,\n from: chartConfig.from,\n language: select.aggConditionLanguage ?? 'sql',\n implicitColumnExpression: chartConfig.implicitColumnExpression,\n metadata,\n connectionId: chartConfig.connection,\n with: chartConfig.with,\n });\n }\n return null;\n }),\n )\n ).filter(v => v !== null) as ChSql[];\n }\n\n const filterConditions = await Promise.all(\n (chartConfig.filters ?? []).map(async filter => {\n if (filter.type === 'sql_ast') {\n return wrapChSqlIfNotEmpty(\n chSql`${{ UNSAFE_RAW_SQL: filter.left }} ${filter.operator} ${{ UNSAFE_RAW_SQL: filter.right }}`,\n '(',\n ')',\n );\n } else if (filter.type === 'lucene' || filter.type === 'sql') {\n return wrapChSqlIfNotEmpty(\n await renderWhereExpression({\n condition: filter.condition,\n from: chartConfig.from,\n language: filter.type,\n implicitColumnExpression: chartConfig.implicitColumnExpression,\n metadata,\n connectionId: chartConfig.connection,\n with: chartConfig.with,\n }),\n '(',\n ')',\n );\n }\n\n throw new Error(`Unknown filter type: ${filter.type}`);\n }),\n );\n\n return concatChSql(\n ' AND ',\n chartConfig.dateRange != null &&\n chartConfig.timestampValueExpression != null\n ? await timeFilterExpr({\n timestampValueExpression: chartConfig.timestampValueExpression,\n dateRange: chartConfig.dateRange,\n dateRangeStartInclusive: chartConfig.dateRangeStartInclusive ?? true,\n dateRangeEndInclusive: chartConfig.dateRangeEndInclusive ?? true,\n metadata,\n connectionId: chartConfig.connection,\n databaseName: chartConfig.from.databaseName,\n tableName: chartConfig.from.tableName,\n with: chartConfig.with,\n includedDataInterval: chartConfig.includedDataInterval,\n })\n : [],\n whereSearchCondition,\n // Add aggConditions to where clause to utilize index\n wrapChSqlIfNotEmpty(concatChSql(' OR ', selectSearchConditions), '(', ')'),\n wrapChSqlIfNotEmpty(\n concatChSql(\n chartConfig.filtersLogicalOperator === 'OR' ? ' OR ' : ' AND ',\n ...filterConditions,\n ),\n '(',\n ')',\n ),\n );\n}\n\nasync function renderGroupBy(\n chartConfig: BuilderChartConfigWithOptDateRange,\n metadata: Metadata,\n): Promise {\n return concatChSql(\n ',',\n isUsingGroupBy(chartConfig)\n ? await renderSelectList(chartConfig.groupBy, chartConfig, metadata)\n : [],\n isUsingGranularity(chartConfig)\n ? timeBucketExpr({\n interval: chartConfig.granularity,\n timestampValueExpression: chartConfig.timestampValueExpression,\n dateRange: chartConfig.dateRange,\n })\n : [],\n );\n}\n\nasync function renderHaving(\n chartConfig: BuilderChartConfigWithOptDateRangeEx,\n metadata: Metadata,\n): Promise {\n if (!isNonEmptyWhereExpr(chartConfig.having)) {\n return undefined;\n }\n\n return await renderWhereExpression({\n condition: chartConfig.having,\n from: chartConfig.from,\n language: chartConfig.havingLanguage ?? 'sql',\n implicitColumnExpression: chartConfig.implicitColumnExpression,\n metadata,\n connectionId: chartConfig.connection,\n with: chartConfig.with,\n });\n}\n\nfunction renderOrderBy(\n chartConfig: BuilderChartConfigWithOptDateRange,\n): ChSql | undefined {\n const isIncludingTimeBucket = isUsingGranularity(chartConfig);\n\n if (chartConfig.orderBy == null && !isIncludingTimeBucket) {\n return undefined;\n }\n\n return concatChSql(\n ',',\n isIncludingTimeBucket\n ? timeBucketExpr({\n interval: chartConfig.granularity,\n timestampValueExpression: chartConfig.timestampValueExpression,\n dateRange: chartConfig.dateRange,\n })\n : [],\n chartConfig.orderBy != null\n ? renderSortSpecificationList(chartConfig.orderBy)\n : [],\n );\n}\n\nfunction renderLimit(\n chartConfig: BuilderChartConfigWithOptDateRange,\n): ChSql | undefined {\n if (chartConfig.limit == null || chartConfig.limit.limit == null) {\n return undefined;\n }\n\n const offset =\n chartConfig.limit.offset != null\n ? chSql` OFFSET ${{ Int32: chartConfig.limit.offset }}`\n : [];\n\n return chSql`${{ Int32: chartConfig.limit.limit }}${offset}`;\n}\n\nfunction renderSettings(\n chartConfig: BuilderChartConfigWithOptDateRangeEx,\n querySettings: QuerySettings | undefined,\n) {\n const querySettingsJoined = joinQuerySettings(querySettings);\n\n return concatChSql(', ', [\n chSql`${chartConfig.settings ?? ''}`,\n chSql`${querySettingsJoined ?? ''}`,\n ]);\n}\n\n// includedDataInterval isn't exported at this time. It's only used internally\n// for metric SQL generation.\ntype InternalChartFields = {\n includedDataInterval?: string;\n settings?: ChSql;\n};\n\ntype BuilderChartConfigWithOptDateRangeEx = BuilderChartConfigWithOptDateRange &\n InternalChartFields;\n\ntype RawSqlChartConfigEx = RawSqlChartConfig &\n Partial &\n InternalChartFields;\n\nexport type ChartConfigWithOptDateRangeEx =\n | BuilderChartConfigWithOptDateRangeEx\n | RawSqlChartConfigEx;\n\nasync function renderWith(\n chartConfig: BuilderChartConfigWithOptDateRangeEx,\n metadata: Metadata,\n querySettings: QuerySettings | undefined,\n): Promise {\n const { with: withClauses } = chartConfig;\n if (withClauses) {\n return concatChSql(\n ',',\n await Promise.all(\n withClauses.map(async clause => {\n const {\n sql,\n chartConfig,\n }: { sql?: ChSql; chartConfig?: CteChartConfig } = clause;\n\n // The sql logic can be specified as either a ChSql instance or a chart\n // config object. Due to type erasure and the recursive nature of ChartConfig\n // when using CTEs, we need to validate the types here to ensure junk did\n // not make it through.\n if (sql && chartConfig) {\n throw new Error(\n \"cannot specify both 'sql' and 'chartConfig' in with clause\",\n );\n }\n\n if (!(sql || chartConfig)) {\n throw new Error(\n \"must specify either 'sql' or 'chartConfig' in with clause\",\n );\n }\n\n if (sql && !ChSqlSchema.safeParse(sql).success) {\n throw new Error('non-conforming sql object in CTE');\n }\n\n if (\n chartConfig &&\n !ChartConfigSchema.safeParse(chartConfig).success\n ) {\n throw new Error(\n `non-conforming chartConfig object in CTE: ${ChartConfigSchema.safeParse(chartConfig).error}`,\n );\n }\n\n // Note that every NonRecursiveChartConfig object is also a ChartConfig object\n // without a `with` property. The type cast here prevents a type error but because\n // results in schema conformance.\n const resolvedSql = sql\n ? sql\n : await renderChartConfig(\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- intentional, see comment above\n chartConfig as ChartConfig,\n metadata,\n querySettings,\n );\n\n if (clause.isSubquery === false) {\n return chSql`(${resolvedSql}) AS ${{ Identifier: clause.name }}`;\n }\n // Can not use identifier here\n return chSql`${clause.name} AS (${resolvedSql})`;\n }),\n ),\n );\n }\n\n return undefined;\n}\n\nfunction intervalToSeconds(interval: SQLInterval): number {\n // Parse interval string like \"15 second\" into number of seconds\n const [amount, unit] = interval.split(' ');\n const value = parseInt(amount, 10);\n switch (unit) {\n case 'second':\n return value;\n case 'minute':\n return value * 60;\n case 'hour':\n return value * 60 * 60;\n case 'day':\n return value * 24 * 60 * 60;\n default:\n throw new Error(`Invalid interval unit ${unit} in interval ${interval}`);\n }\n}\n\nfunction renderFill(\n chartConfig: BuilderChartConfigWithOptDateRangeEx,\n): ChSql | undefined {\n const { granularity, dateRange } = chartConfig;\n if (dateRange && granularity && granularity !== 'auto') {\n const [start, end] = dateRange;\n const step = intervalToSeconds(granularity);\n\n return concatChSql(' ', [\n chSql`FROM toUnixTimestamp(toStartOfInterval(fromUnixTimestamp64Milli(${{ Int64: start.getTime() }}), INTERVAL ${granularity}))\n TO toUnixTimestamp(toStartOfInterval(fromUnixTimestamp64Milli(${{ Int64: end.getTime() }}), INTERVAL ${granularity}))\n STEP ${{ Int32: step }}`,\n ]);\n }\n\n return undefined;\n}\n\nfunction renderDeltaExpression(\n chartConfig: BuilderChartConfigWithOptDateRange,\n valueExpression: string,\n) {\n const interval =\n chartConfig.granularity === 'auto' && Array.isArray(chartConfig.dateRange)\n ? convertDateRangeToGranularityString(chartConfig.dateRange)\n : chartConfig.granularity;\n const intervalInSeconds = convertGranularityToSeconds(interval ?? '');\n\n const valueDiff = `(argMax(${valueExpression}, ${chartConfig.timestampValueExpression}) - argMin(${valueExpression}, ${chartConfig.timestampValueExpression}))`;\n const timeDiffInSeconds = `date_diff('second', min(toDateTime(${chartConfig.timestampValueExpression})), max(toDateTime(${chartConfig.timestampValueExpression})))`;\n\n // Prevent division by zero, if timeDiffInSeconds is 0, return 0\n // The delta is extrapolated to the bucket interval, to match prometheus delta() behavior\n return `IF(${timeDiffInSeconds} > 0, ${valueDiff} * ${intervalInSeconds} / ${timeDiffInSeconds}, 0)`;\n}\n\nasync function translateMetricChartConfig(\n chartConfig: BuilderChartConfigWithOptDateRangeEx,\n metadata: Metadata,\n): Promise {\n const metricTables = chartConfig.metricTables;\n if (!metricTables) {\n return chartConfig;\n }\n\n // assumes all the selects are from a single metric type, for now\n const { select, from, filters, where, ...restChartConfig } = chartConfig;\n if (!select || !Array.isArray(select)) {\n throw new Error('multi select or string select on metrics not supported');\n }\n\n const { metricType, metricName, metricNameSql, ..._select } = select[0]; // Initial impl only supports one metric select per chart config\n if (\n metricType === MetricsDataType.Gauge &&\n metricName &&\n MetricsDataType.Gauge in metricTables &&\n metricTables[MetricsDataType.Gauge]\n ) {\n const timeBucketCol = '__hdx_time_bucket2';\n const timeExpr = timeBucketExpr({\n interval: chartConfig.granularity || 'auto',\n timestampValueExpression:\n chartConfig.timestampValueExpression ||\n DEFAULT_METRIC_TABLE_TIME_COLUMN,\n dateRange: chartConfig.dateRange,\n alias: timeBucketCol,\n });\n\n const where = await renderWhere(\n {\n ...chartConfig,\n from: {\n ...from,\n tableName: metricTables[MetricsDataType.Gauge],\n },\n filters: [\n ...(filters ?? []),\n {\n type: 'sql',\n condition: createMetricNameFilter(metricName, metricNameSql),\n },\n ],\n },\n metadata,\n );\n\n const bucketValueExpr = _select.isDelta\n ? renderDeltaExpression(chartConfig, 'Value')\n : `last_value(Value)`;\n\n return {\n ...restChartConfig,\n with: [\n {\n name: 'Source',\n sql: chSql`\n SELECT\n *,\n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS AttributesHash\n FROM ${renderFrom({ from: { ...from, tableName: metricTables[MetricsDataType.Gauge] } })}\n WHERE ${where}\n `,\n },\n {\n name: 'Bucketed',\n sql: chSql`\n SELECT\n ${timeExpr},\n AttributesHash,\n ${bucketValueExpr} AS LastValue,\n any(ScopeAttributes) AS ScopeAttributes,\n any(ResourceAttributes) AS ResourceAttributes,\n any(Attributes) AS Attributes,\n any(ResourceSchemaUrl) AS ResourceSchemaUrl,\n any(ScopeName) AS ScopeName,\n any(ScopeVersion) AS ScopeVersion,\n any(ScopeDroppedAttrCount) AS ScopeDroppedAttrCount,\n any(ScopeSchemaUrl) AS ScopeSchemaUrl,\n any(ServiceName) AS ServiceName,\n any(MetricDescription) AS MetricDescription,\n any(MetricUnit) AS MetricUnit,\n any(StartTimeUnix) AS StartTimeUnix,\n any(Flags) AS Flags\n FROM Source\n GROUP BY AttributesHash, ${timeBucketCol}\n ORDER BY AttributesHash, ${timeBucketCol}\n `,\n },\n ],\n select: [\n {\n ..._select,\n valueExpression: 'LastValue',\n aggCondition: '', // clear up the condition since the where clause is already applied at the upstream CTE\n },\n ],\n from: {\n databaseName: '',\n tableName: 'Bucketed',\n },\n where: '', // clear up the condition since the where clause is already applied at the upstream CTE\n timestampValueExpression: timeBucketCol,\n settings: chSql`short_circuit_function_evaluation = 'force_enable'`,\n };\n } else if (\n metricType === MetricsDataType.Sum &&\n metricName &&\n MetricsDataType.Sum in metricTables &&\n metricTables[MetricsDataType.Sum]\n ) {\n const timeBucketCol = '__hdx_time_bucket2';\n const valueHighCol = '`__hdx_value_high`';\n const valueHighPrevCol = '`__hdx_value_high_prev`';\n const timeExpr = timeBucketExpr({\n interval: chartConfig.granularity || 'auto',\n timestampValueExpression:\n chartConfig.timestampValueExpression || 'TimeUnix',\n dateRange: chartConfig.dateRange,\n alias: timeBucketCol,\n });\n\n // Render the where clause to limit data selection on the source CTE but also search forward/back one\n // bucket window to ensure that there is enough data to compute a reasonable value on the ends of the\n // series.\n const where = await renderWhere(\n {\n ...chartConfig,\n from: {\n ...from,\n tableName: metricTables[MetricsDataType.Sum],\n },\n filters: [\n ...(filters ?? []),\n {\n type: 'sql',\n condition: createMetricNameFilter(metricName, metricNameSql),\n },\n ],\n includedDataInterval:\n chartConfig.granularity === 'auto' &&\n Array.isArray(chartConfig.dateRange)\n ? convertDateRangeToGranularityString(chartConfig.dateRange)\n : chartConfig.granularity,\n },\n metadata,\n );\n\n /**\n * See: https://github.com/open-telemetry/opentelemetry-proto/blob/main/opentelemetry/proto/metrics/v1/metrics.proto\n * AGGREGATION_TEMPORALITY_DELTA = 1;\n * AGGREGATION_TEMPORALITY_CUMULATIVE = 2;\n *\n * Note, IsMonotonic = 0, has Cumulative agg temporality\n */\n return {\n ...restChartConfig,\n with: [\n {\n name: 'Source',\n sql: chSql`\n SELECT\n *,\n cityHash64(mapConcat(ScopeAttributes, ResourceAttributes, Attributes)) AS AttributesHash,\n IF(AggregationTemporality = 1,\n SUM(Value) OVER (PARTITION BY AttributesHash ORDER BY AttributesHash, TimeUnix ROWS BETWEEN UNBOUNDED PRECEDING AND CURRENT ROW),\n IF(IsMonotonic = 0, \n Value,\n deltaSum(Value) OVER (PARTITION BY AttributesHash ORDER BY AttributesHash, TimeUnix ROWS BETWEEN UNBOUNDED PRECEDING AND CURRENT ROW)\n )\n ) AS Rate,\n IF(AggregationTemporality = 1, Rate, Value) AS Sum\n FROM ${renderFrom({ from: { ...from, tableName: metricTables[MetricsDataType.Sum] } })}\n WHERE ${where}`,\n },\n {\n name: 'Bucketed',\n sql: chSql`\n SELECT\n ${timeExpr},\n AttributesHash,\n last_value(Source.Rate) AS ${valueHighCol},\n any(${valueHighCol}) OVER(PARTITION BY AttributesHash ORDER BY \\`${timeBucketCol}\\` ROWS BETWEEN 1 PRECEDING AND 1 PRECEDING) AS ${valueHighPrevCol},\n IF(IsMonotonic = 1, ${valueHighCol} - ${valueHighPrevCol}, ${valueHighCol}) AS Rate,\n last_value(Source.Sum) AS Sum,\n any(ResourceAttributes) AS ResourceAttributes,\n any(ResourceSchemaUrl) AS ResourceSchemaUrl,\n any(ScopeName) AS ScopeName,\n any(ScopeVersion) AS ScopeVersion,\n any(ScopeAttributes) AS ScopeAttributes,\n any(ScopeDroppedAttrCount) AS ScopeDroppedAttrCount,\n any(ScopeSchemaUrl) AS ScopeSchemaUrl,\n any(ServiceName) AS ServiceName,\n any(MetricName) AS MetricName,\n any(MetricDescription) AS MetricDescription,\n any(MetricUnit) AS MetricUnit,\n any(Attributes) AS Attributes,\n any(StartTimeUnix) AS StartTimeUnix,\n any(Flags) AS Flags,\n any(AggregationTemporality) AS AggregationTemporality,\n any(IsMonotonic) AS IsMonotonic\n FROM Source\n GROUP BY AttributesHash, \\`${timeBucketCol}\\`\n ORDER BY AttributesHash, \\`${timeBucketCol}\\`\n `,\n },\n ],\n select: [\n // HDX-1543: If the chart config query asks for an aggregation, the use the computed rate value, otherwise\n // use the underlying summed value. The alias field appears before the spread so user defined aliases will\n // take precedent over our generic value.\n _select.aggFn\n ? {\n alias: 'Value',\n ..._select,\n valueExpression: 'Rate',\n aggCondition: '',\n }\n : {\n alias: 'Value',\n ..._select,\n valueExpression: 'last_value(Sum)',\n aggCondition: '',\n },\n ],\n from: {\n databaseName: '',\n tableName: 'Bucketed',\n },\n where: '', // clear up the condition since the where clause is already applied at the upstream CTE\n timestampValueExpression: `\\`${timeBucketCol}\\``,\n };\n } else if (\n metricType === MetricsDataType.Histogram &&\n metricName &&\n MetricsDataType.Histogram in metricTables &&\n metricTables[MetricsDataType.Histogram]\n ) {\n const { alias } = _select;\n // Use the alias from the select, defaulting to 'Value' for backwards compatibility\n const valueAlias = alias || 'Value';\n\n // Render the various clauses from the user input so they can be woven into the CTE queries. The dateRange\n // is manipulated to search forward/back one bucket window to ensure that there is enough data to compute\n // a reasonable value on the ends of the series.\n\n const cteChartConfig = {\n ...chartConfig,\n from: {\n ...from,\n tableName: metricTables[MetricsDataType.Histogram],\n },\n filters: [\n ...(filters ?? []),\n {\n type: 'sql',\n condition: createMetricNameFilter(metricName, metricNameSql),\n },\n ],\n includedDataInterval:\n chartConfig.granularity === 'auto' &&\n Array.isArray(chartConfig.dateRange)\n ? convertDateRangeToGranularityString(chartConfig.dateRange)\n : chartConfig.granularity,\n } satisfies BuilderChartConfigWithOptDateRangeEx;\n\n const timeBucketSelect = isUsingGranularity(cteChartConfig)\n ? timeBucketExpr({\n interval: cteChartConfig.granularity,\n timestampValueExpression: cteChartConfig.timestampValueExpression,\n dateRange: cteChartConfig.dateRange,\n })\n : chSql``;\n const where = await renderWhere(cteChartConfig, metadata);\n\n // Time bucket grouping is being handled separately, so make sure to ignore the granularity\n // logic for histograms specifically.\n let groupBy: ChSql | undefined;\n if (isUsingGroupBy(chartConfig)) {\n groupBy = concatChSql(\n ',',\n await renderSelectList(chartConfig.groupBy, chartConfig, metadata),\n );\n }\n\n return {\n ...restChartConfig,\n with: translateHistogram({\n select: _select,\n timeBucketSelect: timeBucketSelect.sql\n ? chSql`${timeBucketSelect}`\n : 'TimeUnix AS `__hdx_time_bucket`',\n groupBy,\n from: renderFrom({\n from: {\n ...from,\n tableName: metricTables[MetricsDataType.Histogram],\n },\n }),\n where,\n valueAlias,\n }),\n select: `\\`__hdx_time_bucket\\`${groupBy ? ', group' : ''}, \"${valueAlias}\"`,\n from: {\n databaseName: '',\n tableName: 'metrics',\n },\n where: '', // clear up the condition since the where clause is already applied at the upstream CTE\n groupBy: undefined,\n granularity: undefined, // time bucketing and granularity is applied at the source CTE\n timestampValueExpression: '`__hdx_time_bucket`',\n settings: chSql`short_circuit_function_evaluation = 'force_enable'`,\n };\n }\n\n throw new Error(`no query support for metric type=${metricType}`);\n}\n\n/** Renders the config's filters into a SQL condition string */\nasync function renderFiltersToSql(\n chartConfig: RawSqlChartConfig,\n metadata: Metadata,\n): Promise {\n if (\n !chartConfig.filters?.length ||\n !chartConfig.source ||\n !chartConfig.from\n ) {\n return undefined;\n }\n\n const conditions = (\n await Promise.all(\n chartConfig.filters.map(async filter => {\n if (filter.type === 'sql_ast') {\n return `(${filter.left} ${filter.operator} ${filter.right})`;\n } else if (\n (filter.type === 'lucene' || filter.type === 'sql') &&\n filter.condition.trim() &&\n chartConfig.from &&\n chartConfig.source\n ) {\n const condition = await renderWhereExpressionStr({\n condition: filter.condition,\n from: chartConfig.from,\n language: filter.type,\n implicitColumnExpression: chartConfig.implicitColumnExpression,\n metadata,\n connectionId: chartConfig.connection,\n });\n return condition ? `(${condition})` : undefined;\n }\n }),\n )\n ).filter(condition => condition !== undefined);\n\n return conditions.length > 0 ? `(${conditions.join(' AND ')})` : undefined;\n}\n\nexport async function renderRawSqlChartConfig(\n chartConfig: RawSqlChartConfig & Partial,\n metadata: Metadata,\n): Promise {\n const displayType = chartConfig.displayType ?? DisplayType.Table;\n\n const filtersSQL = await renderFiltersToSql(chartConfig, metadata);\n const sqlWithMacrosReplaced = replaceMacros(\n chartConfig.sqlTemplate,\n filtersSQL,\n );\n\n // eslint-disable-next-line security/detect-object-injection\n const queryParams = QUERY_PARAMS_BY_DISPLAY_TYPE[displayType];\n\n return {\n sql: sqlWithMacrosReplaced,\n params: Object.fromEntries(\n queryParams.map(param => [param.name, param.get(chartConfig)]),\n ),\n };\n}\n\nexport async function renderChartConfig(\n rawChartConfig: ChartConfigWithOptDateRangeEx,\n metadata: Metadata,\n querySettings: QuerySettings | undefined,\n): Promise {\n if (isRawSqlChartConfig(rawChartConfig)) {\n return renderRawSqlChartConfig(rawChartConfig, metadata);\n }\n\n // metric types require more rewriting since we know more about the schema\n // but goes through the same generation process\n const chartConfig = isMetricChartConfig(rawChartConfig)\n ? await translateMetricChartConfig(rawChartConfig, metadata)\n : rawChartConfig;\n\n const withClauses = await renderWith(chartConfig, metadata, querySettings);\n const select = await renderSelect(chartConfig, metadata);\n const from = renderFrom(chartConfig);\n const where = await renderWhere(chartConfig, metadata);\n const groupBy = await renderGroupBy(chartConfig, metadata);\n const having = await renderHaving(chartConfig, metadata);\n const orderBy = renderOrderBy(chartConfig);\n //const fill = renderFill(chartConfig); //TODO: Fill breaks heatmaps and some charts\n const limit = renderLimit(chartConfig);\n const settings = renderSettings(chartConfig, querySettings);\n\n return concatChSql(' ', [\n chSql`${withClauses?.sql ? chSql`WITH ${withClauses}` : ''}`,\n chSql`SELECT ${select}`,\n chSql`FROM ${from}`,\n chSql`${where.sql ? chSql`WHERE ${where}` : ''}`,\n chSql`${groupBy?.sql ? chSql`GROUP BY ${groupBy}` : ''}`,\n chSql`${having?.sql ? chSql`HAVING ${having}` : ''}`,\n chSql`${orderBy?.sql ? chSql`ORDER BY ${orderBy}` : ''}`,\n //chSql`${fill?.sql ? chSql`WITH FILL ${fill}` : ''}`,\n chSql`${limit?.sql ? chSql`LIMIT ${limit}` : ''}`,\n\n // SETTINGS must be last - see `extractSettingsClause` in \"./utils.ts\"\n chSql`${settings.sql ? chSql`SETTINGS ${settings}` : []}`,\n ]);\n}\n\n// EditForm -> translateToQueriedChartConfig -> QueriedChartConfig\n// renderFn(QueriedChartConfig) -> sql\n// query(sql) -> data\n// formatter(data) -> displayspecificDs\n// displaySettings(QueriedChartConfig) -> displaySepcificDs\n// chartComponent(displayspecificDs) -> React.Node\n" }, { "path": "packages/common-utils/src/core/utils.ts", "content": "// Port from ChartUtils + source.ts\nimport { add as fnsAdd, format as fnsFormat } from 'date-fns';\nimport { formatInTimeZone } from 'date-fns-tz';\nimport { z } from 'zod';\n\nexport { default as objectHash } from 'object-hash';\n\nimport { isBuilderSavedChartConfig, isRawSqlSavedChartConfig } from '@/guards';\nimport {\n BuilderChartConfig,\n BuilderChartConfigWithDateRange,\n BuilderChartConfigWithOptTimestamp,\n Connection,\n DashboardFilter,\n DashboardFilterSchema,\n DashboardSchema,\n DashboardTemplateSchema,\n DashboardWithoutId,\n QuerySettings,\n SQLInterval,\n TileTemplateSchema,\n TSource,\n} from '@/types';\n\nimport { SkipIndexMetadata, TableMetadata } from './metadata';\n\n/** The default maximum number of buckets setting when determining a bucket duration for 'auto' granularity */\nexport const DEFAULT_AUTO_GRANULARITY_MAX_BUCKETS = 60;\n\nexport const isBrowser: boolean =\n typeof window !== 'undefined' && typeof window.document !== 'undefined';\n\nexport const isNode: boolean =\n typeof process !== 'undefined' &&\n process.versions != null &&\n process.versions.node != null;\n\nexport function splitAndTrimCSV(input: string): string[] {\n return input\n .split(',')\n .map(column => column.trim())\n .filter(column => column.length > 0);\n}\n\n// Replace splitAndTrimCSV, should remove splitAndTrimCSV later\nexport function splitAndTrimWithBracket(input: string): string[] {\n let parenCount: number = 0;\n let squareCount: number = 0;\n let inSingleQuote: boolean = false;\n let inDoubleQuote: boolean = false;\n\n const res: string[] = [];\n let cur: string = '';\n for (const c of input + ',') {\n if (c === '\"' && !inSingleQuote) {\n inDoubleQuote = !inDoubleQuote;\n cur += c;\n continue;\n }\n\n if (c === \"'\" && !inDoubleQuote) {\n inSingleQuote = !inSingleQuote;\n cur += c;\n continue;\n }\n // Only count brackets when not in quotes\n if (!inSingleQuote && !inDoubleQuote) {\n if (c === '(') {\n parenCount++;\n } else if (c === ')') {\n parenCount--;\n } else if (c === '[') {\n squareCount++;\n } else if (c === ']') {\n squareCount--;\n }\n }\n\n if (\n c === ',' &&\n parenCount === 0 &&\n squareCount === 0 &&\n !inSingleQuote &&\n !inDoubleQuote\n ) {\n const trimString = cur.trim();\n if (trimString) res.push(trimString);\n cur = '';\n } else {\n cur += c;\n }\n }\n return res;\n}\n\n// If a user specifies a timestampValueExpression with multiple columns,\n// this will return the first one. We'll want to refine this over time\nexport function getFirstTimestampValueExpression(valueExpression: string) {\n return splitAndTrimWithBracket(valueExpression)[0];\n}\n\n/** Returns true if the given expression is a JSON expression, eg. `col.key.nestedKey` or \"json_col\".\"key\" */\nexport const isJsonExpression = (expr: string) => {\n if (!expr.includes('.')) return false;\n\n let isInDoubleQuote = false;\n let isInBacktick = false;\n let isInSingleQuote = false;\n\n const parts: string[] = [];\n let current = '';\n for (const c of expr) {\n if (c === \"'\" && !isInDoubleQuote && !isInBacktick) {\n isInSingleQuote = !isInSingleQuote;\n } else if (isInSingleQuote) {\n continue;\n } else if (c === '\"' && !isInBacktick) {\n isInDoubleQuote = !isInDoubleQuote;\n current += c;\n } else if (c === '`' && !isInDoubleQuote) {\n isInBacktick = !isInBacktick;\n current += c;\n } else if (c === '.' && !isInDoubleQuote && !isInBacktick) {\n parts.push(current);\n current = '';\n } else {\n current += c;\n }\n }\n\n if (!isInDoubleQuote && !isInBacktick) {\n parts.push(current);\n }\n\n if (parts.some(p => p.trim().length === 0)) return false;\n\n return (\n parts.filter(\n p =>\n p.trim().length > 0 &&\n isNaN(Number(p)) &&\n !(p.startsWith(\"'\") && p.endsWith(\"'\")),\n ).length > 1\n );\n};\n\n/**\n * Finds and returns expressions within the given SQL string that represent JSON references (eg. `col.key.nestedKey`)\n *\n * Note - This function does not distinguish between json references and `table.column` references - both are returned.\n */\nexport function findJsonExpressions(sql: string) {\n const expressions: { index: number; expr: string }[] = [];\n\n let isInDoubleQuote = false;\n let isInBacktick = false;\n\n let currentExpr = '';\n const finishExpression = (expr: string, endIndex: number) => {\n if (isJsonExpression(expr)) {\n expressions.push({ index: endIndex - expr.length, expr });\n }\n currentExpr = '';\n };\n\n let i = 0;\n let isInJsonTypeSpecifier = false;\n while (i < sql.length) {\n const c = sql.charAt(i);\n if (c === \"'\" && !isInDoubleQuote && !isInBacktick) {\n // Skip string literals\n while (i < sql.length && sql.charAt(i) !== c) {\n i++;\n }\n currentExpr = '';\n } else if (c === '\"' && !isInBacktick) {\n isInDoubleQuote = !isInDoubleQuote;\n currentExpr += c;\n } else if (c === '`' && !isInDoubleQuote) {\n isInBacktick = !isInBacktick;\n currentExpr += c;\n } else if (/[\\s{},+*/[\\]]/.test(c)) {\n isInJsonTypeSpecifier = false;\n finishExpression(currentExpr, i);\n } else if ('()'.includes(c) && !isInJsonTypeSpecifier) {\n finishExpression(currentExpr, i);\n } else if (c === ':') {\n isInJsonTypeSpecifier = true;\n currentExpr += c;\n } else {\n currentExpr += c;\n }\n\n i++;\n }\n\n finishExpression(currentExpr, i);\n return expressions;\n}\n\n/**\n * Replaces expressions within the given SQL string that represent JSON expressions (eg. `col.key.nestedKey`).\n * Such expression are replaced with placeholders like `__hdx_json_replacement_0`. The resulting string and a\n * map of replacements --> original expressions is returned.\n *\n * Note - This function does not distinguish between json references and `table.column` references - both are replaced.\n */\nexport function replaceJsonExpressions(sql: string) {\n const jsonExpressions = findJsonExpressions(sql);\n\n const replacements = new Map();\n let sqlWithReplacements = sql;\n let indexOffsetFromInserts = 0;\n let replacementCounter = 0;\n for (const { expr, index } of jsonExpressions) {\n const replacement = `__hdx_json_replacement_${replacementCounter++}`;\n replacements.set(replacement, expr);\n\n const effectiveIndex = index + indexOffsetFromInserts;\n sqlWithReplacements =\n sqlWithReplacements.slice(0, effectiveIndex) +\n replacement +\n sqlWithReplacements.slice(effectiveIndex + expr.length);\n indexOffsetFromInserts += replacement.length - expr.length;\n }\n\n return { sqlWithReplacements, replacements };\n}\n\n/**\n * To best support Pre-aggregation in Materialized Views, any new\n * granularities should be multiples of all smaller granularities.\n * */\nexport enum Granularity {\n FifteenSecond = '15 second',\n ThirtySecond = '30 second',\n OneMinute = '1 minute',\n FiveMinute = '5 minute',\n TenMinute = '10 minute',\n FifteenMinute = '15 minute',\n ThirtyMinute = '30 minute',\n OneHour = '1 hour',\n TwoHour = '2 hour',\n SixHour = '6 hour',\n TwelveHour = '12 hour',\n OneDay = '1 day',\n TwoDay = '2 day',\n SevenDay = '7 day',\n ThirtyDay = '30 day',\n}\n\nexport function hashCode(str: string) {\n let hash = 0,\n i,\n chr;\n if (str.length === 0) return hash;\n for (i = 0; i < str.length; i++) {\n chr = str.charCodeAt(i);\n hash = (hash << 5) - hash + chr;\n hash |= 0; // Convert to 32bit integer\n }\n return hash;\n}\n\nexport function convertDateRangeToGranularityString(\n dateRange: [Date, Date],\n maxNumBuckets: number = DEFAULT_AUTO_GRANULARITY_MAX_BUCKETS,\n): Granularity {\n const start = dateRange[0].getTime();\n const end = dateRange[1].getTime();\n const diffSeconds = Math.floor((end - start) / 1000);\n const granularitySizeSeconds = Math.ceil(diffSeconds / maxNumBuckets);\n\n if (granularitySizeSeconds <= 15) {\n return Granularity.FifteenSecond;\n } else if (granularitySizeSeconds <= 30) {\n return Granularity.ThirtySecond;\n } else if (granularitySizeSeconds <= 60) {\n return Granularity.OneMinute;\n } else if (granularitySizeSeconds <= 5 * 60) {\n return Granularity.FiveMinute;\n } else if (granularitySizeSeconds <= 15 * 60) {\n // 10 minute granularity is skipped so that every auto-inferred granularity is a multiple\n // of all smaller granularities, which makes it more likely that a materialized view can be used.\n return Granularity.FifteenMinute;\n } else if (granularitySizeSeconds <= 30 * 60) {\n return Granularity.ThirtyMinute;\n } else if (granularitySizeSeconds <= 3600) {\n return Granularity.OneHour;\n } else if (granularitySizeSeconds <= 2 * 3600) {\n return Granularity.TwoHour;\n } else if (granularitySizeSeconds <= 6 * 3600) {\n return Granularity.SixHour;\n } else if (granularitySizeSeconds <= 12 * 3600) {\n return Granularity.TwelveHour;\n } else if (granularitySizeSeconds <= 24 * 3600) {\n return Granularity.OneDay;\n } else if (granularitySizeSeconds <= 2 * 24 * 3600) {\n return Granularity.TwoDay;\n } else if (granularitySizeSeconds <= 7 * 24 * 3600) {\n return Granularity.SevenDay;\n } else if (granularitySizeSeconds <= 30 * 24 * 3600) {\n return Granularity.ThirtyDay;\n }\n\n return Granularity.ThirtyDay;\n}\n\nexport function convertGranularityToSeconds(granularity: SQLInterval): number {\n const [num, unit] = granularity.split(' ');\n const numInt = Number.parseInt(num);\n switch (unit) {\n case 'second':\n return numInt;\n case 'minute':\n return numInt * 60;\n case 'hour':\n return numInt * 60 * 60;\n case 'day':\n return numInt * 60 * 60 * 24;\n default:\n return 0;\n }\n}\n// Note: roundToNearestMinutes is broken in date-fns currently\n// additionally it doesn't support seconds or > 30min\n// so we need to write our own :(\n// see: https://github.com/date-fns/date-fns/pull/3267/files\nexport function toStartOfInterval(date: Date, granularity: SQLInterval): Date {\n const [num, unit] = granularity.split(' ');\n const numInt = Number.parseInt(num);\n const roundFn = Math.floor;\n\n switch (unit) {\n case 'second':\n return new Date(\n Date.UTC(\n date.getUTCFullYear(),\n date.getUTCMonth(),\n date.getUTCDate(),\n date.getUTCHours(),\n date.getUTCMinutes(),\n roundFn(date.getUTCSeconds() / numInt) * numInt,\n ),\n );\n case 'minute':\n return new Date(\n Date.UTC(\n date.getUTCFullYear(),\n date.getUTCMonth(),\n date.getUTCDate(),\n date.getUTCHours(),\n roundFn(date.getUTCMinutes() / numInt) * numInt,\n ),\n );\n case 'hour':\n return new Date(\n Date.UTC(\n date.getUTCFullYear(),\n date.getUTCMonth(),\n date.getUTCDate(),\n roundFn(date.getUTCHours() / numInt) * numInt,\n ),\n );\n case 'day': {\n // Clickhouse uses the # of days since unix epoch to round dates\n // see: https://github.com/ClickHouse/ClickHouse/blob/master/src/Common/DateLUTImpl.h#L1059\n const daysSinceEpoch = date.getTime() / 1000 / 60 / 60 / 24;\n const daysSinceEpochRounded = roundFn(daysSinceEpoch / numInt) * numInt;\n\n return new Date(daysSinceEpochRounded * 1000 * 60 * 60 * 24);\n }\n default:\n return date;\n }\n}\n\nexport function timeBucketByGranularity(\n start: Date,\n end: Date,\n granularity: SQLInterval,\n): Date[] {\n const buckets: Date[] = [];\n\n let current = toStartOfInterval(start, granularity);\n const granularitySeconds = convertGranularityToSeconds(granularity);\n while (current < end) {\n buckets.push(current);\n current = fnsAdd(current, {\n seconds: granularitySeconds,\n });\n }\n\n return buckets;\n}\n\nexport const _useTry = (fn: () => T): [null | Error | unknown, null | T] => {\n let output: T | null = null;\n let error: any = null;\n try {\n output = fn();\n return [error, output];\n } catch (e) {\n error = e;\n return [error, output];\n }\n};\n\nexport const parseJSON = (json: string) => {\n const [error, result] = _useTry(() => JSON.parse(json));\n return result;\n};\n\n// Date formatting\nconst TIME_TOKENS = {\n normal: {\n '12h': 'MMM d h:mm:ss a',\n '24h': 'MMM d HH:mm:ss',\n },\n short: {\n '12h': 'MMM d h:mma',\n '24h': 'MMM d HH:mm',\n },\n withMs: {\n '12h': 'MMM d h:mm:ss.SSS a',\n '24h': 'MMM d HH:mm:ss.SSS',\n },\n withYear: {\n '12h': 'MMM d yyyy h:mm:ss a',\n '24h': 'MMM d yyyy HH:mm:ss',\n },\n time: {\n '12h': 'h:mm:ss a',\n '24h': 'HH:mm:ss',\n },\n};\n\nexport const formatDate = (\n date: Date,\n {\n isUTC = false,\n format = 'normal',\n clock = '12h',\n }: {\n isUTC?: boolean;\n format?: 'normal' | 'short' | 'withMs' | 'time' | 'withYear';\n clock?: '12h' | '24h';\n },\n) => {\n const formatStr = TIME_TOKENS[format][clock];\n\n return isUTC\n ? formatInTimeZone(date, 'Etc/UTC', formatStr)\n : fnsFormat(date, formatStr);\n};\n\ntype Dashboard = z.infer;\ntype DashboardTemplate = z.infer;\ntype TileTemplate = z.infer;\n\nexport function convertToDashboardTemplate(\n input: Dashboard,\n sources: TSource[],\n connections: Connection[] = [],\n): DashboardTemplate {\n const output: DashboardTemplate = {\n version: '0.1.0',\n name: input.name,\n tiles: [],\n };\n\n const convertToTileTemplate = (\n input: Dashboard['tiles'][0],\n sources: TSource[],\n connections: Connection[],\n ): TileTemplate => {\n const tile = TileTemplateSchema.strip().parse(structuredClone(input));\n // Extract name from source/connection or default to '' if not found\n const tileConfig = tile.config;\n if (isBuilderSavedChartConfig(tileConfig)) {\n tileConfig.source = (\n sources.find(source => source.id === tileConfig.source) ?? { name: '' }\n ).name;\n } else if (isRawSqlSavedChartConfig(tileConfig)) {\n tileConfig.connection = (\n connections.find(conn => conn.id === tileConfig.connection) ?? {\n name: '',\n }\n ).name;\n if (tileConfig.source) {\n tileConfig.source =\n sources.find(source => source.id === tileConfig.source)?.name ?? '';\n }\n }\n return tile;\n };\n\n const convertToFilterTemplate = (\n input: DashboardFilter,\n sources: TSource[],\n ): DashboardFilter => {\n const filter = DashboardFilterSchema.strip().parse(structuredClone(input));\n // Extract name from source or default to '' if not found\n filter.source =\n sources.find(source => source.id === input.source)?.name ?? '';\n return filter;\n };\n\n for (const tile of input.tiles) {\n output.tiles.push(convertToTileTemplate(tile, sources, connections));\n }\n\n if (input.filters) {\n output.filters = [];\n for (const filter of input.filters ?? []) {\n output.filters.push(convertToFilterTemplate(filter, sources));\n }\n }\n\n if (input.containers) {\n output.containers = structuredClone(input.containers);\n }\n\n return output;\n}\n\nexport function convertToDashboardDocument(\n input: DashboardTemplate,\n): DashboardWithoutId {\n const output: DashboardWithoutId = {\n name: input.name,\n tiles: [],\n tags: [],\n };\n\n // expecting that input.tiles[0-n].config.source fields are already converted to ids\n const convertToTileDocument = (\n input: TileTemplate,\n ): DashboardWithoutId['tiles'][0] => {\n return structuredClone(input);\n };\n\n // expecting that input.filters[0-n].source fields are already converted to ids\n const convertToFilterDocument = (input: DashboardFilter): DashboardFilter => {\n return structuredClone(input);\n };\n\n for (const tile of input.tiles) {\n output.tiles.push(convertToTileDocument(tile));\n }\n\n if (input.filters) {\n output.filters = [];\n for (const filter of input.filters) {\n output.filters.push(convertToFilterDocument(filter));\n }\n }\n\n if (input.containers) {\n output.containers = structuredClone(input.containers);\n }\n\n return output;\n}\n\nexport const getFirstOrderingItem = (\n orderBy: BuilderChartConfigWithDateRange['orderBy'],\n) => {\n if (!orderBy || orderBy.length === 0) return undefined;\n\n return typeof orderBy === 'string'\n ? splitAndTrimWithBracket(orderBy)[0]\n : orderBy[0];\n};\n\nexport const removeTrailingDirection = (s: string) => {\n const upper = s.trim().toUpperCase();\n if (upper.endsWith('DESC')) {\n return s.slice(0, upper.lastIndexOf('DESC')).trim();\n } else if (upper.endsWith('ASC')) {\n return s.slice(0, upper.lastIndexOf('ASC')).trim();\n }\n\n return s;\n};\n\nexport const isTimestampExpressionInFirstOrderBy = (\n config: BuilderChartConfigWithOptTimestamp,\n) => {\n const firstOrderingItem = getFirstOrderingItem(config.orderBy);\n if (!firstOrderingItem || config.timestampValueExpression == null)\n return false;\n\n const firstOrderingExpression =\n typeof firstOrderingItem === 'string'\n ? removeTrailingDirection(firstOrderingItem)\n : firstOrderingItem.valueExpression;\n\n const timestampValueExpressions = splitAndTrimWithBracket(\n config.timestampValueExpression,\n );\n\n return timestampValueExpressions.some(tve =>\n firstOrderingExpression.includes(tve),\n );\n};\n\nexport const isFirstOrderByAscending = (\n orderBy: BuilderChartConfigWithDateRange['orderBy'],\n): boolean => {\n const primaryOrderingItem = getFirstOrderingItem(orderBy);\n\n if (!primaryOrderingItem) return false;\n\n const isDescending =\n typeof primaryOrderingItem === 'string'\n ? primaryOrderingItem.trim().toUpperCase().endsWith('DESC')\n : primaryOrderingItem.ordering === 'DESC';\n\n return !isDescending;\n};\n\n/**\n * Parses a single expression of the form\n * `toStartOf(column[, timezone])` or `toStartOfInterval(column[, interval[, origin[, timezone]]])`.\n * Returns undefined if the expression is not of this form.\n */\nexport function parseToStartOfFunction(\n expr: string,\n):\n | { function: string; columnArgument: string; formattedRemainingArgs: string }\n | undefined {\n const parts = splitAndTrimWithBracket(expr);\n if (parts.length !== 1) return undefined;\n\n const toStartOfMatches = expr.match(/(toStartOf\\w+)\\s*\\(/);\n\n if (toStartOfMatches) {\n const prefix = expr.substring(0, toStartOfMatches.index!);\n if (prefix.trim() !== '') return undefined;\n\n const [toStartOfSubstring, toStartOfFunction] = toStartOfMatches;\n\n const argsStartIndex =\n expr.indexOf(toStartOfSubstring) + toStartOfSubstring.length;\n const argsEndIndex = expr.lastIndexOf(')');\n const args = splitAndTrimWithBracket(\n expr.substring(argsStartIndex, argsEndIndex),\n );\n\n const columnArgument = args[0];\n if (columnArgument == null) {\n console.error(`Failed to parse column argument from ${expr}`);\n return undefined;\n }\n\n const formattedRemainingArgs =\n args.length > 1 ? `, ${args.slice(1).join(', ')}` : '';\n\n return {\n function: toStartOfFunction.trim(),\n columnArgument,\n formattedRemainingArgs,\n };\n }\n}\n\n/**\n * Returns an optimized timestamp value expression for a table based on its timestampValueExpression and primary key.\n *\n * When a table has a sort key like `toStartOfMinute(timestamp), ..., timestamp`, it is more performant\n * to filter by toStartOfMinute(timestamp) and timestamp, instead of just timestamp.\n */\nexport function optimizeTimestampValueExpression(\n timestampValueExpression: string,\n primaryKey: string | undefined,\n) {\n if (!primaryKey || !timestampValueExpression) return timestampValueExpression;\n\n const timestampValueExprs = [timestampValueExpression];\n const primaryKeyExprs = splitAndTrimWithBracket(primaryKey);\n for (const primaryKeyExpr of primaryKeyExprs) {\n const toStartOf = parseToStartOfFunction(primaryKeyExpr);\n\n if (\n primaryKeyExpr === timestampValueExpression.trim() ||\n (primaryKeyExpr.startsWith('toUnixTimestamp') &&\n primaryKeyExpr.includes(timestampValueExpression)) ||\n (primaryKeyExpr.startsWith('toDateTime') &&\n primaryKeyExpr.includes(timestampValueExpression))\n ) {\n // We only want to add expressions that come before the timestampExpr in the primary key\n break;\n } else if (\n toStartOf &&\n toStartOf.columnArgument === timestampValueExpression.trim()\n ) {\n timestampValueExprs.push(primaryKeyExpr);\n }\n }\n\n return timestampValueExprs.join(', ');\n}\n\nexport function getAlignedDateRange(\n [originalStart, originalEnd]: [Date, Date],\n granularity: SQLInterval,\n): [Date, Date] {\n // Round the start time down to the previous interval boundary\n const alignedStart = toStartOfInterval(originalStart, granularity);\n\n // Round the end time up to the next interval boundary\n let alignedEnd = toStartOfInterval(originalEnd, granularity);\n if (alignedEnd.getTime() < originalEnd.getTime()) {\n const intervalSeconds = convertGranularityToSeconds(granularity);\n alignedEnd = fnsAdd(alignedEnd, { seconds: intervalSeconds });\n }\n\n return [alignedStart, alignedEnd];\n}\n\nexport function isDateRangeEqual(range1: [Date, Date], range2: [Date, Date]) {\n return (\n range1[0].getTime() === range2[0].getTime() &&\n range1[1].getTime() === range2[1].getTime()\n );\n}\n\n/*\n This function extracts the SETTINGS clause from the end(!) of the sql string.\n*/\nexport function extractSettingsClauseFromEnd(\n sqlInput: string,\n): [string, string | undefined] {\n const sql = sqlInput.trim().endsWith(';')\n ? sqlInput.trim().slice(0, -1)\n : sqlInput.trim();\n\n const settingsIndex = sql.toUpperCase().indexOf('SETTINGS');\n\n if (settingsIndex === -1) {\n return [sql, undefined] as const;\n }\n\n const settingsClause = sql.substring(settingsIndex).trim();\n const remaining = sql.substring(0, settingsIndex).trim();\n\n return [remaining, settingsClause] as const;\n}\n\nexport function parseToNumber(input: string): number | undefined {\n const trimmed = input.trim();\n\n if (trimmed === '') {\n return undefined;\n }\n\n const num = Number(trimmed);\n\n return Number.isFinite(num) ? num : undefined;\n}\n\nexport function joinQuerySettings(\n querySettings: QuerySettings | undefined,\n): string | undefined {\n if (!querySettings?.length) {\n return undefined;\n }\n\n const emptyFiltered = querySettings.filter(\n ({ setting, value }) => setting.length && value.length,\n );\n\n const formattedPairs = emptyFiltered.map(\n ({ setting, value }) =>\n `${setting} = ${parseToNumber(value) ?? `'${value}'`}`,\n );\n\n return formattedPairs.join(', ');\n}\n\n// A discriminated union type for different tokenizers above\nexport type TextIndexTokenizer =\n | { type: 'splitByNonAlpha' }\n | { type: 'splitByString'; separators: string[] }\n | { type: 'ngrams'; n: number }\n | {\n type: 'sparseGrams';\n minLength: number;\n maxLength: number;\n minCutoffLength?: number;\n }\n | { type: 'array' };\n\n/**\n * Parses the tokenizer and any associated tokenizer parameters from a text index type definition.\n *\n * Examples:\n * - `text(tokenizer = splitByNonAlpha)` -> `{ type: 'splitByNonAlpha' }`\n * - `text(tokenizer = splitByString([', ', '; ', '\\n', '\\\\']))` -> `{ type: 'splitByString', separators: [', ', '; ', '\\n', '\\\\'] }`\n * - `text(preprocessor=lower(s), tokenizer=sparseGrams(2, 5, 10))` -> `{ type: 'sparseGrams', minLength: 2, maxLength: 5, minCutoffLength: 10 }`\n */\nexport function parseTokenizerFromTextIndex({\n typeFull,\n}: SkipIndexMetadata): TextIndexTokenizer | undefined {\n const textPattern = /^\\s*text\\s*\\((.+)\\)\\s*$/;\n const match = typeFull.match(textPattern);\n if (!match) {\n console.error(`Invalid text index type ${typeFull}.`);\n return undefined;\n }\n\n const argsString = match[1].trim();\n const args = splitAndTrimWithBracket(argsString).map(arg => {\n const [key, value] = arg.split('=').map(s => s.trim());\n return { key, value };\n });\n\n const tokenizerArg = args.find(arg => arg.key === 'tokenizer')?.value;\n if (!tokenizerArg) {\n console.error(\n `Invalid tokenizer argument in index type ${typeFull}: ${tokenizerArg}`,\n argsString,\n splitAndTrimWithBracket(argsString),\n );\n return undefined;\n }\n\n const tokenizerName = tokenizerArg.split('(')[0].trim();\n const tokenizerArgsString = tokenizerArg\n .substring(tokenizerArg.indexOf('(') + 1, tokenizerArg.lastIndexOf(')'))\n .trim();\n\n switch (tokenizerName) {\n case 'splitByNonAlpha':\n return { type: 'splitByNonAlpha' };\n\n case 'array':\n return { type: 'array' };\n\n case 'ngrams': {\n // Default n is 3\n if (!tokenizerArgsString) {\n return { type: 'ngrams', n: 3 };\n }\n\n return { type: 'ngrams', n: Number.parseInt(tokenizerArgsString, 10) };\n }\n\n case 'sparseGrams': {\n const args = tokenizerArgsString\n .split(',')\n .map(s => s.trim())\n .filter(s => !!s);\n\n const tokenizer: TextIndexTokenizer = {\n type: 'sparseGrams',\n minLength: 3,\n maxLength: 10,\n };\n\n if (args.length >= 1) tokenizer.minLength = Number.parseInt(args[0], 10);\n if (args.length >= 2) tokenizer.maxLength = Number.parseInt(args[1], 10);\n if (args.length >= 3)\n tokenizer.minCutoffLength = Number.parseInt(args[2], 10);\n\n return tokenizer;\n }\n\n case 'splitByString': {\n if (!tokenizerArgsString) {\n // Default separator is space\n return { type: 'splitByString', separators: [' '] };\n }\n\n const unescape = (str: string) => {\n const escapeCharacters = [\n { pattern: /\\\\a/g, replacement: 'a' },\n { pattern: /\\\\b/g, replacement: 'b' },\n { pattern: /\\\\e/g, replacement: 'e' },\n { pattern: /\\\\f/g, replacement: '\\f' },\n { pattern: /\\\\n/g, replacement: '\\n' },\n { pattern: /\\\\r/g, replacement: '\\r' },\n { pattern: /\\\\t/g, replacement: '\\t' },\n { pattern: /\\\\v/g, replacement: '\\v' },\n { pattern: /\\\\0/g, replacement: '\\0' },\n { pattern: /\\\\\\\\/g, replacement: '\\\\' },\n { pattern: /\\\\'/g, replacement: \"'\" },\n { pattern: /\\\\\"/g, replacement: '\"' },\n { pattern: /\\\\`/g, replacement: '`' },\n { pattern: /\\\\\\//g, replacement: '/' },\n { pattern: /\\\\=/g, replacement: '=' },\n ];\n\n for (const { pattern, replacement } of escapeCharacters) {\n str = str.replace(pattern, replacement);\n }\n\n return str;\n };\n\n const separatorsString = tokenizerArgsString.match(/\\[(.*)\\]/);\n if (!separatorsString) {\n // If no array is provided, default to space\n return { type: 'splitByString', separators: [' '] };\n }\n\n const arrayContent = separatorsString[1];\n\n // Split by commas outside of quotes\n const separators: string[] = [];\n let current = '';\n let inQuote = false;\n let quoteChar = '';\n\n for (let i = 0; i < arrayContent.length; i++) {\n const char = arrayContent[i];\n\n if ((char === \"'\" || char === '\"') && !inQuote) {\n inQuote = true;\n quoteChar = char;\n } else if (char === quoteChar && inQuote) {\n if (arrayContent[i - 1] !== '\\\\' || arrayContent[i - 2] === '\\\\') {\n inQuote = false;\n quoteChar = '';\n }\n } else if (char === ',' && !inQuote) {\n const trimmed = current.trim();\n if (trimmed) {\n // Remove quotes and unescape characters\n const value = trimmed.replace(/^['\"]|['\"]$/g, '');\n const unescapedValue = unescape(value);\n separators.push(unescapedValue);\n }\n\n current = '';\n continue;\n }\n\n current += char;\n }\n\n // Add last separator\n const trimmed = current.trim();\n if (trimmed) {\n const value = trimmed.replace(/^['\"]|['\"]$/g, '');\n const unescapedValue = unescape(value);\n separators.push(unescapedValue);\n }\n\n return { type: 'splitByString', separators };\n }\n\n default:\n console.error(`Unknown tokenizer ${tokenizerName} in type ${typeFull}.`);\n return undefined;\n }\n}\n\n/**\n * Converts an aliasMap (e.g. from chSqlToAliasMap) to an array of WITH clause entries.\n * These WITH clauses define aliases as expressions (isSubquery: false),\n * making them available in WHERE and other clauses.\n */\nexport function aliasMapToWithClauses(\n aliasMap: Record | undefined,\n): BuilderChartConfig['with'] {\n if (!aliasMap) {\n return undefined;\n }\n\n const withClauses = Object.entries(aliasMap)\n .filter(\n (entry): entry is [string, string] =>\n entry[1] != null && entry[1].trim() !== '',\n )\n .map(([name, value]) => ({\n name,\n sql: {\n sql: value,\n params: {},\n },\n isSubquery: false,\n }));\n\n return withClauses.length > 0 ? withClauses : undefined;\n}\n\nconst stripQuotes = (s: string) => s.replace(/^[\"'`]|[\"'`]$/g, '');\n\n/** Parses and returns the cluster, database, and table from the given distributed table metadata */\nexport function getDistributedTableArgs(\n tableMetadata: TableMetadata,\n): { cluster: string; database: string; table: string } | undefined {\n const args = tableMetadata.engine_full.match(/Distributed\\((.+)\\)$/)?.[1];\n const splitArgs = splitAndTrimWithBracket(args ?? '');\n\n if (splitArgs.length < 3) {\n console.error(\n `Failed to parse engine arguments for Distributed table: ${tableMetadata.engine_full}`,\n );\n return undefined;\n }\n\n return {\n cluster: stripQuotes(splitArgs[0]),\n database: stripQuotes(splitArgs[1]),\n table: stripQuotes(splitArgs[2]),\n };\n}\n" }, { "path": "packages/common-utils/src/guards.ts", "content": "import {\n BuilderChartConfig,\n BuilderSavedChartConfig,\n ChartConfig,\n ChartConfigWithOptDateRange,\n RawSqlChartConfig,\n RawSqlSavedChartConfig,\n SavedChartConfig,\n} from './types';\n\nexport function isRawSqlChartConfig(\n chartConfig: ChartConfig | ChartConfigWithOptDateRange,\n): chartConfig is RawSqlChartConfig {\n return 'configType' in chartConfig && chartConfig.configType === 'sql';\n}\n\nexport function isBuilderChartConfig(\n chartConfig: ChartConfig | ChartConfigWithOptDateRange,\n): chartConfig is BuilderChartConfig {\n return !isRawSqlChartConfig(chartConfig);\n}\n\nexport function isRawSqlSavedChartConfig(\n chartConfig: SavedChartConfig,\n): chartConfig is RawSqlSavedChartConfig {\n return 'configType' in chartConfig && chartConfig.configType === 'sql';\n}\n\nexport function isBuilderSavedChartConfig(\n chartConfig: SavedChartConfig,\n): chartConfig is BuilderSavedChartConfig {\n return !isRawSqlSavedChartConfig(chartConfig);\n}\n" }, { "path": "packages/common-utils/src/macros.ts", "content": "import { splitAndTrimWithBracket } from './core/utils';\nimport { renderQueryParam } from './rawSqlParams';\n\nfunction expectArgs(macroName: string, args: string[], expected: number) {\n if (args.length !== expected) {\n throw new Error(\n `Macro '${macroName}' expects ${expected} argument(s), but got ${args.length}`,\n );\n }\n}\n\n// Helpers to render ClickHouse time conversions using query params\nconst startMs = () => renderQueryParam('startDateMilliseconds');\nconst endMs = () => renderQueryParam('endDateMilliseconds');\nconst intervalS = () => renderQueryParam('intervalSeconds');\nconst intervalMs = () => renderQueryParam('intervalMilliseconds');\n\nconst timeToDate = (msParam: string) =>\n `toDate(fromUnixTimestamp64Milli(${msParam}))`;\nconst timeToDateTime = (msParam: string) =>\n `toDateTime(fromUnixTimestamp64Milli(${msParam}))`;\nconst timeToDateTime64 = (msParam: string) =>\n `fromUnixTimestamp64Milli(${msParam})`;\n\ntype Macro = {\n name: string;\n argCount: number;\n replace: (args: string[]) => string;\n};\n\nconst MACROS: Macro[] = [\n {\n name: 'fromTime',\n argCount: 0,\n replace: () => timeToDateTime(startMs()),\n },\n {\n name: 'toTime',\n argCount: 0,\n replace: () => timeToDateTime(endMs()),\n },\n {\n name: 'fromTime_ms',\n argCount: 0,\n replace: () => timeToDateTime64(startMs()),\n },\n {\n name: 'toTime_ms',\n argCount: 0,\n replace: () => timeToDateTime64(endMs()),\n },\n {\n name: 'timeFilter',\n argCount: 1,\n replace: (args: string[]) => {\n expectArgs('timeFilter', args, 1);\n const [col] = args;\n return `${col} >= ${timeToDateTime(startMs())} AND ${col} <= ${timeToDateTime(endMs())}`;\n },\n },\n {\n name: 'timeFilter_ms',\n argCount: 1,\n replace: (args: string[]) => {\n expectArgs('timeFilter_ms', args, 1);\n const [col] = args;\n return `${col} >= ${timeToDateTime64(startMs())} AND ${col} <= ${timeToDateTime64(endMs())}`;\n },\n },\n {\n name: 'dateFilter',\n argCount: 1,\n replace: (args: string[]) => {\n expectArgs('dateFilter', args, 1);\n const [col] = args;\n return `${col} >= ${timeToDate(startMs())} AND ${col} <= ${timeToDate(endMs())}`;\n },\n },\n {\n name: 'dateTimeFilter',\n argCount: 2,\n replace: (args: string[]) => {\n expectArgs('dateTimeFilter', args, 2);\n const [dateCol, timeCol] = args;\n const dateFilter = `(${dateCol} >= ${timeToDate(startMs())} AND ${dateCol} <= ${timeToDate(endMs())})`;\n const timeFilter = `(${timeCol} >= ${timeToDateTime(startMs())} AND ${timeCol} <= ${timeToDateTime(endMs())})`;\n return `${dateFilter} AND ${timeFilter}`;\n },\n },\n {\n name: 'dt',\n argCount: 2,\n replace: (args: string[]) => {\n expectArgs('dt', args, 2);\n const [dateCol, timeCol] = args;\n const dateFilter = `(${dateCol} >= ${timeToDate(startMs())} AND ${dateCol} <= ${timeToDate(endMs())})`;\n const timeFilter = `(${timeCol} >= ${timeToDateTime(startMs())} AND ${timeCol} <= ${timeToDateTime(endMs())})`;\n return `${dateFilter} AND ${timeFilter}`;\n },\n },\n {\n name: 'timeInterval',\n argCount: 1,\n replace: (args: string[]) => {\n expectArgs('timeInterval', args, 1);\n const [col] = args;\n return `toStartOfInterval(toDateTime(${col}), INTERVAL ${intervalS()} second)`;\n },\n },\n {\n name: 'timeInterval_ms',\n argCount: 1,\n replace: (args: string[]) => {\n expectArgs('timeInterval_ms', args, 1);\n const [col] = args;\n return `toStartOfInterval(toDateTime64(${col}, 3), INTERVAL ${intervalMs()} millisecond)`;\n },\n },\n {\n name: 'interval_s',\n argCount: 0,\n replace: () => intervalS(),\n },\n];\n\n/** Macro metadata for autocomplete suggestions */\nexport const MACRO_SUGGESTIONS = [\n ...MACROS.map(({ name, argCount }) => ({ name, argCount })),\n { name: 'filters', argCount: 0 },\n];\n\ntype MacroMatch = {\n full: string;\n args: string[];\n};\n\nfunction parseMacroArgs(argString: string): { args: string[]; length: number } {\n if (!argString.startsWith('(')) {\n return { args: [], length: 0 };\n }\n\n // Find the matching close paren\n let unmatchedParens = 0;\n let closeParenIndex = -1;\n for (let i = 0; i < argString.length; i++) {\n const c = argString.charAt(i);\n if (c === '(') {\n unmatchedParens++;\n } else if (c === ')') {\n unmatchedParens--;\n if (unmatchedParens === 0) {\n closeParenIndex = i;\n break;\n }\n }\n }\n\n if (closeParenIndex < 0) {\n return { args: [], length: -1 };\n }\n\n const inner = argString.slice(1, closeParenIndex);\n const args = splitAndTrimWithBracket(inner);\n return { args, length: closeParenIndex + 1 };\n}\n\nfunction findMacros(input: string, name: string): MacroMatch[] {\n // eslint-disable-next-line security/detect-non-literal-regexp\n const pattern = new RegExp(`\\\\$__${name}\\\\b`, 'g');\n const matches: MacroMatch[] = [];\n\n for (const match of input.matchAll(pattern)) {\n const start = match.index!;\n const end = start + match[0].length;\n const { args, length } = parseMacroArgs(input.slice(end));\n\n if (length < 0) {\n throw new Error('Failed to parse macro arguments');\n }\n\n matches.push({ full: input.slice(start, end + length), args });\n }\n\n return matches;\n}\n\nconst NO_FILTERS = '(1=1 /** no filters applied */)';\n\nexport function replaceMacros(\n sqlTemplate: string,\n filtersSQL?: string,\n): string {\n const allMacros: Macro[] = [\n ...MACROS,\n {\n name: 'filters',\n argCount: 0,\n replace: () => filtersSQL || NO_FILTERS,\n },\n ];\n\n const sortedMacros = allMacros.sort(\n (m1, m2) => m2.name.length - m1.name.length,\n );\n\n let sql = sqlTemplate;\n for (const macro of sortedMacros) {\n const matches = findMacros(sql, macro.name);\n\n for (const match of matches) {\n sql = sql.replaceAll(match.full, macro.replace(match.args));\n }\n }\n\n return sql;\n}\n" }, { "path": "packages/common-utils/src/queryParser.ts", "content": "import lucene from '@hyperdx/lucene';\nimport { chunk } from 'lodash';\nimport SqlString from 'sqlstring';\n\nimport {\n ColumnMeta,\n convertCHDataTypeToJSType,\n convertCHTypeToLuceneSearchType,\n extractInnerCHArrayJSType,\n JSDataType,\n} from '@/clickhouse';\nimport { Metadata, SkipIndexMetadata, TableConnection } from '@/core/metadata';\nimport {\n parseTokenizerFromTextIndex,\n splitAndTrimWithBracket,\n} from '@/core/utils';\n\n/** Max number of tokens to pass to hasAllTokens(), which supports up to 64 tokens as of ClickHouse v25.12. */\nconst HAS_ALL_TOKENS_CHUNK_SIZE = 50;\n\nfunction encodeSpecialTokens(query: string): string {\n return query\n .replace(/\\\\\\\\/g, 'HDX_BACKSLASH_LITERAL')\n .replace('http://', 'http_COLON_//')\n .replace('https://', 'https_COLON_//')\n .replace(/localhost:(\\d{1,5})/, 'localhost_COLON_$1')\n .replace(/\\\\:/g, 'HDX_COLON');\n}\nfunction decodeSpecialTokens(query: string): string {\n return query\n .replace(/\\\\\"/g, '\"')\n .replace(/HDX_BACKSLASH_LITERAL/g, '\\\\')\n .replace('http_COLON_//', 'http://')\n .replace('https_COLON_//', 'https://')\n .replace(/localhost_COLON_(\\d{1,5})/, 'localhost:$1')\n .replace(/HDX_COLON/g, ':');\n}\n\nexport function parse(query: string): lucene.AST {\n return lucene.parse(encodeSpecialTokens(query));\n}\n\nfunction buildMapContains(mapField: string) {\n const splitMapKey = (\n field: string,\n ): { map: string; key: string } | undefined => {\n const bracketIndex = field.indexOf(\"['\");\n if (bracketIndex === -1) return undefined;\n const map = field.slice(0, bracketIndex);\n const key = field.slice(bracketIndex + 2, -2);\n return { map, key };\n };\n const val = splitMapKey(mapField);\n if (!val) return undefined;\n return SqlString.format('mapContains(??, ?)', [val.map, val.key]);\n}\n\nconst IMPLICIT_FIELD = '';\n\n// Type guards for lucene AST types\nfunction isNodeTerm(node: lucene.Node | lucene.AST): node is lucene.NodeTerm {\n return 'term' in node && node.term != null;\n}\n\nfunction isNodeRangedTerm(\n node: lucene.Node | lucene.AST,\n): node is lucene.NodeRangedTerm {\n return 'inclusive' in node && node.inclusive != null;\n}\n\nfunction isBinaryAST(ast: lucene.AST | lucene.Node): ast is lucene.BinaryAST {\n return 'right' in ast && ast.right != null;\n}\n\nfunction hasStart(\n ast: lucene.BinaryAST,\n): ast is lucene.BinaryAST & { start: lucene.Operator } {\n return 'start' in ast && !!ast.start;\n}\n\nfunction isLeftOnlyAST(\n ast: lucene.AST | lucene.Node,\n): ast is lucene.LeftOnlyAST {\n return (\n 'left' in ast && ast.left != null && !('right' in ast && ast.right != null)\n );\n}\n\nconst CLICK_HOUSE_JSON_NUMBER_TYPES = [\n 'Int8',\n 'Int16',\n 'Int32',\n 'Int64',\n 'Int128',\n 'Int256',\n 'UInt8',\n 'UInt16',\n 'UInt32',\n 'UInt64',\n 'UInt128',\n 'UInt256',\n 'Float32',\n 'Float64',\n];\n\n/**\n * Find and return the column metadata for the column in the\n * given table with the shortest name that matches a\n * prefix of the given dot-separated field.\n *\n * eg. for field 'a.b.c', check for columns 'a', 'a.b', 'a.b.c' in order.\n **/\nasync function findPrefixMatch({\n field,\n metadata,\n databaseName,\n tableName,\n connectionId,\n}: {\n field: string;\n metadata: Metadata;\n databaseName: string;\n tableName: string;\n connectionId: string;\n}): Promise {\n const fieldParts = field.split('.');\n let fieldPrefix = '';\n\n for (const part of fieldParts) {\n fieldPrefix = fieldPrefix ? `${fieldPrefix}.${part}` : part;\n const prefixMatch = await metadata.getColumn({\n databaseName,\n tableName,\n column: fieldPrefix,\n connectionId,\n });\n\n if (prefixMatch) {\n return prefixMatch;\n }\n }\n}\n\ninterface SerializerContext {\n /** The current implicit column expression, indicating which SQL expression to use when comparing a term to the '' field */\n implicitColumnExpression?: string;\n isNegatedAndParenthesized?: boolean;\n}\n\ninterface Serializer {\n operator(op: lucene.Operator, context: SerializerContext): string;\n eq(\n field: string,\n term: string,\n isNegatedField: boolean,\n context: SerializerContext,\n ): Promise;\n isNotNull(\n field: string,\n isNegatedField: boolean,\n context: SerializerContext,\n ): Promise;\n gte(field: string, term: string, context: SerializerContext): Promise;\n lte(field: string, term: string, context: SerializerContext): Promise;\n lt(field: string, term: string, context: SerializerContext): Promise;\n gt(field: string, term: string, context: SerializerContext): Promise;\n fieldSearch(\n field: string,\n term: string,\n isNegatedField: boolean,\n prefixWildcard: boolean,\n suffixWildcard: boolean,\n context: SerializerContext,\n ): Promise;\n range(\n field: string,\n start: string,\n end: string,\n isNegatedField: boolean,\n context: SerializerContext,\n ): Promise;\n}\n\nclass EnglishSerializer implements Serializer {\n private metadata: Metadata;\n private tableName: string;\n private databaseName: string;\n private connectionId: string;\n\n constructor({\n metadata,\n databaseName,\n tableName,\n connectionId,\n }: { metadata: Metadata } & CustomSchemaConfig) {\n this.metadata = metadata;\n this.databaseName = databaseName;\n this.tableName = tableName;\n this.connectionId = connectionId;\n }\n\n private translateField(field: string, context: SerializerContext) {\n if (field === IMPLICIT_FIELD) {\n return context.implicitColumnExpression ?? 'event';\n }\n\n return `'${field}'`;\n }\n\n private async getFieldType(field: string) {\n const column = await findPrefixMatch({\n field,\n metadata: this.metadata,\n databaseName: this.databaseName,\n tableName: this.tableName,\n connectionId: this.connectionId,\n });\n const fieldParts = field.split('.');\n const fieldPostfix = fieldParts\n .slice(column ? column.name.split('.').length : 0)\n .join('.');\n\n if (!column) {\n return {\n isArray: false,\n type: null,\n };\n }\n\n let jsType = convertCHDataTypeToJSType(column.type);\n const isArray = jsType === JSDataType.Array;\n if (isArray && extractInnerCHArrayJSType(column.type)) {\n jsType = extractInnerCHArrayJSType(column.type);\n }\n\n return { isArray, type: jsType, fieldPostfix, column: column.name };\n }\n\n operator(op: lucene.Operator) {\n switch (op) {\n case 'NOT':\n case 'AND NOT':\n return 'AND NOT';\n case 'OR NOT':\n return 'OR NOT';\n // @ts-expect-error TODO: Types need to be fixed upstream\n case '&&':\n case '':\n case 'AND':\n return 'AND';\n // @ts-expect-error TODO: Types need to be fixed upstream\n case '||':\n case 'OR':\n return 'OR';\n default:\n throw new Error(`Unexpected operator. ${op}`);\n }\n }\n\n async eq(\n field: string,\n term: string,\n isNegatedField: boolean,\n context: SerializerContext,\n ) {\n const { isArray } = await this.getFieldType(field);\n\n return `${this.translateField(field, context)} ${\n isArray\n ? isNegatedField\n ? 'does not contain'\n : 'contains'\n : isNegatedField\n ? 'is not'\n : 'is'\n } ${term}`;\n }\n\n async isNotNull(\n field: string,\n isNegatedField: boolean,\n context: SerializerContext,\n ) {\n const { isArray, type, fieldPostfix, column } =\n await this.getFieldType(field);\n const isArrayOfMaps =\n isArray && (type === JSDataType.Map || type === JSDataType.JSON);\n\n if (column && isArrayOfMaps && fieldPostfix) {\n return `${this.translateField(column, context)} ${\n isNegatedField\n ? `does not contain an element with non-null ${fieldPostfix}`\n : `contains an element with non-null ${fieldPostfix}`\n }`;\n }\n\n return `${this.translateField(field, context)} ${\n isNegatedField ? 'is null' : 'is not null'\n }`;\n }\n\n async gte(field: string, term: string, context: SerializerContext) {\n return `${this.translateField(field, context)} is greater than or equal to ${term}`;\n }\n\n async lte(field: string, term: string, context: SerializerContext) {\n return `${this.translateField(field, context)} is less than or equal to ${term}`;\n }\n\n async lt(field: string, term: string, context: SerializerContext) {\n return `${this.translateField(field, context)} is less than ${term}`;\n }\n\n async gt(field: string, term: string, context: SerializerContext) {\n return `${this.translateField(field, context)} is greater than ${term}`;\n }\n\n async fieldSearch(\n field: string,\n term: string,\n isNegatedField: boolean,\n prefixWildcard: boolean,\n suffixWildcard: boolean,\n context: SerializerContext,\n ) {\n const formattedTerm = term.trim().match(/\\s/) ? `\"${term}\"` : term;\n\n if (field === IMPLICIT_FIELD) {\n const isUsingTokenSearch = !context.implicitColumnExpression; // Source's implicit column has not been overridden\n return `${this.translateField(field, context)} ${\n prefixWildcard && suffixWildcard\n ? isNegatedField\n ? 'does not contain'\n : 'contains'\n : prefixWildcard\n ? isNegatedField\n ? 'does not end with'\n : 'ends with'\n : suffixWildcard\n ? isNegatedField\n ? 'does not start with'\n : 'starts with'\n : isUsingTokenSearch\n ? isNegatedField\n ? 'does not have whole word'\n : 'has whole word'\n : isNegatedField\n ? 'does not contain'\n : 'contains'\n } ${formattedTerm}`;\n } else {\n const { isArray, type, column, fieldPostfix } =\n await this.getFieldType(field);\n const isExactMatchType =\n type === JSDataType.Bool || type === JSDataType.Number;\n const isArrayOfMaps =\n isArray && (type === JSDataType.Map || type === JSDataType.JSON);\n const fieldToTranslate = isArrayOfMaps && column ? column : field;\n return `${this.translateField(fieldToTranslate, context)} ${\n isArrayOfMaps\n ? isNegatedField\n ? `does not contain an element with key ${fieldPostfix} and value`\n : `contains an element with key ${fieldPostfix} and value`\n : isArray && !isExactMatchType\n ? isNegatedField\n ? 'does not contain an element containing'\n : 'contains an element containing'\n : isNegatedField\n ? 'does not contain'\n : 'contains'\n } ${formattedTerm}`;\n }\n }\n\n async range(\n field: string,\n start: string,\n end: string,\n isNegatedField: boolean,\n ) {\n return `${field} ${\n isNegatedField ? 'is not' : 'is'\n } between ${start} and ${end}`;\n }\n}\n\nexport abstract class SQLSerializer implements Serializer {\n protected NOT_FOUND_QUERY = '(1 = 0)';\n\n abstract getColumnForField(\n field: string,\n context: SerializerContext,\n ): Promise<{\n column?: string;\n columnJSON?: { string: string; number: string };\n propertyType?: JSDataType;\n isArray?: boolean;\n found: boolean;\n mapKeyIndexExpression?: string;\n arrayMapKeyExpression?: string;\n }>;\n\n operator(op: lucene.Operator) {\n switch (op) {\n case 'NOT':\n case 'AND NOT':\n return 'AND NOT';\n case 'OR NOT':\n return 'OR NOT';\n // @ts-expect-error TODO: Types need to be fixed upstream\n case '&&':\n case '':\n case 'AND':\n return 'AND';\n // @ts-expect-error TODO: Types need to be fixed upstream\n case '||':\n case 'OR':\n return 'OR';\n default:\n throw new Error(`Unexpected operator. ${op}`);\n }\n }\n\n // Only for exact string matches\n async eq(\n field: string,\n term: string,\n isNegatedField: boolean,\n context: SerializerContext,\n ) {\n const {\n column,\n columnJSON,\n found,\n propertyType,\n isArray,\n mapKeyIndexExpression,\n arrayMapKeyExpression,\n } = await this.getColumnForField(field, context);\n if (!found) {\n return this.NOT_FOUND_QUERY;\n }\n\n if (column && isArray) {\n return renderArrayFieldExpression({\n column,\n mapKey: arrayMapKeyExpression,\n term,\n propertyType,\n isNegatedField,\n exactMatch: true,\n });\n }\n\n const expressionPostfix =\n mapKeyIndexExpression && !isNegatedField\n ? ` AND ${mapKeyIndexExpression}`\n : '';\n if (propertyType === JSDataType.Bool) {\n // numeric and boolean fields must be equality matched\n const normTerm = `${term}`.trim().toLowerCase();\n return SqlString.format(\n `(?? ${isNegatedField ? '!' : ''}= ?${expressionPostfix})`,\n [\n column,\n normTerm === 'true'\n ? 1\n : normTerm === 'false'\n ? 0\n : parseInt(normTerm),\n ],\n );\n } else if (propertyType === JSDataType.Number) {\n return SqlString.format(\n `(${column} ${isNegatedField ? '!' : ''}= CAST(?, 'Float64')${expressionPostfix})`,\n [term],\n );\n } else if (propertyType === JSDataType.JSON) {\n return SqlString.format(\n `(${columnJSON?.string} ${isNegatedField ? '!' : ''}= ?${expressionPostfix})`,\n [term],\n );\n }\n return SqlString.format(\n `(${column} ${isNegatedField ? '!' : ''}= ?${expressionPostfix})`,\n [term],\n );\n }\n\n async isNotNull(\n field: string,\n isNegatedField: boolean,\n context: SerializerContext,\n ) {\n const {\n column,\n columnJSON,\n found,\n propertyType,\n mapKeyIndexExpression,\n isArray,\n arrayMapKeyExpression,\n } = await this.getColumnForField(field, context);\n if (!found) {\n return this.NOT_FOUND_QUERY;\n }\n const expressionPostfix =\n mapKeyIndexExpression && !isNegatedField\n ? ` AND ${mapKeyIndexExpression}`\n : '';\n\n if (\n column &&\n isArray &&\n (propertyType === JSDataType.Map || propertyType === JSDataType.JSON) &&\n arrayMapKeyExpression\n ) {\n const fieldAccess =\n propertyType === JSDataType.Map\n ? SqlString.format('el[?]', [arrayMapKeyExpression])\n : SqlString.format('el.??', [arrayMapKeyExpression]);\n return SqlString.format(\n `${isNegatedField ? 'NOT ' : ''}arrayExists(el -> notEmpty(toString(${fieldAccess})) = 1, ?)`,\n [SqlString.raw(column)],\n );\n }\n\n if (propertyType === JSDataType.JSON && !isArray) {\n return `notEmpty(${columnJSON?.string}) ${isNegatedField ? '!' : ''}= 1${expressionPostfix}`;\n }\n return `notEmpty(${column}) ${isNegatedField ? '!' : ''}= 1${expressionPostfix}`;\n }\n\n async gte(field: string, term: string, context: SerializerContext) {\n const {\n column,\n columnJSON,\n found,\n propertyType,\n isArray,\n mapKeyIndexExpression,\n } = await this.getColumnForField(field, context);\n if (!found) {\n return this.NOT_FOUND_QUERY;\n }\n if (isArray) {\n throw new Error('>= comparison is not supported for Array-type fields');\n }\n const expressionPostfix = mapKeyIndexExpression\n ? ` AND ${mapKeyIndexExpression}`\n : '';\n if (propertyType === JSDataType.JSON) {\n return SqlString.format(\n `(${columnJSON?.number} >= ?${expressionPostfix})`,\n [term],\n );\n }\n return SqlString.format(`(${column} >= ?${expressionPostfix})`, [term]);\n }\n\n async lte(field: string, term: string, context: SerializerContext) {\n const {\n column,\n columnJSON,\n found,\n propertyType,\n isArray,\n mapKeyIndexExpression,\n } = await this.getColumnForField(field, context);\n if (!found) {\n return this.NOT_FOUND_QUERY;\n }\n if (isArray) {\n throw new Error('<= comparison is not supported for Array-type fields');\n }\n const expressionPostfix = mapKeyIndexExpression\n ? ` AND ${mapKeyIndexExpression}`\n : '';\n if (propertyType === JSDataType.JSON) {\n return SqlString.format(\n `(${columnJSON?.number} <= ?${expressionPostfix})`,\n [term],\n );\n }\n return SqlString.format(`(${column} <= ?${expressionPostfix})`, [term]);\n }\n\n async lt(field: string, term: string, context: SerializerContext) {\n const {\n column,\n columnJSON,\n found,\n propertyType,\n isArray,\n mapKeyIndexExpression,\n } = await this.getColumnForField(field, context);\n if (!found) {\n return this.NOT_FOUND_QUERY;\n }\n if (isArray) {\n throw new Error('< comparison is not supported for Array-type fields');\n }\n const expressionPostfix = mapKeyIndexExpression\n ? ` AND ${mapKeyIndexExpression}`\n : '';\n if (propertyType === JSDataType.JSON) {\n return SqlString.format(\n `(${columnJSON?.number} < ?${expressionPostfix})`,\n [term],\n );\n }\n return SqlString.format(`(${column} < ?${expressionPostfix})`, [term]);\n }\n\n async gt(field: string, term: string, context: SerializerContext) {\n const {\n column,\n columnJSON,\n found,\n propertyType,\n isArray,\n mapKeyIndexExpression,\n } = await this.getColumnForField(field, context);\n if (!found) {\n return this.NOT_FOUND_QUERY;\n }\n if (isArray) {\n throw new Error('> comparison is not supported for Array-type fields');\n }\n const expressionPostfix = mapKeyIndexExpression\n ? ` AND ${mapKeyIndexExpression}`\n : '';\n if (propertyType === JSDataType.JSON) {\n return SqlString.format(\n `(${columnJSON?.number} > ?${expressionPostfix})`,\n [term],\n );\n }\n return SqlString.format(`(${column} > ?${expressionPostfix})`, [term]);\n }\n\n // TODO: Not sure if SQL really needs this or if it'll coerce itself\n private attemptToParseNumber(term: string): string | number {\n const number = Number.parseFloat(term);\n if (Number.isNaN(number)) {\n return term;\n }\n return number;\n }\n\n // Ref: https://clickhouse.com/codebrowser/ClickHouse/src/Functions/HasTokenImpl.h.html#_ZN2DB12HasTokenImpl16isTokenSeparatorEDu\n // Split by anything that's ascii 0-128, that's not a letter or a number\n protected tokenizeTerm(term: string): string[] {\n return term.split(/[ -/:-@[-`{-~\\t\\n\\r]+/).filter(t => t.length > 0);\n }\n\n protected termHasSeparators(term: string): boolean {\n return term.match(/[ -/:-@[-`{-~\\t\\n\\r]+/) != null;\n }\n\n abstract fieldSearch(\n field: string,\n term: string,\n isNegatedField: boolean,\n prefixWildcard: boolean,\n suffixWildcard: boolean,\n context: SerializerContext,\n ): Promise;\n\n async range(\n field: string,\n start: string,\n end: string,\n isNegatedField: boolean,\n context: SerializerContext,\n ) {\n const { column, found, mapKeyIndexExpression, isArray } =\n await this.getColumnForField(field, context);\n if (!found) {\n return this.NOT_FOUND_QUERY;\n }\n if (isArray) {\n throw new Error(\n 'range comparison is not supported for Array-type fields',\n );\n }\n const expressionPostfix =\n mapKeyIndexExpression && !isNegatedField\n ? ` AND ${mapKeyIndexExpression}`\n : '';\n return SqlString.format(\n `(${column} ${isNegatedField ? 'NOT ' : ''}BETWEEN ? AND ?${expressionPostfix})`,\n [this.attemptToParseNumber(start), this.attemptToParseNumber(end)],\n );\n }\n}\n\ntype CustomSchemaSQLColumnExpression = {\n found: boolean;\n columnType: string;\n columnExpression: string;\n columnExpressionJSON?: {\n string: string;\n number: string;\n };\n mapKeyIndexExpression?: string;\n arrayMapKeyExpression?: string;\n};\n\nexport type CustomSchemaConfig = {\n databaseName: string;\n implicitColumnExpression?: string;\n tableName: string;\n connectionId: string;\n};\n\nfunction renderArrayFieldExpression({\n column,\n mapKey,\n term,\n isNegatedField,\n propertyType,\n exactMatch,\n}: {\n column: string;\n mapKey?: string;\n term: string;\n isNegatedField: boolean;\n propertyType?: JSDataType;\n exactMatch: boolean;\n}) {\n const prefix = isNegatedField ? 'NOT ' : '';\n\n if (propertyType === JSDataType.Number) {\n return SqlString.format(`${prefix}has(?, CAST(?, 'Float64'))`, [\n SqlString.raw(column),\n term,\n ]);\n }\n\n if (propertyType === JSDataType.Bool) {\n const normTerm = `${term}`.trim().toLowerCase();\n const comparisonValue =\n normTerm === 'true' ? 1 : normTerm === 'false' ? 0 : term;\n return SqlString.format(`${prefix}has(?, ?)`, [\n SqlString.raw(column),\n comparisonValue,\n ]);\n }\n\n if (propertyType === JSDataType.Map) {\n if (!mapKey) {\n throw new Error(\n `Map key expression is required for searching column ${column}. Try '${column}.key:value'`,\n );\n }\n return exactMatch\n ? SqlString.format(`${prefix}arrayExists(el -> el[?] = ?, ?)`, [\n mapKey,\n term,\n SqlString.raw(column),\n ])\n : SqlString.format(`${prefix}arrayExists(el -> el[?] ILIKE ?, ?)`, [\n mapKey,\n `%${term}%`,\n SqlString.raw(column),\n ]);\n }\n\n if (propertyType === JSDataType.JSON) {\n if (!mapKey) {\n throw new Error(\n `Map key expression is required for searching column ${column}. Try '${column}.key:value'`,\n );\n }\n return exactMatch\n ? SqlString.format(`${prefix}arrayExists(el -> toString(el.??) = ?, ?)`, [\n mapKey,\n term,\n SqlString.raw(column),\n ])\n : SqlString.format(\n `${prefix}arrayExists(el -> toString(el.??) ILIKE ?, ?)`,\n [mapKey, `%${term}%`, SqlString.raw(column)],\n );\n }\n\n const stringifiedElement =\n propertyType === JSDataType.String\n ? 'el'\n : SqlString.format('toString(el)', [SqlString.raw(column)]);\n\n return exactMatch && propertyType === JSDataType.String\n ? SqlString.format(`${prefix}has(?, ?)`, [SqlString.raw(column), term])\n : exactMatch\n ? SqlString.format(\n `${prefix}arrayExists(el -> ${stringifiedElement} = ?, ?)`,\n [term, SqlString.raw(column)],\n )\n : SqlString.format(\n `${prefix}arrayExists(el -> ${stringifiedElement} ILIKE ?, ?)`,\n [`%${term}%`, SqlString.raw(column)],\n );\n}\n\nexport class CustomSchemaSQLSerializerV2 extends SQLSerializer {\n private metadata: Metadata;\n private tableName: string;\n private databaseName: string;\n private implicitColumnExpression?: string;\n private connectionId: string;\n private skipIndicesPromise?: Promise;\n private enableTextIndexPromise?: Promise;\n\n constructor({\n metadata,\n databaseName,\n tableName,\n connectionId,\n implicitColumnExpression,\n }: { metadata: Metadata } & CustomSchemaConfig) {\n super();\n this.metadata = metadata;\n this.databaseName = databaseName;\n this.tableName = tableName;\n this.implicitColumnExpression = implicitColumnExpression;\n this.connectionId = connectionId;\n\n // Pre-fetch skip indices for potential bloom filter optimization\n this.skipIndicesPromise = this.metadata\n .getSkipIndices({\n databaseName,\n tableName,\n connectionId,\n })\n .catch(error => {\n console.error('Error fetching skip indices:', error);\n return [];\n });\n\n // Pre-fetch value of the enable_full_text_index setting\n this.enableTextIndexPromise = this.metadata\n .getSetting({\n settingName: 'enable_full_text_index',\n connectionId,\n })\n .then(value => value === '1')\n .catch(error => {\n console.error('Error fetching enable_full_text_index setting:', error);\n return false;\n });\n }\n\n /**\n * Override fieldSearch to support bloom_filter tokens() indices optimization.\n * Falls back to base class hasToken behavior when no suitable bloom_filter index is found.\n */\n async fieldSearch(\n field: string,\n term: string,\n isNegatedField: boolean,\n prefixWildcard: boolean,\n suffixWildcard: boolean,\n context: SerializerContext,\n ) {\n const isImplicitField = field === IMPLICIT_FIELD;\n const {\n column,\n columnJSON,\n found,\n propertyType,\n isArray,\n mapKeyIndexExpression,\n arrayMapKeyExpression,\n } = await this.getColumnForField(field, context);\n if (!found) {\n return this.NOT_FOUND_QUERY;\n }\n const expressionPostfix =\n mapKeyIndexExpression &&\n !isNegatedField &&\n (!isImplicitField || !context.isNegatedAndParenthesized)\n ? ` AND ${mapKeyIndexExpression}`\n : '';\n\n if (isArray) {\n return renderArrayFieldExpression({\n column,\n mapKey: arrayMapKeyExpression,\n term,\n propertyType,\n isNegatedField,\n exactMatch: false,\n });\n }\n\n if (propertyType === JSDataType.Bool) {\n const normTerm = `${term}`.trim().toLowerCase();\n return SqlString.format(\n `(?? ${isNegatedField ? '!' : ''}= ?${expressionPostfix})`,\n [\n column,\n normTerm === 'true'\n ? 1\n : normTerm === 'false'\n ? 0\n : parseInt(normTerm),\n ],\n );\n } else if (propertyType === JSDataType.Number) {\n return SqlString.format(\n `(?? ${isNegatedField ? '!' : ''}= CAST(?, 'Float64')${expressionPostfix})`,\n [column, term],\n );\n } else if (propertyType === JSDataType.JSON) {\n return SqlString.format(\n `(${columnJSON?.string} ${isNegatedField ? 'NOT ' : ''}ILIKE ?${expressionPostfix})`,\n [`%${term}%`],\n );\n }\n\n // If the term is empty, return a no-op that always evaluates to true\n if (term.length === 0) {\n return '(1=1)';\n }\n\n if (isImplicitField) {\n const shouldUseTokenBf = !context.implicitColumnExpression;\n\n if (prefixWildcard || suffixWildcard) {\n return SqlString.format(\n `(lower(?) ${isNegatedField ? 'NOT ' : ''}LIKE lower(?))`,\n [\n SqlString.raw(column),\n `${prefixWildcard ? '%' : ''}${term}${suffixWildcard ? '%' : ''}`,\n ],\n );\n } else if (shouldUseTokenBf) {\n // First check for a text index, and use it if possible\n // Note: We check that enable_full_text_index = 1, otherwise hasAllTokens() errors\n const isTextIndexEnabled = await this.enableTextIndexPromise;\n const textIndex = isTextIndexEnabled\n ? await this.findTextIndex(column)\n : undefined;\n\n if (textIndex) {\n const tokenizer = parseTokenizerFromTextIndex(textIndex);\n\n // HDX-3259: Support other tokenizers by overriding tokenizeTerm, termHasSeparators, and batching logic\n if (tokenizer?.type === 'splitByNonAlpha') {\n const tokens = this.tokenizeTerm(term);\n const hasSeparators = this.termHasSeparators(term);\n\n // Batch tokens to avoid exceeding hasAllTokens limit (64)\n const tokenBatches = chunk(tokens, HAS_ALL_TOKENS_CHUNK_SIZE);\n const hasAllTokensExpressions = tokenBatches.map(batch =>\n SqlString.format(`hasAllTokens(?, ?)`, [\n SqlString.raw(column),\n batch.join(' '),\n ]),\n );\n\n if (hasSeparators || tokenBatches.length > 1) {\n // Multi-token, or term containing token separators: hasAllTokens(..., 'foo bar') AND lower(...) LIKE '%foo bar%'\n return `(${isNegatedField ? 'NOT (' : ''}${[\n ...hasAllTokensExpressions,\n SqlString.format(`(lower(?) LIKE lower(?))`, [\n SqlString.raw(column),\n `%${term}%`,\n ]),\n ].join(' AND ')}${isNegatedField ? ')' : ''})`;\n } else {\n // Single token, without token separators: hasAllTokens(..., 'term')\n return `(${isNegatedField ? 'NOT ' : ''}${hasAllTokensExpressions.join(' AND ')})`;\n }\n }\n }\n\n // Check for bloom_filter tokens() index first\n const hasSeparators = this.termHasSeparators(term);\n const bloomIndex = await this.findBloomFilterTokensIndex(column);\n\n if (bloomIndex.found) {\n const indexHasLower = /\\blower\\s*\\(/.test(bloomIndex.indexExpression);\n const termTokensExpression = indexHasLower\n ? SqlString.format('tokens(lower(?))', [term])\n : SqlString.format('tokens(?)', [term]);\n\n // Use hasAll with tokens() - more efficient than hasToken\n // Note: tokens('foo bar') automatically tokenizes, so we use a single hasAll call\n if (hasSeparators) {\n // Multi-term: hasAll(tokens(...), tokens('foo bar')) AND LIKE fallback\n return `(${isNegatedField ? 'NOT (' : ''}${[\n `hasAll(${bloomIndex.indexExpression}, ${termTokensExpression})`,\n // If there are token separators in the term, try to match the whole term as well\n SqlString.format(`(lower(?) LIKE lower(?))`, [\n SqlString.raw(column),\n `%${term}%`,\n ]),\n ].join(' AND ')}${isNegatedField ? ')' : ''})`;\n } else {\n // Single term: hasAll(tokens(...), tokens('term'))\n return `(${isNegatedField ? 'NOT ' : ''}hasAll(${bloomIndex.indexExpression}, ${termTokensExpression}))`;\n }\n }\n\n // Fallback to using tokenbf_v1 indices if no bloom_filter index is found\n if (hasSeparators) {\n const tokens = this.tokenizeTerm(term);\n return `(${isNegatedField ? 'NOT (' : ''}${[\n ...tokens.map(token =>\n SqlString.format(`hasToken(lower(?), lower(?))`, [\n SqlString.raw(column),\n token,\n ]),\n ),\n // If there are symbols in the term, try to match the whole term as well\n SqlString.format(`(lower(?) LIKE lower(?))`, [\n SqlString.raw(column),\n `%${term}%`,\n ]),\n ].join(' AND ')}${isNegatedField ? ')' : ''})`;\n } else {\n return SqlString.format(\n `(${isNegatedField ? 'NOT ' : ''}hasToken(lower(?), lower(?)))`,\n [SqlString.raw(column), term],\n );\n }\n }\n }\n\n return SqlString.format(\n `(${column} ${isNegatedField ? 'NOT ' : ''}? ?${expressionPostfix})`,\n [SqlString.raw('ILIKE'), `%${term}%`],\n );\n }\n\n /**\n * Translate field from user ex. column.property.subproperty to SQL expression\n * Supports:\n * - Materialized Columns\n * - Map\n * - JSON Strings (via JSONExtract)\n * TODO:\n * - Nested Map\n * - JSONExtract for non-string types\n */\n private async buildColumnExpressionFromField(\n field: string,\n ): Promise {\n const exactMatch = await this.metadata.getColumn({\n databaseName: this.databaseName,\n tableName: this.tableName,\n column: field,\n connectionId: this.connectionId,\n });\n\n if (exactMatch) {\n const columnExpression: CustomSchemaSQLColumnExpression = {\n found: true,\n columnType: exactMatch.type,\n columnExpression: exactMatch.name,\n // TODO\n // Add JSON exactMatch if want to support whole json compare in future, ex: json:\"{a: 1234}\"\"\n };\n let materializedColumns: Map;\n try {\n // This won't work for CTEs\n materializedColumns =\n await this.metadata.getMaterializedColumnsLookupTable({\n databaseName: this.databaseName,\n tableName: this.tableName,\n connectionId: this.connectionId,\n });\n } catch (e) {\n console.debug('Error in getMaterializedColumnsLookupTable', e);\n materializedColumns = new Map();\n }\n const materializedColumn = (() => {\n for (const [\n materializedTarget,\n materializedName,\n ] of materializedColumns.entries()) {\n if (materializedName === field) {\n return { materializedTarget, materializedName };\n }\n }\n return undefined;\n })();\n if (materializedColumn) {\n const mapContainsStatement = buildMapContains(\n materializedColumn.materializedTarget,\n );\n if (mapContainsStatement) {\n columnExpression.mapKeyIndexExpression = `indexHint(${mapContainsStatement})`;\n }\n }\n return columnExpression;\n }\n\n const prefixMatch = await findPrefixMatch({\n field,\n metadata: this.metadata,\n databaseName: this.databaseName,\n tableName: this.tableName,\n connectionId: this.connectionId,\n });\n\n if (prefixMatch) {\n const prefixParts = prefixMatch.name.split('.');\n const fieldPostfix = field.split('.').slice(prefixParts.length).join('.');\n\n if (prefixMatch.type.startsWith('Map')) {\n const valueType = prefixMatch.type.match(/,\\s+(\\w+)\\)$/)?.[1];\n return {\n found: true,\n columnExpression: SqlString.format(`??[?]`, [\n prefixMatch.name,\n fieldPostfix,\n ]),\n mapKeyIndexExpression: `indexHint(${buildMapContains(`${prefixMatch.name}['${fieldPostfix}']`)})`,\n columnType: valueType ?? 'Unknown',\n };\n } else if (prefixMatch.type.startsWith('JSON')) {\n // ignore original column expression at here\n // need to know the term to decide which expression to read\n // TODO: add real columnExpression when CH update JSON data type\n return {\n found: true,\n columnExpression: '',\n columnExpressionJSON: {\n string: SqlString.format(`toString(??)`, [field]),\n number: SqlString.format(`dynamicType(??) in (?) and ??`, [\n field,\n CLICK_HOUSE_JSON_NUMBER_TYPES,\n field,\n ]),\n },\n columnType: 'JSON',\n };\n } else if (prefixMatch.type === 'String') {\n // TODO: Support non-strings\n const nestedPaths = fieldPostfix.split('.');\n return {\n found: true,\n columnExpression: SqlString.format(\n `JSONExtractString(??, ${Array(nestedPaths.length)\n .fill('?')\n .join(',')})`,\n [prefixMatch.name, ...nestedPaths],\n ),\n columnType: 'String',\n };\n } else if (prefixMatch.type.startsWith('Array')) {\n return {\n found: true,\n columnType: prefixMatch.type,\n columnExpression: prefixMatch.name,\n arrayMapKeyExpression: fieldPostfix,\n };\n }\n // TODO: Support tuples\n throw new Error('Unsupported column type for prefix match');\n }\n\n // It might be an alias, let's just try the column\n // TODO: Verify aliases\n return {\n found: true,\n columnExpression: field,\n columnType: 'Unknown',\n };\n // throw new Error(`Column not found: ${field}`);\n }\n\n private async findTextIndex(\n columnExpression: string,\n ): Promise {\n const skipIndices = await this.skipIndicesPromise;\n\n if (!skipIndices || skipIndices.length === 0) {\n return undefined;\n }\n\n // Note: Text index expressions should not be wrapped in tokens() or preprocessing functions like lower().\n return skipIndices.find(\n idx =>\n idx.type === 'text' &&\n this.indexCoversColumn(idx.expression, columnExpression),\n );\n }\n\n /**\n * Finds a bloom_filter skip index that uses tokens() on the given column expression.\n * Returns the full index expression if found, otherwise returns not found.\n *\n * Note: Ignores tokenbf_v1 indices (those are handled by existing hasToken logic).\n */\n private async findBloomFilterTokensIndex(columnExpression: string): Promise<\n | {\n found: true;\n indexExpression: string;\n }\n | { found: false }\n > {\n try {\n const skipIndices = await this.skipIndicesPromise;\n\n if (!skipIndices || skipIndices.length === 0) {\n return { found: false };\n }\n\n // Look for bloom_filter indices (not tokenbf_v1)\n const bloomFilterIndices = skipIndices.filter(\n idx => idx.type === 'bloom_filter',\n );\n\n // Find index that uses tokens() on a matching column\n for (const index of bloomFilterIndices) {\n const parsed = Metadata.parseTokensExpression(index.expression);\n\n if (parsed.hasTokens) {\n // Match the inner expression against our column\n if (\n this.indexCoversColumn(parsed.innerExpression, columnExpression)\n ) {\n return {\n found: true,\n indexExpression: index.expression, // e.g., \"tokens(lower(Body))\"\n };\n }\n }\n }\n\n return { found: false };\n } catch (error) {\n // If index lookup fails, fall back to default behavior\n console.warn('Failed to fetch skip indices:', error);\n return { found: false };\n }\n }\n\n /**\n * Compares two expressions to determine if the index expression refers to the search column.\n * Handles cases where index expression may have transformations like lower(Body) vs Body.\n */\n indexCoversColumn(indexExpression: string, searchColumn: string): boolean {\n // Normalize expressions for comparison\n const normalize = (expr: string) =>\n expr.replace(/\\s+/g, '').replace(/`/g, '');\n\n const normalizedIndex = normalize(indexExpression);\n const normalizedSearch = normalize(searchColumn);\n\n // Direct match\n if (normalizedIndex === normalizedSearch) {\n return true;\n }\n\n // Check if index expression contains the search column\n // E.g., lower(Body) should match Body, concatWithSeparator(';',Body,Message) should match Body\n // Extract potential column names (alphanumeric + underscore)\n const indexExpressionWords = normalizedIndex.match(/\\w+/g);\n const searchColumnName = normalizedSearch.match(/\\w+/)?.[0];\n if (\n searchColumnName &&\n indexExpressionWords &&\n indexExpressionWords.includes(searchColumnName)\n ) {\n return true;\n }\n\n return false;\n }\n\n async getColumnForField(field: string, context: SerializerContext) {\n const implicitColumnExpression =\n context.implicitColumnExpression ?? this.implicitColumnExpression;\n if (field === IMPLICIT_FIELD && !implicitColumnExpression) {\n throw new Error(\n 'Can not search bare text without an implicit column set.',\n );\n }\n\n const fieldFinal =\n field === IMPLICIT_FIELD ? implicitColumnExpression! : field;\n\n if (\n field === IMPLICIT_FIELD &&\n implicitColumnExpression === this.implicitColumnExpression // Source's implicit column has not been overridden\n ) {\n // Sources can specify multi-column implicit columns, eg. Body and Message, in\n // which case we search the combined string `concatWithSeparator(';', Body, Message)`.\n const expressions = splitAndTrimWithBracket(fieldFinal);\n\n return {\n column:\n expressions.length > 1\n ? `concatWithSeparator(';',${expressions.join(',')})`\n : fieldFinal,\n columnJSON: undefined,\n propertyType: JSDataType.String,\n found: true,\n };\n }\n\n const expression = await this.buildColumnExpressionFromField(fieldFinal);\n\n const { type, isArray } = convertCHTypeToLuceneSearchType(\n expression.columnType,\n );\n\n return {\n column: expression.columnExpression,\n columnJSON: expression?.columnExpressionJSON,\n propertyType: type ?? undefined,\n isArray,\n found: expression.found,\n mapKeyIndexExpression: expression.mapKeyIndexExpression,\n arrayMapKeyExpression: isArray\n ? expression.arrayMapKeyExpression\n : undefined,\n };\n }\n}\n\nasync function nodeTerm(\n node: lucene.Node,\n serializer: Serializer,\n context: SerializerContext,\n): Promise {\n const field = node.field[0] === '-' ? node.field.slice(1) : node.field;\n let isNegatedField = node.field[0] === '-';\n const isImplicitField = node.field === IMPLICIT_FIELD;\n\n // NodeTerm\n if (isNodeTerm(node)) {\n const nodeTerm = node;\n let term = decodeSpecialTokens(nodeTerm.term);\n // We should only negate the search for negated bare terms (ex. '-5')\n // This means the field is implicit and the prefix is -\n if (isImplicitField && nodeTerm.prefix === '-') {\n isNegatedField = true;\n }\n // Otherwise, if we have a negated term for a field (ex. 'level:-5')\n // we should not negate the search, and search for -5\n if (!isImplicitField && nodeTerm.prefix === '-') {\n term = nodeTerm.prefix + decodeSpecialTokens(nodeTerm.term);\n }\n\n // TODO: Decide if this is good behavior\n // If the term is quoted, we should search for the exact term in a property (ex. foo:\"bar\")\n // Implicit field searches should still use substring matching (ex. \"foo bar\")\n if (nodeTerm.quoted && !isImplicitField) {\n return serializer.eq(field, term, isNegatedField, context);\n }\n\n if (!nodeTerm.quoted && term === '*') {\n return serializer.isNotNull(field, isNegatedField, context);\n }\n\n if (!nodeTerm.quoted && term.substring(0, 2) === '>=') {\n if (isNegatedField) {\n return serializer.lt(field, term.slice(2), context);\n }\n return serializer.gte(field, term.slice(2), context);\n }\n if (!nodeTerm.quoted && term.substring(0, 2) === '<=') {\n if (isNegatedField) {\n return serializer.gt(field, term.slice(2), context);\n }\n return serializer.lte(field, term.slice(2), context);\n }\n if (!nodeTerm.quoted && term[0] === '>') {\n if (isNegatedField) {\n return serializer.lte(field, term.slice(1), context);\n }\n return serializer.gt(field, term.slice(1), context);\n }\n if (!nodeTerm.quoted && term[0] === '<') {\n if (isNegatedField) {\n return serializer.gte(field, term.slice(1), context);\n }\n return serializer.lt(field, term.slice(1), context);\n }\n\n let prefixWildcard = false;\n let suffixWildcard = false;\n if (!nodeTerm.quoted && term[0] === '*') {\n prefixWildcard = true;\n term = term.slice(1);\n }\n if (!nodeTerm.quoted && term[term.length - 1] === '*') {\n suffixWildcard = true;\n term = term.slice(0, -1);\n }\n\n return serializer.fieldSearch(\n field,\n term,\n isNegatedField,\n prefixWildcard,\n suffixWildcard,\n context,\n );\n\n // TODO: Handle regex, similarity, boost, prefix\n }\n // NodeRangedTerm\n if (isNodeRangedTerm(node)) {\n const rangedTerm = node;\n return serializer.range(\n field,\n rangedTerm.term_min,\n rangedTerm.term_max,\n isNegatedField,\n context,\n );\n }\n\n throw new Error(`Unexpected Node type. ${node}`);\n}\n\nfunction createSerializerContext(\n currentContext: SerializerContext,\n ast: lucene.BinaryAST | lucene.LeftOnlyAST,\n) {\n // For syntax like `foo:(bar baz)` or `foo:(\"bar baz\")`, the implicit field for the inner expression must be `foo`\n if (ast.field && ast.parenthesized && ast.field !== IMPLICIT_FIELD) {\n const fieldWithoutNegation = ast.field?.startsWith('-')\n ? ast.field.slice(1)\n : ast.field;\n\n return {\n ...currentContext,\n implicitColumnExpression: fieldWithoutNegation,\n ...(isNegatedAndParenthesized(ast)\n ? { isNegatedAndParenthesized: true }\n : {}),\n };\n } else {\n return currentContext;\n }\n}\n\n/** Returns true if the AST is of the form `-[field]:([terms...])` */\nfunction isNegatedAndParenthesized(ast: lucene.BinaryAST | lucene.LeftOnlyAST) {\n return ast.parenthesized && ast.field?.startsWith('-');\n}\n\nasync function serialize(\n ast: lucene.AST | lucene.Node,\n serializer: Serializer,\n context: SerializerContext,\n): Promise {\n // Node Scenarios:\n // 1. NodeTerm: Single term ex. \"foo:bar\"\n // 2. NodeRangedTerm: Two terms ex. \"foo:[bar TO qux]\"\n if (isNodeTerm(ast)) {\n return await nodeTerm(ast, serializer, context);\n }\n if (isNodeRangedTerm(ast)) {\n return await nodeTerm(ast, serializer, context);\n }\n\n // AST Scenarios:\n // 1. BinaryAST: Two terms ex. \"foo:bar AND baz:qux\"\n // 2. LeftOnlyAST: Single term ex. \"foo:bar\"\n if (isBinaryAST(ast)) {\n const binaryAST = ast;\n const operator = serializer.operator(binaryAST.operator, context);\n const parenthesized = binaryAST.parenthesized;\n\n const newContext = createSerializerContext(context, binaryAST);\n const serialized = `${isNegatedAndParenthesized(binaryAST) ? 'NOT ' : ''}${parenthesized ? '(' : ''}${\n hasStart(binaryAST) ? `${binaryAST.start} ` : ''\n }${await serialize(\n binaryAST.left,\n serializer,\n newContext,\n )} ${operator} ${await serialize(binaryAST.right, serializer, newContext)}${\n parenthesized ? ')' : ''\n }`;\n return serialized;\n }\n\n if (isLeftOnlyAST(ast)) {\n const leftOnlyAST = ast;\n const parenthesized = leftOnlyAST.parenthesized;\n\n const newContext = createSerializerContext(context, leftOnlyAST);\n\n // start is used when ex. \"NOT foo:bar\"\n const serialized = `${isNegatedAndParenthesized(leftOnlyAST) ? 'NOT ' : ''}${parenthesized ? '(' : ''}${\n leftOnlyAST.start != undefined ? `${leftOnlyAST.start} ` : ''\n }${await serialize(leftOnlyAST.left, serializer, newContext)}${\n parenthesized ? ')' : ''\n }`;\n\n return serialized;\n }\n\n // Blank AST, means no text was parsed\n return '';\n}\n\n// TODO: can just inline this within getSearchQuery\nexport async function genWhereSQL(\n ast: lucene.AST,\n serializer: Serializer,\n): Promise {\n return await serialize(ast, serializer, {});\n}\n\nexport class SearchQueryBuilder {\n private readonly searchQ: string;\n\n private readonly conditions: string[];\n\n private serializer: SQLSerializer;\n\n constructor(searchQ: string, serializer: SQLSerializer) {\n this.conditions = [];\n this.searchQ = searchQ;\n // init default serializer\n this.serializer = serializer;\n }\n\n setSerializer(serializer: SQLSerializer) {\n this.serializer = serializer;\n return this;\n }\n\n getSerializer() {\n return this.serializer;\n }\n\n private async genSearchQuery() {\n if (!this.searchQ) {\n return '';\n }\n\n const parsedQ = parse(this.searchQ);\n\n return await genWhereSQL(parsedQ, this.serializer);\n }\n\n and(condition: string) {\n if (condition && condition.trim()) {\n this.conditions.push(`(${condition})`);\n }\n return this;\n }\n\n async build() {\n const searchQuery = await this.genSearchQuery();\n if (this.searchQ) {\n this.and(searchQuery);\n }\n return this.conditions.join(' AND ');\n }\n}\n\nexport async function genEnglishExplanation({\n query,\n metadata,\n tableConnection,\n}: {\n query: string;\n tableConnection: TableConnection;\n metadata: Metadata;\n}): Promise {\n try {\n const { tableName, databaseName, connectionId } = tableConnection;\n const parsedQ = parse(query);\n\n if (parsedQ) {\n const serializer = new EnglishSerializer({\n metadata,\n tableName,\n databaseName,\n connectionId,\n });\n return await serialize(parsedQ, serializer, {});\n }\n } catch (e) {\n console.warn('Parse failure', query, e);\n }\n\n return `Message containing ${query}`;\n}\n" }, { "path": "packages/common-utils/src/rawSqlParams.ts", "content": "import { ChSql } from './clickhouse';\nimport {\n convertDateRangeToGranularityString,\n convertGranularityToSeconds,\n} from './core/utils';\nimport { DateRange, DisplayType, RawSqlChartConfig } from './types';\n\ntype QueryParamDefinition = {\n name: string;\n type: string;\n description: string;\n get: (config: RawSqlChartConfig & Partial) => any;\n};\n\nconst getIntervalSeconds = (config: RawSqlChartConfig & Partial) => {\n const granularity = config.granularity ?? 'auto';\n\n const effectiveGranularity =\n granularity === 'auto' && config.dateRange\n ? convertDateRangeToGranularityString(config.dateRange)\n : granularity;\n\n return convertGranularityToSeconds(effectiveGranularity);\n};\n\nexport const QUERY_PARAMS: Record = {\n startDateMilliseconds: {\n name: 'startDateMilliseconds',\n type: 'Int64',\n description:\n 'start of the dashboard date range, in milliseconds since epoch',\n get: (config: RawSqlChartConfig & Partial) =>\n config.dateRange ? config.dateRange[0].getTime() : undefined,\n },\n endDateMilliseconds: {\n name: 'endDateMilliseconds',\n type: 'Int64',\n description: 'end of the dashboard date range, in milliseconds since epoch',\n get: (config: RawSqlChartConfig & Partial) =>\n config.dateRange ? config.dateRange[1].getTime() : undefined,\n },\n intervalSeconds: {\n name: 'intervalSeconds',\n type: 'Int64',\n description: 'time bucket size in seconds',\n get: getIntervalSeconds,\n },\n intervalMilliseconds: {\n name: 'intervalMilliseconds',\n type: 'Int64',\n description: 'time bucket size in milliseconds',\n get: (config: RawSqlChartConfig & Partial) =>\n getIntervalSeconds(config) * 1000,\n },\n};\n\nexport const QUERY_PARAMS_BY_DISPLAY_TYPE: Record<\n DisplayType,\n QueryParamDefinition[]\n> = {\n [DisplayType.Line]: [\n QUERY_PARAMS.startDateMilliseconds,\n QUERY_PARAMS.endDateMilliseconds,\n QUERY_PARAMS.intervalSeconds,\n QUERY_PARAMS.intervalMilliseconds,\n ],\n [DisplayType.StackedBar]: [\n QUERY_PARAMS.startDateMilliseconds,\n QUERY_PARAMS.endDateMilliseconds,\n QUERY_PARAMS.intervalSeconds,\n QUERY_PARAMS.intervalMilliseconds,\n ],\n [DisplayType.Table]: [\n QUERY_PARAMS.startDateMilliseconds,\n QUERY_PARAMS.endDateMilliseconds,\n ],\n [DisplayType.Pie]: [\n QUERY_PARAMS.startDateMilliseconds,\n QUERY_PARAMS.endDateMilliseconds,\n ],\n [DisplayType.Number]: [\n QUERY_PARAMS.startDateMilliseconds,\n QUERY_PARAMS.endDateMilliseconds,\n ],\n [DisplayType.Search]: [],\n [DisplayType.Heatmap]: [],\n [DisplayType.Markdown]: [],\n};\n\nconst TIME_CHART_EXAMPLE_SQL = `SELECT\n toStartOfInterval(TimestampTime, INTERVAL {intervalSeconds:Int64} second) AS ts, -- (Timestamp column)\n ServiceName, -- (Group name column)\n count() -- (Series value column)\nFROM otel_logs\nWHERE TimestampTime >= fromUnixTimestamp64Milli ({startDateMilliseconds:Int64})\n AND TimestampTime < fromUnixTimestamp64Milli ({endDateMilliseconds:Int64})\n AND $__filters\nGROUP BY ServiceName, ts`;\n\nexport const DATE_RANGE_WHERE_EXAMPLE_SQL = `WHERE TimestampTime >= fromUnixTimestamp64Milli ({startDateMilliseconds:Int64})\n AND TimestampTime <= fromUnixTimestamp64Milli ({endDateMilliseconds:Int64})\n AND $__filters`;\n\nexport const QUERY_PARAM_EXAMPLES: Record = {\n [DisplayType.Line]: TIME_CHART_EXAMPLE_SQL,\n [DisplayType.StackedBar]: TIME_CHART_EXAMPLE_SQL,\n [DisplayType.Table]: DATE_RANGE_WHERE_EXAMPLE_SQL,\n [DisplayType.Pie]: DATE_RANGE_WHERE_EXAMPLE_SQL,\n [DisplayType.Number]: DATE_RANGE_WHERE_EXAMPLE_SQL,\n [DisplayType.Search]: '',\n [DisplayType.Heatmap]: '',\n [DisplayType.Markdown]: '',\n};\n\nexport function renderQueryParam(name: keyof typeof QUERY_PARAMS): string {\n // eslint-disable-next-line security/detect-object-injection\n return `{${QUERY_PARAMS[name].name}:${QUERY_PARAMS[name].type}}`;\n}\n" }, { "path": "packages/common-utils/src/sqlFormatter.ts", "content": "// custom dialect ref: https://github.com/sql-formatter-org/sql-formatter/blob/master/docs/dialect.md#custom-dialect-configuration-experimental\n// Dialect source: https://github.com/sql-formatter-org/sql-formatter/blob/master/src/languages/sql/sql.formatter.ts\nimport { DialectOptions, expandPhrases, formatDialect } from 'sql-formatter';\n\n// source : https://github.com/sql-formatter-org/sql-formatter/blob/master/src/languages/sql/sql.functions.ts\nexport const functions: string[] = [\n // https://jakewheat.github.io/sql-overview/sql-2008-foundation-grammar.html#_6_9_set_function_specification\n 'GROUPING',\n\n // https://jakewheat.github.io/sql-overview/sql-2008-foundation-grammar.html#_6_10_window_function\n 'RANK',\n 'DENSE_RANK',\n 'PERCENT_RANK',\n 'CUME_DIST',\n 'ROW_NUMBER',\n\n // https://jakewheat.github.io/sql-overview/sql-2008-foundation-grammar.html#_6_27_numeric_value_function\n 'POSITION',\n 'OCCURRENCES_REGEX',\n 'POSITION_REGEX',\n 'EXTRACT',\n 'CHAR_LENGTH',\n 'CHARACTER_LENGTH',\n 'OCTET_LENGTH',\n 'CARDINALITY',\n 'ABS',\n 'MOD',\n 'LN',\n 'EXP',\n 'POWER',\n 'SQRT',\n 'FLOOR',\n 'CEIL',\n 'CEILING',\n 'WIDTH_BUCKET',\n\n // https://jakewheat.github.io/sql-overview/sql-2008-foundation-grammar.html#_6_29_string_value_function\n 'SUBSTRING',\n 'SUBSTRING_REGEX',\n 'UPPER',\n 'LOWER',\n 'CONVERT',\n 'TRANSLATE',\n 'TRANSLATE_REGEX',\n 'TRIM',\n 'OVERLAY',\n 'NORMALIZE',\n 'SPECIFICTYPE',\n\n // https://jakewheat.github.io/sql-overview/sql-2008-foundation-grammar.html#_6_31_datetime_value_function\n 'CURRENT_DATE',\n 'CURRENT_TIME',\n 'LOCALTIME',\n 'CURRENT_TIMESTAMP',\n 'LOCALTIMESTAMP',\n\n // https://jakewheat.github.io/sql-overview/sql-2008-foundation-grammar.html#_6_38_multiset_value_function\n // SET serves multiple roles: a SET() function and a SET keyword e.g. in UPDATE table SET ...\n // multiset\n // 'SET', (disabled for now)\n\n // https://jakewheat.github.io/sql-overview/sql-2008-foundation-grammar.html#_10_9_aggregate_function\n 'COUNT',\n 'AVG',\n 'MAX',\n 'MIN',\n 'SUM',\n // 'EVERY',\n // 'ANY',\n // 'SOME',\n 'STDDEV_POP',\n 'STDDEV_SAMP',\n 'VAR_SAMP',\n 'VAR_POP',\n 'COLLECT',\n 'FUSION',\n 'INTERSECTION',\n 'COVAR_POP',\n 'COVAR_SAMP',\n 'CORR',\n 'REGR_SLOPE',\n 'REGR_INTERCEPT',\n 'REGR_COUNT',\n 'REGR_R2',\n 'REGR_AVGX',\n 'REGR_AVGY',\n 'REGR_SXX',\n 'REGR_SYY',\n 'REGR_SXY',\n 'PERCENTILE_CONT',\n 'PERCENTILE_DISC',\n\n // CAST is a pretty complex case, involving multiple forms:\n // - CAST(col AS int)\n // - CAST(...) WITH ...\n // - CAST FROM int\n // - CREATE CAST(mycol AS int) WITH ...\n 'CAST',\n\n // Shorthand functions to use in place of CASE expression\n 'COALESCE',\n 'NULLIF',\n\n // Non-standard functions that have widespread support\n 'ROUND',\n 'SIN',\n 'COS',\n 'TAN',\n 'ASIN',\n 'ACOS',\n 'ATAN',\n];\n\n// source: https://github.com/sql-formatter-org/sql-formatter/blob/master/src/languages/sql/sql.keywords.ts\nexport const keywords: string[] = [\n // https://jakewheat.github.io/sql-overview/sql-2008-foundation-grammar.html#reserved-word\n 'ALL',\n 'ALLOCATE',\n 'ALTER',\n 'ANY', // <- moved over from functions\n 'ARE',\n 'AS',\n 'ASC', // Not reserved in SQL-2008, but commonly reserved in most dialects\n 'ASENSITIVE',\n 'ASYMMETRIC',\n 'AT',\n 'ATOMIC',\n 'AUTHORIZATION',\n 'BEGIN',\n 'BETWEEN',\n 'BOTH',\n 'BY',\n 'CALL',\n 'CALLED',\n 'CASCADED',\n 'CAST',\n 'CHECK',\n 'CLOSE',\n 'COALESCE',\n 'COLLATE',\n 'COLUMN',\n 'COMMIT',\n 'CONDITION',\n 'CONNECT',\n 'CONSTRAINT',\n 'CORRESPONDING',\n 'CREATE',\n 'CROSS',\n 'CUBE',\n 'CURRENT',\n 'CURRENT_CATALOG',\n 'CURRENT_DEFAULT_TRANSFORM_GROUP',\n 'CURRENT_PATH',\n 'CURRENT_ROLE',\n 'CURRENT_SCHEMA',\n 'CURRENT_TRANSFORM_GROUP_FOR_TYPE',\n 'CURRENT_USER',\n 'CURSOR',\n 'CYCLE',\n 'DEALLOCATE',\n 'DAY',\n 'DECLARE',\n 'DEFAULT',\n 'DELETE',\n 'DEREF',\n 'DESC', // Not reserved in SQL-2008, but commonly reserved in most dialects\n 'DESCRIBE',\n 'DETERMINISTIC',\n 'DISCONNECT',\n 'DISTINCT',\n 'DROP',\n 'DYNAMIC',\n 'EACH',\n 'ELEMENT',\n 'END-EXEC',\n 'ESCAPE',\n 'EVERY', // <- moved over from functions\n 'EXCEPT',\n 'EXEC',\n 'EXECUTE',\n 'EXISTS',\n 'EXTERNAL',\n 'FALSE',\n 'FETCH',\n 'FILTER',\n 'FOR',\n 'FOREIGN',\n 'FREE',\n 'FROM',\n 'FULL',\n 'FUNCTION',\n 'GET',\n 'GLOBAL',\n 'GRANT',\n 'GROUP',\n 'HAVING',\n 'HOLD',\n 'HOUR',\n 'IDENTITY',\n 'IN',\n 'INDICATOR',\n 'INNER',\n 'INOUT',\n 'INSENSITIVE',\n 'INSERT',\n 'INTERSECT',\n 'INTO',\n 'IS',\n 'LANGUAGE',\n 'LARGE',\n 'LATERAL',\n 'LEADING',\n 'LEFT',\n 'LIKE',\n 'LIKE_REGEX',\n 'LOCAL',\n 'MATCH',\n 'MEMBER',\n 'MERGE',\n 'METHOD',\n 'MINUTE',\n 'MODIFIES',\n 'MODULE',\n 'MONTH',\n 'NATURAL',\n 'NEW',\n 'NO',\n 'NONE',\n 'NOT',\n 'NULL',\n 'NULLIF',\n 'OF',\n 'OLD',\n 'ON',\n 'ONLY',\n 'OPEN',\n 'ORDER',\n 'OUT',\n 'OUTER',\n 'OVER',\n 'OVERLAPS',\n 'PARAMETER',\n 'PARTITION',\n 'PRECISION',\n 'PREPARE',\n 'PRIMARY',\n 'PROCEDURE',\n 'RANGE',\n 'READS',\n 'REAL',\n 'RECURSIVE',\n 'REF',\n 'REFERENCES',\n 'REFERENCING',\n 'RELEASE',\n 'RESULT',\n 'RETURN',\n 'RETURNS',\n 'REVOKE',\n 'RIGHT',\n 'ROLLBACK',\n 'ROLLUP',\n 'ROW',\n 'ROWS',\n 'SAVEPOINT',\n 'SCOPE',\n 'SCROLL',\n 'SEARCH',\n 'SECOND',\n 'SELECT',\n 'SENSITIVE',\n 'SESSION_USER',\n 'SET',\n 'SIMILAR',\n 'SOME', // <- moved over from functions\n 'SPECIFIC',\n 'SQL',\n 'SQLEXCEPTION',\n 'SQLSTATE',\n 'SQLWARNING',\n 'START',\n 'STATIC',\n 'SUBMULTISET',\n 'SYMMETRIC',\n 'SYSTEM',\n 'SYSTEM_USER',\n 'TABLE',\n 'TABLESAMPLE',\n 'THEN',\n 'TIMEZONE_HOUR',\n 'TIMEZONE_MINUTE',\n 'TO',\n 'TRAILING',\n 'TRANSLATION',\n 'TREAT',\n 'TRIGGER',\n 'TRUE',\n 'UESCAPE',\n 'UNION',\n 'UNIQUE',\n 'UNKNOWN',\n 'UNNEST',\n 'UPDATE',\n 'USER',\n 'USING',\n 'VALUE',\n 'VALUES',\n 'WHENEVER',\n 'WINDOW',\n 'WITHIN',\n 'WITHOUT',\n 'YEAR',\n];\n// source: https://github.com/sql-formatter-org/sql-formatter/blob/master/src/languages/sql/sql.keywords.ts\nexport const dataTypes: string[] = [\n // https://jakewheat.github.io/sql-overview/sql-2008-foundation-grammar.html#_6_1_data_type\n 'ARRAY',\n 'BIGINT',\n 'BINARY LARGE OBJECT',\n 'BINARY VARYING',\n 'BINARY',\n 'BLOB',\n 'BOOLEAN',\n 'CHAR LARGE OBJECT',\n 'CHAR VARYING',\n 'CHAR',\n 'CHARACTER LARGE OBJECT',\n 'CHARACTER VARYING',\n 'CHARACTER',\n 'CLOB',\n 'DATE',\n 'DEC',\n 'DECIMAL',\n 'DOUBLE',\n 'FLOAT',\n 'INT',\n 'INTEGER',\n 'INTERVAL',\n 'MULTISET',\n 'NATIONAL CHAR VARYING',\n 'NATIONAL CHAR',\n 'NATIONAL CHARACTER LARGE OBJECT',\n 'NATIONAL CHARACTER VARYING',\n 'NATIONAL CHARACTER',\n 'NCHAR LARGE OBJECT',\n 'NCHAR VARYING',\n 'NCHAR',\n 'NCLOB',\n 'NUMERIC',\n 'SMALLINT',\n 'TIME',\n 'TIMESTAMP',\n 'VARBINARY',\n 'VARCHAR',\n];\n\nconst reservedSelect = expandPhrases(['SELECT [ALL | DISTINCT]']);\n\nconst reservedClauses = expandPhrases([\n // queries\n 'WITH [RECURSIVE]',\n 'FROM',\n 'WHERE',\n 'GROUP BY [ALL | DISTINCT]',\n 'HAVING',\n 'WINDOW',\n 'PARTITION BY',\n 'ORDER BY',\n 'LIMIT',\n 'OFFSET',\n 'FETCH {FIRST | NEXT}',\n // Data manipulation\n // - insert:\n 'INSERT INTO',\n 'VALUES',\n // - update:\n 'SET',\n]);\n\nconst standardOnelineClauses = expandPhrases([\n 'CREATE [GLOBAL TEMPORARY | LOCAL TEMPORARY] TABLE',\n]);\n\nconst tabularOnelineClauses = expandPhrases([\n // - create:\n 'CREATE [RECURSIVE] VIEW',\n // - update:\n 'UPDATE',\n 'WHERE CURRENT OF',\n // - delete:\n 'DELETE FROM',\n // - drop table:\n 'DROP TABLE',\n // - alter table:\n 'ALTER TABLE',\n 'ADD COLUMN',\n 'DROP [COLUMN]',\n 'RENAME COLUMN',\n 'RENAME TO',\n 'ALTER [COLUMN]',\n '{SET | DROP} DEFAULT', // for alter column\n 'ADD SCOPE', // for alter column\n 'DROP SCOPE {CASCADE | RESTRICT}', // for alter column\n 'RESTART WITH', // for alter column\n // - truncate:\n 'TRUNCATE TABLE',\n // other\n 'SET SCHEMA',\n]);\n\nconst reservedSetOperations = expandPhrases([\n 'UNION [ALL | DISTINCT]',\n 'EXCEPT [ALL | DISTINCT]',\n 'INTERSECT [ALL | DISTINCT]',\n]);\n\nconst reservedJoins = expandPhrases([\n 'JOIN',\n '{LEFT | RIGHT | FULL} [OUTER] JOIN',\n '{INNER | CROSS} JOIN',\n 'NATURAL [INNER] JOIN',\n 'NATURAL {LEFT | RIGHT | FULL} [OUTER] JOIN',\n]);\n\nconst reservedPhrases = expandPhrases([\n 'ON {UPDATE | DELETE} [SET NULL | SET DEFAULT]',\n '{ROWS | RANGE} BETWEEN',\n]);\n\nconst clickhouse: DialectOptions = {\n name: 'clickhouse',\n tokenizerOptions: {\n reservedSelect,\n reservedClauses: [\n ...reservedClauses,\n ...standardOnelineClauses,\n ...tabularOnelineClauses,\n ],\n reservedSetOperations,\n reservedJoins,\n reservedPhrases,\n reservedKeywords: keywords,\n reservedDataTypes: dataTypes,\n reservedFunctionNames: functions,\n stringTypes: [\n { quote: \"''-qq-bs\", prefixes: ['N', 'U&'] },\n { quote: \"''-raw\", prefixes: ['X'], requirePrefix: true },\n ],\n identTypes: [`\"\"-qq`, '``'],\n extraParens: ['[]'],\n paramTypes: { positional: true },\n operators: ['||', '%'],\n },\n formatOptions: {\n onelineClauses: [...standardOnelineClauses, ...tabularOnelineClauses],\n tabularOnelineClauses,\n },\n};\n\nexport function format(query) {\n return formatDialect(query, { dialect: clickhouse });\n}\n" }, { "path": "packages/common-utils/src/types.ts", "content": "import { z } from 'zod';\n\n// Basic Enums\nexport enum MetricsDataType {\n Gauge = 'gauge',\n Histogram = 'histogram',\n Sum = 'sum',\n Summary = 'summary',\n ExponentialHistogram = 'exponential histogram',\n}\n\n// --------------------------\n// UI\n// --------------------------\nexport enum DisplayType {\n Line = 'line',\n StackedBar = 'stacked_bar',\n Table = 'table',\n Pie = 'pie',\n Number = 'number',\n Search = 'search',\n Heatmap = 'heatmap',\n Markdown = 'markdown',\n}\n\nexport type KeyValue = { key: Key; value: Value };\n\nexport const MetricTableSchema = z\n .object(\n Object.values(MetricsDataType).reduce(\n (acc, key) => ({\n ...acc,\n [key]: z.string().optional(),\n }),\n // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- reduce builds complete object at runtime\n {} as Record,\n ),\n )\n .refine(\n tables => Object.values(tables).some(table => table && table.length > 0),\n { message: 'At least one metric table must be specified' },\n );\n\nexport type MetricTable = z.infer;\n\n// --------------------------\n// SQL TYPES\n// --------------------------\n// TODO: infer types from here and replaces all types in sqlTypes.ts\nexport const SQLIntervalSchema = z\n .string()\n .regex(/^\\d+ (second|minute|hour|day)$/);\nexport const SearchConditionSchema = z.string();\nexport const SearchConditionLanguageSchema = z\n .enum(['sql', 'lucene'])\n .optional();\nexport const AggregateFunctionSchema = z.enum([\n 'avg',\n 'count',\n 'count_distinct',\n 'last_value',\n 'max',\n 'min',\n 'quantile',\n 'sum',\n 'any',\n 'none',\n]);\nexport const InternalAggregateFunctionSchema = z.enum([\n ...AggregateFunctionSchema.options,\n // Not exposed to the user directly, but used in pre-built dashboards\n 'histogram',\n]);\nexport const AggregateFunctionWithCombinatorsSchema = z\n .string()\n .regex(/^(\\w+)If(State|Merge)$/);\n\n// When making changes here, consider if they need to be made to the external API\n// schema as well (packages/api/src/utils/zod.ts).\nexport const RootValueExpressionSchema = z\n .object({\n aggFn: z.union([\n z.literal('quantile'),\n z.literal('quantileMerge'),\n z.literal('histogram'),\n z.literal('histogramMerge'),\n ]),\n level: z.number(),\n aggCondition: SearchConditionSchema,\n aggConditionLanguage: SearchConditionLanguageSchema,\n valueExpression: z.string(),\n valueExpressionLanguage: z.undefined().optional(),\n isDelta: z.boolean().optional(),\n })\n .or(\n z.object({\n aggFn: z.union([\n AggregateFunctionSchema,\n AggregateFunctionWithCombinatorsSchema,\n ]),\n aggCondition: SearchConditionSchema,\n aggConditionLanguage: SearchConditionLanguageSchema,\n valueExpression: z.string(),\n valueExpressionLanguage: z.undefined().optional(),\n isDelta: z.boolean().optional(),\n }),\n )\n .or(\n z.object({\n aggFn: z.string().optional(),\n aggCondition: z.string().optional(),\n aggConditionLanguage: SearchConditionLanguageSchema,\n valueExpression: z.string(),\n valueExpressionLanguage: z.undefined().optional(),\n metricType: z.nativeEnum(MetricsDataType).optional(),\n isDelta: z.boolean().optional(),\n }),\n )\n // valueExpression may be a lucene condition which will be rendered\n // as SQL if valueExpressionLanguage is 'lucene'.\n .or(\n z.object({\n aggFn: z.string().optional(),\n aggCondition: z.string().optional(),\n aggConditionLanguage: SearchConditionLanguageSchema.optional(),\n valueExpression: z.string(),\n valueExpressionLanguage: SearchConditionLanguageSchema,\n isDelta: z.boolean().optional(),\n }),\n );\nexport const DerivedColumnSchema = z.intersection(\n RootValueExpressionSchema,\n z.object({\n alias: z.string().optional(),\n metricType: z.nativeEnum(MetricsDataType).optional(),\n metricName: z.string().optional(),\n metricNameSql: z.string().optional(),\n }),\n);\nexport const SelectListSchema = z.array(DerivedColumnSchema).or(z.string());\nexport const SortSpecificationSchema = z.intersection(\n RootValueExpressionSchema,\n z.object({\n ordering: z.enum(['ASC', 'DESC']),\n }),\n);\nexport const SortSpecificationListSchema = z\n .array(SortSpecificationSchema)\n .or(z.string());\nexport const LimitSchema = z.object({\n limit: z.number().optional(),\n offset: z.number().optional(),\n});\n\nexport const ChSqlSchema = z.object({\n sql: z.string(),\n params: z.record(z.string(), z.any()),\n});\n\n// When making changes here, consider if they need to be made to the external API\n// schema as well (packages/api/src/utils/zod.ts).\nexport const SelectSQLStatementSchema = z.object({\n select: SelectListSchema,\n from: z.object({\n databaseName: z.string(),\n tableName: z.string(),\n }),\n where: SearchConditionSchema,\n whereLanguage: SearchConditionLanguageSchema,\n groupBy: SelectListSchema.optional(),\n having: SearchConditionSchema.optional(),\n havingLanguage: SearchConditionLanguageSchema.optional(),\n orderBy: SortSpecificationListSchema.optional(),\n limit: LimitSchema.optional(),\n});\n\nexport type SQLInterval = z.infer;\n\nexport type SearchCondition = z.infer;\nexport type SearchConditionLanguage = z.infer<\n typeof SearchConditionLanguageSchema\n>;\nexport type AggregateFunction = z.infer;\nexport type InternalAggregateFunction = z.infer<\n typeof InternalAggregateFunctionSchema\n>;\nexport type AggregateFunctionWithCombinators = z.infer<\n typeof AggregateFunctionWithCombinatorsSchema\n>;\n\nexport type DerivedColumn = z.infer;\n\nexport type SelectList = z.infer;\n\nexport type SortSpecificationList = z.infer;\n\ntype Limit = { limit?: number; offset?: number };\n\nexport type SelectSQLStatement = {\n select: SelectList;\n from: { databaseName: string; tableName: string };\n where: SearchCondition;\n whereLanguage?: SearchConditionLanguage;\n groupBy?: SelectList;\n having?: SearchCondition;\n havingLanguage?: SearchConditionLanguage;\n orderBy?: SortSpecificationList;\n limit?: Limit;\n};\n\n// -------------------------\n// EXCEPTIONS\n// -------------------------\nexport type StacktraceFrame = {\n filename: string;\n function: string;\n module?: string;\n lineno: number;\n colno: number;\n in_app: boolean;\n context_line?: string;\n pre_context?: string[];\n post_context?: string[];\n};\n\nexport type StacktraceBreadcrumbCategory =\n | 'ui.click'\n | 'fetch'\n | 'xhr'\n | 'console'\n | 'navigation'\n | string;\n\nexport type StacktraceBreadcrumb = {\n type?: string;\n level?: string;\n event_id?: string;\n category?: StacktraceBreadcrumbCategory;\n message?: string;\n data?: { [key: string]: any };\n timestamp: number;\n};\n\n// -------------------------\n// WEBHOOKS\n// -------------------------\nexport enum WebhookService {\n Slack = 'slack',\n Generic = 'generic',\n IncidentIO = 'incidentio',\n}\n\n// Base webhook schema (matches backend IWebhook but with JSON-serialized types)\n// When making changes here, consider if they need to be made to the external API schema as well (packages/api/src/utils/zod.ts).\nexport const WebhookSchema = z.object({\n _id: z.string(),\n createdAt: z.string(),\n name: z.string(),\n service: z.nativeEnum(WebhookService),\n updatedAt: z.string(),\n url: z.string().optional(),\n description: z.string().optional(),\n queryParams: z.record(z.string(), z.string()).optional(),\n headers: z.record(z.string(), z.string()).optional(),\n body: z.string().optional(),\n});\n\nexport type IWebhook = z.infer;\n\n// Webhook API response type (excludes team field for security)\nexport type WebhookApiData = Omit;\n\n// -------------------------\n// ALERTS\n// -------------------------\nexport enum AlertThresholdType {\n ABOVE = 'above',\n BELOW = 'below',\n}\n\nexport enum AlertState {\n ALERT = 'ALERT',\n DISABLED = 'DISABLED',\n INSUFFICIENT_DATA = 'INSUFFICIENT_DATA',\n OK = 'OK',\n}\n\nexport enum AlertSource {\n SAVED_SEARCH = 'saved_search',\n TILE = 'tile',\n}\n\nexport const AlertIntervalSchema = z.union([\n z.literal('1m'),\n z.literal('5m'),\n z.literal('15m'),\n z.literal('30m'),\n z.literal('1h'),\n z.literal('6h'),\n z.literal('12h'),\n z.literal('1d'),\n]);\n\nexport type AlertInterval = z.infer;\n\nexport const ALERT_INTERVAL_TO_MINUTES: Record = {\n '1m': 1,\n '5m': 5,\n '15m': 15,\n '30m': 30,\n '1h': 60,\n '6h': 360,\n '12h': 720,\n '1d': 1440,\n};\n\nexport const zAlertChannelType = z.literal('webhook');\n\nexport type AlertChannelType = z.infer;\n\nexport const zAlertChannel = z.object({\n type: zAlertChannelType,\n webhookId: z.string().nonempty(\"Webhook ID can't be empty\"),\n});\n\nexport const zSavedSearchAlert = z.object({\n source: z.literal(AlertSource.SAVED_SEARCH),\n groupBy: z.string().optional(),\n savedSearchId: z.string().min(1),\n});\n\nexport const zTileAlert = z.object({\n source: z.literal(AlertSource.TILE),\n tileId: z.string().min(1),\n dashboardId: z.string().min(1),\n});\n\nexport const validateAlertScheduleOffsetMinutes = (\n alert: {\n interval: AlertInterval;\n scheduleOffsetMinutes?: number;\n scheduleStartAt?: string | Date | null;\n },\n ctx: z.RefinementCtx,\n) => {\n const scheduleOffsetMinutes = alert.scheduleOffsetMinutes ?? 0;\n const intervalMinutes = ALERT_INTERVAL_TO_MINUTES[alert.interval];\n\n if (alert.scheduleStartAt != null && scheduleOffsetMinutes > 0) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n message:\n 'scheduleOffsetMinutes must be 0 when scheduleStartAt is provided',\n path: ['scheduleOffsetMinutes'],\n });\n }\n\n if (scheduleOffsetMinutes >= intervalMinutes) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n message: `scheduleOffsetMinutes must be less than ${intervalMinutes} minute${intervalMinutes === 1 ? '' : 's'}`,\n path: ['scheduleOffsetMinutes'],\n });\n }\n};\n\nconst MAX_SCHEDULE_START_AT_FUTURE_MS = 1000 * 60 * 60 * 24 * 365;\nconst MAX_SCHEDULE_START_AT_PAST_MS = 1000 * 60 * 60 * 24 * 365 * 10;\nconst MAX_SCHEDULE_OFFSET_MINUTES = 1439;\n\nexport const scheduleStartAtSchema = z\n .union([z.string().datetime(), z.null()])\n .optional()\n .refine(\n value =>\n value == null ||\n new Date(value).getTime() <= Date.now() + MAX_SCHEDULE_START_AT_FUTURE_MS,\n {\n message: 'scheduleStartAt must be within 1 year from now',\n },\n )\n .refine(\n value =>\n value == null ||\n new Date(value).getTime() >= Date.now() - MAX_SCHEDULE_START_AT_PAST_MS,\n {\n message: 'scheduleStartAt must be within 10 years in the past',\n },\n );\n\nexport const AlertBaseObjectSchema = z.object({\n id: z.string().optional(),\n interval: AlertIntervalSchema,\n scheduleOffsetMinutes: z\n .number()\n .int()\n .min(0)\n .max(MAX_SCHEDULE_OFFSET_MINUTES)\n .optional(),\n scheduleStartAt: scheduleStartAtSchema,\n threshold: z.number(),\n thresholdType: z.nativeEnum(AlertThresholdType),\n channel: zAlertChannel,\n state: z.nativeEnum(AlertState).optional(),\n name: z.string().min(1).max(512).nullish(),\n message: z.string().min(1).max(4096).nullish(),\n silenced: z\n .object({\n by: z.string(),\n at: z.string(),\n until: z.string(),\n })\n .optional(),\n});\n\n// Keep AlertBaseSchema as a ZodObject for backwards compatibility with\n// external consumers that call object helpers like .extend()/.pick()/.omit().\nexport const AlertBaseSchema = AlertBaseObjectSchema;\n\nconst AlertBaseValidatedSchema = AlertBaseObjectSchema.superRefine(\n validateAlertScheduleOffsetMinutes,\n);\n\nexport const ChartAlertBaseSchema = AlertBaseObjectSchema.extend({\n threshold: z.number(),\n});\n\nconst ChartAlertBaseValidatedSchema = ChartAlertBaseSchema.superRefine(\n validateAlertScheduleOffsetMinutes,\n);\n\nexport const AlertSchema = z.union([\n z.intersection(AlertBaseValidatedSchema, zSavedSearchAlert),\n z.intersection(ChartAlertBaseValidatedSchema, zTileAlert),\n]);\n\nexport type Alert = z.infer;\n\nexport const AlertHistorySchema = z.object({\n counts: z.number(),\n createdAt: z.string(),\n lastValues: z.array(z.object({ startTime: z.string(), count: z.number() })),\n state: z.nativeEnum(AlertState),\n});\n\nexport type AlertHistory = z.infer;\n\n// --------------------------\n// FILTERS\n// --------------------------\nexport const SqlAstFilterSchema = z.object({\n type: z.literal('sql_ast'),\n operator: z.enum(['=', '<', '>', '!=', '<=', '>=']),\n left: z.string(),\n right: z.string(),\n});\n\nexport type SqlAstFilter = z.infer;\n\nexport const FilterSchema = z.union([\n z.object({\n type: z.enum(['lucene', 'sql']),\n condition: z.string(),\n }),\n SqlAstFilterSchema,\n]);\n\nexport type Filter = z.infer;\n\n// --------------------------\n// SAVED SEARCH\n// --------------------------\nexport const SavedSearchSchema = z.object({\n id: z.string(),\n name: z.string(),\n select: z.string(),\n where: z.string(),\n whereLanguage: SearchConditionLanguageSchema,\n source: z.string(),\n tags: z.array(z.string()),\n orderBy: z.string().optional(),\n filters: z.array(FilterSchema).optional(),\n alerts: z.array(AlertSchema).optional(),\n});\n\nexport type SavedSearch = z.infer;\n\n// --------------------------\n// DASHBOARDS\n// --------------------------\nexport const NumberFormatSchema = z.object({\n output: z.enum(['currency', 'percent', 'byte', 'time', 'number']),\n mantissa: z.number().int().optional(),\n thousandSeparated: z.boolean().optional(),\n average: z.boolean().optional(),\n decimalBytes: z.boolean().optional(),\n factor: z.number().optional(),\n currencySymbol: z.string().optional(),\n unit: z.string().optional(),\n});\n\nexport type NumberFormat = z.infer;\n\n// When making changes here, consider if they need to be made to the external API\n// schema as well (packages/api/src/utils/zod.ts).\n\n/**\n * Schema describing display settings which are shared between Raw SQL\n * chart configs and Structured ChartBuilder chart configs\n **/\nconst SharedChartDisplaySettingsSchema = z.object({\n displayType: z.nativeEnum(DisplayType).optional(),\n numberFormat: NumberFormatSchema.optional(),\n granularity: z.union([SQLIntervalSchema, z.literal('auto')]).optional(),\n compareToPreviousPeriod: z.boolean().optional(),\n fillNulls: z.union([z.number(), z.literal(false)]).optional(),\n alignDateRangeToGranularity: z.boolean().optional(),\n});\n\nexport const _ChartConfigSchema = SharedChartDisplaySettingsSchema.extend({\n timestampValueExpression: z.string(),\n implicitColumnExpression: z.string().optional(),\n markdown: z.string().optional(),\n filtersLogicalOperator: z.enum(['AND', 'OR']).optional(),\n filters: z.array(FilterSchema).optional(),\n connection: z.string(),\n selectGroupBy: z.boolean().optional(),\n metricTables: MetricTableSchema.optional(),\n seriesReturnType: z.enum(['ratio', 'column']).optional(),\n // Used to preserve original table select string when chart overrides it (e.g., histograms)\n eventTableSelect: z.string().optional(),\n source: z.string().optional(),\n});\n\n// This is a ChartConfig type without the `with` CTE clause included.\n// It needs to be a separate, named schema to avoid use of z.lazy(...),\n// use of which allows for type mistakes to make it past linting.\nexport const CteChartConfigSchema = z.intersection(\n _ChartConfigSchema.partial({ timestampValueExpression: true }),\n SelectSQLStatementSchema,\n);\n\nexport type CteChartConfig = z.infer;\n\n// The `with` CTE property needs to be defined at this level, just above the\n// non-recursive chart config so that it can reference a complete chart config\n// schema. This structure does mean that we cannot nest `with` clauses but does\n// ensure the type system can catch more issues in the build pipeline.\nconst BuilderChartConfigSchema = z.intersection(\n z.intersection(_ChartConfigSchema, SelectSQLStatementSchema),\n z\n .object({\n with: z.array(\n z.object({\n name: z.string(),\n\n // Need to specify either a sql or chartConfig instance. To avoid\n // the schema falling into an any type, the fields are separate\n // and listed as optional.\n sql: ChSqlSchema.optional(),\n chartConfig: CteChartConfigSchema.optional(),\n\n // If true, it'll render as WITH ident AS (subquery)\n // If false, it'll be a \"variable\" ex. WITH (sql) AS ident\n // where sql can be any expression, ex. a constant string\n // see: https://clickhouse.com/docs/sql-reference/statements/select/with#syntax\n // default assume true\n isSubquery: z.boolean().optional(),\n }),\n ),\n })\n .partial(),\n);\n\nexport type BuilderChartConfig = z.infer;\n\n/** Base schema for Raw SQL chart configs */\nconst RawSqlBaseChartConfigSchema = SharedChartDisplaySettingsSchema.extend({\n configType: z.literal('sql'),\n sqlTemplate: z.string(),\n connection: z.string(),\n source: z.string().optional(),\n});\n\n/** Schema describing Raw SQL chart configs with runtime-only fields */\nconst RawSqlChartConfigSchema = RawSqlBaseChartConfigSchema.extend({\n filters: z.array(FilterSchema).optional(),\n from: z\n .object({ databaseName: z.string(), tableName: z.string() })\n .optional(),\n implicitColumnExpression: z.string().optional(),\n});\n\nexport type RawSqlChartConfig = z.infer;\n\nexport const ChartConfigSchema = z.union([\n BuilderChartConfigSchema,\n RawSqlChartConfigSchema,\n]);\n\nexport type ChartConfig = z.infer;\n\nexport type DateRange = {\n dateRange: [Date, Date];\n dateRangeStartInclusive?: boolean; // default true\n dateRangeEndInclusive?: boolean; // default true\n};\n\nexport type ChartConfigWithDateRange = ChartConfig & DateRange;\nexport type BuilderChartConfigWithDateRange = BuilderChartConfig & DateRange;\nexport type RawSqlConfigWithDateRange = RawSqlChartConfig & DateRange;\n\nexport type BuilderChartConfigWithOptTimestamp = Omit<\n BuilderChartConfigWithDateRange,\n 'timestampValueExpression'\n> & {\n timestampValueExpression?: string;\n};\n\nexport type ChartConfigWithOptTimestamp =\n | BuilderChartConfigWithOptTimestamp\n | RawSqlConfigWithDateRange;\n\n// For non-time-based searches (ex. grab 1 row)\nexport type BuilderChartConfigWithOptDateRange = Omit<\n BuilderChartConfig,\n 'timestampValueExpression'\n> & {\n timestampValueExpression?: string;\n} & Partial;\n\nexport type ChartConfigWithOptDateRange =\n | BuilderChartConfigWithOptDateRange\n | (RawSqlChartConfig & Partial);\n\n// When making changes here, consider if they need to be made to the external API\n// schema as well (packages/api/src/utils/zod.ts).\nconst BuilderSavedChartConfigWithoutAlertSchema = z\n .object({\n name: z.string().optional(),\n source: z.string(),\n })\n .extend(\n _ChartConfigSchema.omit({\n connection: true,\n timestampValueExpression: true,\n source: true, // Omit the optional source here since it's required above\n }).shape,\n )\n .extend(\n SelectSQLStatementSchema.omit({\n from: true,\n }).shape,\n );\n\nconst BuilderSavedChartConfigSchema =\n BuilderSavedChartConfigWithoutAlertSchema.extend({\n alert: z.union([\n AlertBaseSchema.optional(),\n ChartAlertBaseSchema.optional(),\n ]),\n });\n\nexport type BuilderSavedChartConfig = z.infer<\n typeof BuilderSavedChartConfigSchema\n>;\n\nconst RawSqlSavedChartConfigSchema = RawSqlBaseChartConfigSchema.extend({\n name: z.string().optional(),\n});\n\nexport const SavedChartConfigSchema = z.union([\n BuilderSavedChartConfigSchema,\n RawSqlSavedChartConfigSchema,\n]);\n\nexport type RawSqlSavedChartConfig = z.infer<\n typeof RawSqlSavedChartConfigSchema\n>;\n\nexport type SavedChartConfig = z.infer;\n\nexport const TileSchema = z.object({\n id: z.string(),\n x: z.number(),\n y: z.number(),\n w: z.number(),\n h: z.number(),\n config: SavedChartConfigSchema,\n containerId: z.string().optional(),\n});\n\nexport const TileTemplateSchema = TileSchema.extend({\n config: z.union([\n BuilderSavedChartConfigWithoutAlertSchema,\n RawSqlSavedChartConfigSchema,\n ]),\n});\n\nexport type Tile = z.infer;\n\nexport const DashboardContainerSchema = z.object({\n id: z.string().min(1),\n type: z.enum(['section']),\n title: z.string().min(1),\n collapsed: z.boolean(),\n});\n\nexport type DashboardContainer = z.infer;\n\nexport const DashboardFilterType = z.enum(['QUERY_EXPRESSION']);\n\nexport const DashboardFilterSchema = z.object({\n id: z.string(),\n type: DashboardFilterType,\n name: z.string().min(1),\n expression: z.string().min(1),\n source: z.string().min(1),\n sourceMetricType: z.nativeEnum(MetricsDataType).optional(),\n});\n\nexport type DashboardFilter = z.infer;\n\nexport enum PresetDashboard {\n Services = 'services',\n}\n\nexport const PresetDashboardFilterSchema = DashboardFilterSchema.extend({\n presetDashboard: z.nativeEnum(PresetDashboard),\n});\n\nexport type PresetDashboardFilter = z.infer;\n\nexport const DashboardSchema = z.object({\n id: z.string(),\n name: z.string().min(1),\n tiles: z.array(TileSchema),\n tags: z.array(z.string()),\n filters: z.array(DashboardFilterSchema).optional(),\n savedQuery: z.string().nullable().optional(),\n savedQueryLanguage: SearchConditionLanguageSchema.nullable().optional(),\n savedFilterValues: z.array(FilterSchema).optional(),\n containers: z\n .array(DashboardContainerSchema)\n .refine(\n containers => {\n const ids = containers.map(c => c.id);\n return new Set(ids).size === ids.length;\n },\n { message: 'Container IDs must be unique' },\n )\n .optional(),\n});\nexport const DashboardWithoutIdSchema = DashboardSchema.omit({ id: true });\nexport type DashboardWithoutId = z.infer;\n\nexport const DashboardTemplateSchema = DashboardWithoutIdSchema.omit({\n tags: true,\n}).extend({\n version: z.string().min(1),\n tiles: z.array(TileTemplateSchema),\n filters: z.array(DashboardFilterSchema).optional(),\n});\n\nexport const ConnectionSchema = z.object({\n id: z.string(),\n name: z.string(),\n host: z.string(),\n username: z.string(),\n password: z.string().optional(),\n hyperdxSettingPrefix: z\n .string()\n .regex(/^[a-z0-9_]+$/i)\n .optional()\n .nullable(),\n});\n\nexport type Connection = z.infer;\n\nexport const TeamClickHouseSettingsSchema = z.object({\n fieldMetadataDisabled: z.boolean().optional(),\n searchRowLimit: z.number().optional(),\n queryTimeout: z.number().optional(),\n metadataMaxRowsToRead: z.number().optional(),\n parallelizeWhenPossible: z.boolean().optional(),\n});\nexport type TeamClickHouseSettings = z.infer<\n typeof TeamClickHouseSettingsSchema\n>;\n\nexport const TeamSchema = z\n .object({\n id: z.string(),\n name: z.string(),\n allowedAuthMethods: z.array(z.literal('password')).optional(),\n apiKey: z.string(),\n hookId: z.string(),\n collectorAuthenticationEnforced: z.boolean(),\n })\n .merge(TeamClickHouseSettingsSchema);\n\nexport type Team = z.infer;\n\n// --------------------------\n// TABLE SOURCES\n// --------------------------\nexport enum SourceKind {\n Log = 'log',\n Trace = 'trace',\n Session = 'session',\n Metric = 'metric',\n}\n\n// --------------------------\n// TABLE SOURCE FORM VALIDATION\n// --------------------------\n\nconst QuerySettingsSchema = z\n .array(z.object({ setting: z.string().min(1), value: z.string().min(1) }))\n .max(10);\n\nexport type QuerySettings = z.infer;\n\nconst RequiredTimestampColumnSchema = z\n .string()\n .min(1, 'Timestamp Column is required');\n\n// Base schema with fields common to all source types\nexport const BaseSourceSchema = z.object({\n id: z.string(),\n name: z.string().min(1, 'Name is required'),\n kind: z.nativeEnum(SourceKind),\n connection: z.string().min(1, 'Server Connection is required'),\n from: z.object({\n databaseName: z.string().min(1, 'Database is required'),\n tableName: z.string().min(1, 'Table is required'),\n }),\n querySettings: QuerySettingsSchema.optional(),\n timestampValueExpression: RequiredTimestampColumnSchema,\n});\n\nconst HighlightedAttributeExpressionsSchema = z.array(\n z.object({\n sqlExpression: z.string().min(1, 'Attribute SQL Expression is required'),\n luceneExpression: z.string().optional(),\n alias: z.string().optional(),\n }),\n);\n\nconst AggregatedColumnConfigSchema = z\n .object({\n sourceColumn: z.string().optional(),\n aggFn: InternalAggregateFunctionSchema,\n mvColumn: z.string().min(1, 'Materialized View Column is required'),\n })\n .refine(\n ({ sourceColumn, aggFn }) => aggFn === 'count' || !!sourceColumn?.length,\n { message: 'Materialized View Source Column is required' },\n );\n\nexport type AggregatedColumnConfig = z.infer<\n typeof AggregatedColumnConfigSchema\n>;\n\nexport const MaterializedViewConfigurationSchema = z.object({\n databaseName: z.string().min(1, 'Materialized View Database is required'),\n tableName: z.string().min(1, 'Materialized View Table is required'),\n dimensionColumns: z.string(),\n minGranularity: SQLIntervalSchema,\n minDate: z.string().datetime().nullish(),\n timestampColumn: z\n .string()\n .min(1, 'Materialized View Timestamp column is required'),\n aggregatedColumns: z\n .array(AggregatedColumnConfigSchema)\n .min(1, 'At least one aggregated column is required'),\n});\n\nexport type MaterializedViewConfiguration = z.infer<\n typeof MaterializedViewConfigurationSchema\n>;\n\n// Log source form schema\nexport const LogSourceSchema = BaseSourceSchema.extend({\n kind: z.literal(SourceKind.Log),\n defaultTableSelectExpression: z\n .string()\n .min(1, 'Default Select Expression is required'),\n // Optional fields for logs\n serviceNameExpression: z.string().optional(),\n severityTextExpression: z.string().optional(),\n bodyExpression: z.string().optional(),\n eventAttributesExpression: z.string().optional(),\n resourceAttributesExpression: z.string().optional(),\n displayedTimestampValueExpression: z.string().optional(),\n metricSourceId: z.string().optional(),\n traceSourceId: z.string().optional(),\n traceIdExpression: z.string().optional(),\n spanIdExpression: z.string().optional(),\n implicitColumnExpression: z.string().optional(),\n uniqueRowIdExpression: z.string().optional(),\n tableFilterExpression: z.string().optional(),\n highlightedTraceAttributeExpressions:\n HighlightedAttributeExpressionsSchema.optional(),\n highlightedRowAttributeExpressions:\n HighlightedAttributeExpressionsSchema.optional(),\n materializedViews: z.array(MaterializedViewConfigurationSchema).optional(),\n orderByExpression: z.string().optional(),\n});\n\n// Trace source form schema\nexport const TraceSourceSchema = BaseSourceSchema.extend({\n kind: z.literal(SourceKind.Trace),\n defaultTableSelectExpression: z\n .string()\n .min(1, 'Default Select Expression is required'),\n\n // Required fields for traces\n durationExpression: z.string().min(1, 'Duration Expression is required'),\n durationPrecision: z.number().min(0).max(9).default(3),\n traceIdExpression: z.string().min(1, 'Trace ID Expression is required'),\n spanIdExpression: z.string().min(1, 'Span ID Expression is required'),\n parentSpanIdExpression: z\n .string()\n .min(1, 'Parent span ID expression is required'),\n spanNameExpression: z.string().min(1, 'Span Name Expression is required'),\n spanKindExpression: z.string().min(1, 'Span Kind Expression is required'),\n\n // Optional fields for traces\n logSourceId: z.string().optional().nullable(),\n sessionSourceId: z.string().optional(),\n metricSourceId: z.string().optional(),\n statusCodeExpression: z.string().optional(),\n statusMessageExpression: z.string().optional(),\n serviceNameExpression: z.string().optional(),\n resourceAttributesExpression: z.string().optional(),\n eventAttributesExpression: z.string().optional(),\n spanEventsValueExpression: z.string().optional(),\n implicitColumnExpression: z.string().optional(),\n displayedTimestampValueExpression: z.string().optional(),\n highlightedTraceAttributeExpressions:\n HighlightedAttributeExpressionsSchema.optional(),\n highlightedRowAttributeExpressions:\n HighlightedAttributeExpressionsSchema.optional(),\n materializedViews: z.array(MaterializedViewConfigurationSchema).optional(),\n orderByExpression: z.string().optional(),\n});\n\n// Session source form schema\nexport const SessionSourceSchema = BaseSourceSchema.extend({\n kind: z.literal(SourceKind.Session),\n\n // Required fields for sessions\n traceSourceId: z\n .string({ message: 'Correlated Trace Source is required' })\n .min(1, 'Correlated Trace Source is required'),\n\n // Optional fields for sessions\n resourceAttributesExpression: z.string().optional(),\n});\n\n// Metric source form schema\nexport const MetricSourceSchema = BaseSourceSchema.extend({\n kind: z.literal(SourceKind.Metric),\n // override from BaseSourceSchema\n from: z.object({\n databaseName: z.string().min(1, 'Database is required'),\n tableName: z.string(),\n }),\n\n // Metric tables - at least one should be provided\n metricTables: MetricTableSchema,\n resourceAttributesExpression: z\n .string()\n .min(1, 'Resource Attributes is required'),\n\n // Optional fields for metrics\n serviceNameExpression: z.string().optional(),\n logSourceId: z.string().optional(),\n});\n\n// Union of all source form schemas for validation\nexport const SourceSchema = z.discriminatedUnion('kind', [\n LogSourceSchema,\n TraceSourceSchema,\n SessionSourceSchema,\n MetricSourceSchema,\n]);\nexport type TSource = z.infer;\n\nexport const SourceSchemaNoId = z.discriminatedUnion('kind', [\n LogSourceSchema.omit({ id: true }),\n TraceSourceSchema.omit({ id: true }),\n SessionSourceSchema.omit({ id: true }),\n MetricSourceSchema.omit({ id: true }),\n]);\nexport type TSourceNoId = z.infer;\n\n// Per-kind source types extracted from the Zod discriminated union\nexport type TLogSource = Extract;\nexport type TTraceSource = Extract;\nexport type TSessionSource = Extract;\nexport type TMetricSource = Extract;\n\n// Type guards for narrowing TSource by kind\nexport function isLogSource(source: TSource): source is TLogSource {\n return source.kind === SourceKind.Log;\n}\nexport function isTraceSource(source: TSource): source is TTraceSource {\n return source.kind === SourceKind.Trace;\n}\nexport function isSessionSource(source: TSource): source is TSessionSource {\n return source.kind === SourceKind.Session;\n}\nexport function isMetricSource(source: TSource): source is TMetricSource {\n return source.kind === SourceKind.Metric;\n}\n\nexport const AssistantLineTableConfigSchema = z.object({\n displayType: z.enum([DisplayType.Line, DisplayType.Table]),\n markdown: z.string().optional(),\n select: z\n .array(\n z.object({\n // TODO: Change percentile to fixed functions\n aggregationFunction: AggregateFunctionSchema.describe(\n 'SQL-like function to aggregate the property by',\n ),\n property: z\n .string()\n .describe('Property or column to be aggregated (ex. Duration)'),\n condition: z\n .string()\n .optional()\n .describe(\n \"SQL filter condition to filter on ex. `SeverityText = 'error'`\",\n ),\n }),\n )\n .describe('Array of data series or columns to chart for the user'),\n groupBy: z\n .string()\n .optional()\n .describe('Group by column or properties for the chart'),\n timeRange: z\n .string()\n .default('Past 1h')\n .describe('Time range of data to query for like \"Past 1h\", \"Past 24h\"'),\n});\n\n// Base fields common to all three shapes\nconst AIBaseSchema = z.object({\n from: SelectSQLStatementSchema.shape.from,\n source: z.string(),\n connection: z.string(),\n where: SearchConditionSchema.optional(),\n whereLanguage: SearchConditionLanguageSchema,\n timestampValueExpression: z.string(),\n dateRange: z.tuple([z.string(), z.string()]), // keep as string tuple (ISO recommended)\n name: z.string().optional(),\n markdown: z.string().optional(),\n});\n\n// SEARCH\nconst AISearchQuerySchema = z\n .object({\n displayType: z.literal(DisplayType.Search),\n select: z.string(),\n groupBy: z.string().optional(),\n limit: z\n .object({\n limit: z.number().int().positive(),\n })\n .optional(),\n })\n .merge(\n AIBaseSchema.required({\n where: true,\n }),\n );\n\n// TABLE\nconst AITableQuerySchema = z\n .object({\n displayType: z.literal(DisplayType.Table),\n // Use your DerivedColumnSchema so aggFn/valueExpression/conditions are validated consistently\n select: z.array(DerivedColumnSchema).min(1),\n groupBy: z.string().optional(),\n granularity: z.union([SQLIntervalSchema, z.literal('auto')]).optional(),\n limit: LimitSchema.optional(),\n })\n .merge(AIBaseSchema);\n\n// LINE\nconst AILineQuerySchema = z\n .object({\n displayType: z.literal(DisplayType.Line),\n select: z.array(DerivedColumnSchema).min(1),\n groupBy: z.string().optional(),\n granularity: z.union([SQLIntervalSchema, z.literal('auto')]).optional(),\n limit: LimitSchema.optional(),\n })\n .merge(AIBaseSchema);\n\nexport type AILineTableResponse =\n | z.infer\n | z.infer;\n\n// Union that covers all 3 objects\nexport const AssistantResponseConfig = z.discriminatedUnion('displayType', [\n AISearchQuerySchema,\n AITableQuerySchema,\n AILineQuerySchema,\n]);\n\nexport type AssistantResponseConfigSchema = z.infer<\n typeof AssistantResponseConfig\n>;\n\n// --------------------------\n// API RESPONSE SCHEMAS\n// --------------------------\n\n// Alerts\nexport const AlertsPageItemSchema = z.object({\n _id: z.string(),\n interval: AlertIntervalSchema,\n scheduleOffsetMinutes: z.number().optional(),\n scheduleStartAt: z.union([z.string(), z.date()]).nullish(),\n threshold: z.number(),\n thresholdType: z.nativeEnum(AlertThresholdType),\n channel: z.object({ type: z.string().optional().nullable() }),\n state: z.nativeEnum(AlertState).optional(),\n source: z.nativeEnum(AlertSource).optional(),\n dashboardId: z.string().optional(),\n savedSearchId: z.string().optional(),\n tileId: z.string().optional(),\n name: z.string().nullish(),\n message: z.string().nullish(),\n createdAt: z.string(),\n updatedAt: z.string(),\n history: z.array(AlertHistorySchema),\n dashboard: z\n .object({\n _id: z.string(),\n name: z.string(),\n updatedAt: z.string(),\n tags: z.array(z.string()),\n tiles: z.array(\n z.object({\n id: z.string(),\n config: z.object({ name: z.string().optional() }),\n }),\n ),\n })\n .optional(),\n savedSearch: z\n .object({\n _id: z.string(),\n createdAt: z.string(),\n name: z.string(),\n updatedAt: z.string(),\n tags: z.array(z.string()),\n })\n .optional(),\n createdBy: z\n .object({\n email: z.string(),\n name: z.string().optional(),\n })\n .optional(),\n silenced: z\n .object({\n by: z.string(),\n at: z.string(),\n until: z.string(),\n })\n .optional(),\n});\n\nexport type AlertsPageItem = z.infer;\n\nexport const AlertsApiResponseSchema = z.object({\n data: z.array(AlertsPageItemSchema),\n});\n\nexport type AlertsApiResponse = z.infer;\n\n// Webhooks\nexport const WebhooksApiResponseSchema = z.object({\n data: z.array(WebhookSchema),\n});\n\nexport type WebhooksApiResponse = z.infer;\n\nexport const WebhookCreateApiResponseSchema = z.object({\n data: WebhookSchema,\n});\n\nexport type WebhookCreateApiResponse = z.infer<\n typeof WebhookCreateApiResponseSchema\n>;\n\nexport const WebhookUpdateApiResponseSchema = z.object({\n data: WebhookSchema,\n});\n\nexport type WebhookUpdateApiResponse = z.infer<\n typeof WebhookUpdateApiResponseSchema\n>;\n\nexport const WebhookTestApiResponseSchema = z.object({\n message: z.string(),\n});\n\nexport type WebhookTestApiResponse = z.infer<\n typeof WebhookTestApiResponseSchema\n>;\n\n// Team\nexport const TeamApiResponseSchema = z.object({\n _id: z.string(),\n allowedAuthMethods: z.array(z.literal('password')).optional(),\n apiKey: z.string(),\n name: z.string(),\n createdAt: z.string(),\n});\n\nexport type TeamApiResponse = z.infer;\n\nexport const TeamMemberSchema = z.object({\n _id: z.string(),\n email: z.string(),\n name: z.string().optional(),\n hasPasswordAuth: z.boolean(),\n isCurrentUser: z.boolean(),\n groupName: z.string().optional(),\n});\n\nexport type TeamMember = z.infer;\n\nexport const TeamMembersApiResponseSchema = z.object({\n data: z.array(TeamMemberSchema),\n});\n\nexport type TeamMembersApiResponse = z.infer<\n typeof TeamMembersApiResponseSchema\n>;\n\nexport const TeamInvitationSchema = z.object({\n _id: z.string(),\n createdAt: z.string(),\n email: z.string(),\n name: z.string().optional(),\n url: z.string(),\n});\n\nexport type TeamInvitation = z.infer;\n\nexport const TeamInvitationsApiResponseSchema = z.object({\n data: z.array(TeamInvitationSchema),\n});\n\nexport type TeamInvitationsApiResponse = z.infer<\n typeof TeamInvitationsApiResponseSchema\n>;\n\nexport const TeamTagsApiResponseSchema = z.object({\n data: z.array(z.string()),\n});\n\nexport type TeamTagsApiResponse = z.infer;\n\nexport const UpdateClickHouseSettingsApiResponseSchema =\n TeamClickHouseSettingsSchema.partial();\n\nexport type UpdateClickHouseSettingsApiResponse = z.infer<\n typeof UpdateClickHouseSettingsApiResponseSchema\n>;\n\nexport const RotateApiKeyApiResponseSchema = z.object({\n newApiKey: z.string(),\n});\n\nexport type RotateApiKeyApiResponse = z.infer<\n typeof RotateApiKeyApiResponseSchema\n>;\n\n// Installation\nexport const InstallationApiResponseSchema = z.object({\n isTeamExisting: z.boolean(),\n});\n\nexport type InstallationApiResponse = z.infer<\n typeof InstallationApiResponseSchema\n>;\n\n// Me\nexport const MeApiResponseSchema = z.object({\n accessKey: z.string(),\n createdAt: z.string(),\n email: z.string(),\n id: z.string(),\n name: z.string(),\n team: TeamSchema.pick({\n id: true,\n name: true,\n allowedAuthMethods: true,\n apiKey: true,\n }).merge(TeamClickHouseSettingsSchema),\n usageStatsEnabled: z.boolean(),\n aiAssistantEnabled: z.boolean(),\n});\n\nexport type MeApiResponse = z.infer;\n" }, { "path": "packages/common-utils/src/validation.ts", "content": "function extractDomainFromUrl(url: string): string {\n const hostname = new URL(url).hostname;\n const parts = hostname.split('.');\n return parts.length >= 2 ? parts.slice(-2).join('.') : hostname;\n}\n\nexport function isValidUrl(url: string): boolean {\n try {\n new URL(url);\n return true;\n } catch {\n return false;\n }\n}\n\nexport function isValidSlackUrl(url: string): boolean {\n return isValidUrl(url) && extractDomainFromUrl(url) === 'slack.com';\n}\n" }, { "path": "packages/common-utils/tsconfig.json", "content": "{\n \"extends\": \"../../tsconfig.base.json\",\n \"compilerOptions\": {\n \"declarationMap\": true,\n \"baseUrl\": \"./src\",\n \"paths\": {\n \"@/*\": [\"./*\"]\n },\n \"declaration\": true,\n \"outDir\": \"dist\"\n },\n \"include\": [\"src\"],\n \"exclude\": [\"node_modules\"]\n}\n" }, { "path": "packages/common-utils/tsup.config.ts", "content": "import type { Options } from 'tsup';\n\nexport const tsup: Options = {\n splitting: true,\n clean: true, // clean up the dist folder\n dts: true, // generate dts files\n format: ['cjs', 'esm'], // generate cjs and esm files\n minify: true,\n bundle: true,\n skipNodeModulesBundle: true,\n outDir: 'dist',\n entry: ['src/**/*.ts', '!src/__tests__/**', '!src/**/*.test.*'],\n};\n" }, { "path": "packages/otel-collector/CHANGELOG.md", "content": "# @hyperdx/otel-collector\n\n## 2.22.0\n\n## 2.21.0\n\n### Patch Changes\n\n- 53a4b672: chore: update otel collector base image to 0.147.0\n\n## 2.20.0\n\n## 2.19.0\n\n### Patch Changes\n\n- 2c306b69: fix: support tcp with TLS (tcps/tls schemes) and ?secure=true query param in otelcol migrator\n\n## 2.18.0\n\n### Minor Changes\n\n- 4c42fdc3: fix: improve log level extraction with word boundaries in regex\n\n### Patch Changes\n\n- 36da6ff4: chore: bump base alpine 3.23 to address CVE-2025-15467\n\n## 2.17.0\n\n### Patch Changes\n\n- 18c2b375: fix: Fallback to legacy schema when CH JSON feature gate is on\n- 629fb52e: feat: introduce HYPERDX_OTEL_EXPORTER_TABLES_TTL to support custom TTL configuration\n- baf18da4: feat: add TLS support for OTel collector migration script\n- baf18da4: chore: bump otel collector version to v0.136.0\n- 18c2b375: fix: support OTEL_AGENT_FEATURE_GATE_ARG in opamp-less mode\n\n## 2.16.0\n\n## 2.15.1\n\n### Patch Changes\n\n- 3dae0e01: fix: copy otel-collector schema directory to AIO image\n\n## 2.15.0\n\n### Minor Changes\n\n- 6f4c8efb: feat: Enforce ClickStack schemas by default\n\n### Patch Changes\n\n- c2a61933: feat: add OTLP auth token support for standalone mode\n- 683ec1a8: fix: add TLS parameters for https ClickHouse endpoints in goose DB string\n\n## 2.14.0\n\n### Patch Changes\n\n- 43de4678: feat: allow otel-collector to run without OpAMP server\n" }, { "path": "packages/otel-collector/cmd/migrate/main.go", "content": "// Package main provides a CLI tool for running ClickHouse schema seed using\n// goose without version tracking (WithNoVersioning). Seed SQL files are\n// re-applied on every run, so they MUST be idempotent (e.g. CREATE TABLE IF\n// NOT EXISTS). See docker/otel-collector/schema/seed/ for the SQL files.\npackage main\n\nimport (\n\t\"context\"\n\t\"crypto/tls\"\n\t\"crypto/x509\"\n\t\"database/sql\"\n\t\"fmt\"\n\t\"log\"\n\t\"net/url\"\n\t\"os\"\n\t\"path/filepath\"\n\t\"sort\"\n\t\"strconv\"\n\t\"strings\"\n\t\"time\"\n\n\t\"github.com/ClickHouse/clickhouse-go/v2\"\n\t\"github.com/pressly/goose/v3\"\n)\n\n\n// Config holds all configuration for the migration tool\ntype Config struct {\n\t// ClickHouse connection settings\n\tEndpoint string\n\tUser string\n\tPassword string\n\tDatabase string\n\n\t// Table TTL (Go duration string, e.g. \"720h\")\n\tTablesTTL string\n\n\t// TLS settings\n\tTLSCAFile string\n\tTLSCertFile string\n\tTLSKeyFile string\n\tTLSServerNameOverride string\n\tTLSInsecureSkipVerify bool\n\n\t// Migration settings\n\tSchemaDir string\n\tMaxRetries int\n}\n\n// loadConfig reads configuration from environment variables and CLI arguments\nfunc loadConfig() (*Config, error) {\n\tcfg := &Config{\n\t\tEndpoint: getEnv(\"CLICKHOUSE_ENDPOINT\", \"tcp://localhost:9000\"),\n\t\tUser: getEnv(\"CLICKHOUSE_USER\", \"default\"),\n\t\tPassword: getEnv(\"CLICKHOUSE_PASSWORD\", \"\"),\n\t\tDatabase: getEnv(\"HYPERDX_OTEL_EXPORTER_CLICKHOUSE_DATABASE\", \"default\"),\n\t\tTablesTTL: getEnv(\"HYPERDX_OTEL_EXPORTER_TABLES_TTL\", \"720h\"),\n\t\tTLSCAFile: getEnv(\"CLICKHOUSE_TLS_CA_FILE\", \"\"),\n\t\tTLSCertFile: getEnv(\"CLICKHOUSE_TLS_CERT_FILE\", \"\"),\n\t\tTLSKeyFile: getEnv(\"CLICKHOUSE_TLS_KEY_FILE\", \"\"),\n\t\tTLSServerNameOverride: getEnv(\"CLICKHOUSE_TLS_SERVER_NAME_OVERRIDE\", \"\"),\n\t\tTLSInsecureSkipVerify: getEnv(\"CLICKHOUSE_TLS_INSECURE_SKIP_VERIFY\", \"\") == \"true\",\n\t\tMaxRetries: 5,\n\t}\n\n\t// Get schema directory from CLI argument\n\tif len(os.Args) < 2 {\n\t\treturn nil, fmt.Errorf(\"usage: %s \", os.Args[0])\n\t}\n\tcfg.SchemaDir = os.Args[1]\n\n\t// Validate schema directory exists\n\tif _, err := os.Stat(cfg.SchemaDir); os.IsNotExist(err) {\n\t\treturn nil, fmt.Errorf(\"schema directory does not exist: %s\", cfg.SchemaDir)\n\t}\n\n\treturn cfg, nil\n}\n\n// getEnv returns environment variable value or default if not set\nfunc getEnv(key, defaultValue string) string {\n\tif value := os.Getenv(key); value != \"\" {\n\t\treturn value\n\t}\n\treturn defaultValue\n}\n\n// parseTLSConfig creates a TLS configuration from the provided settings\nfunc parseTLSConfig(cfg *Config) (*tls.Config, error) {\n\ttlsConfig := &tls.Config{\n\t\tInsecureSkipVerify: cfg.TLSInsecureSkipVerify,\n\t}\n\n\t// Set server name override if provided\n\tif cfg.TLSServerNameOverride != \"\" {\n\t\ttlsConfig.ServerName = cfg.TLSServerNameOverride\n\t}\n\n\t// Load CA certificate if provided\n\tif cfg.TLSCAFile != \"\" {\n\t\tcaCert, err := os.ReadFile(cfg.TLSCAFile)\n\t\tif err != nil {\n\t\t\treturn nil, fmt.Errorf(\"failed to read CA certificate file: %w\", err)\n\t\t}\n\t\tcaCertPool := x509.NewCertPool()\n\t\tif !caCertPool.AppendCertsFromPEM(caCert) {\n\t\t\treturn nil, fmt.Errorf(\"failed to parse CA certificate\")\n\t\t}\n\t\ttlsConfig.RootCAs = caCertPool\n\t}\n\n\t// Load client certificate and key if both are provided\n\tif cfg.TLSCertFile != \"\" && cfg.TLSKeyFile != \"\" {\n\t\tcert, err := tls.LoadX509KeyPair(cfg.TLSCertFile, cfg.TLSKeyFile)\n\t\tif err != nil {\n\t\t\treturn nil, fmt.Errorf(\"failed to load client certificate: %w\", err)\n\t\t}\n\t\ttlsConfig.Certificates = []tls.Certificate{cert}\n\t}\n\n\treturn tlsConfig, nil\n}\n\n// parseEndpoint parses the CLICKHOUSE_ENDPOINT and returns connection options\nfunc parseEndpoint(endpoint string) (protocol string, host string, port string, secure bool, err error) {\n\t// Default values\n\tprotocol = \"native\"\n\tport = \"9000\"\n\tsecure = false\n\n\t// Parse the URL\n\tif !strings.Contains(endpoint, \"://\") {\n\t\tendpoint = \"tcp://\" + endpoint\n\t}\n\n\tu, err := url.Parse(endpoint)\n\tif err != nil {\n\t\treturn \"\", \"\", \"\", false, fmt.Errorf(\"failed to parse endpoint: %w\", err)\n\t}\n\n\thost = u.Hostname()\n\tif u.Port() != \"\" {\n\t\tport = u.Port()\n\t}\n\n\tswitch u.Scheme {\n\tcase \"tcp\", \"clickhouse\":\n\t\tprotocol = \"native\"\n\t\tport = getOrDefault(u.Port(), \"9000\")\n\tcase \"tcps\", \"tls\":\n\t\tprotocol = \"native\"\n\t\tport = getOrDefault(u.Port(), \"9440\")\n\t\tsecure = true\n\tcase \"http\":\n\t\tprotocol = \"http\"\n\t\tport = getOrDefault(u.Port(), \"8123\")\n\tcase \"https\":\n\t\tprotocol = \"http\"\n\t\tport = getOrDefault(u.Port(), \"8443\")\n\t\tsecure = true\n\tdefault:\n\t\treturn \"\", \"\", \"\", false, fmt.Errorf(\"unsupported protocol scheme: %s (supported: tcp, clickhouse, tcps, tls, http, https)\", u.Scheme)\n\t}\n\n\t// Allow ?secure=true query parameter to override TLS setting\n\tif strings.EqualFold(u.Query().Get(\"secure\"), \"true\") {\n\t\tsecure = true\n\t}\n\n\treturn protocol, host, port, secure, nil\n}\n\nfunc getOrDefault(value, defaultValue string) string {\n\tif value == \"\" {\n\t\treturn defaultValue\n\t}\n\treturn value\n}\n\n// createClickHouseDB creates a database connection to ClickHouse\nfunc createClickHouseDB(cfg *Config) (*sql.DB, error) {\n\tprotocol, host, port, secure, err := parseEndpoint(cfg.Endpoint)\n\tif err != nil {\n\t\treturn nil, err\n\t}\n\n\t// Build connection options\n\t// Note: Connection pool settings (MaxOpenConns, MaxIdleConns, ConnMaxLifetime)\n\t// must be set on the *sql.DB object, not in clickhouse.Options when using OpenDB()\n\topts := &clickhouse.Options{\n\t\tAddr: []string{fmt.Sprintf(\"%s:%s\", host, port)},\n\t\tAuth: clickhouse.Auth{\n\t\t\tUsername: cfg.User,\n\t\t\tPassword: cfg.Password,\n\t\t},\n\t\tProtocol: clickhouse.Native,\n\t\tSettings: clickhouse.Settings{\n\t\t\t\"max_execution_time\": 60,\n\t\t},\n\t\tCompression: &clickhouse.Compression{\n\t\t\tMethod: clickhouse.CompressionLZ4,\n\t\t},\n\t\tDialTimeout: 30 * time.Second,\n\t\tConnOpenStrategy: clickhouse.ConnOpenInOrder,\n\t}\n\n\t// Set protocol\n\tif protocol == \"http\" {\n\t\topts.Protocol = clickhouse.HTTP\n\t}\n\n\t// Configure TLS if needed\n\tif secure || cfg.TLSCAFile != \"\" || cfg.TLSCertFile != \"\" {\n\t\ttlsConfig, err := parseTLSConfig(cfg)\n\t\tif err != nil {\n\t\t\treturn nil, fmt.Errorf(\"failed to create TLS config: %w\", err)\n\t\t}\n\t\topts.TLS = tlsConfig\n\t}\n\n\t// Open connection using database/sql interface (required for goose)\n\tdb := clickhouse.OpenDB(opts)\n\n\t// Set connection pool settings on the *sql.DB object\n\tdb.SetMaxOpenConns(5)\n\tdb.SetMaxIdleConns(5)\n\tdb.SetConnMaxLifetime(10 * time.Minute)\n\n\treturn db, nil\n}\n\n// parseTTLDuration parses a duration string that supports days (\"30d\") in\n// addition to the standard Go duration format (\"720h\", \"90m\", \"3600s\").\nfunc parseTTLDuration(s string) (time.Duration, error) {\n\t// Handle \"d\" suffix (days) which Go's time.ParseDuration doesn't support\n\tif strings.HasSuffix(s, \"d\") {\n\t\tdays, err := strconv.Atoi(strings.TrimSuffix(s, \"d\"))\n\t\tif err != nil {\n\t\t\treturn 0, fmt.Errorf(\"invalid duration %q: %w\", s, err)\n\t\t}\n\t\treturn time.Duration(days) * 24 * time.Hour, nil\n\t}\n\treturn time.ParseDuration(s)\n}\n\n// ttlToClickHouseInterval converts a duration string (e.g. \"30d\", \"720h\",\n// \"90m\") to a ClickHouse interval expression, following the same approach as\n// the upstream otel-collector-contrib ClickHouse exporter's GenerateTTLExpr.\nfunc ttlToClickHouseInterval(ttl string) (string, error) {\n\td, err := parseTTLDuration(ttl)\n\tif err != nil {\n\t\treturn \"\", fmt.Errorf(\"invalid TTL duration %q: %w\", ttl, err)\n\t}\n\tif d <= 0 {\n\t\treturn \"\", fmt.Errorf(\"TTL must be positive, got %q\", ttl)\n\t}\n\tswitch {\n\tcase d%(24*time.Hour) == 0:\n\t\treturn fmt.Sprintf(\"toIntervalDay(%d)\", d/(24*time.Hour)), nil\n\tcase d%time.Hour == 0:\n\t\treturn fmt.Sprintf(\"toIntervalHour(%d)\", d/time.Hour), nil\n\tcase d%time.Minute == 0:\n\t\treturn fmt.Sprintf(\"toIntervalMinute(%d)\", d/time.Minute), nil\n\tdefault:\n\t\treturn fmt.Sprintf(\"toIntervalSecond(%d)\", d/time.Second), nil\n\t}\n}\n\n// processSchemaDir creates a temporary directory with SQL files that have\n// the ${DATABASE} and ${TABLES_TTL} macros replaced with actual values\nfunc processSchemaDir(schemaDir, database, tablesTTLExpr string) (string, error) {\n\ttempDir, err := os.MkdirTemp(\"\", \"schema-*\")\n\tif err != nil {\n\t\treturn \"\", fmt.Errorf(\"failed to create temp directory: %w\", err)\n\t}\n\n\t// Walk through the schema directory and process SQL files\n\terr = filepath.Walk(schemaDir, func(path string, info os.FileInfo, err error) error {\n\t\tif err != nil {\n\t\t\treturn err\n\t\t}\n\n\t\t// Get relative path from schema directory\n\t\trelPath, err := filepath.Rel(schemaDir, path)\n\t\tif err != nil {\n\t\t\treturn err\n\t\t}\n\n\t\tdestPath := filepath.Join(tempDir, relPath)\n\n\t\tif info.IsDir() {\n\t\t\treturn os.MkdirAll(destPath, 0755)\n\t\t}\n\n\t\t// Read the file\n\t\tcontent, err := os.ReadFile(path)\n\t\tif err != nil {\n\t\t\treturn fmt.Errorf(\"failed to read file %s: %w\", path, err)\n\t\t}\n\n\t\t// Replace macros with actual values\n\t\tprocessedContent := strings.ReplaceAll(string(content), \"${DATABASE}\", database)\n\t\tprocessedContent = strings.ReplaceAll(processedContent, \"${TABLES_TTL}\", tablesTTLExpr)\n\n\t\t// Write processed content to temp directory\n\t\tif err := os.WriteFile(destPath, []byte(processedContent), 0644); err != nil {\n\t\t\treturn fmt.Errorf(\"failed to write file %s: %w\", destPath, err)\n\t\t}\n\n\t\treturn nil\n\t})\n\n\tif err != nil {\n\t\tos.RemoveAll(tempDir)\n\t\treturn \"\", fmt.Errorf(\"failed to process schema directory: %w\", err)\n\t}\n\n\treturn tempDir, nil\n}\n\n\n// runMigrationWithRetry runs goose seed with exponential backoff retry\nfunc runMigrationWithRetry(ctx context.Context, db *sql.DB, migrationsDir string, maxRetries int) error {\n\tvar lastErr error\n\tretryDelay := time.Second\n\n\tfor attempt := 1; attempt <= maxRetries; attempt++ {\n\t\t// Set dialect to clickhouse\n\t\tif err := goose.SetDialect(\"clickhouse\"); err != nil {\n\t\t\treturn fmt.Errorf(\"failed to set goose dialect: %w\", err)\n\t\t}\n\n\t\t// Run the migrations with no versioning to avoid ClickHouse transaction\n\t\t// issues with goose's version table. All migration SQL files must be\n\t\t// idempotent (e.g. CREATE TABLE IF NOT EXISTS).\n\t\tif err := goose.UpContext(ctx, db, migrationsDir, goose.WithNoVersioning()); err != nil {\n\t\t\tlastErr = err\n\t\t\tif attempt < maxRetries {\n\t\t\t\tlog.Printf(\"RETRY: Seed failed, retrying in %v... (attempt %d/%d): %v\",\n\t\t\t\t\tretryDelay, attempt, maxRetries, err)\n\t\t\t\ttime.Sleep(retryDelay)\n\t\t\t\tretryDelay *= 2 // Exponential backoff\n\t\t\t\tcontinue\n\t\t\t}\n\t\t} else {\n\t\t\treturn nil // Success\n\t\t}\n\t}\n\n\treturn fmt.Errorf(\"seed failed after %d attempts: %w\", maxRetries, lastErr)\n}\n\n// listSQLFiles lists all SQL files in a directory for logging purposes\nfunc listSQLFiles(dir string) ([]string, error) {\n\tentries, err := os.ReadDir(dir)\n\tif err != nil {\n\t\treturn nil, err\n\t}\n\n\tvar files []string\n\tfor _, entry := range entries {\n\t\tif !entry.IsDir() && strings.HasSuffix(entry.Name(), \".sql\") {\n\t\t\tfiles = append(files, entry.Name())\n\t\t}\n\t}\n\tsort.Strings(files)\n\treturn files, nil\n}\n\nfunc main() {\n\tlog.SetFlags(log.Ltime | log.Lmsgprefix)\n\tlog.SetPrefix(\"[seed] \")\n\n\t// Load configuration\n\tcfg, err := loadConfig()\n\tif err != nil {\n\t\tlog.Fatalf(\"Configuration error: %v\", err)\n\t}\n\n\tlog.Println(\"========================================\")\n\tlog.Println(\"Running ClickHouse schema seed...\")\n\tlog.Println(\"========================================\")\n\tlog.Printf(\"Target database: %s\", cfg.Database)\n\tlog.Printf(\"Schema directory: %s\", cfg.SchemaDir)\n\n\t// Create database connection\n\tdb, err := createClickHouseDB(cfg)\n\tif err != nil {\n\t\tlog.Fatalf(\"Failed to create database connection: %v\", err)\n\t}\n\tdefer db.Close()\n\n\t// Test connection\n\tctx := context.Background()\n\tif err := db.PingContext(ctx); err != nil {\n\t\tlog.Fatalf(\"Failed to connect to ClickHouse: %v\", err)\n\t}\n\tlog.Println(\"Successfully connected to ClickHouse\")\n\n\t// Parse tables TTL\n\ttablesTTLExpr, err := ttlToClickHouseInterval(cfg.TablesTTL)\n\tif err != nil {\n\t\tlog.Fatalf(\"Invalid HYPERDX_OTEL_EXPORTER_TABLES_TTL: %v\", err)\n\t}\n\tlog.Printf(\"Tables TTL: %s (%s)\", cfg.TablesTTL, tablesTTLExpr)\n\n\t// Process schema directory (replace ${DATABASE} and ${TABLES_TTL} macros)\n\tlog.Printf(\"Preparing SQL files with database: %s\", cfg.Database)\n\ttempDir, err := processSchemaDir(cfg.SchemaDir, cfg.Database, tablesTTLExpr)\n\tif err != nil {\n\t\tlog.Fatalf(\"Failed to process schema directory: %v\", err)\n\t}\n\tdefer os.RemoveAll(tempDir)\n\n\t// List SQL files\n\tsqlFiles, err := listSQLFiles(tempDir)\n\tif err != nil {\n\t\tlog.Printf(\"WARNING: Failed to list SQL files: %v\", err)\n\t} else {\n\t\tfor _, f := range sqlFiles {\n\t\t\tlog.Printf(\" - %s\", f)\n\t\t}\n\t}\n\n\t// Run seed with retry\n\tif err := runMigrationWithRetry(ctx, db, tempDir, cfg.MaxRetries); err != nil {\n\t\tlog.Printf(\"ERROR: Schema seed failed after %d attempts: %v\", cfg.MaxRetries, err)\n\t\tlog.Println(\"========================================\")\n\t\tos.Exit(1)\n\t}\n\n\tlog.Println(\"========================================\")\n\tlog.Println(\"Schema seed completed successfully\")\n\tlog.Println(\"========================================\")\n}\n" }, { "path": "packages/otel-collector/cmd/migrate/main_test.go", "content": "package main\n\nimport (\n\t\"crypto/ecdsa\"\n\t\"crypto/elliptic\"\n\t\"crypto/rand\"\n\t\"crypto/x509\"\n\t\"crypto/x509/pkix\"\n\t\"encoding/pem\"\n\t\"math/big\"\n\t\"os\"\n\t\"path/filepath\"\n\t\"strings\"\n\t\"testing\"\n\t\"time\"\n)\n\n// ---------------------------------------------------------------------------\n// getEnv / getOrDefault\n// ---------------------------------------------------------------------------\n\nfunc TestGetEnv(t *testing.T) {\n\tconst key = \"TEST_GETENV_KEY_MIGRATE\"\n\n\t// Returns default when env var is unset\n\tgot := getEnv(key, \"fallback\")\n\tif got != \"fallback\" {\n\t\tt.Errorf(\"getEnv unset: got %q, want %q\", got, \"fallback\")\n\t}\n\n\t// Returns value when env var is set\n\tt.Setenv(key, \"custom\")\n\tgot = getEnv(key, \"fallback\")\n\tif got != \"custom\" {\n\t\tt.Errorf(\"getEnv set: got %q, want %q\", got, \"custom\")\n\t}\n\n\t// Treats empty string the same as unset (returns default)\n\tt.Setenv(key, \"\")\n\tgot = getEnv(key, \"fallback\")\n\tif got != \"fallback\" {\n\t\tt.Errorf(\"getEnv empty: got %q, want %q\", got, \"fallback\")\n\t}\n}\n\nfunc TestGetOrDefault(t *testing.T) {\n\tif got := getOrDefault(\"\", \"def\"); got != \"def\" {\n\t\tt.Errorf(\"getOrDefault empty: got %q, want %q\", got, \"def\")\n\t}\n\tif got := getOrDefault(\"val\", \"def\"); got != \"val\" {\n\t\tt.Errorf(\"getOrDefault non-empty: got %q, want %q\", got, \"val\")\n\t}\n}\n\n// ---------------------------------------------------------------------------\n// loadConfig\n// ---------------------------------------------------------------------------\n\nfunc TestLoadConfig(t *testing.T) {\n\t// Save and restore os.Args\n\torigArgs := os.Args\n\tt.Cleanup(func() { os.Args = origArgs })\n\n\tt.Run(\"missing schema dir arg\", func(t *testing.T) {\n\t\tos.Args = []string{\"migrate\"}\n\t\t_, err := loadConfig()\n\t\tif err == nil {\n\t\t\tt.Fatal(\"expected error when no schema dir argument\")\n\t\t}\n\t\tif !strings.Contains(err.Error(), \"usage:\") {\n\t\t\tt.Errorf(\"expected usage message, got: %v\", err)\n\t\t}\n\t})\n\n\tt.Run(\"nonexistent schema dir\", func(t *testing.T) {\n\t\tos.Args = []string{\"migrate\", \"/nonexistent/path/schema\"}\n\t\t_, err := loadConfig()\n\t\tif err == nil {\n\t\t\tt.Fatal(\"expected error for nonexistent schema dir\")\n\t\t}\n\t\tif !strings.Contains(err.Error(), \"does not exist\") {\n\t\t\tt.Errorf(\"expected 'does not exist' error, got: %v\", err)\n\t\t}\n\t})\n\n\tt.Run(\"valid config with defaults\", func(t *testing.T) {\n\t\tdir := t.TempDir()\n\t\tos.Args = []string{\"migrate\", dir}\n\n\t\tcfg, err := loadConfig()\n\t\tif err != nil {\n\t\t\tt.Fatalf(\"unexpected error: %v\", err)\n\t\t}\n\t\tif cfg.Endpoint != \"tcp://localhost:9000\" {\n\t\t\tt.Errorf(\"Endpoint: got %q, want default\", cfg.Endpoint)\n\t\t}\n\t\tif cfg.User != \"default\" {\n\t\t\tt.Errorf(\"User: got %q, want %q\", cfg.User, \"default\")\n\t\t}\n\t\tif cfg.Database != \"default\" {\n\t\t\tt.Errorf(\"Database: got %q, want %q\", cfg.Database, \"default\")\n\t\t}\n\t\tif cfg.TablesTTL != \"720h\" {\n\t\t\tt.Errorf(\"TablesTTL: got %q, want %q\", cfg.TablesTTL, \"720h\")\n\t\t}\n\t\tif cfg.SchemaDir != dir {\n\t\t\tt.Errorf(\"SchemaDir: got %q, want %q\", cfg.SchemaDir, dir)\n\t\t}\n\t\tif cfg.TLSInsecureSkipVerify {\n\t\t\tt.Error(\"TLSInsecureSkipVerify should default to false\")\n\t\t}\n\t})\n\n\tt.Run(\"env var overrides\", func(t *testing.T) {\n\t\tdir := t.TempDir()\n\t\tos.Args = []string{\"migrate\", dir}\n\t\tt.Setenv(\"CLICKHOUSE_ENDPOINT\", \"https://ch.example.com:8443\")\n\t\tt.Setenv(\"CLICKHOUSE_USER\", \"admin\")\n\t\tt.Setenv(\"CLICKHOUSE_PASSWORD\", \"secret\")\n\t\tt.Setenv(\"HYPERDX_OTEL_EXPORTER_CLICKHOUSE_DATABASE\", \"mydb\")\n\t\tt.Setenv(\"HYPERDX_OTEL_EXPORTER_TABLES_TTL\", \"7d\")\n\t\tt.Setenv(\"CLICKHOUSE_TLS_INSECURE_SKIP_VERIFY\", \"true\")\n\n\t\tcfg, err := loadConfig()\n\t\tif err != nil {\n\t\t\tt.Fatalf(\"unexpected error: %v\", err)\n\t\t}\n\t\tif cfg.Endpoint != \"https://ch.example.com:8443\" {\n\t\t\tt.Errorf(\"Endpoint: got %q\", cfg.Endpoint)\n\t\t}\n\t\tif cfg.User != \"admin\" {\n\t\t\tt.Errorf(\"User: got %q\", cfg.User)\n\t\t}\n\t\tif cfg.Password != \"secret\" {\n\t\t\tt.Errorf(\"Password: got %q\", cfg.Password)\n\t\t}\n\t\tif cfg.Database != \"mydb\" {\n\t\t\tt.Errorf(\"Database: got %q\", cfg.Database)\n\t\t}\n\t\tif cfg.TablesTTL != \"7d\" {\n\t\t\tt.Errorf(\"TablesTTL: got %q\", cfg.TablesTTL)\n\t\t}\n\t\tif !cfg.TLSInsecureSkipVerify {\n\t\t\tt.Error(\"TLSInsecureSkipVerify should be true\")\n\t\t}\n\t})\n}\n\n// ---------------------------------------------------------------------------\n// parseEndpoint\n// ---------------------------------------------------------------------------\n\nfunc TestParseEndpoint(t *testing.T) {\n\ttests := []struct {\n\t\tname string\n\t\tinput string\n\t\tprotocol string\n\t\thost string\n\t\tport string\n\t\tsecure bool\n\t\twantErr bool\n\t}{\n\t\t{\n\t\t\tname: \"tcp with port\",\n\t\t\tinput: \"tcp://localhost:9000\",\n\t\t\tprotocol: \"native\", host: \"localhost\", port: \"9000\", secure: false,\n\t\t},\n\t\t{\n\t\t\tname: \"tcp default port\",\n\t\t\tinput: \"tcp://clickhouse\",\n\t\t\tprotocol: \"native\", host: \"clickhouse\", port: \"9000\", secure: false,\n\t\t},\n\t\t{\n\t\t\tname: \"http with port\",\n\t\t\tinput: \"http://clickhouse:8123\",\n\t\t\tprotocol: \"http\", host: \"clickhouse\", port: \"8123\", secure: false,\n\t\t},\n\t\t{\n\t\t\tname: \"http default port\",\n\t\t\tinput: \"http://clickhouse\",\n\t\t\tprotocol: \"http\", host: \"clickhouse\", port: \"8123\", secure: false,\n\t\t},\n\t\t{\n\t\t\tname: \"https with port\",\n\t\t\tinput: \"https://clickhouse:9443\",\n\t\t\tprotocol: \"http\", host: \"clickhouse\", port: \"9443\", secure: true,\n\t\t},\n\t\t{\n\t\t\tname: \"https default port\",\n\t\t\tinput: \"https://clickhouse.example.com\",\n\t\t\tprotocol: \"http\", host: \"clickhouse.example.com\", port: \"8443\", secure: true,\n\t\t},\n\t\t{\n\t\t\tname: \"clickhouse scheme with port\",\n\t\t\tinput: \"clickhouse://ch.example.com:9000\",\n\t\t\tprotocol: \"native\", host: \"ch.example.com\", port: \"9000\", secure: false,\n\t\t},\n\t\t{\n\t\t\tname: \"clickhouse scheme default port\",\n\t\t\tinput: \"clickhouse://ch.example.com\",\n\t\t\tprotocol: \"native\", host: \"ch.example.com\", port: \"9000\", secure: false,\n\t\t},\n\t\t{\n\t\t\tname: \"tcps scheme with port\",\n\t\t\tinput: \"tcps://ch.example.com:9440\",\n\t\t\tprotocol: \"native\", host: \"ch.example.com\", port: \"9440\", secure: true,\n\t\t},\n\t\t{\n\t\t\tname: \"tcps scheme default port\",\n\t\t\tinput: \"tcps://ch.example.com\",\n\t\t\tprotocol: \"native\", host: \"ch.example.com\", port: \"9440\", secure: true,\n\t\t},\n\t\t{\n\t\t\tname: \"tcps scheme custom port\",\n\t\t\tinput: \"tcps://ch.example.com:19440\",\n\t\t\tprotocol: \"native\", host: \"ch.example.com\", port: \"19440\", secure: true,\n\t\t},\n\t\t{\n\t\t\tname: \"tls scheme with port\",\n\t\t\tinput: \"tls://ch.example.com:9440\",\n\t\t\tprotocol: \"native\", host: \"ch.example.com\", port: \"9440\", secure: true,\n\t\t},\n\t\t{\n\t\t\tname: \"tls scheme default port\",\n\t\t\tinput: \"tls://ch.example.com\",\n\t\t\tprotocol: \"native\", host: \"ch.example.com\", port: \"9440\", secure: true,\n\t\t},\n\t\t{\n\t\t\tname: \"tcp with secure query param\",\n\t\t\tinput: \"tcp://hostname:9440?secure=true\",\n\t\t\tprotocol: \"native\", host: \"hostname\", port: \"9440\", secure: true,\n\t\t},\n\t\t{\n\t\t\tname: \"http with secure query param\",\n\t\t\tinput: \"http://hostname:8443?secure=true\",\n\t\t\tprotocol: \"http\", host: \"hostname\", port: \"8443\", secure: true,\n\t\t},\n\t\t{\n\t\t\tname: \"secure query param false is no-op\",\n\t\t\tinput: \"tcp://hostname:9000?secure=false\",\n\t\t\tprotocol: \"native\", host: \"hostname\", port: \"9000\", secure: false,\n\t\t},\n\t\t{\n\t\t\tname: \"no scheme defaults to tcp\",\n\t\t\tinput: \"clickhouse:9000\",\n\t\t\tprotocol: \"native\", host: \"clickhouse\", port: \"9000\", secure: false,\n\t\t},\n\t\t{\n\t\t\tname: \"unsupported scheme\",\n\t\t\tinput: \"ftp://clickhouse:21\",\n\t\t\twantErr: true,\n\t\t},\n\t}\n\n\tfor _, tt := range tests {\n\t\tt.Run(tt.name, func(t *testing.T) {\n\t\t\tproto, host, port, secure, err := parseEndpoint(tt.input)\n\t\t\tif tt.wantErr {\n\t\t\t\tif err == nil {\n\t\t\t\t\tt.Errorf(\"parseEndpoint(%q) expected error\", tt.input)\n\t\t\t\t}\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif err != nil {\n\t\t\t\tt.Fatalf(\"parseEndpoint(%q) unexpected error: %v\", tt.input, err)\n\t\t\t}\n\t\t\tif proto != tt.protocol {\n\t\t\t\tt.Errorf(\"protocol: got %q, want %q\", proto, tt.protocol)\n\t\t\t}\n\t\t\tif host != tt.host {\n\t\t\t\tt.Errorf(\"host: got %q, want %q\", host, tt.host)\n\t\t\t}\n\t\t\tif port != tt.port {\n\t\t\t\tt.Errorf(\"port: got %q, want %q\", port, tt.port)\n\t\t\t}\n\t\t\tif secure != tt.secure {\n\t\t\t\tt.Errorf(\"secure: got %v, want %v\", secure, tt.secure)\n\t\t\t}\n\t\t})\n\t}\n}\n\n// ---------------------------------------------------------------------------\n// parseTLSConfig\n// ---------------------------------------------------------------------------\n\n// helper: generate a self-signed CA + leaf cert/key pair on disk.\nfunc generateTestCerts(t *testing.T, dir string) (caFile, certFile, keyFile string) {\n\tt.Helper()\n\n\t// CA key & cert\n\tcaKey, err := ecdsa.GenerateKey(elliptic.P256(), rand.Reader)\n\tif err != nil {\n\t\tt.Fatal(err)\n\t}\n\tcaTemplate := &x509.Certificate{\n\t\tSerialNumber: big.NewInt(1),\n\t\tSubject: pkix.Name{CommonName: \"test-ca\"},\n\t\tNotBefore: time.Now(),\n\t\tNotAfter: time.Now().Add(time.Hour),\n\t\tIsCA: true,\n\t\tKeyUsage: x509.KeyUsageCertSign,\n\t\tBasicConstraintsValid: true,\n\t}\n\tcaDER, err := x509.CreateCertificate(rand.Reader, caTemplate, caTemplate, &caKey.PublicKey, caKey)\n\tif err != nil {\n\t\tt.Fatal(err)\n\t}\n\tcaFile = filepath.Join(dir, \"ca.pem\")\n\tif err := os.WriteFile(caFile, pem.EncodeToMemory(&pem.Block{Type: \"CERTIFICATE\", Bytes: caDER}), 0644); err != nil {\n\t\tt.Fatal(err)\n\t}\n\n\t// Leaf key & cert (signed by CA)\n\tleafKey, err := ecdsa.GenerateKey(elliptic.P256(), rand.Reader)\n\tif err != nil {\n\t\tt.Fatal(err)\n\t}\n\tleafTemplate := &x509.Certificate{\n\t\tSerialNumber: big.NewInt(2),\n\t\tSubject: pkix.Name{CommonName: \"test-leaf\"},\n\t\tNotBefore: time.Now(),\n\t\tNotAfter: time.Now().Add(time.Hour),\n\t\tKeyUsage: x509.KeyUsageDigitalSignature,\n\t}\n\tleafDER, err := x509.CreateCertificate(rand.Reader, leafTemplate, caTemplate, &leafKey.PublicKey, caKey)\n\tif err != nil {\n\t\tt.Fatal(err)\n\t}\n\tcertFile = filepath.Join(dir, \"cert.pem\")\n\tif err := os.WriteFile(certFile, pem.EncodeToMemory(&pem.Block{Type: \"CERTIFICATE\", Bytes: leafDER}), 0644); err != nil {\n\t\tt.Fatal(err)\n\t}\n\n\tkeyDER, err := x509.MarshalECPrivateKey(leafKey)\n\tif err != nil {\n\t\tt.Fatal(err)\n\t}\n\tkeyFile = filepath.Join(dir, \"key.pem\")\n\tif err := os.WriteFile(keyFile, pem.EncodeToMemory(&pem.Block{Type: \"EC PRIVATE KEY\", Bytes: keyDER}), 0644); err != nil {\n\t\tt.Fatal(err)\n\t}\n\n\treturn caFile, certFile, keyFile\n}\n\nfunc TestParseTLSConfig(t *testing.T) {\n\tdir := t.TempDir()\n\tcaFile, certFile, keyFile := generateTestCerts(t, dir)\n\n\tt.Run(\"empty config\", func(t *testing.T) {\n\t\tcfg := &Config{}\n\t\ttlsCfg, err := parseTLSConfig(cfg)\n\t\tif err != nil {\n\t\t\tt.Fatalf(\"unexpected error: %v\", err)\n\t\t}\n\t\tif tlsCfg.InsecureSkipVerify {\n\t\t\tt.Error(\"InsecureSkipVerify should be false\")\n\t\t}\n\t\tif tlsCfg.ServerName != \"\" {\n\t\t\tt.Errorf(\"ServerName should be empty, got %q\", tlsCfg.ServerName)\n\t\t}\n\t\tif tlsCfg.RootCAs != nil {\n\t\t\tt.Error(\"RootCAs should be nil\")\n\t\t}\n\t\tif len(tlsCfg.Certificates) != 0 {\n\t\t\tt.Error(\"Certificates should be empty\")\n\t\t}\n\t})\n\n\tt.Run(\"insecure skip verify\", func(t *testing.T) {\n\t\tcfg := &Config{TLSInsecureSkipVerify: true}\n\t\ttlsCfg, err := parseTLSConfig(cfg)\n\t\tif err != nil {\n\t\t\tt.Fatalf(\"unexpected error: %v\", err)\n\t\t}\n\t\tif !tlsCfg.InsecureSkipVerify {\n\t\t\tt.Error(\"InsecureSkipVerify should be true\")\n\t\t}\n\t})\n\n\tt.Run(\"server name override\", func(t *testing.T) {\n\t\tcfg := &Config{TLSServerNameOverride: \"custom.host\"}\n\t\ttlsCfg, err := parseTLSConfig(cfg)\n\t\tif err != nil {\n\t\t\tt.Fatalf(\"unexpected error: %v\", err)\n\t\t}\n\t\tif tlsCfg.ServerName != \"custom.host\" {\n\t\t\tt.Errorf(\"ServerName: got %q, want %q\", tlsCfg.ServerName, \"custom.host\")\n\t\t}\n\t})\n\n\tt.Run(\"CA certificate\", func(t *testing.T) {\n\t\tcfg := &Config{TLSCAFile: caFile}\n\t\ttlsCfg, err := parseTLSConfig(cfg)\n\t\tif err != nil {\n\t\t\tt.Fatalf(\"unexpected error: %v\", err)\n\t\t}\n\t\tif tlsCfg.RootCAs == nil {\n\t\t\tt.Fatal(\"RootCAs should not be nil\")\n\t\t}\n\t})\n\n\tt.Run(\"client certificate\", func(t *testing.T) {\n\t\tcfg := &Config{TLSCertFile: certFile, TLSKeyFile: keyFile}\n\t\ttlsCfg, err := parseTLSConfig(cfg)\n\t\tif err != nil {\n\t\t\tt.Fatalf(\"unexpected error: %v\", err)\n\t\t}\n\t\tif len(tlsCfg.Certificates) != 1 {\n\t\t\tt.Errorf(\"expected 1 client cert, got %d\", len(tlsCfg.Certificates))\n\t\t}\n\t})\n\n\tt.Run(\"full TLS config\", func(t *testing.T) {\n\t\tcfg := &Config{\n\t\t\tTLSCAFile: caFile,\n\t\t\tTLSCertFile: certFile,\n\t\t\tTLSKeyFile: keyFile,\n\t\t\tTLSServerNameOverride: \"ch.example.com\",\n\t\t\tTLSInsecureSkipVerify: true,\n\t\t}\n\t\ttlsCfg, err := parseTLSConfig(cfg)\n\t\tif err != nil {\n\t\t\tt.Fatalf(\"unexpected error: %v\", err)\n\t\t}\n\t\tif tlsCfg.RootCAs == nil {\n\t\t\tt.Error(\"RootCAs should not be nil\")\n\t\t}\n\t\tif len(tlsCfg.Certificates) != 1 {\n\t\t\tt.Errorf(\"expected 1 client cert, got %d\", len(tlsCfg.Certificates))\n\t\t}\n\t\tif tlsCfg.ServerName != \"ch.example.com\" {\n\t\t\tt.Errorf(\"ServerName: got %q\", tlsCfg.ServerName)\n\t\t}\n\t\tif !tlsCfg.InsecureSkipVerify {\n\t\t\tt.Error(\"InsecureSkipVerify should be true\")\n\t\t}\n\t})\n\n\tt.Run(\"nonexistent CA file\", func(t *testing.T) {\n\t\tcfg := &Config{TLSCAFile: \"/nonexistent/ca.pem\"}\n\t\t_, err := parseTLSConfig(cfg)\n\t\tif err == nil {\n\t\t\tt.Fatal(\"expected error for nonexistent CA file\")\n\t\t}\n\t})\n\n\tt.Run(\"invalid CA PEM\", func(t *testing.T) {\n\t\tbadCA := filepath.Join(dir, \"bad-ca.pem\")\n\t\tif err := os.WriteFile(badCA, []byte(\"not a certificate\"), 0644); err != nil {\n\t\t\tt.Fatal(err)\n\t\t}\n\t\tcfg := &Config{TLSCAFile: badCA}\n\t\t_, err := parseTLSConfig(cfg)\n\t\tif err == nil {\n\t\t\tt.Fatal(\"expected error for invalid CA PEM\")\n\t\t}\n\t})\n\n\tt.Run(\"nonexistent client cert\", func(t *testing.T) {\n\t\tcfg := &Config{TLSCertFile: \"/nonexistent/cert.pem\", TLSKeyFile: keyFile}\n\t\t_, err := parseTLSConfig(cfg)\n\t\tif err == nil {\n\t\t\tt.Fatal(\"expected error for nonexistent client cert\")\n\t\t}\n\t})\n\n\tt.Run(\"cert without key is ignored\", func(t *testing.T) {\n\t\t// Only TLSCertFile set, TLSKeyFile empty → should not load client cert\n\t\tcfg := &Config{TLSCertFile: certFile}\n\t\ttlsCfg, err := parseTLSConfig(cfg)\n\t\tif err != nil {\n\t\t\tt.Fatalf(\"unexpected error: %v\", err)\n\t\t}\n\t\tif len(tlsCfg.Certificates) != 0 {\n\t\t\tt.Error(\"should not load client cert when key is missing\")\n\t\t}\n\t})\n}\n\n// ---------------------------------------------------------------------------\n// listSQLFiles\n// ---------------------------------------------------------------------------\n\nfunc TestListSQLFiles(t *testing.T) {\n\tt.Run(\"mixed files\", func(t *testing.T) {\n\t\tdir := t.TempDir()\n\t\t// Create SQL and non-SQL files\n\t\tfor _, name := range []string{\"002_b.sql\", \"001_a.sql\", \"readme.md\", \"003_c.sql\"} {\n\t\t\tif err := os.WriteFile(filepath.Join(dir, name), []byte(\"--\"), 0644); err != nil {\n\t\t\t\tt.Fatal(err)\n\t\t\t}\n\t\t}\n\t\t// Create a subdirectory (should be skipped)\n\t\tif err := os.Mkdir(filepath.Join(dir, \"subdir\"), 0755); err != nil {\n\t\t\tt.Fatal(err)\n\t\t}\n\n\t\tfiles, err := listSQLFiles(dir)\n\t\tif err != nil {\n\t\t\tt.Fatalf(\"unexpected error: %v\", err)\n\t\t}\n\t\texpected := []string{\"001_a.sql\", \"002_b.sql\", \"003_c.sql\"}\n\t\tif len(files) != len(expected) {\n\t\t\tt.Fatalf(\"got %d files, want %d: %v\", len(files), len(expected), files)\n\t\t}\n\t\tfor i, f := range files {\n\t\t\tif f != expected[i] {\n\t\t\t\tt.Errorf(\"files[%d] = %q, want %q\", i, f, expected[i])\n\t\t\t}\n\t\t}\n\t})\n\n\tt.Run(\"empty dir\", func(t *testing.T) {\n\t\tdir := t.TempDir()\n\t\tfiles, err := listSQLFiles(dir)\n\t\tif err != nil {\n\t\t\tt.Fatalf(\"unexpected error: %v\", err)\n\t\t}\n\t\tif len(files) != 0 {\n\t\t\tt.Errorf(\"expected no files, got %v\", files)\n\t\t}\n\t})\n\n\tt.Run(\"nonexistent dir\", func(t *testing.T) {\n\t\t_, err := listSQLFiles(\"/nonexistent/dir\")\n\t\tif err == nil {\n\t\t\tt.Fatal(\"expected error for nonexistent dir\")\n\t\t}\n\t})\n}\n\n// ---------------------------------------------------------------------------\n// processSchemaDir (additional cases)\n// ---------------------------------------------------------------------------\n\nfunc TestProcessSchemaDir_Subdirectories(t *testing.T) {\n\tschemaDir := t.TempDir()\n\tsubDir := filepath.Join(schemaDir, \"sub\")\n\tif err := os.Mkdir(subDir, 0755); err != nil {\n\t\tt.Fatal(err)\n\t}\n\tif err := os.WriteFile(\n\t\tfilepath.Join(subDir, \"001_nested.sql\"),\n\t\t[]byte(\"CREATE DATABASE IF NOT EXISTS ${DATABASE};\"),\n\t\t0644,\n\t); err != nil {\n\t\tt.Fatal(err)\n\t}\n\n\ttempDir, err := processSchemaDir(schemaDir, \"testdb\", \"toIntervalHour(48)\")\n\tif err != nil {\n\t\tt.Fatal(err)\n\t}\n\tdefer os.RemoveAll(tempDir)\n\n\tgot, err := os.ReadFile(filepath.Join(tempDir, \"sub\", \"001_nested.sql\"))\n\tif err != nil {\n\t\tt.Fatalf(\"nested file not found: %v\", err)\n\t}\n\texpected := \"CREATE DATABASE IF NOT EXISTS testdb;\"\n\tif string(got) != expected {\n\t\tt.Errorf(\"got %q, want %q\", string(got), expected)\n\t}\n}\n\nfunc TestProcessSchemaDir_MultipleReplacements(t *testing.T) {\n\tschemaDir := t.TempDir()\n\tcontent := \"${DATABASE}.t1 TTL ${TABLES_TTL} ${DATABASE}.t2 TTL ${TABLES_TTL}\"\n\tif err := os.WriteFile(filepath.Join(schemaDir, \"001.sql\"), []byte(content), 0644); err != nil {\n\t\tt.Fatal(err)\n\t}\n\n\ttempDir, err := processSchemaDir(schemaDir, \"db\", \"toIntervalDay(7)\")\n\tif err != nil {\n\t\tt.Fatal(err)\n\t}\n\tdefer os.RemoveAll(tempDir)\n\n\tgot, err := os.ReadFile(filepath.Join(tempDir, \"001.sql\"))\n\tif err != nil {\n\t\tt.Fatal(err)\n\t}\n\texpected := \"db.t1 TTL toIntervalDay(7) db.t2 TTL toIntervalDay(7)\"\n\tif string(got) != expected {\n\t\tt.Errorf(\"got %q, want %q\", string(got), expected)\n\t}\n}\n\nfunc TestProcessSchemaDir_NoMacros(t *testing.T) {\n\tschemaDir := t.TempDir()\n\tcontent := \"SELECT 1;\"\n\tif err := os.WriteFile(filepath.Join(schemaDir, \"001.sql\"), []byte(content), 0644); err != nil {\n\t\tt.Fatal(err)\n\t}\n\n\ttempDir, err := processSchemaDir(schemaDir, \"db\", \"toIntervalDay(30)\")\n\tif err != nil {\n\t\tt.Fatal(err)\n\t}\n\tdefer os.RemoveAll(tempDir)\n\n\tgot, err := os.ReadFile(filepath.Join(tempDir, \"001.sql\"))\n\tif err != nil {\n\t\tt.Fatal(err)\n\t}\n\tif string(got) != content {\n\t\tt.Errorf(\"content should be unchanged: got %q\", string(got))\n\t}\n}\n\nfunc TestProcessSchemaDir_NonexistentDir(t *testing.T) {\n\t_, err := processSchemaDir(\"/nonexistent/schema\", \"db\", \"toIntervalDay(30)\")\n\tif err == nil {\n\t\tt.Fatal(\"expected error for nonexistent schema dir\")\n\t}\n}\n\n// ---------------------------------------------------------------------------\n// parseTTLDuration / ttlToClickHouseInterval (existing tests below)\n// ---------------------------------------------------------------------------\n\nfunc TestParseTTLDuration(t *testing.T) {\n\ttests := []struct {\n\t\tinput string\n\t\texpected time.Duration\n\t\twantErr bool\n\t}{\n\t\t// Days\n\t\t{\"1d\", 24 * time.Hour, false},\n\t\t{\"30d\", 30 * 24 * time.Hour, false},\n\t\t{\"365d\", 365 * 24 * time.Hour, false},\n\n\t\t// Standard Go durations\n\t\t{\"720h\", 720 * time.Hour, false},\n\t\t{\"48h\", 48 * time.Hour, false},\n\t\t{\"90m\", 90 * time.Minute, false},\n\t\t{\"3600s\", 3600 * time.Second, false},\n\t\t{\"1h30m\", time.Hour + 30*time.Minute, false},\n\n\t\t// Errors\n\t\t{\"\", 0, true},\n\t\t{\"abc\", 0, true},\n\t\t{\"d\", 0, true},\n\t\t{\"12.5d\", 0, true},\n\t}\n\n\tfor _, tt := range tests {\n\t\tt.Run(tt.input, func(t *testing.T) {\n\t\t\tgot, err := parseTTLDuration(tt.input)\n\t\t\tif tt.wantErr {\n\t\t\t\tif err == nil {\n\t\t\t\t\tt.Errorf(\"parseTTLDuration(%q) expected error, got %v\", tt.input, got)\n\t\t\t\t}\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif err != nil {\n\t\t\t\tt.Errorf(\"parseTTLDuration(%q) unexpected error: %v\", tt.input, err)\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif got != tt.expected {\n\t\t\t\tt.Errorf(\"parseTTLDuration(%q) = %v, want %v\", tt.input, got, tt.expected)\n\t\t\t}\n\t\t})\n\t}\n}\n\nfunc TestTTLToClickHouseInterval(t *testing.T) {\n\ttests := []struct {\n\t\tinput string\n\t\texpected string\n\t\twantErr bool\n\t}{\n\t\t// Days - evenly divisible by 24h\n\t\t{\"30d\", \"toIntervalDay(30)\", false},\n\t\t{\"1d\", \"toIntervalDay(1)\", false},\n\t\t{\"365d\", \"toIntervalDay(365)\", false},\n\t\t{\"720h\", \"toIntervalDay(30)\", false},\n\t\t{\"48h\", \"toIntervalDay(2)\", false},\n\t\t{\"24h\", \"toIntervalDay(1)\", false},\n\n\t\t// Hours - not evenly divisible by 24h\n\t\t{\"36h\", \"toIntervalHour(36)\", false},\n\t\t{\"1h\", \"toIntervalHour(1)\", false},\n\t\t{\"100h\", \"toIntervalHour(100)\", false},\n\n\t\t// Minutes\n\t\t{\"90m\", \"toIntervalMinute(90)\", false},\n\t\t{\"30m\", \"toIntervalMinute(30)\", false},\n\t\t{\"1h30m\", \"toIntervalMinute(90)\", false},\n\n\t\t// Seconds\n\t\t{\"90s\", \"toIntervalSecond(90)\", false},\n\t\t{\"1m30s\", \"toIntervalSecond(90)\", false},\n\n\t\t// Errors\n\t\t{\"0s\", \"\", true},\n\t\t{\"-1h\", \"\", true},\n\t\t{\"abc\", \"\", true},\n\t}\n\n\tfor _, tt := range tests {\n\t\tt.Run(tt.input, func(t *testing.T) {\n\t\t\tgot, err := ttlToClickHouseInterval(tt.input)\n\t\t\tif tt.wantErr {\n\t\t\t\tif err == nil {\n\t\t\t\t\tt.Errorf(\"ttlToClickHouseInterval(%q) expected error, got %q\", tt.input, got)\n\t\t\t\t}\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif err != nil {\n\t\t\t\tt.Errorf(\"ttlToClickHouseInterval(%q) unexpected error: %v\", tt.input, err)\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif got != tt.expected {\n\t\t\t\tt.Errorf(\"ttlToClickHouseInterval(%q) = %q, want %q\", tt.input, got, tt.expected)\n\t\t\t}\n\t\t})\n\t}\n}\n\nfunc TestProcessSchemaDir(t *testing.T) {\n\t// Create a temp schema directory with a test SQL file\n\tschemaDir := t.TempDir()\n\tsqlContent := `CREATE TABLE IF NOT EXISTS ${DATABASE}.test_table\n(col1 String)\nENGINE = MergeTree\nORDER BY col1\nTTL toDateTime(col1) + ${TABLES_TTL}\nSETTINGS ttl_only_drop_parts = 1;`\n\n\tif err := os.WriteFile(filepath.Join(schemaDir, \"001_test.sql\"), []byte(sqlContent), 0644); err != nil {\n\t\tt.Fatal(err)\n\t}\n\n\ttempDir, err := processSchemaDir(schemaDir, \"mydb\", \"toIntervalDay(30)\")\n\tif err != nil {\n\t\tt.Fatal(err)\n\t}\n\tdefer os.RemoveAll(tempDir)\n\n\tgot, err := os.ReadFile(filepath.Join(tempDir, \"001_test.sql\"))\n\tif err != nil {\n\t\tt.Fatal(err)\n\t}\n\n\texpected := `CREATE TABLE IF NOT EXISTS mydb.test_table\n(col1 String)\nENGINE = MergeTree\nORDER BY col1\nTTL toDateTime(col1) + toIntervalDay(30)\nSETTINGS ttl_only_drop_parts = 1;`\n\n\tif string(got) != expected {\n\t\tt.Errorf(\"processSchemaDir output mismatch\\ngot:\\n%s\\nwant:\\n%s\", string(got), expected)\n\t}\n}\n" }, { "path": "packages/otel-collector/go.mod", "content": "module github.com/hyperdxio/hyperdx/packages/otel-collector\n\ngo 1.25\n\nrequire (\n\tgithub.com/ClickHouse/clickhouse-go/v2 v2.43.0\n\tgithub.com/pressly/goose/v3 v3.26.0\n)\n\nrequire (\n\tgithub.com/ClickHouse/ch-go v0.71.0 // indirect\n\tgithub.com/andybalholm/brotli v1.2.0 // indirect\n\tgithub.com/cespare/xxhash/v2 v2.3.0 // indirect\n\tgithub.com/go-faster/city v1.0.1 // indirect\n\tgithub.com/go-faster/errors v0.7.1 // indirect\n\tgithub.com/google/uuid v1.6.0 // indirect\n\tgithub.com/klauspost/compress v1.18.3 // indirect\n\tgithub.com/mfridman/interpolate v0.0.2 // indirect\n\tgithub.com/paulmach/orb v0.12.0 // indirect\n\tgithub.com/pierrec/lz4/v4 v4.1.25 // indirect\n\tgithub.com/segmentio/asm v1.2.1 // indirect\n\tgithub.com/sethvargo/go-retry v0.3.0 // indirect\n\tgithub.com/shopspring/decimal v1.4.0 // indirect\n\tgo.opentelemetry.io/otel v1.39.0 // indirect\n\tgo.opentelemetry.io/otel/trace v1.39.0 // indirect\n\tgo.uber.org/multierr v1.11.0 // indirect\n\tgo.yaml.in/yaml/v3 v3.0.4 // indirect\n\tgolang.org/x/sync v0.19.0 // indirect\n\tgolang.org/x/sys v0.40.0 // indirect\n)\n" }, { "path": "packages/otel-collector/go.sum", "content": "github.com/ClickHouse/ch-go v0.71.0 h1:bUdZ/EZj/LcVHsMqaRUP2holqygrPWQKeMjc6nZoyRM=\ngithub.com/ClickHouse/ch-go v0.71.0/go.mod h1:NwbNc+7jaqfY58dmdDUbG4Jl22vThgx1cYjBw0vtgXw=\ngithub.com/ClickHouse/clickhouse-go/v2 v2.43.0 h1:fUR05TrF1GyvLDa/mAQjkx7KbgwdLRffs2n9O3WobtE=\ngithub.com/ClickHouse/clickhouse-go/v2 v2.43.0/go.mod h1:o6jf7JM/zveWC/PP277BLxjHy5KjnGX/jfljhM4s34g=\ngithub.com/andybalholm/brotli v1.2.0 h1:ukwgCxwYrmACq68yiUqwIWnGY0cTPox/M94sVwToPjQ=\ngithub.com/andybalholm/brotli v1.2.0/go.mod h1:rzTDkvFWvIrjDXZHkuS16NPggd91W3kUSvPlQ1pLaKY=\ngithub.com/cespare/xxhash/v2 v2.3.0 h1:UL815xU9SqsFlibzuggzjXhog7bL6oX9BbNZnL2UFvs=\ngithub.com/cespare/xxhash/v2 v2.3.0/go.mod h1:VGX0DQ3Q6kWi7AoAeZDth3/j3BFtOZR5XLFGgcrjCOs=\ngithub.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=\ngithub.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=\ngithub.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=\ngithub.com/dustin/go-humanize v1.0.1 h1:GzkhY7T5VNhEkwH0PVJgjz+fX1rhBrR7pRT3mDkpeCY=\ngithub.com/dustin/go-humanize v1.0.1/go.mod h1:Mu1zIs6XwVuF/gI1OepvI0qD18qycQx+mFykh5fBlto=\ngithub.com/go-faster/city v1.0.1 h1:4WAxSZ3V2Ws4QRDrscLEDcibJY8uf41H6AhXDrNDcGw=\ngithub.com/go-faster/city v1.0.1/go.mod h1:jKcUJId49qdW3L1qKHH/3wPeUstCVpVSXTM6vO3VcTw=\ngithub.com/go-faster/errors v0.7.1 h1:MkJTnDoEdi9pDabt1dpWf7AA8/BaSYZqibYyhZ20AYg=\ngithub.com/go-faster/errors v0.7.1/go.mod h1:5ySTjWFiphBs07IKuiL69nxdfd5+fzh1u7FPGZP2quo=\ngithub.com/gogo/protobuf v1.3.2/go.mod h1:P1XiOD3dCwIKUDQYPy72D8LYyHL2YPYrpS2s69NZV8Q=\ngithub.com/golang/protobuf v1.5.0/go.mod h1:FsONVRAS9T7sI+LIUmWTfcYkHO4aIWwzhcaSAoJOfIk=\ngithub.com/golang/snappy v0.0.1/go.mod h1:/XxbfmMg8lxefKM7IXC3fBNl/7bRcc72aCRzEWrmP2Q=\ngithub.com/google/go-cmp v0.5.2/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/gNBxE=\ngithub.com/google/go-cmp v0.5.5/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/gNBxE=\ngithub.com/google/go-cmp v0.7.0 h1:wk8382ETsv4JYUZwIsn6YpYiWiBsYLSJiTsyBybVuN8=\ngithub.com/google/go-cmp v0.7.0/go.mod h1:pXiqmnSA92OHEEa9HXL2W4E7lf9JzCmGVUdgjX3N/iU=\ngithub.com/google/uuid v1.6.0 h1:NIvaJDMOsjHA8n1jAhLSgzrAzy1Hgr+hNrb57e+94F0=\ngithub.com/google/uuid v1.6.0/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo=\ngithub.com/kisielk/errcheck v1.5.0/go.mod h1:pFxgyoBC7bSaBwPgfKdkLd5X25qrDl4LWUI2bnpBCr8=\ngithub.com/kisielk/gotool v1.0.0/go.mod h1:XhKaO+MFFWcvkIS/tQcRk01m1F5IRFswLeQ+oQHNcck=\ngithub.com/klauspost/compress v1.13.6/go.mod h1:/3/Vjq9QcHkK5uEr5lBEmyoZ1iFhe47etQ6QUkpK6sk=\ngithub.com/klauspost/compress v1.18.3 h1:9PJRvfbmTabkOX8moIpXPbMMbYN60bWImDDU7L+/6zw=\ngithub.com/klauspost/compress v1.18.3/go.mod h1:R0h/fSBs8DE4ENlcrlib3PsXS61voFxhIs2DeRhCvJ4=\ngithub.com/kr/pretty v0.1.0 h1:L/CwN0zerZDmRFUapSPitk6f+Q3+0za1rQkzVuMiMFI=\ngithub.com/kr/pretty v0.1.0/go.mod h1:dAy3ld7l9f0ibDNOQOHHMYYIIbhfbHSm3C4ZsoJORNo=\ngithub.com/kr/pty v1.1.1/go.mod h1:pFQYn66WHrOpPYNljwOMqo10TkYh1fy3cYio2l3bCsQ=\ngithub.com/kr/text v0.1.0/go.mod h1:4Jbv+DJW3UT/LiOwJeYQe1efqtUx/iVham/4vfdArNI=\ngithub.com/kr/text v0.2.0 h1:5Nx0Ya0ZqY2ygV366QzturHI13Jq95ApcVaJBhpS+AY=\ngithub.com/kr/text v0.2.0/go.mod h1:eLer722TekiGuMkidMxC/pM04lWEeraHUUmBw8l2grE=\ngithub.com/mattn/go-isatty v0.0.20 h1:xfD0iDuEKnDkl03q4limB+vH+GxLEtL/jb4xVJSWWEY=\ngithub.com/mattn/go-isatty v0.0.20/go.mod h1:W+V8PltTTMOvKvAeJH7IuucS94S2C6jfK/D7dTCTo3Y=\ngithub.com/mfridman/interpolate v0.0.2 h1:pnuTK7MQIxxFz1Gr+rjSIx9u7qVjf5VOoM/u6BbAxPY=\ngithub.com/mfridman/interpolate v0.0.2/go.mod h1:p+7uk6oE07mpE/Ik1b8EckO0O4ZXiGAfshKBWLUM9Xg=\ngithub.com/montanaflynn/stats v0.0.0-20171201202039-1bf9dbcd8cbe/go.mod h1:wL8QJuTMNUDYhXwkmfOly8iTdp5TEcJFWZD2D7SIkUc=\ngithub.com/ncruces/go-strftime v0.1.9 h1:bY0MQC28UADQmHmaF5dgpLmImcShSi2kHU9XLdhx/f4=\ngithub.com/ncruces/go-strftime v0.1.9/go.mod h1:Fwc5htZGVVkseilnfgOVb9mKy6w1naJmn9CehxcKcls=\ngithub.com/paulmach/orb v0.12.0 h1:z+zOwjmG3MyEEqzv92UN49Lg1JFYx0L9GpGKNVDKk1s=\ngithub.com/paulmach/orb v0.12.0/go.mod h1:5mULz1xQfs3bmQm63QEJA6lNGujuRafwA5S/EnuLaLU=\ngithub.com/paulmach/protoscan v0.2.1/go.mod h1:SpcSwydNLrxUGSDvXvO0P7g7AuhJ7lcKfDlhJCDw2gY=\ngithub.com/pierrec/lz4/v4 v4.1.25 h1:kocOqRffaIbU5djlIBr7Wh+cx82C0vtFb0fOurZHqD0=\ngithub.com/pierrec/lz4/v4 v4.1.25/go.mod h1:EoQMVJgeeEOMsCqCzqFm2O0cJvljX2nGZjcRIPL34O4=\ngithub.com/pkg/errors v0.9.1/go.mod h1:bwawxfHBFNV+L2hUp1rHADufV3IMtnDRdf1r5NINEl0=\ngithub.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM=\ngithub.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=\ngithub.com/pressly/goose/v3 v3.26.0 h1:KJakav68jdH0WDvoAcj8+n61WqOIaPGgH0bJWS6jpmM=\ngithub.com/pressly/goose/v3 v3.26.0/go.mod h1:4hC1KrritdCxtuFsqgs1R4AU5bWtTAf+cnWvfhf2DNY=\ngithub.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec h1:W09IVJc94icq4NjY3clb7Lk8O1qJ8BdBEF8z0ibU0rE=\ngithub.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec/go.mod h1:qqbHyh8v60DhA7CoWK5oRCqLrMHRGoxYCSS9EjAz6Eo=\ngithub.com/segmentio/asm v1.2.1 h1:DTNbBqs57ioxAD4PrArqftgypG4/qNpXoJx8TVXxPR0=\ngithub.com/segmentio/asm v1.2.1/go.mod h1:BqMnlJP91P8d+4ibuonYZw9mfnzI9HfxselHZr5aAcs=\ngithub.com/sethvargo/go-retry v0.3.0 h1:EEt31A35QhrcRZtrYFDTBg91cqZVnFL2navjDrah2SE=\ngithub.com/sethvargo/go-retry v0.3.0/go.mod h1:mNX17F0C/HguQMyMyJxcnU471gOZGxCLyYaFyAZraas=\ngithub.com/shopspring/decimal v1.4.0 h1:bxl37RwXBklmTi0C79JfXCEBD1cqqHt0bbgBAGFp81k=\ngithub.com/shopspring/decimal v1.4.0/go.mod h1:gawqmDU56v4yIKSwfBSFip1HdCCXN8/+DMd9qYNcwME=\ngithub.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=\ngithub.com/stretchr/testify v1.6.1/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=\ngithub.com/stretchr/testify v1.11.1 h1:7s2iGBzp5EwR7/aIZr8ao5+dra3wiQyKjjFuvgVKu7U=\ngithub.com/stretchr/testify v1.11.1/go.mod h1:wZwfW3scLgRK+23gO65QZefKpKQRnfz6sD981Nm4B6U=\ngithub.com/tidwall/pretty v1.0.0/go.mod h1:XNkn88O1ChpSDQmQeStsy+sBenx6DDtFZJxhVysOjyk=\ngithub.com/xdg-go/pbkdf2 v1.0.0/go.mod h1:jrpuAogTd400dnrH08LKmI/xc1MbPOebTwRqcT5RDeI=\ngithub.com/xdg-go/scram v1.1.1/go.mod h1:RaEWvsqvNKKvBPvcKeFjrG2cJqOkHTiyTpzz23ni57g=\ngithub.com/xdg-go/stringprep v1.0.3/go.mod h1:W3f5j4i+9rC0kuIEJL0ky1VpHXQU3ocBgklLGvcBnW8=\ngithub.com/xyproto/randomstring v1.0.5 h1:YtlWPoRdgMu3NZtP45drfy1GKoojuR7hmRcnhZqKjWU=\ngithub.com/xyproto/randomstring v1.0.5/go.mod h1:rgmS5DeNXLivK7YprL0pY+lTuhNQW3iGxZ18UQApw/E=\ngithub.com/youmark/pkcs8 v0.0.0-20181117223130-1be2e3e5546d/go.mod h1:rHwXgn7JulP+udvsHwJoVG1YGAP6VLg4y9I5dyZdqmA=\ngithub.com/yuin/goldmark v1.1.27/go.mod h1:3hX8gzYuyVAZsxl0MRgGTJEmQBFcNTphYh9decYSb74=\ngithub.com/yuin/goldmark v1.2.1/go.mod h1:3hX8gzYuyVAZsxl0MRgGTJEmQBFcNTphYh9decYSb74=\ngo.mongodb.org/mongo-driver v1.11.4/go.mod h1:PTSz5yu21bkT/wXpkS7WR5f0ddqw5quethTUn9WM+2g=\ngo.opentelemetry.io/otel v1.39.0 h1:8yPrr/S0ND9QEfTfdP9V+SiwT4E0G7Y5MO7p85nis48=\ngo.opentelemetry.io/otel v1.39.0/go.mod h1:kLlFTywNWrFyEdH0oj2xK0bFYZtHRYUdv1NklR/tgc8=\ngo.opentelemetry.io/otel/trace v1.39.0 h1:2d2vfpEDmCJ5zVYz7ijaJdOF59xLomrvj7bjt6/qCJI=\ngo.opentelemetry.io/otel/trace v1.39.0/go.mod h1:88w4/PnZSazkGzz/w84VHpQafiU4EtqqlVdxWy+rNOA=\ngo.uber.org/multierr v1.11.0 h1:blXXJkSxSSfBVBlC76pxqeO+LN3aDfLQo+309xJstO0=\ngo.uber.org/multierr v1.11.0/go.mod h1:20+QtiLqy0Nd6FdQB9TLXag12DsQkrbs3htMFfDN80Y=\ngo.yaml.in/yaml/v3 v3.0.4 h1:tfq32ie2Jv2UxXFdLJdh3jXuOzWiL1fo0bu/FbuKpbc=\ngo.yaml.in/yaml/v3 v3.0.4/go.mod h1:DhzuOOF2ATzADvBadXxruRBLzYTpT36CKvDb3+aBEFg=\ngolang.org/x/crypto v0.0.0-20190308221718-c2843e01d9a2/go.mod h1:djNgcEr1/C05ACkg1iLfiJU5Ep61QUkGW8qpdssI0+w=\ngolang.org/x/crypto v0.0.0-20191011191535-87dc89f01550/go.mod h1:yigFU9vqHzYiE8UmvKecakEJjdnWj3jj499lnFckfCI=\ngolang.org/x/crypto v0.0.0-20200622213623-75b288015ac9/go.mod h1:LzIPMQfyMNhhGPhUkYOs5KpL4U8rLKemX1yGLhDgUto=\ngolang.org/x/crypto v0.0.0-20220622213112-05595931fe9d/go.mod h1:IxCIyHEi3zRg3s0A5j5BB6A9Jmi73HwBIUl50j+osU4=\ngolang.org/x/exp v0.0.0-20250620022241-b7579e27df2b h1:M2rDM6z3Fhozi9O7NWsxAkg/yqS/lQJ6PmkyIV3YP+o=\ngolang.org/x/exp v0.0.0-20250620022241-b7579e27df2b/go.mod h1:3//PLf8L/X+8b4vuAfHzxeRUl04Adcb341+IGKfnqS8=\ngolang.org/x/mod v0.2.0/go.mod h1:s0Qsj1ACt9ePp/hMypM3fl4fZqREWJwdYDEqhRiZZUA=\ngolang.org/x/mod v0.3.0/go.mod h1:s0Qsj1ACt9ePp/hMypM3fl4fZqREWJwdYDEqhRiZZUA=\ngolang.org/x/net v0.0.0-20190404232315-eb5bcb51f2a3/go.mod h1:t9HGtf8HONx5eT2rtn7q6eTqICYqUVnKs3thJo3Qplg=\ngolang.org/x/net v0.0.0-20190620200207-3b0461eec859/go.mod h1:z5CRVTTTmAJ677TzLLGU+0bjPO0LkuOLi4/5GtJWs/s=\ngolang.org/x/net v0.0.0-20200226121028-0de0cce0169b/go.mod h1:z5CRVTTTmAJ677TzLLGU+0bjPO0LkuOLi4/5GtJWs/s=\ngolang.org/x/net v0.0.0-20201021035429-f5854403a974/go.mod h1:sp8m0HH+o8qH0wwXwYZr8TS3Oi6o0r6Gce1SSxlDquU=\ngolang.org/x/net v0.0.0-20211112202133-69e39bad7dc2/go.mod h1:9nx3DQGgdP8bBQD5qxJ1jj9UTztislL4KSBs9R2vV5Y=\ngolang.org/x/sync v0.0.0-20190423024810-112230192c58/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=\ngolang.org/x/sync v0.0.0-20190911185100-cd5d95a43a6e/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=\ngolang.org/x/sync v0.0.0-20201020160332-67f06af15bc9/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=\ngolang.org/x/sync v0.0.0-20210220032951-036812b2e83c/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=\ngolang.org/x/sync v0.19.0 h1:vV+1eWNmZ5geRlYjzm2adRgW2/mcpevXNg50YZtPCE4=\ngolang.org/x/sync v0.19.0/go.mod h1:9KTHXmSnoGruLpwFjVSX0lNNA75CykiMECbovNTZqGI=\ngolang.org/x/sys v0.0.0-20190215142949-d0b11bdaac8a/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=\ngolang.org/x/sys v0.0.0-20190412213103-97732733099d/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=\ngolang.org/x/sys v0.0.0-20200930185726-fdedc70b468f/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=\ngolang.org/x/sys v0.0.0-20201119102817-f84b799fce68/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=\ngolang.org/x/sys v0.0.0-20210423082822-04245dca01da/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=\ngolang.org/x/sys v0.0.0-20210615035016-665e8c7367d1/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=\ngolang.org/x/sys v0.40.0 h1:DBZZqJ2Rkml6QMQsZywtnjnnGvHza6BTfYFWY9kjEWQ=\ngolang.org/x/sys v0.40.0/go.mod h1:OgkHotnGiDImocRcuBABYBEXf8A9a87e/uXjp9XT3ks=\ngolang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=\ngolang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ=\ngolang.org/x/text v0.3.3/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=\ngolang.org/x/text v0.3.6/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=\ngolang.org/x/text v0.3.7/go.mod h1:u+2+/6zg+i71rQMx5EYifcz6MCKuco9NR6JIITiCfzQ=\ngolang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ=\ngolang.org/x/tools v0.0.0-20191119224855-298f0cb1881e/go.mod h1:b+2E5dAYhXwXZwtnZ6UAqBI28+e2cm9otk0dWdXHAEo=\ngolang.org/x/tools v0.0.0-20200619180055-7c47624df98f/go.mod h1:EkVYQZoAsY45+roYkvgYkIh4xh/qjgUK9TdY2XT94GE=\ngolang.org/x/tools v0.0.0-20210106214847-113979e3529a/go.mod h1:emZCQorbCU4vsT4fOWvOPXz4eW1wZW4PmDk9uLelYpA=\ngolang.org/x/xerrors v0.0.0-20190717185122-a985d3407aa7/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=\ngolang.org/x/xerrors v0.0.0-20191011141410-1b5146add898/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=\ngolang.org/x/xerrors v0.0.0-20191204190536-9bdfabe68543/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=\ngolang.org/x/xerrors v0.0.0-20200804184101-5ec99f83aff1/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=\ngoogle.golang.org/protobuf v1.26.0-rc.1/go.mod h1:jlhhOSvTdKEhbULTjvd4ARK9grFBp09yW+WbY/TyQbw=\ngoogle.golang.org/protobuf v1.27.1/go.mod h1:9q0QmTI4eRPtz6boOQmLYwt+qCgq0jsYwAQnmE0givc=\ngopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=\ngopkg.in/check.v1 v1.0.0-20180628173108-788fd7840127 h1:qIbj1fsPNlZgppZ+VLlY7N33q108Sa+fhmuc+sWQYwY=\ngopkg.in/check.v1 v1.0.0-20180628173108-788fd7840127/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=\ngopkg.in/yaml.v3 v3.0.0-20200313102051-9f266ea9e77c/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=\ngopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=\ngopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=\nmodernc.org/libc v1.66.3 h1:cfCbjTUcdsKyyZZfEUKfoHcP3S0Wkvz3jgSzByEWVCQ=\nmodernc.org/libc v1.66.3/go.mod h1:XD9zO8kt59cANKvHPXpx7yS2ELPheAey0vjIuZOhOU8=\nmodernc.org/mathutil v1.7.1 h1:GCZVGXdaN8gTqB1Mf/usp1Y/hSqgI2vAGGP4jZMCxOU=\nmodernc.org/mathutil v1.7.1/go.mod h1:4p5IwJITfppl0G4sUEDtCr4DthTaT47/N3aT6MhfgJg=\nmodernc.org/memory v1.11.0 h1:o4QC8aMQzmcwCK3t3Ux/ZHmwFPzE6hf2Y5LbkRs+hbI=\nmodernc.org/memory v1.11.0/go.mod h1:/JP4VbVC+K5sU2wZi9bHoq2MAkCnrt2r98UGeSK7Mjw=\nmodernc.org/sqlite v1.38.2 h1:Aclu7+tgjgcQVShZqim41Bbw9Cho0y/7WzYptXqkEek=\nmodernc.org/sqlite v1.38.2/go.mod h1:cPTJYSlgg3Sfg046yBShXENNtPrWrDX8bsbAQBzgQ5E=\n" }, { "path": "packages/otel-collector/package.json", "content": "{\n \"name\": \"@hyperdx/otel-collector\",\n \"description\": \"HyperDX OpenTelemetry Collector configuration and Docker image\",\n \"version\": \"2.22.0\",\n \"license\": \"MIT\",\n \"private\": true\n}\n" }, { "path": "proxy/README.md", "content": "# Proxy Configuration\n\nThis directory contains configurations for running the HyperDX frontend behind a\nreverse proxy that serves the application under a specific subpath. This is\nuseful for deployments where HyperDX is not at the root of a domain (e.g.,\n`http://example.com/hyperdx`).\n\nWe provide configurations for two popular reverse proxies:\n\n- [Nginx](./nginx/nginx.conf.template)\n- [Traefik](./traefik/config.yml)\n\n## Environment Variables\n\nTo configure the subpath, you need to set the following environment variables in\nyour `.env` file.\n\n### `HYPERDX_BASE_PATH` and `NEXT_PUBLIC_HYPERDX_BASE_PATH`\n\nTo serve the application from a subpath, two environment variables must be set\nto the **same value**:\n\n1. `HYPERDX_BASE_PATH`: This is used by the reverse proxy (Nginx or Traefik) to\n handle path routing and rewriting.\n2. `NEXT_PUBLIC_HYPERDX_BASE_PATH`: This is used by the Next.js application to\n generate correct asset links and API routes.\n\n- The value **must** start with a `/` if it's not an empty string (ex:\n `/hyperdx`).\n- If you want to serve from the root, you can omit these variables or set them\n to `/`.\n\n### `FRONTEND_URL`\n\nThis variable should be set to the full public URL of the frontend, including\nthe subpath. The API server uses this URL for various purposes such as\ngenerating absolute URLs for redirects, links in emails, or alerts.\n\n- It should be a full URL, including the protocol (`http` or `https`).\n- It should include the subpath defined in `HYPERDX_BASE_PATH`.\n\n**Example `.env` Configuration:**\n\nFor local development with the subpath `/hyperdx`, your configuration would look\nlike this:\n\n```\nHYPERDX_BASE_PATH=/hyperdx\nNEXT_PUBLIC_HYPERDX_BASE_PATH=/hyperdx\nFRONTEND_URL=http://localhost:4040/hyperdx\n```\n\n## How It Works\n\nThe proxy configurations are designed to handle subpath routing with minimal\nchanges to the application code. Here's a high-level overview of the logic:\n\n1. **Root Redirect**: If a subpath is configured (e.g., `/hyperdx`), any\n requests to the root (`/`) are automatically redirected to that subpath.\n This ensures users always land on the correct URL.\n\n2. **Path Rewriting**: The application's frontend code sometimes makes requests\n to root-level paths (e.g., `/api/...` or `/_next/...`). The proxy intercepts\n these requests, prepends the configured subpath, and forwards them to the\n Next.js server. For example, a request for `/_next/static/chunk.js` becomes\n a request for `/hyperdx/_next/static/chunk.js` before being sent to the\n application.\n\n3. **Direct Proxy**: Any requests that already include the correct subpath are\n passed directly to the Next.js application, which is configured via\n `basePath` to handle them correctly.\n\nThis setup allows the frontend application to be developed as if it were running\nat the root, while the proxy transparently manages the subpath routing.\n" }, { "path": "proxy/nginx/nginx.conf.template", "content": "upstream app {\n server 127.0.0.1:8080;\n}\n\nserver {\n listen 4040;\n\n set $base_path \"${HYPERDX_BASE_PATH}\";\n if ($base_path = \"/\") {\n set $base_path \"\";\n }\n\n # Common proxy headers\n proxy_http_version 1.1;\n proxy_set_header Upgrade $http_upgrade;\n proxy_set_header Connection 'upgrade';\n proxy_set_header Host $host;\n proxy_cache_bypass $http_upgrade;\n proxy_set_header X-Real-IP $remote_addr;\n proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n proxy_set_header X-Forwarded-Proto $scheme;\n\n # Redirect root to base path, if a base path is set\n location = / {\n if ($base_path != \"\") {\n return 301 $base_path;\n }\n # If no base path, just proxy to the app\n proxy_pass http://app;\n }\n\n # This handles assets and api calls made to the root and rewrites them to include the base path\n location ~ ^(/api/|/_next/|/__ENV\\.js$|/Icon32\\.png$) {\n # Note: $request_uri includes the original full path including query string\n proxy_pass http://app$base_path$request_uri;\n }\n\n # Proxy requests that are already prefixed with the base path to the app\n location ${HYPERDX_BASE_PATH} {\n # The full request URI (e.g., /hyperdx/settings) is passed to the upstream\n proxy_pass http://app;\n }\n}" }, { "path": "proxy/traefik/config.yml", "content": "http:\n routers:\n # This handles the main app at the basepath\n app-router:\n entryPoints:\n - web\n rule: 'PathPrefix(`{{ env \"HYPERDX_BASE_PATH\" }}`)'\n service: app-service\n\n # This handles assets and api calls at the root and rewrites them\n assets-api-router:\n entryPoints:\n - web\n rule:\n 'PathPrefix(`/api`) || PathPrefix(`/_next`) || Path(`/__ENV.js`) ||\n Path(`/Icon32.png`)'\n service: app-service\n middlewares:\n - add-basepath\n\n # This redirects from / to the basepath\n root-redirect:\n entryPoints:\n - web\n rule: 'Path(`/`)'\n service: app-service # service is required, but redirect will happen first\n middlewares:\n - redirect-to-basepath\n\n middlewares:\n add-basepath:\n addPrefix:\n prefix: '{{ env \"HYPERDX_BASE_PATH\" }}'\n\n redirect-to-basepath:\n redirectRegex:\n regex: '^/$'\n replacement: '{{ env \"HYPERDX_BASE_PATH\" }}'\n permanent: true\n\n services:\n app-service:\n loadBalancer:\n passHostHeader: true\n servers:\n - url: 'http://127.0.0.1:8080'\n" }, { "path": "proxy/traefik/traefik.yml", "content": "entryPoints:\n web:\n address: ':4040'\n\nproviders:\n file:\n filename: /etc/traefik/dynamic/config.yml\n watch: true\n" }, { "path": "scripts/test-e2e-ci.sh", "content": "#!/bin/bash\n# Run E2E tests in Docker with exact CI environment\n# This replicates the GitHub Actions CI environment locally for debugging\n\nset -e\n\nSCRIPT_DIR=\"$(cd \"$(dirname \"${BASH_SOURCE[0]}\")\" && pwd)\"\nREPO_ROOT=\"$(cd \"$SCRIPT_DIR/..\" && pwd)\"\n\necho \"Running E2E tests in CI Docker environment...\"\necho \"Repository root: $REPO_ROOT\"\n\ndocker run --rm \\\n -v \"$REPO_ROOT:/workspace\" \\\n -w /workspace \\\n -e CI=true \\\n mcr.microsoft.com/playwright:v1.57.0-jammy \\\n bash -c '\n # Clean all build artifacts and dependencies\n rm -rf packages/app/.next packages/common-utils/dist node_modules packages/*/node_modules .yarn/cache\n \n # Fresh install\n corepack enable\n yarn install\n \n # Build in production mode\n npx nx run-many -t ci:build\n \n # Run tests\n cd packages/app\n yarn test:e2e\n \n # Fix permissions so host can read results\n chmod -R 777 test-results playwright-report 2>/dev/null || true\n '\n\necho \"Done! Check packages/app/test-results/ for results\"" }, { "path": "scripts/test-e2e.sh", "content": "#!/bin/bash\n# Run E2E tests in full-stack or local mode\n# Full-stack mode (default): MongoDB + API + local ClickHouse\n# Local mode: Frontend + local ClickHouse (no MongoDB/API)\n#\n# Usage:\n# ./scripts/test-e2e.sh # Run all tests in fullstack mode\n# ./scripts/test-e2e.sh --local # Run in local mode (frontend + ClickHouse only)\n# ./scripts/test-e2e.sh --keep-running # Keep containers running after tests (fast iteration!)\n# ./scripts/test-e2e.sh --ui # Run with Playwright UI\n# ./scripts/test-e2e.sh --last-failed # Run only failed tests\n# ./scripts/test-e2e.sh --headed # Run with visible browser\n# ./scripts/test-e2e.sh --debug # Run in debug mode\n# ./scripts/test-e2e.sh --grep \"dashboard\" # Run tests matching pattern\n#\n# Development workflow (recommended):\n# ./scripts/test-e2e.sh --keep-running --ui # Start containers and open UI\n# # Make changes, tests auto-rerun in UI mode\n# # When done:\n# docker compose -p e2e -f packages/app/tests/e2e/docker-compose.yml down -v\n#\n# All Playwright flags are passed through automatically\n\nset -e\n\nSCRIPT_DIR=\"$(cd \"$(dirname \"${BASH_SOURCE[0]}\")\" && pwd)\"\nREPO_ROOT=\"$(cd \"$SCRIPT_DIR/..\" && pwd)\"\nDOCKER_COMPOSE_FILE=\"$REPO_ROOT/packages/app/tests/e2e/docker-compose.yml\"\n\n# Configuration constants\nreadonly MAX_MONGODB_WAIT_ATTEMPTS=15\nreadonly MONGODB_WAIT_DELAY_SECONDS=1\nreadonly MAX_CLICKHOUSE_WAIT_ATTEMPTS=30\nreadonly CLICKHOUSE_WAIT_DELAY_SECONDS=1\n\n# Parse arguments\nLOCAL_MODE=false\nSKIP_CLEANUP=false\nPLAYWRIGHT_FLAGS=()\n\nwhile [[ $# -gt 0 ]]; do\n case $1 in\n --local)\n LOCAL_MODE=true\n shift\n ;;\n --keep-running|--no-cleanup)\n SKIP_CLEANUP=true\n shift\n ;;\n *)\n # Pass any other flags through to Playwright\n PLAYWRIGHT_FLAGS+=(\"$1\")\n shift\n ;;\n esac\ndone\n\n\ncleanup_services() {\n echo \"Stopping E2E services and removing volumes...\"\n docker compose -p e2e -f \"$DOCKER_COMPOSE_FILE\" down -v\n}\n\ncheck_mongodb_health() {\n # Health check script that tests ping, insert, and delete operations\n # Note: MongoDB is configured to run on port 29998 inside the container\n docker compose -p e2e -f \"$DOCKER_COMPOSE_FILE\" exec -T db mongosh --port 29998 --quiet --eval \"\n try {\n db.adminCommand('ping');\n db.getSiblingDB('test').test.insertOne({_id: 'healthcheck', ts: new Date()});\n db.getSiblingDB('test').test.deleteOne({_id: 'healthcheck'});\n print('ready');\n } catch(e) {\n print('not ready: ' + e);\n quit(1);\n }\n \" 2>&1\n}\n\ncheck_clickhouse_health() {\n # Health check from HOST perspective (not inside container)\n # This ensures the port is actually accessible to Playwright\n curl -sf http://localhost:8123/ping >/dev/null 2>&1 || wget --spider -q http://localhost:8123/ping 2>&1\n}\n\nwait_for_clickhouse() {\n echo \"Waiting for ClickHouse to be ready...\"\n local attempt=1\n\n while [ $attempt -le $MAX_CLICKHOUSE_WAIT_ATTEMPTS ]; do\n if check_clickhouse_health >/dev/null 2>&1; then\n echo \"ClickHouse is ready\"\n return 0\n fi\n\n if [ $attempt -eq $MAX_CLICKHOUSE_WAIT_ATTEMPTS ]; then\n local total_wait=$((MAX_CLICKHOUSE_WAIT_ATTEMPTS * CLICKHOUSE_WAIT_DELAY_SECONDS))\n echo \"ClickHouse failed to become ready after $total_wait seconds\"\n echo \"Try running: docker compose -p e2e -f $DOCKER_COMPOSE_FILE logs ch-server\"\n return 1\n fi\n\n echo \"Waiting for ClickHouse... ($attempt/$MAX_CLICKHOUSE_WAIT_ATTEMPTS)\"\n attempt=$((attempt + 1))\n sleep $CLICKHOUSE_WAIT_DELAY_SECONDS\n done\n}\n\nwait_for_mongodb() {\n echo \"Waiting for MongoDB to be ready...\"\n local attempt=1\n\n # Verify mongosh is available in the container\n if ! docker compose -p e2e -f \"$DOCKER_COMPOSE_FILE\" exec -T db which mongosh >/dev/null 2>&1; then\n echo \"ERROR: mongosh not found in MongoDB container\"\n echo \"Container may not be running or using incompatible image\"\n echo \"Try running: docker compose -p e2e -f $DOCKER_COMPOSE_FILE logs db\"\n return 1\n fi\n\n while [ $attempt -le $MAX_MONGODB_WAIT_ATTEMPTS ]; do\n local result\n result=$(check_mongodb_health)\n\n if echo \"$result\" | grep -q \"ready\"; then\n echo \"MongoDB is ready and accepting writes\"\n return 0\n fi\n\n if [ $attempt -eq $MAX_MONGODB_WAIT_ATTEMPTS ]; then\n local total_wait=$((MAX_MONGODB_WAIT_ATTEMPTS * MONGODB_WAIT_DELAY_SECONDS))\n echo \"MongoDB failed to become ready after $total_wait seconds\"\n echo \"Last error: $result\"\n return 1\n fi\n\n echo \"Waiting for MongoDB... ($attempt/$MAX_MONGODB_WAIT_ATTEMPTS)\"\n attempt=$((attempt + 1))\n sleep $MONGODB_WAIT_DELAY_SECONDS\n done\n}\n\n# Main execution\nsetup_cleanup_trap() {\n if [ \"$SKIP_CLEANUP\" = false ]; then\n trap cleanup_services EXIT ERR\n else\n echo \"⚠️ Skipping cleanup - containers will remain running\"\n echo \" Use 'docker compose -p e2e -f $DOCKER_COMPOSE_FILE down -v' to stop them manually\"\n fi\n}\n\nsetup_clickhouse() {\n echo \"Starting ClickHouse...\"\n docker compose -p e2e -f \"$DOCKER_COMPOSE_FILE\" up -d ch-server\n\n if ! wait_for_clickhouse; then\n exit 1\n fi\n \n # Note: ClickHouse seeding is handled by Playwright global setup\n # - Fullstack mode: global-setup-fullstack.ts\n # - Local mode: global-setup-local.ts\n}\n\nrun_tests() {\n cd \"$REPO_ROOT/packages/app\"\n \n if [ \"$LOCAL_MODE\" = true ]; then\n echo \"Running tests in local mode (frontend + ClickHouse)...\"\n yarn test:e2e --local \"${PLAYWRIGHT_FLAGS[@]}\"\n else\n echo \"Running tests in full-stack mode (MongoDB + API + ClickHouse)...\"\n yarn test:e2e \"${PLAYWRIGHT_FLAGS[@]}\"\n fi\n}\n\n# Set up cleanup trap\nsetup_cleanup_trap\n\n# Always start and seed ClickHouse (shared by both modes)\nsetup_clickhouse\n\n# Conditionally start MongoDB for full-stack mode\nif [ \"$LOCAL_MODE\" = false ]; then\n echo \"Starting MongoDB for full-stack mode...\"\n docker compose -p e2e -f \"$DOCKER_COMPOSE_FILE\" up -d db\n \n if ! wait_for_mongodb; then\n exit 1\n fi\nfi\n\n# Run tests\nrun_tests\n" }, { "path": "smoke-tests/otel-collector/README.md", "content": "# OpenTelemetry Collector Smoke Tests\n\nThis directory contains smoke tests for validating the OpenTelemetry Collector\nfunctionality in HyperDX.\n\n## Prerequisites\n\nBefore running the tests, ensure you have the following tools installed:\n\n- [Bats](https://github.com/bats-core/bats-core) - Bash Automated Testing System\n- [Docker](https://www.docker.com/) and Docker Compose\n- [curl](https://curl.se/) - Command line tool for transferring data\n- [ClickHouse client](https://clickhouse.com/docs/en/integrations/sql-clients/clickhouse-client) -\n Command-line client for ClickHouse\n - Make sure to run `clickhouse install` to install the ClickHouse client after\n downloading ClickHouse\n\n## Running the Tests\n\nTo run all the tests:\n\n```bash\ncd smoke-tests/otel-collector\nbats *.bats\n```\n\nTo run a specific test file:\n\n```bash\nbats hdx-1453-auto-parse-json.bats\n```\n\n## Test Structure\n\n- `*.bats` - Test files written in Bats\n- `setup_suite.bash` - Contains global setup_suite and teardown_suite functions\n that run once for the entire test suite\n- `data/` - Test data used by the tests\n- `test_helpers/` - Utility functions for the tests\n- `docker-compose.yaml` - Docker Compose configuration for the test environment\n\nThe test suite uses Bats' `setup_suite` and `teardown_suite` hooks to initialize\nthe environment only once, regardless of how many test files are run. This\noptimizes test execution by:\n\n1. Validating the environment once\n2. Starting Docker containers once at the beginning of the test suite\n3. Cleaning up containers once at the end of the test suite\n\n## Debugging\n\nIf you need to debug the tests, you can set the `SKIP_CLEANUP` environment\nvariable to prevent the Docker containers from being torn down after the tests\ncomplete:\n\n```bash\nSKIP_CLEANUP=1 bats *.bats\n```\n\nor\n\n```bash\nSKIP_CLEANUP=true bats *.bats\n```\n\nWith `SKIP_CLEANUP` enabled, the test containers will remain running after the\ntests complete, allowing you to inspect logs, connect to the containers, and\ndebug issues.\n\nTo manually clean up the containers after debugging:\n\n```bash\ndocker compose down\n```\n" }, { "path": "smoke-tests/otel-collector/auto-parse-json.bats", "content": "#!/usr/bin/env bats\n\nload 'test_helpers/utilities.bash'\nload 'test_helpers/assertions.bash'\n\n@test \"HDX-1453: JSON string body content should be parsed and stored as log attributes\" {\n emit_otel_data \"http://localhost:4318\" \"data/auto-parse/json-string\"\n sleep 1\n assert_test_data \"data/auto-parse/json-string\"\n}\n\n@test \"HDX-1453: OTEL map content should be stored as log attributes\" {\n emit_otel_data \"http://localhost:4318\" \"data/auto-parse/otel-map\"\n sleep 1\n assert_test_data \"data/auto-parse/otel-map\"\n}\n\n@test \"HDX-1453: all other content should skip storing values in log attributes\" {\n emit_otel_data \"http://localhost:4318\" \"data/auto-parse/default\"\n sleep 1\n assert_test_data \"data/auto-parse/default\"\n}\n" }, { "path": "smoke-tests/otel-collector/data/auto-parse/default/assert_query.sql", "content": "SELECT ResourceAttributes, LogAttributes FROM otel_logs WHERE ResourceAttributes['suite-id'] = 'auto-parse' AND ResourceAttributes['test-id'] = 'default' ORDER BY TimestampTime FORMAT CSV\n" }, { "path": "smoke-tests/otel-collector/data/auto-parse/default/expected.snap", "content": "\"{'suite-id':'auto-parse','test-id':'default'}\",\"{}\"\n\"{'suite-id':'auto-parse','test-id':'default'}\",\"{}\"\n\"{'suite-id':'auto-parse','test-id':'default'}\",\"{}\"\n\"{'suite-id':'auto-parse','test-id':'default'}\",\"{}\"" }, { "path": "smoke-tests/otel-collector/data/auto-parse/default/input.json", "content": "{\n \"resourceLogs\": [\n {\n \"resource\": {\n \"attributes\": [\n {\n \"key\": \"suite-id\",\n \"value\": {\n \"stringValue\": \"auto-parse\"\n }\n },\n {\n \"key\": \"test-id\",\n \"value\": {\n \"stringValue\": \"default\"\n }\n }\n ]\n },\n \"scopeLogs\": [\n {\n \"scope\": {},\n \"logRecords\": [\n {\n \"timeUnixNano\": \"1901999580000000000\",\n \"body\": {\n \"stringValue\": \"[note] this is very much not JSON even though it starts with an array char\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000001\",\n \"body\": {\n \"stringValue\": \"{note} this is very much not JSON even though it starts with an object char\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000002\",\n \"body\": {\n \"stringValue\": \"NOTE: this is very much not JSON\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000003\",\n \"body\": {\n \"stringValue\": \"this has some {Key {Value { '{' } } invalid JSON in it\"\n }\n }\n ]\n }\n ]\n }\n ]\n}\n" }, { "path": "smoke-tests/otel-collector/data/auto-parse/json-string/assert_query.sql", "content": "SELECT ResourceAttributes, LogAttributes FROM otel_logs WHERE ResourceAttributes['suite-id'] = 'auto-parse' AND ResourceAttributes['test-id'] = 'json-string' ORDER BY TimestampTime FORMAT CSV\n" }, { "path": "smoke-tests/otel-collector/data/auto-parse/json-string/expected.snap", "content": "\"{'suite-id':'auto-parse','test-id':'json-string'}\",\"{'attr.intValue':'1','found':'false','message':'this should be parsed into a map'}\"\n\"{'suite-id':'auto-parse','test-id':'json-string'}\",\"{'bodyAttr':'12345','message':'this has an existing user attribute that should be preserved.','userAttr':'true'}\"\n\"{'suite-id':'auto-parse','test-id':'json-string'}\",\"{'found':'true','position':'trailing'}\"\n\"{'suite-id':'auto-parse','test-id':'json-string'}\",\"{'found':'true','position':'leading'}\"\n\"{'suite-id':'auto-parse','test-id':'json-string'}\",\"{'found':'true','position':'wrapped'}\"" }, { "path": "smoke-tests/otel-collector/data/auto-parse/json-string/input.json", "content": "{\n \"resourceLogs\": [\n {\n \"resource\": {\n \"attributes\": [\n {\n \"key\": \"suite-id\",\n \"value\": {\n \"stringValue\": \"auto-parse\"\n }\n },\n {\n \"key\": \"test-id\",\n \"value\": {\n \"stringValue\": \"json-string\"\n }\n }\n ]\n },\n \"scopeLogs\": [\n {\n \"scope\": {},\n \"logRecords\": [\n {\n \"timeUnixNano\": \"1901999580000000000\",\n \"body\": {\n \"stringValue\": \"{\\\"attr\\\":{\\\"intValue\\\": 1},\\\"found\\\":false,\\\"message\\\":\\\"this should be parsed into a map\\\"}\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000001\",\n \"attributes\": [\n {\n \"key\": \"userAttr\",\n \"value\": {\n \"boolValue\": true\n }\n }\n ],\n \"body\": {\n \"stringValue\": \"{\\\"bodyAttr\\\":12345,\\\"message\\\":\\\"this has an existing user attribute that should be preserved.\\\"}\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000002\",\n \"body\": {\n \"stringValue\": \"should find the trailing JSON object {\\\"found\\\":true,\\\"position\\\":\\\"trailing\\\"}\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000003\",\n \"body\": {\n \"stringValue\": \"{\\\"found\\\":true,\\\"position\\\":\\\"leading\\\"} should find the leading JSON object \"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000004\",\n \"body\": {\n \"stringValue\": \"should find a wrapped JSON object {\\\"found\\\":true,\\\"position\\\":\\\"wrapped\\\"} between text\"\n }\n }\n ]\n }\n ]\n }\n ]\n}\n" }, { "path": "smoke-tests/otel-collector/data/auto-parse/otel-map/assert_query.sql", "content": "SELECT ResourceAttributes, LogAttributes FROM otel_logs WHERE ResourceAttributes['suite-id'] = 'auto-parse' AND ResourceAttributes['test-id'] = 'otel-map' ORDER BY TimestampTime FORMAT CSV\n" }, { "path": "smoke-tests/otel-collector/data/auto-parse/otel-map/expected.snap", "content": "\"{'suite-id':'auto-parse','test-id':'otel-map'}\",\"{'account-id':'550e8400-e29b-41d4-a716-446655440000','message':'data sent as OTEL map should also extend the log attributes','user-id':'1234'}\"" }, { "path": "smoke-tests/otel-collector/data/auto-parse/otel-map/input.json", "content": "{\n \"resourceLogs\": [\n {\n \"resource\": {\n \"attributes\": [\n {\n \"key\": \"suite-id\",\n \"value\": {\n \"stringValue\": \"auto-parse\"\n }\n },\n {\n \"key\": \"test-id\",\n \"value\": {\n \"stringValue\": \"otel-map\"\n }\n }\n ]\n },\n \"scopeLogs\": [\n {\n \"scope\": {},\n \"logRecords\": [\n {\n \"timeUnixNano\": \"1901999580000000000\",\n \"body\": {\n \"kvlistValue\": {\n \"values\": [\n {\n \"key\": \"message\",\n \"value\": {\n \"stringValue\": \"data sent as OTEL map should also extend the log attributes\"\n }\n },\n {\n \"key\": \"user-id\",\n \"value\": {\n \"stringValue\": \"1234\"\n }\n },\n {\n \"key\": \"account-id\",\n \"value\": {\n \"stringValue\": \"550e8400-e29b-41d4-a716-446655440000\"\n }\n }\n ]\n }\n }\n }\n ]\n }\n ]\n }\n ]\n}\n" }, { "path": "smoke-tests/otel-collector/data/normalize-severity/text-case/assert_query.sql", "content": "SELECT SeverityText FROM otel_logs WHERE ResourceAttributes['suite-id'] = 'normalize-severity' AND ResourceAttributes['test-id'] = 'text-case' ORDER BY TimestampTime FORMAT CSV\n" }, { "path": "smoke-tests/otel-collector/data/normalize-severity/text-case/expected.snap", "content": "\"trace\"\n\"trace\"\n\"trace\"\n\"debug\"\n\"debug\"\n\"debug\"\n\"info\"\n\"info\"\n\"info\"\n\"warn\"\n\"warn\"\n\"warn\"\n\"warning\"\n\"warning\"\n\"error\"\n\"error\"\n\"error\"\n\"fatal\"\n\"fatal\"\n\"fatal\"\n\"critical\"\n\"critical\"" }, { "path": "smoke-tests/otel-collector/data/normalize-severity/text-case/input.json", "content": "{\n \"resourceLogs\": [\n {\n \"resource\": {\n \"attributes\": [\n {\n \"key\": \"suite-id\",\n \"value\": {\n \"stringValue\": \"normalize-severity\"\n }\n },\n {\n \"key\": \"test-id\",\n \"value\": {\n \"stringValue\": \"text-case\"\n }\n }\n ]\n },\n \"scopeLogs\": [\n {\n \"scope\": {},\n \"logRecords\": [\n {\n \"timeUnixNano\": \"1901999580000000000\",\n \"severity_number\": 1,\n \"severity_text\": \"TrAcE\",\n \"body\": {\n \"stringValue\": \"trace log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000001\",\n \"severity_number\": 1,\n \"severity_text\": \"trace\",\n \"body\": {\n \"stringValue\": \"trace log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000002\",\n \"severity_number\": 1,\n \"severity_text\": \"TRACE\",\n \"body\": {\n \"stringValue\": \"trace log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000003\",\n \"severity_number\": 5,\n \"severity_text\": \"DeBuG\",\n \"body\": {\n \"stringValue\": \"debug log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000004\",\n \"severity_number\": 5,\n \"severity_text\": \"debug\",\n \"body\": {\n \"stringValue\": \"debug log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000005\",\n \"severity_number\": 5,\n \"severity_text\": \"DEBUG\",\n \"body\": {\n \"stringValue\": \"debug log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000006\",\n \"severity_number\": 9,\n \"severity_text\": \"InFo\",\n \"body\": {\n \"stringValue\": \"info log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000007\",\n \"severity_number\": 9,\n \"severity_text\": \"info\",\n \"body\": {\n \"stringValue\": \"info log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000008\",\n \"severity_number\": 9,\n \"severity_text\": \"INFO\",\n \"body\": {\n \"stringValue\": \"info log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000009\",\n \"severity_number\": 13,\n \"severity_text\": \"WaRn\",\n \"body\": {\n \"stringValue\": \"warn log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000010\",\n \"severity_number\": 13,\n \"severity_text\": \"warn\",\n \"body\": {\n \"stringValue\": \"warn log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000011\",\n \"severity_number\": 13,\n \"severity_text\": \"WARN\",\n \"body\": {\n \"stringValue\": \"warn log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000012\",\n \"severity_number\": 13,\n \"severity_text\": \"warning\",\n \"body\": {\n \"stringValue\": \"warn log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000013\",\n \"severity_number\": 13,\n \"severity_text\": \"WARNING\",\n \"body\": {\n \"stringValue\": \"warn log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000014\",\n \"severity_number\": 17,\n \"severity_text\": \"ErRoR\",\n \"body\": {\n \"stringValue\": \"error log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000015\",\n \"severity_number\": 17,\n \"severity_text\": \"error\",\n \"body\": {\n \"stringValue\": \"error log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000016\",\n \"severity_number\": 17,\n \"severity_text\": \"ERROR\",\n \"body\": {\n \"stringValue\": \"error log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000017\",\n \"severity_number\": 21,\n \"severity_text\": \"FaTaL\",\n \"body\": {\n \"stringValue\": \"fatal log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000018\",\n \"severity_number\": 21,\n \"severity_text\": \"fatal\",\n \"body\": {\n \"stringValue\": \"fatal log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000019\",\n \"severity_number\": 21,\n \"severity_text\": \"FATAL\",\n \"body\": {\n \"stringValue\": \"fatal log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000020\",\n \"severity_number\": 21,\n \"severity_text\": \"critical\",\n \"body\": {\n \"stringValue\": \"fatal log message\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000021\",\n \"severity_number\": 21,\n \"severity_text\": \"CRITICAL\",\n \"body\": {\n \"stringValue\": \"fatal log message\"\n }\n }\n ]\n }\n ]\n }\n ]\n}\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-debug/assert_query.sql", "content": "SELECT SeverityText, SeverityNumber, Body FROM otel_logs WHERE ResourceAttributes['suite-id'] = 'severity-inference' AND ResourceAttributes['test-id'] = 'infer-debug' ORDER BY TimestampTime FORMAT CSV\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-debug/expected.snap", "content": "\"debug\",5,\"debug - checkpoint a\"\n\"debug\",5,\"dbug: value=1,found=false\"" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-debug/input.json", "content": "{\n \"resourceLogs\": [\n {\n \"resource\": {\n \"attributes\": [\n {\n \"key\": \"suite-id\",\n \"value\": {\n \"stringValue\": \"severity-inference\"\n }\n },\n {\n \"key\": \"test-id\",\n \"value\": {\n \"stringValue\": \"infer-debug\"\n }\n }\n ]\n },\n \"scopeLogs\": [\n {\n \"scope\": {},\n \"logRecords\": [\n {\n \"timeUnixNano\": \"1901999580000000008\",\n \"body\": {\n \"stringValue\": \"debug - checkpoint a\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000009\",\n \"body\": {\n \"stringValue\": \"dbug: value=1,found=false\"\n }\n }\n ]\n }\n ]\n }\n ]\n}\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-error/assert_query.sql", "content": "SELECT SeverityText, SeverityNumber, Body FROM otel_logs WHERE ResourceAttributes['suite-id'] = 'severity-inference' AND ResourceAttributes['test-id'] = 'infer-error' ORDER BY TimestampTime FORMAT CSV\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-error/expected.snap", "content": "\"error\",17,\"error: things aren't good\"\n\"error\",17,\"err 00019: something went wrong\"" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-error/input.json", "content": "{\n \"resourceLogs\": [\n {\n \"resource\": {\n \"attributes\": [\n {\n \"key\": \"suite-id\",\n \"value\": {\n \"stringValue\": \"severity-inference\"\n }\n },\n {\n \"key\": \"test-id\",\n \"value\": {\n \"stringValue\": \"infer-error\"\n }\n }\n ]\n },\n \"scopeLogs\": [\n {\n \"scope\": {},\n \"logRecords\": [\n {\n \"timeUnixNano\": \"1901999580000000004\",\n \"body\": {\n \"stringValue\": \"error: things aren't good\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000005\",\n \"body\": {\n \"stringValue\": \"err 00019: something went wrong\"\n }\n }\n ]\n }\n ]\n }\n ]\n}\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-fatal/assert_query.sql", "content": "SELECT SeverityText, SeverityNumber, Body FROM otel_logs WHERE ResourceAttributes['suite-id'] = 'severity-inference' AND ResourceAttributes['test-id'] = 'infer-fatal' ORDER BY TimestampTime FORMAT CSV\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-fatal/expected.snap", "content": "\"fatal\",21,\"ALERT: something is wrong here\"\n\"fatal\",21,\"[thread-123] critical: disk issue detected\"\n\"fatal\",21,\"Emerg: action required\"\n\"fatal\",21,\"2025-05-03T03:23:14Z [thread-1234] c.b.e.b.e.AbstractDatabaseConnectionAdapterFactor [FATAL] this error is a huge problem\"" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-fatal/input.json", "content": "{\n \"resourceLogs\": [\n {\n \"resource\": {\n \"attributes\": [\n {\n \"key\": \"suite-id\",\n \"value\": {\n \"stringValue\": \"severity-inference\"\n }\n },\n {\n \"key\": \"test-id\",\n \"value\": {\n \"stringValue\": \"infer-fatal\"\n }\n }\n ]\n },\n \"scopeLogs\": [\n {\n \"scope\": {},\n \"logRecords\": [\n {\n \"timeUnixNano\": \"1901999580000000000\",\n \"body\": {\n \"stringValue\": \"ALERT: something is wrong here\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000001\",\n \"body\": {\n \"stringValue\": \"[thread-123] critical: disk issue detected\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000002\",\n \"body\": {\n \"stringValue\": \"Emerg: action required\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000003\",\n \"body\": {\n \"stringValue\": \"2025-05-03T03:23:14Z [thread-1234] c.b.e.b.e.AbstractDatabaseConnectionAdapterFactor [FATAL] this error is a huge problem\"\n }\n }\n ]\n }\n ]\n }\n ]\n}\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-info/assert_query.sql", "content": "SELECT SeverityText, SeverityNumber, Body FROM otel_logs WHERE ResourceAttributes['suite-id'] = 'severity-inference' AND ResourceAttributes['test-id'] = 'infer-info' ORDER BY TimestampTime FORMAT CSV\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-info/expected.snap", "content": "\"info\",9,\"default behavior if nothing is specified\"\n\"info\",9,\"2025-05-03T03:23:14Z [thread-1234] c.b.e.b.e.AbstractDatabaseConnectionAdapterFactor - request_id= the rules should only infer a logging level if the substring is within the first 255 characters so that stuff later in the message doesn't trigger the inference behavior like FATAL or ERROR\"" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-info/input.json", "content": "{\n \"resourceLogs\": [\n {\n \"resource\": {\n \"attributes\": [\n {\n \"key\": \"suite-id\",\n \"value\": {\n \"stringValue\": \"severity-inference\"\n }\n },\n {\n \"key\": \"test-id\",\n \"value\": {\n \"stringValue\": \"infer-info\"\n }\n }\n ]\n },\n \"scopeLogs\": [\n {\n \"scope\": {},\n \"logRecords\": [\n {\n \"timeUnixNano\": \"1901999580000000000\",\n \"body\": {\n \"stringValue\": \"default behavior if nothing is specified\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000001\",\n \"body\": {\n \"stringValue\": \"2025-05-03T03:23:14Z [thread-1234] c.b.e.b.e.AbstractDatabaseConnectionAdapterFactor - request_id= the rules should only infer a logging level if the substring is within the first 255 characters so that stuff later in the message doesn't trigger the inference behavior like FATAL or ERROR\"\n }\n }\n ]\n }\n ]\n }\n ]\n}\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-superstring/assert_query.sql", "content": "SELECT SeverityText, SeverityNumber, Body FROM otel_logs WHERE ResourceAttributes['suite-id'] = 'severity-inference' AND ResourceAttributes['test-id'] = 'infer-superstring' ORDER BY TimestampTime FORMAT CSV\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-superstring/expected.snap", "content": "\"warn\",13,\"WARNING: disk space running low\"\n\"fatal\",21,\"CRITICAL: database connection pool exhausted\"\n\"fatal\",21,\"EMERGENCY: system failure imminent\"\n\"fatal\",21,\"ALERTING system engaged\"\n\"error\",17,\"ERRORS detected in application\"\n\"warn\",13,\"NOTICED unusual activity in request handler\"\n\"debug\",5,\"DEBUGGING enabled for module\"\n\"trace\",1,\"TRACED request path through gateway\"" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-superstring/input.json", "content": "{\n \"resourceLogs\": [\n {\n \"resource\": {\n \"attributes\": [\n {\n \"key\": \"suite-id\",\n \"value\": {\n \"stringValue\": \"severity-inference\"\n }\n },\n {\n \"key\": \"test-id\",\n \"value\": {\n \"stringValue\": \"infer-superstring\"\n }\n }\n ]\n },\n \"scopeLogs\": [\n {\n \"scope\": {},\n \"logRecords\": [\n {\n \"timeUnixNano\": \"1901999580000000000\",\n \"body\": {\n \"stringValue\": \"WARNING: disk space running low\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000001\",\n \"body\": {\n \"stringValue\": \"CRITICAL: database connection pool exhausted\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000002\",\n \"body\": {\n \"stringValue\": \"EMERGENCY: system failure imminent\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000003\",\n \"body\": {\n \"stringValue\": \"ALERTING system engaged\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000004\",\n \"body\": {\n \"stringValue\": \"ERRORS detected in application\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000005\",\n \"body\": {\n \"stringValue\": \"NOTICED unusual activity in request handler\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000006\",\n \"body\": {\n \"stringValue\": \"DEBUGGING enabled for module\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000007\",\n \"body\": {\n \"stringValue\": \"TRACED request path through gateway\"\n }\n }\n ]\n }\n ]\n }\n ]\n}\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-trace/assert_query.sql", "content": "SELECT SeverityText, SeverityNumber, Body FROM otel_logs WHERE ResourceAttributes['suite-id'] = 'severity-inference' AND ResourceAttributes['test-id'] = 'infer-trace' ORDER BY TimestampTime FORMAT CSV\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-trace/expected.snap", "content": "\"trace\",1,\"this is a trace through logic\"" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-trace/input.json", "content": "{\n \"resourceLogs\": [\n {\n \"resource\": {\n \"attributes\": [\n {\n \"key\": \"suite-id\",\n \"value\": {\n \"stringValue\": \"severity-inference\"\n }\n },\n {\n \"key\": \"test-id\",\n \"value\": {\n \"stringValue\": \"infer-trace\"\n }\n }\n ]\n },\n \"scopeLogs\": [\n {\n \"scope\": {},\n \"logRecords\": [\n {\n \"timeUnixNano\": \"1901999580000000010\",\n \"body\": {\n \"stringValue\": \"this is a trace through logic\"\n }\n }\n ]\n }\n ]\n }\n ]\n}\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-warn/assert_query.sql", "content": "SELECT SeverityText, SeverityNumber, Body FROM otel_logs WHERE ResourceAttributes['suite-id'] = 'severity-inference' AND ResourceAttributes['test-id'] = 'infer-warn' ORDER BY TimestampTime FORMAT CSV\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-warn/expected.snap", "content": "\"warn\",13,\"app=1, notice: that things are not going well\"\n\"warn\",13,\"warn: something something\"" }, { "path": "smoke-tests/otel-collector/data/severity-inference/infer-warn/input.json", "content": "{\n \"resourceLogs\": [\n {\n \"resource\": {\n \"attributes\": [\n {\n \"key\": \"suite-id\",\n \"value\": {\n \"stringValue\": \"severity-inference\"\n }\n },\n {\n \"key\": \"test-id\",\n \"value\": {\n \"stringValue\": \"infer-warn\"\n }\n }\n ]\n },\n \"scopeLogs\": [\n {\n \"scope\": {},\n \"logRecords\": [\n {\n \"timeUnixNano\": \"1901999580000000006\",\n \"body\": {\n \"stringValue\": \"app=1, notice: that things are not going well\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000007\",\n \"body\": {\n \"stringValue\": \"warn: something something\"\n }\n }\n ]\n }\n ]\n }\n ]\n}\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/no-infer-substring/assert_query.sql", "content": "SELECT SeverityText, SeverityNumber, Body FROM otel_logs WHERE ResourceAttributes['suite-id'] = 'severity-inference' AND ResourceAttributes['test-id'] = 'no-infer-substring' ORDER BY TimestampTime FORMAT CSV\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/no-infer-substring/expected.snap", "content": "\"info\",9,\"x-amz-id-2 : abc123/COuECrITmh\"\n\"info\",9,\"txn_id=ab3cdErrF8x processing complete\"\n\"info\",9,\"Forewarn systems check passed\"\n\"info\",9,\"Request backtraced to origin\"" }, { "path": "smoke-tests/otel-collector/data/severity-inference/no-infer-substring/input.json", "content": "{\n \"resourceLogs\": [\n {\n \"resource\": {\n \"attributes\": [\n {\n \"key\": \"suite-id\",\n \"value\": {\n \"stringValue\": \"severity-inference\"\n }\n },\n {\n \"key\": \"test-id\",\n \"value\": {\n \"stringValue\": \"no-infer-substring\"\n }\n }\n ]\n },\n \"scopeLogs\": [\n {\n \"scope\": {},\n \"logRecords\": [\n {\n \"timeUnixNano\": \"1901999580000000000\",\n \"body\": {\n \"stringValue\": \"x-amz-id-2 : abc123/COuECrITmh\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000001\",\n \"body\": {\n \"stringValue\": \"txn_id=ab3cdErrF8x processing complete\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000002\",\n \"body\": {\n \"stringValue\": \"Forewarn systems check passed\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000003\",\n \"body\": {\n \"stringValue\": \"Request backtraced to origin\"\n }\n }\n ]\n }\n ]\n }\n ]\n}\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/skip-infer/assert_query.sql", "content": "SELECT SeverityText, SeverityNumber, Body FROM otel_logs WHERE ResourceAttributes['suite-id'] = 'severity-inference' AND ResourceAttributes['test-id'] = 'skip-infer' ORDER BY TimestampTime FORMAT CSV\n" }, { "path": "smoke-tests/otel-collector/data/severity-inference/skip-infer/expected.snap", "content": "\"debug\",0,\"2025-05-03T03:23:14Z [INFO] this should skip because the severity_text is already set\"\n\"\",9,\"[warn] this should also be skipped because a severity_number was set even if it's missing text\"" }, { "path": "smoke-tests/otel-collector/data/severity-inference/skip-infer/input.json", "content": "{\n \"resourceLogs\": [\n {\n \"resource\": {\n \"attributes\": [\n {\n \"key\": \"suite-id\",\n \"value\": {\n \"stringValue\": \"severity-inference\"\n }\n },\n {\n \"key\": \"test-id\",\n \"value\": {\n \"stringValue\": \"skip-infer\"\n }\n }\n ]\n },\n \"scopeLogs\": [\n {\n \"scope\": {},\n \"logRecords\": [\n {\n \"timeUnixNano\": \"1901999580000000000\",\n \"severity_number\": 0,\n \"severity_text\": \"debug\",\n \"body\": {\n \"stringValue\": \"2025-05-03T03:23:14Z [INFO] this should skip because the severity_text is already set\"\n }\n },\n {\n \"timeUnixNano\": \"1901999580000000001\",\n \"severity_number\": 9,\n \"body\": {\n \"stringValue\": \"[warn] this should also be skipped because a severity_number was set even if it's missing text\"\n }\n }\n ]\n }\n ]\n }\n ]\n}\n" }, { "path": "smoke-tests/otel-collector/docker-compose.yaml", "content": "name: otel-collector-smoke-tests\n\nservices:\n ch-server:\n extends:\n file: ../../docker-compose.ci.yml\n service: ch-server\n ports:\n - 9000:9000\n - 8123:8123\n networks:\n - internal\n healthcheck:\n test:\n wget -O /dev/null --no-verbose --tries=1 http://127.0.0.1:8123/ping ||\n exit 1\n interval: 5s\n timeout: 3s\n retries: 5\n start_period: 10s\n otel-collector:\n build:\n context: ../..\n dockerfile: docker/otel-collector/Dockerfile\n target: dev\n environment:\n - CLICKHOUSE_ENDPOINT=tcp://ch-server:9000?dial_timeout=10s\n - CLICKHOUSE_PROMETHEUS_METRICS_ENDPOINT=ch-server:9363\n - CLICKHOUSE_USER=default\n - CLICKHOUSE_PASSWORD=\n - HYPERDX_OTEL_EXPORTER_CLICKHOUSE_DATABASE=default\n - HYPERDX_LOG_LEVEL=info\n # OPAMP_SERVER_URL is intentionally not set to run in standalone mode\n ports:\n - 4318:4318 # OTLP http receiver\n - 13133:13133 # health check\n networks:\n - internal\n depends_on:\n ch-server:\n condition: service_healthy\n\nnetworks:\n internal:\n name: 'smoke-test-internal-network'\n" }, { "path": "smoke-tests/otel-collector/normalize-severity.bats", "content": "#!/usr/bin/env bats\n\nload 'test_helpers/utilities.bash'\nload 'test_helpers/assertions.bash'\n\n@test \"HDX-1422: normalize the text case for severity text\" {\n emit_otel_data \"http://localhost:4318\" \"data/normalize-severity/text-case\"\n sleep 1\n assert_test_data \"data/normalize-severity/text-case\"\n}" }, { "path": "smoke-tests/otel-collector/receiver-config.yaml", "content": "# Usually added via OpAMP\nreceivers:\n # Troubleshooting\n prometheus:\n config:\n scrape_configs:\n - job_name: 'otelcol'\n scrape_interval: 30s\n static_configs:\n - targets:\n - '0.0.0.0:8888'\n - ${env:CLICKHOUSE_PROMETHEUS_METRICS_ENDPOINT}\n # Data sources: logs\n fluentforward:\n endpoint: '0.0.0.0:24225'\n # Configured via OpAMP w/ authentication\n # Data sources: traces, metrics, logs\n otlp/hyperdx:\n protocols:\n grpc:\n include_metadata: true\n endpoint: '0.0.0.0:4317'\n http:\n cors:\n allowed_origins: ['*']\n allowed_headers: ['*']\n include_metadata: true\n endpoint: '0.0.0.0:4318'\n\nservice:\n pipelines:\n traces:\n receivers:\n - otlp/hyperdx\n metrics:\n receivers:\n - otlp/hyperdx\n - prometheus\n logs/in:\n receivers:\n - otlp/hyperdx\n - fluentforward\n" }, { "path": "smoke-tests/otel-collector/setup_suite.bash", "content": "#!/usr/bin/env bats\n\nload 'test_helpers/utilities.bash'\nload 'test_helpers/assertions.bash'\n\nsetup_suite() {\n validate_env\n docker compose up --build --detach\n wait_for_ready \"otel-collector\"\n}\n\nteardown_suite() {\n attempt_env_cleanup\n}" }, { "path": "smoke-tests/otel-collector/severity-inference.bats", "content": "#!/usr/bin/env bats\n\nload 'test_helpers/utilities.bash'\nload 'test_helpers/assertions.bash'\n\n@test \"HDX-1514: should infer fatal log level\" {\n emit_otel_data \"http://localhost:4318\" \"data/severity-inference/infer-fatal\"\n sleep 1\n assert_test_data \"data/severity-inference/infer-fatal\"\n}\n\n@test \"HDX-1514: should infer error log level\" {\n emit_otel_data \"http://localhost:4318\" \"data/severity-inference/infer-error\"\n sleep 1\n assert_test_data \"data/severity-inference/infer-error\"\n}\n\n@test \"HDX-1514: should infer warn log level\" {\n emit_otel_data \"http://localhost:4318\" \"data/severity-inference/infer-warn\"\n sleep 1\n assert_test_data \"data/severity-inference/infer-warn\"\n}\n\n@test \"HDX-1514: should infer debug log level\" {\n emit_otel_data \"http://localhost:4318\" \"data/severity-inference/infer-debug\"\n sleep 1\n assert_test_data \"data/severity-inference/infer-debug\"\n}\n\n@test \"HDX-1514: should infer trace log level\" {\n emit_otel_data \"http://localhost:4318\" \"data/severity-inference/infer-trace\"\n sleep 1\n assert_test_data \"data/severity-inference/infer-trace\"\n}\n\n@test \"HDX-1514: should infer info log level\" {\n emit_otel_data \"http://localhost:4318\" \"data/severity-inference/infer-info\"\n sleep 1\n assert_test_data \"data/severity-inference/infer-info\"\n}\n\n@test \"HDX-1514: should skip inference if severity values are defined on the input\" {\n emit_otel_data \"http://localhost:4318\" \"data/severity-inference/skip-infer\"\n sleep 1\n assert_test_data \"data/severity-inference/skip-infer\"\n}\n\n@test \"should not infer severity from keywords embedded mid-word\" {\n emit_otel_data \"http://localhost:4318\" \"data/severity-inference/no-infer-substring\"\n sleep 1\n assert_test_data \"data/severity-inference/no-infer-substring\"\n}\n\n@test \"should infer severity from superstring keywords like WARNING and CRITICAL\" {\n emit_otel_data \"http://localhost:4318\" \"data/severity-inference/infer-superstring\"\n sleep 1\n assert_test_data \"data/severity-inference/infer-superstring\"\n}\n" }, { "path": "smoke-tests/otel-collector/test_helpers/assertions.bash", "content": "assert_test_data() {\n local testdir=$1\n local query_file=\"${testdir}/assert_query.sql\"\n local expected_file=\"${testdir}/expected.snap\"\n\n # Check if the query file exists and is readable\n if [ ! -f \"$query_file\" ]; then\n echo \"❌ Error: Query file '$query_file' does not exist.\" >&3\n return 1\n fi\n\n if [ ! -r \"$query_file\" ]; then\n echo \"❌ Error: Query file '$query_file' is not readable.\" >&3\n return 1\n fi\n\n # Check if the expected file exists and is readable\n if [ ! -f \"$expected_file\" ]; then\n echo \"❌ Error: Expected file '$expected_file' does not exist.\" >&3\n return 1\n fi\n\n if [ ! -r \"$expected_file\" ]; then\n echo \"❌ Error: Expected file '$expected_file' is not readable.\" >&3\n return 1\n fi\n\n # Execute the query using clickhouse-client and capture the results\n local query_result=$(clickhouse-client --queries-file=\"$query_file\" 2>&1)\n\n # Check if the clickhouse-client command succeeded\n if [ $? -ne 0 ]; then\n echo \"❌ Error: Failed to execute query: $query_result\" >&3\n return 1\n fi\n\n # Read the expected results from the expected file\n local expected_result=$(cat \"$expected_file\")\n\n # Compare the query result with the expected result\n if [ \"$query_result\" = \"$expected_result\" ]; then\n return 0\n else\n echo \"❌ Test failed: Query results do not match expected output\" >&3\n echo \" Expected: $expected_result\" >&3\n echo \" Actual: $query_result\" >&3\n return 1\n fi\n}\n\n\n\n\n" }, { "path": "smoke-tests/otel-collector/test_helpers/utilities.bash", "content": "validate_env() {\n # Check if docker is installed\n if ! command -v docker &> /dev/null; then\n echo \"❌ Error: docker is not installed. Please install docker to continue.\" >&3\n return 1\n fi\n\n # Check if curl is installed\n if ! command -v curl &> /dev/null; then\n echo \"❌ Error: curl is not installed. Please install curl to continue.\" >&3\n return 1\n fi\n\n # Check if clickhouse-client is installed\n if ! command -v clickhouse-client &> /dev/null; then\n echo \"❌ Error: clickhouse-client is not installed. Please install clickhouse-client to continue. (Did you run `clickhouse install` yet?)\" >&3\n return 1\n fi\n\n echo \"🌳 environment validation passed\" >&3\n return 0\n}\n\nwait_for_ready() {\n local container_name=$1\n local max_attempts=10\n local wait_time=0\n\n echo \"🍿 waiting for container $container_name to be ready\" >&3\n until [ $wait_time -eq $max_attempts ] || [[ $(docker compose logs \"$container_name\" | grep \"Everything is ready\") ]]\n do\n sleep $wait_time\n wait_time=$((wait_time + 1))\n done\n\n # Check if we reached max attempts (container not ready)\n if [ $wait_time -eq $max_attempts ]; then\n echo \"❌ Error: Container $container_name not ready after $max_attempts attempts\" >&3\n return 1\n fi\n\n echo \" └→ Container $container_name is ready\" >&3\n return 0\n}\n\nemit_otel_data() {\n local endpoint=$1\n local testdir=$2\n local datafile=\"${testdir}/input.json\"\n\n # Check if the data file exists and is readable\n if [ ! -f \"$datafile\" ]; then\n echo \"❌ Error: Data file '$datafile' does not exist.\" >&3\n return 1\n fi\n\n if [ ! -r \"$datafile\" ]; then\n echo \"❌ Error: Data file '$datafile' is not readable.\" >&3\n return 1\n fi\n\n # Send the JSON file as a single request\n curl -s -X POST \"$endpoint/v1/logs\" \\\n -H \"Content-Type: application/json\" \\\n --data @\"$datafile\"\n\n # Check if the curl command succeeded\n if [ $? -ne 0 ]; then\n echo \"❌ Error: Failed to send data to $endpoint\" >&3\n return 1\n fi\n return 0\n}\n\nattempt_env_cleanup() {\n # Check if we should keep the test containers running\n if [[ \"${SKIP_CLEANUP}\" == \"1\" ]] || [[ \"$(echo \"${SKIP_CLEANUP}\" | tr '[:upper:]' '[:lower:]')\" == \"true\" ]]; then\n echo \"🔍 SKIP_CLEANUP is set, skipping container cleanup\" >&3\n return 0\n fi\n docker compose down\n}\n" }, { "path": "tsconfig.base.json", "content": "{\n \"compilerOptions\": {\n \"module\": \"Node16\",\n \"moduleResolution\": \"Node16\",\n \"lib\": [\"ES2022\", \"dom\"],\n \"allowSyntheticDefaultImports\": true,\n \"downlevelIteration\": true,\n \"esModuleInterop\": true,\n \"forceConsistentCasingInFileNames\": true,\n \"importHelpers\": true,\n \"noFallthroughCasesInSwitch\": true,\n \"noImplicitAny\": false,\n \"noImplicitReturns\": false,\n \"noImplicitThis\": false,\n \"noUnusedLocals\": false,\n \"noUnusedParameters\": false,\n \"skipLibCheck\": true,\n \"sourceMap\": true,\n \"strict\": true,\n \"target\": \"ES2022\",\n \"resolveJsonModule\": true\n }\n}\n" }, { "path": "version.sh", "content": "#!/bin/bash\n\n# update packages versions\nnpx changeset version\n\n# upload yarn.lock\nyarn\n\n# update root package.json version\nAPI_LATEST_VERSION=$(sed -n 's/.*\"version\": \"\\([^\"]*\\)\".*/\\1/p' ./packages/api/package.json)\nAPP_LATEST_VERSION=$(sed -n 's/.*\"version\": \"\\([^\"]*\\)\".*/\\1/p' ./packages/app/package.json)\n\n# check if api and app versions are the same\nif [ \"$API_LATEST_VERSION\" != \"$APP_LATEST_VERSION\" ]; then\n echo \"API and APP versions are not the same. Please check and try again.\"\n exit 1\nfi\n\n# update root package.json version\nsed -i '' \"s/^ \\\"version\\\": \\\"[^\\\"]*\\\"/ \\\"version\\\": \\\"$API_LATEST_VERSION\\\"/\" package.json\necho \"Updated root package.json version to $API_LATEST_VERSION\"\n\n# update tags in .env \nsed -i '' -e \"s/CODE_VERSION=.*/CODE_VERSION=$API_LATEST_VERSION/g\" ./.env\necho \"Updated .env CODE_VERSION to $API_LATEST_VERSION\"\n\nsed -i '' -e \"s/IMAGE_VERSION_SUB_TAG=.*/IMAGE_VERSION_SUB_TAG=.${API_LATEST_VERSION#*.}/g\" ./.env\necho \"Updated .env IMAGE_VERSION_SUB_TAG to .${API_LATEST_VERSION#*.}\"\n\necho \"Run 'make release' to publish images\"\n" } ]