tuimon 0.1.0 → 0.3.0

package/AI.md

@@ -0,0 +1,191 @@
+# TuiMon — AI Integration Guide
+
+> Use this file when a user asks to display, monitor, or visualize data in a terminal.
+> TuiMon renders beautiful dashboards with zero setup. Just install, send data, done.
+
+## Install
+
+```bash
+npm install -g tuimon
+```
+
+## Quickest Paths (pick one)
+
+### Path 1: I have a data file
+```bash
+tuimon data.json        # JSON array of objects → instant table + charts
+tuimon users.csv        # CSV → instant table + charts
+tuimon access.log       # Nginx log → request stats + browsable table
+tuimon modsec.log       # ModSecurity → security dashboard
+```
+That's it. No code needed. TuiMon auto-detects format and creates the dashboard.
+
+### Path 2: I want live data from a function
+Create one file:
+```js
+// monitor.js
+module.exports = () => ({
+  cpu: require('os').cpus().reduce((a,c) => a + (100 - c.times.idle / Object.values(c.times).reduce((x,y)=>x+y,0) * 100), 0) / require('os').cpus().length | 0,
+  memory: ((1 - require('os').freemem() / require('os').totalmem()) * 100) | 0,
+  uptime: process.uptime() | 0,
+})
+```
+```bash
+tuimon watch monitor.js
+```
+TuiMon auto-detects data types and creates appropriate widgets. Refreshes every second.
+
+### Path 3: I want to monitor an HTTP endpoint
+```bash
+tuimon watch --url http://localhost:3000/api/stats
+```
+The endpoint must return JSON. TuiMon polls it every second and auto-creates the dashboard.
+
+### Path 4: I want a custom layout (still no HTML)
+```js
+// dashboard.js
+const tuimon = require('tuimon')
+
+tuimon.default.start({
+  pages: {
+    main: {
+      default: true,
+      layout: {
+        title: 'My Dashboard',
+        stats: [
+          { id: 'users', label: 'Users', type: 'stat' },
+          { id: 'cpu', label: 'CPU', type: 'gauge' },
+        ],
+        panels: [
+          { id: 'requests', label: 'Requests', type: 'line', span: 2 },
+          { id: 'errors', label: 'Errors', type: 'event-log' },
+        ],
+      },
+    },
+  },
+  refresh: 1000,
+  data: () => ({
+    users: getUserCount(),
+    cpu: getCpuPercent(),
+    requests: { HTTP: getReqRate(), WS: getWsRate() },
+    errors: getRecentErrors(),
+  }),
+})
+```
+
+## Data Format Rules
+
+TuiMon accepts the **simplest possible data**. Just send what you have:
+
+| You send | TuiMon shows |
+|----------|-------------|
+| `42` | Stat card with number |
+| `73` (for id containing cpu/mem/disk) | Gauge (0-100%) |
+| `"running"` | Stat card with text |
+| `{ value: 42, trend: '+5', unit: 'req/s' }` | Stat card with trend |
+| `{ Requests: 340, Errors: 12 }` | Line chart (auto-accumulates history over time) |
+| `{ GET: 200, POST: 50 }` | Bar chart |
+| `['Deploy completed', 'Scaled up']` | Event log (auto-timestamped) |
+| `[{ text: 'Error', type: 'error' }]` | Event log (colored by type) |
+| `['Node-1', 'Node-2']` | Status grid (all green) |
+| `[{ label: 'DB', status: 'error' }]` | Status grid (colored dots) |
+
+**Key insight for line charts:** You don't manage history. Each call to `render()` or each refresh sends CURRENT values. TuiMon accumulates the history automatically and builds the chart over time.
+
+## Widget Types
+
+| Type | Use for |
+|------|---------|
+| `stat` | Single number or text value |
+| `gauge` | Percentage (0-100 with color bar) |
+| `line` | Time series (auto-accumulates history) |
+| `bar` | Categorical comparison |
+| `doughnut` | Distribution/proportion |
+| `event-log` | Scrolling list of events |
+| `status-grid` | Health indicators (colored dots) |
+| `table` | Tabular data with pagination |
+
+## Per-Widget Throttle
+
+Widgets can update at different speeds:
+```js
+panels: [
+  { id: 'chart', label: 'Chart', type: 'line' },              // every frame
+  { id: 'events', label: 'Events', type: 'event-log', throttle: 2000 },  // max every 2s
+  { id: 'health', label: 'Health', type: 'status-grid', throttle: 5000 }, // max every 5s
+]
+```
+
+## VSCode Terminal
+
+TuiMon works in VSCode's integrated terminal. Ensure this setting is enabled:
+```json
+{ "terminal.integrated.enableImages": true }
+```
+Running `tuimon init` sets this automatically.
+
+## Common AI Use Cases
+
+### "Show me my server stats"
+```js
+module.exports = () => ({
+  cpu: os.loadavg()[0],
+  memory: ((1 - os.freemem()/os.totalmem()) * 100) | 0,
+  uptime: process.uptime() | 0,
+  processes: execSync('ps aux | wc -l').toString().trim(),
+})
+```
+```bash
+tuimon watch server-stats.js
+```
+
+### "Monitor my API"
+```bash
+tuimon watch --url http://localhost:3000/health
+```
+
+### "Visualize this JSON data"
+```bash
+tuimon data.json
+```
+
+### "Show me my nginx traffic"
+```bash
+tuimon /var/log/nginx/access.log
+```
+
+### "Monitor my database"
+```js
+module.exports = async () => {
+  const pool = require('./db')
+  const { rows } = await pool.query('SELECT count(*) as c FROM users WHERE active = true')
+  return {
+    activeUsers: rows[0].c,
+    connections: pool.totalCount,
+    idle: pool.idleCount,
+    waiting: pool.waitingCount,
+  }
+}
+```
+```bash
+tuimon watch db-monitor.js
+```
+
+### "Show security events"
+```bash
+tuimon /var/log/modsec_audit.log
+```
+
+## CLI Reference
+
+```
+tuimon <file>                    # Visualize JSON/CSV/log file
+tuimon <file> -c "col1,col2"     # Show specific columns only
+tuimon watch <file.js>           # Live data from JS module
+tuimon watch --url <url>         # Poll JSON endpoint
+tuimon watch --url <url> --interval 5000  # Custom poll interval
+tuimon start                     # Full config mode
+tuimon init                      # Scaffold project + enable VSCode
+tuimon check                     # Verify terminal graphics support
+tuimon ai                        # Print this guide
+```

package/README.md

@@ -1,152 +1,298 @@
 # TuiMon
 
-> Render beautiful HTML dashboards directly in your terminal.
+> Your HTML, CSS, and JavaScript, rendered directly in the terminal.
 
-## Terminal Requirements
+## What Is TuiMon?
 
-| Terminal   | Protocol | Status     |
-|-----------|----------|------------|
-| Kitty     | Kitty    | Supported  |
-| Ghostty   | Kitty    | Supported  |
-| WezTerm   | Kitty    | Supported  |
-| iTerm2    | iTerm2   | Supported  |
-| VSCode    | Sixel    | Supported* |
-| mlterm    | Sixel    | Supported  |
+TuiMon takes any HTML page and renders it live in your terminal. Write your dashboard with HTML, CSS flexbox, Chart.js, D3, or whatever you already know, and TuiMon turns it into a real-time terminal application.
 
-\* Sixel support may vary by terminal version.
+No curses. No blessed. No terminal UI framework. Just the web tech you already use.
 
-## Quick Start
-
-```bash
-npx tuimon init
-npx tuimon check
-npx tuimon start
 ```
+Your HTML/CSS/JS > Headless Chromium > Screenshot > Terminal Graphics > Your Terminal
+```
+
+If it works in a browser, it works in TuiMon.
 
-Or install globally:
+But you don't have to write HTML if you don't want to. TuiMon also comes with a beautiful built-in theme and a set of zero-config CLI tools that let you visualize files, databases, and live data without writing a single line of HTML.
+
+## Quick Start
 
 ```bash
 npm install -g tuimon
-tuimon init && tuimon start
+tuimon init       # scaffolds a starter dashboard
+tuimon start      # renders it in your terminal
 ```
 
-## How It Works
+---
 
-TuiMon renders your HTML pages in a headless Chromium browser via Playwright, screenshots them as PNG, and streams the images to your terminal using the Kitty graphics protocol (or Sixel as fallback). You write dashboards as normal HTML/CSS/JS — any charting library works.
+## 1. Build Your Own Dashboard with HTML
 
-## Multi-Page Navigation
+This is what TuiMon was built for. You write your dashboard as a normal HTML page. Use CSS flexbox, grid, animations, whatever. Use any charting library. TuiMon renders it in your terminal.
 
-Define multiple pages with keyboard shortcuts:
+```html
+<!-- pages/dashboard.html -->
+<div style="display: flex; gap: 20px; padding: 20px; background: #0a0e1a; color: white; height: 100vh;">
+  <div style="flex: 1; background: #0f1629; border-radius: 8px; padding: 16px;">
+    <h3>CPU Usage</h3>
+    <canvas id="cpuChart"></canvas>
+  </div>
+  <div style="flex: 1; background: #0f1629; border-radius: 8px; padding: 16px;">
+    <h3>Memory</h3>
+    <div id="memValue" style="font-size: 48px; color: #00e5ff;">--</div>
+  </div>
+</div>
+<script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script>
+<script>
+  TuiMon.onUpdate(function(data) {
+    TuiMon.set('#memValue', data.memory + '%')
+    // update your charts, DOM, anything you want
+  })
+</script>
+```
 
 ```typescript
+// tuimon.config.ts
+import tuimon from 'tuimon'
+
 const dash = await tuimon.start({
   pages: {
-    overview: {
-      html: './pages/overview.html',
+    main: {
+      html: './pages/dashboard.html',
       default: true,
-      label: 'Overview',
-    },
-    cpu: {
-      html: './pages/cpu-detail.html',
-      shortcut: 'g',
-      label: 'CPU Detail',
-    },
-    memory: {
-      html: './pages/memory-detail.html',
-      shortcut: 'm',
-      label: 'Memory',
+      keys: {
+        F5: { label: 'Refresh', action: async () => dash.render(await getData()) },
+        F10: { label: 'Quit', action: () => process.exit(0) },
+      },
     },
   },
+  refresh: 1000,
+  data: getData,
 })
 ```
 
-- Press a shortcut key from the overview to jump to a detail page
-- Press **ESC** on a detail page to return to overview
-- Press **ESC** on overview to show quit confirmation
-- Press **Ctrl+C** anywhere to exit immediately
+### Multiple Pages
 
-Add shortcut badges to HTML panels with data attributes:
+You can define multiple HTML pages and let users switch between them with keyboard shortcuts. Press a letter to jump to a detail page, ESC to go back.
 
-```html
-<div class="panel" data-tm-key="g" data-tm-label="CPU Detail">
-  <!-- panel content -->
-</div>
+```typescript
+pages: {
+  overview: { html: './pages/overview.html', default: true },
+  cpu:      { html: './pages/cpu-detail.html', shortcut: 'g', label: 'CPU Detail' },
+  memory:   { html: './pages/memory-detail.html', shortcut: 'm', label: 'Memory' },
+}
 ```
 
-## Per-Page F-Key Bindings
+### Client Library
+
+TuiMon automatically injects a small client script into your HTML pages. You use it to receive data updates:
+
+- `TuiMon.onUpdate(callback)` receives data whenever `dash.render(data)` is called
+- `TuiMon.set(selector, value)` is a shortcut to update text content or styles
+- `TuiMon.notify(message)` dispatches a notification event
 
-Each page defines its own F-key actions:
+### Shortcut Badges
+
+Add `data-tm-key="g"` to any element and TuiMon automatically renders a `[G]` badge in the corner. Users immediately know they can press G to navigate there.
+
+### F-Key Bar
+
+Each page can define its own F-key bindings. The bar at the bottom of the terminal always shows the active page's keys.
+
+---
+
+## 2. Use the Built-in Theme (No HTML Needed)
+
+If you don't want to design anything, TuiMon comes with a built-in dark neon theme. Just define your widgets and push data. TuiMon generates the HTML for you behind the scenes.
 
 ```typescript
-pages: {
-  overview: {
-    html: './pages/overview.html',
-    default: true,
-    keys: {
-      F5: { label: 'Refresh', action: async () => dash.render(await getData()) },
-      F10: { label: 'Quit', action: () => process.exit(0) },
+const dash = await tuimon.start({
+  pages: {
+    main: {
+      default: true,
+      layout: {
+        title: 'My App',
+        stats: [
+          { id: 'users', label: 'Users Online', type: 'stat' },
+          { id: 'cpu', label: 'CPU', type: 'gauge' },
+        ],
+        panels: [
+          { id: 'traffic', label: 'Traffic', type: 'line', span: 2 },
+          { id: 'services', label: 'Services', type: 'doughnut' },
+          { id: 'events', label: 'Events', type: 'event-log', throttle: 2000 },
+          { id: 'health', label: 'Health', type: 'status-grid', throttle: 5000 },
+        ],
+      },
     },
   },
-}
+  refresh: 500,
+  data: () => ({
+    users: 42,
+    cpu: 73,
+    traffic: { Requests: 340, Errors: 12 },
+    services: { Web: 47, API: 27 },
+    events: ['Deploy completed'],
+    health: ['Node-1', 'Node-2'],
+  }),
+})
 ```
 
-The F-key bar at the bottom always reflects the active page's bindings.
+### Widget Types
 
-## API Reference
+There are 8 built-in widget types: `stat`, `gauge`, `line`, `doughnut`, `bar`, `event-log`, `status-grid`, and `table`.
 
-### `tuimon.start(options: TuiMonOptions): Promise<TuiMonDashboard>`
+### Just Send Numbers
 
-```typescript
-interface TuiMonOptions {
-  pages: Record<string, PageConfig>
-  data?: () => Record<string, unknown> | Promise<Record<string, unknown>>
-  refresh?: number    // auto-render interval in ms
-  renderDelay?: number // delay after pushData before screenshot (default: 50)
-}
+You don't need to learn a data format. Just send the simplest thing and TuiMon figures it out:
 
-interface PageConfig {
-  html: string           // path to HTML file
-  default?: boolean      // exactly one page must be default
-  shortcut?: string      // single lowercase letter
-  label?: string         // human-readable name
-  keys?: Partial<Record<FKey, KeyBinding>>
-}
+| What you send | What TuiMon shows |
+|---------------|-------------------|
+| `42` | Stat card with the number |
+| `73` (for something named cpu or mem) | Gauge bar showing 73% |
+| `{ Requests: 340, Errors: 12 }` | Line chart that builds up over time |
+| `['Deploy completed']` | Event log with automatic timestamps |
+| `['Node-1', 'Node-2']` | Status grid with green dots |
 
-interface KeyBinding {
-  label: string
-  action: () => void | Promise<void>
-}
-```
+For line charts, you don't manage history. Each render call sends the current values and TuiMon accumulates the history automatically.
+
+### Per-Widget Throttle
+
+Each widget can update at its own speed. Your charts can update every frame while your event log only updates every 2 seconds and your status grid every 5 seconds. Just add `throttle: 2000` to any widget config.
+
+---
+
+## 3. Instant Visualization (Zero Setup)
 
-### `dash.render(data): Promise<void>`
+Sometimes you just need to quickly look at some data. TuiMon can do that too.
 
-Push data to the current page and re-render.
+### View a File
 
-### `dash.stop(): Promise<void>`
+```bash
+tuimon data.json                    # JSON array of objects, shown as table + charts
+tuimon users.csv                    # CSV file, auto-detects delimiter
+tuimon access.log                   # Nginx access log, shows request stats
+tuimon modsec_audit.log             # ModSecurity log, shows security dashboard
+tuimon data.json -c "name,age"      # Only show specific columns
+```
+
+TuiMon auto-detects the file format, picks the right widgets, and builds a dashboard. It also watches the file for changes so the dashboard updates if the file is modified.
 
-Gracefully shut down — restores terminal state.
+Press D to switch to a full-screen data table. Use arrow keys to page through the data. ESC goes back.
 
-## Client Library
+### Watch Live Data
 
-In your HTML pages, use the injected `TuiMon` object:
+Create a JS file that exports a function returning your data:
 
-```javascript
-// Listen for data updates
-TuiMon.onUpdate(function(data) {
-  TuiMon.set('#cpu', data.cpu)
-  TuiMon.set('#memory', data.memory + '%')
+```js
+// metrics.js
+const os = require('os')
+module.exports = () => ({
+  cpu: getCpuPercent(),
+  memory: getMemPercent(),
+  uptime: process.uptime(),
 })
+```
+
+```bash
+tuimon watch metrics.js
+```
+
+TuiMon calls your function every second, auto-detects the data shape, and builds a dashboard.
+
+You can also poll an HTTP endpoint that returns JSON:
+
+```bash
+tuimon watch --url http://localhost:3000/metrics
+tuimon watch --url http://localhost:3000/metrics --interval 5000
+```
+
+### View a Database Table
+
+If you are working on a project that already has a database driver installed and a connection string in `.env`, you can view your data directly:
+
+```bash
+tuimon db users                          # view a table or collection
+tuimon db users --watch                  # re-query every 2 seconds
+tuimon db "SELECT * FROM orders"         # run a custom query
+tuimon db users --query '{"active":true}'  # MongoDB filter
+tuimon db users --env MY_DB_URI          # use a specific env variable
+tuimon db users -c "name,email,role"     # only show these columns
+```
+
+TuiMon finds the database driver in your project's `node_modules/` folder and reads the connection string from your `.env` file. It supports MongoDB, PostgreSQL, MySQL, and SQLite.
+
+No new dependencies are installed. TuiMon uses whatever driver your project already has.
+
+---
+
+## Terminal Support
 
-// TuiMon.set(selector, value) — sets text content or applies styles
-// TuiMon.notify(message, duration) — dispatches a notification event
+| Terminal | Protocol | Status |
+|----------|----------|--------|
+| Kitty | Kitty | Supported |
+| Ghostty | Kitty | Supported |
+| WezTerm | Kitty | Supported |
+| iTerm2 | iTerm2 | Supported |
+| VSCode | Sixel | Supported |
+| mlterm | Sixel | Supported |
+
+### VSCode
+
+Running `tuimon init` automatically enables terminal images in VSCode. It creates a `.vscode/settings.json` file with:
+
+```json
+{ "terminal.integrated.enableImages": true }
 ```
 
+If you are adding TuiMon to an existing project, add that setting manually or run `tuimon init`.
+
+---
+
+## Global Config
+
+You can set preferences once so you don't have to repeat them:
+
+```bash
+tuimon config db.envVar MONGODB_URI    # which env var holds your DB connection
+tuimon config db.defaultLimit 500      # how many rows to show by default
+tuimon config refresh 250              # default refresh rate in ms
+tuimon config                          # show current config
+tuimon config --reset                  # reset everything to defaults
+```
+
+Config is stored in `~/.tuimon/config.json`.
+
+---
+
+## CLI Reference
+
+| Command | What it does |
+|---------|--------------|
+| `tuimon <file>` | Visualize a JSON, CSV, or log file |
+| `tuimon watch <file.js>` | Live dashboard from a JS data module |
+| `tuimon watch --url <url>` | Poll a JSON endpoint |
+| `tuimon db <table or query>` | View a database table or run a query |
+| `tuimon start` | Run a custom HTML dashboard from tuimon.config.ts |
+| `tuimon init` | Scaffold a starter project and enable VSCode |
+| `tuimon check` | Check if your terminal supports graphics |
+| `tuimon config` | View or set global preferences |
+| `tuimon ai` | Print the AI integration guide |
+
+Set `TUIMON_DEBUG=1` to print per-frame timing to stderr.
+
+---
+
+## How It Works
+
+TuiMon runs a headless Chromium browser via Playwright. Your HTML page loads in the browser. TuiMon pushes data into the page, takes a PNG screenshot, encodes it using the Kitty graphics protocol (or Sixel for terminals that need it), and writes it to stdout. The F-key bar and keyboard input run natively in the terminal.
+
+A typical frame takes about 50ms from data push to pixels on screen.
+
+---
+
 ## Contributing
 
-- **TDD required** — write tests first, implementation second
-- Coverage thresholds: 80% lines, 80% functions, 75% branches
-- `npm test` must pass before any PR
-- Strict TypeScript — `strict: true`, no `any`
+Tests first, implementation second. Coverage thresholds are 80% lines, 80% functions, and 75% branches. TypeScript is strict with no exceptions.
 
 ## License
 

package/dist/browser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../src/browser.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,wBAAsB,aAAa,CAAC,EAClC,GAAG,EACH,KAAK,EACL,MAAM,GACP,EAAE;IACD,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,GAAG,OAAO,CAAC,aAAa,CAAC,CA8DzB"}
+{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../src/browser.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,wBAAsB,aAAa,CAAC,EAClC,GAAG,EACH,KAAK,EACL,MAAM,GACP,EAAE;IACD,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,GAAG,OAAO,CAAC,aAAa,CAAC,CAkEzB"}

package/dist/browser.js

@@ -49,6 +49,9 @@ export async function createBrowser({ url, width, height, }) {
         async resize(w, h) {
             await page.setViewportSize({ width: w, height: h });
         },
+        async evaluate(expression) {
+            await page.evaluate(expression);
+        },
         async close() {
             await browser.close();
         },

package/dist/browser.js.map

@@ -1 +1 @@
-{"version":3,"file":"browser.js","sourceRoot":"","sources":["../src/browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGrC,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,EAClC,GAAG,EACH,KAAK,EACL,MAAM,GAKP;IACC,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;IACzD,MAAM,OAAO,GAAG,MAAM,OAAO,CAAC,UAAU,EAAE,CAAA;IAC1C,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,OAAO,EAAE,CAAA;IAEpC,MAAM,IAAI,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;IAC7C,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,CAAA;IAEvD,IAAI,UAAU,GAAG,CAAC,CAAA;IAClB,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE;QAC1B,UAAU,EAAE,CAAA;QACZ,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;YACnB,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,0DAA0D,CAAC,CAAA;YAChF,OAAM;QACR,CAAC;QACD,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,kCAAkC,UAAU,kBAAkB,CAAC,CAAA;QACpF,IAAI,CAAC;YACH,MAAM,IAAI,CAAC,MAAM,EAAE,CAAA;QACrB,CAAC;QAAC,MAAM,CAAC;YACP,yBAAyB;QAC3B,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE;QAC3B,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,uBAAuB,GAAG,CAAC,OAAO,IAAI,CAAC,CAAA;IAC9D,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,KAAK,CAAC,UAAU;YACd,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;YAClD,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACzB,CAAC;QAED,KAAK,CAAC,QAAQ,CAAC,IAA6B;YAC1C,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAA0B,EAAE,EAAE;gBACjD,MAAM,GAAG,GAAG,UAAqC,CAAA;gBACjD,IAAI,OAAO,GAAG,CAAC,mBAAmB,CAAC,KAAK,UAAU,EAAE,CAAC;oBACnD,CAAC;oBAAC,GAAG,CAAC,mBAAmB,CAA0C,CAAC,CAAC,CAAC,CAAA;gBACxE,CAAC;YACH,CAAC,EAAE,IAAI,CAAC,CAAA;YACR,IAAI,CAAC;gBACH,MAAM,IAAI,CAAC,eAAe,CACxB,GAAG,EAAE,CAAE,UAAsC,CAAC,kBAAkB,CAAC,KAAK,IAAI,EAC1E,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB,CAAA;YACH,CAAC;YAAC,MAAM,CAAC;gBACP,kEAAkE;YACpE,CAAC;QACH,CAAC;QAED,KAAK,CAAC,QAAQ,CAAC,MAAc;YAC3B,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,CAAA;QAC5D,CAAC;QAED,KAAK,CAAC,MAAM,CAAC,CAAS,EAAE,CAAS;YAC/B,MAAM,IAAI,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;QACrD,CAAC;QAED,KAAK,CAAC,KAAK;YACT,MAAM,OAAO,CAAC,KAAK,EAAE,CAAA;QACvB,CAAC;KACF,CAAA;AACH,CAAC"}
+{"version":3,"file":"browser.js","sourceRoot":"","sources":["../src/browser.ts"],"names":[],"mappings":"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"}