tuimon 0.1.0 → 0.2.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,288 @@
 # TuiMon
 
-> Render beautiful HTML dashboards directly in your terminal.
+> Render beautiful dashboards directly in your terminal. Zero config required.
 
-## Terminal Requirements
+## The Simplest Way to Visualize Data in Your Terminal
 
-| Terminal   | Protocol | Status     |
-|-----------|----------|------------|
-| Kitty     | Kitty    | Supported  |
-| Ghostty   | Kitty    | Supported  |
-| WezTerm   | Kitty    | Supported  |
-| iTerm2    | iTerm2   | Supported  |
-| VSCode    | Sixel    | Supported* |
-| mlterm    | Sixel    | Supported  |
+```bash
+# Visualize any data file instantly
+tuimon data.json
+tuimon users.csv
+tuimon /var/log/nginx/access.log
+
+# Live monitoring from a data function
+tuimon watch metrics.js
+
+# Poll a JSON API
+tuimon watch --url http://localhost:3000/metrics
+
+# Full custom dashboard (HTML/CSS/JS)
+tuimon start
+```
+
+No HTML. No config files. No charting libraries. Just point TuiMon at your data.
 
-\* Sixel support may vary by terminal version.
+## Terminal Support
+
+| Terminal | Protocol | Status |
+|----------|----------|--------|
+| Kitty | Kitty | Supported |
+| Ghostty | Kitty | Supported |
+| WezTerm | Kitty | Supported |
+| iTerm2 | iTerm2 | Supported |
+| **VSCode** | Sixel | **Supported** (requires one setting) |
+| mlterm | Sixel | Supported |
+
+### VSCode Setup
+
+VSCode supports terminal images but it's **off by default**. Running `tuimon init` enables it automatically by creating `.vscode/settings.json` with:
+
+```json
+{ "terminal.integrated.enableImages": true }
+```
 
 ## Quick Start
 
 ```bash
-npx tuimon init
-npx tuimon check
-npx tuimon start
+npm install -g tuimon
+tuimon check          # verify your terminal supports graphics
 ```
 
-Or install globally:
+## 1. Instant File Visualization
+
+Point TuiMon at any data file — it auto-detects the format, picks the right charts, and renders a dashboard:
 
 ```bash
-npm install -g tuimon
-tuimon init && tuimon start
+# JSON array → table + charts
+tuimon users.json
+
+# CSV → table + charts
+tuimon sales.csv
+
+# Nginx access log → request stats + table
+tuimon /var/log/nginx/access.log
+
+# ModSecurity audit log → security dashboard
+tuimon /var/log/modsec_audit.log
+
+# Filter columns
+tuimon access.log --columns "Timestamp,IP,Path,Status"
 ```
 
-## How It Works
+**Auto-detected formats:**
+- **JSON/JSONL** — arrays of objects → table + stat cards + charts
+- **CSV/TSV** — auto-detects delimiter, header row, column types
+- **Nginx combined log** — request stats, status codes, top endpoints/IPs, browsable request table
+- **ModSecurity audit log** — security events, severity distribution, attack categories, top attacker IPs
+- **JSON logs** — level distribution, latest entries
+- **Plain text** — live tail
+
+**Features:**
+- Press **D** to switch to full-screen data table view, **ESC** to go back
+- Arrow keys / PgUp / PgDn to navigate table pages
+- **F5** to reload file, **F10** to quit
+- File is **watched** — dashboard updates when the file changes on disk
+
+## 2. Live Data Monitoring
+
+Create a JS file that exports a data function — TuiMon handles the rest:
 
-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.
+```js
+// metrics.js
+const os = require('os')
 
-## Multi-Page Navigation
+module.exports = () => ({
+  cpu: Math.round(100 - (os.cpus().reduce((a,c) => a + c.times.idle, 0) / os.cpus().reduce((a,c) => a + Object.values(c.times).reduce((x,y) => x+y, 0), 0)) * 100),
+  memory: Math.round((1 - os.freemem() / os.totalmem()) * 100),
+  uptime: Math.round(process.uptime()) + 's',
+})
+```
+
+```bash
+tuimon watch metrics.js
+```
+
+TuiMon inspects the returned data and auto-creates the right widgets:
+
+| Data type | Widget |
+|-----------|--------|
+| Number (0-100 + name like cpu/mem) | Gauge |
+| Number (other) | Stat card |
+| String | Stat card |
+| `{ key: number, ... }` (2+ keys) | Line chart (auto-accumulates history) |
+| `{ key: number }` | Bar chart |
+| `['string', ...]` | Event log (auto-timestamped) |
+| `[{ label, status }, ...]` | Status grid (colored dots) |
+
+**Export options:**
+
+```js
+module.exports = () => ({ ... })    // data function (required)
+module.exports.refresh = 500        // refresh interval in ms (default: 1000)
+module.exports.title = 'My App'     // dashboard title
+module.exports.layout = { ... }     // override auto-detected layout
+```
+
+### Poll a JSON API
+
+```bash
+tuimon watch --url http://localhost:3000/metrics
+tuimon watch --url http://localhost:3000/metrics --interval 2000
+```
 
-Define multiple pages with keyboard shortcuts:
+## 3. Zero-HTML Declarative Dashboard
+
+For more control without writing HTML, define widgets in a layout config:
 
 ```typescript
+import tuimon from 'tuimon'
+
 const dash = await tuimon.start({
   pages: {
     overview: {
-      html: './pages/overview.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',
+      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: getOnlineCount(),
+    cpu: getCpuPercent(),
+    traffic: { Requests: 340, Errors: 12 },
+    services: { Web: 47, API: 27 },
+    events: ['Deploy completed'],
+    health: ['Node-1', 'Node-2'],
+  }),
 })
 ```
 
-- 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
+**8 widget types:** `stat`, `gauge`, `line`, `doughnut`, `bar`, `event-log`, `status-grid`, `table`
 
-Add shortcut badges to HTML panels with data attributes:
+**Per-widget throttle:** Each widget can have its own update rate — charts update every frame while event logs and status grids update less frequently.
 
-```html
-<div class="panel" data-tm-key="g" data-tm-label="CPU Detail">
-  <!-- panel content -->
-</div>
+**Lazy data format:** Every widget accepts the simplest possible data. Just send numbers — TuiMon figures out the rest:
+
+```typescript
+dash.render({
+  users: 42,                              // number → stat
+  cpu: 73,                                // number → gauge (0-100)
+  traffic: { Requests: 340, Errors: 12 }, // object → line chart (history auto-accumulated)
+  services: { Web: 47, API: 27 },         // object → doughnut
+  events: ['Deploy completed'],           // string[] → event-log (auto-timestamped)
+  health: ['Node-1', 'Node-2'],           // string[] → status-grid (all "ok")
+})
 ```
 
-## Per-Page F-Key Bindings
+## 4. Full Custom HTML Dashboard
 
-Each page defines its own F-key actions:
+For complete control, write your dashboard as normal HTML/CSS/JS:
+
+```bash
+tuimon init    # scaffolds starter project
+tuimon start   # runs it
+```
+
+TuiMon renders your HTML pages in a headless Chromium browser via Playwright, screenshots them as PNG, and streams the images to your terminal. Any charting library works — Chart.js, D3, ECharts, anything.
+
+### Multi-Page Navigation
 
 ```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: {
+    overview: {
+      html: './pages/overview.html',
+      default: true,
+      label: 'Overview',
+    },
+    cpu: {
+      html: './pages/cpu-detail.html',
+      shortcut: 'g',
+      label: 'CPU Detail',
     },
   },
-}
+})
 ```
 
-The F-key bar at the bottom always reflects the active page's bindings.
+- Press a shortcut key to jump to a detail page
+- **ESC** on detail page returns to overview
+- **ESC** on overview shows quit confirmation
+- **Ctrl+C** exits immediately from anywhere
 
-## API Reference
-
-### `tuimon.start(options: TuiMonOptions): Promise<TuiMonDashboard>`
+### Per-Page F-Key Bindings
 
 ```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)
+keys: {
+  F5: { label: 'Refresh', action: async () => dash.render(await getData()) },
+  F10: { label: 'Quit', action: () => process.exit(0) },
 }
+```
 
-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>>
-}
+### Client Library
 
-interface KeyBinding {
-  label: string
-  action: () => void | Promise<void>
-}
+In your HTML pages, the injected `TuiMon` object receives data:
+
+```javascript
+TuiMon.onUpdate(function(data) {
+  TuiMon.set('#cpu', data.cpu)
+  TuiMon.set('#memory', data.memory + '%')
+})
 ```
 
-### `dash.render(data): Promise<void>`
+Add shortcut badges to panels with data attributes:
 
-Push data to the current page and re-render.
+```html
+<div class="panel" data-tm-key="g" data-tm-label="CPU Detail">
+```
 
-### `dash.stop(): Promise<void>`
+## CLI Reference
 
-Gracefully shut down — restores terminal state.
+| Command | Description |
+|---------|-------------|
+| `tuimon <file>` | Visualize a JSON, CSV, or log file |
+| `tuimon watch <file.js>` | Live dashboard from a data module |
+| `tuimon watch --url <url>` | Poll a JSON endpoint |
+| `tuimon start` | Run from tuimon.config.ts |
+| `tuimon init` | Scaffold a starter project + enable VSCode |
+| `tuimon check` | Check terminal graphics support |
 
-## Client Library
+**Options:**
+- `-c, --columns <cols>` — comma-separated list of columns to display
+- `--interval <ms>` — poll interval for URL watch mode (default: 1000)
 
-In your HTML pages, use the injected `TuiMon` object:
+**Environment:**
+- `TUIMON_DEBUG=1` — print per-frame timing to stderr
 
-```javascript
-// Listen for data updates
-TuiMon.onUpdate(function(data) {
-  TuiMon.set('#cpu', data.cpu)
-  TuiMon.set('#memory', data.memory + '%')
-})
+## How It Works
 
-// TuiMon.set(selector, value) — sets text content or applies styles
-// TuiMon.notify(message, duration) — dispatches a notification event
 ```
+Your data → TuiMon → Headless Chromium → Screenshot → Kitty/Sixel → Terminal
+```
+
+1. Your data is pushed to an HTML page running in headless Chromium
+2. Playwright takes a PNG screenshot
+3. The image is encoded as Kitty graphics protocol (or Sixel fallback)
+4. Written directly to your terminal's stdout
+
+Typical frame time: **~50ms** (at 250ms refresh = 4 FPS with headroom to spare).
 
 ## 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`
+- Strict TypeScript — `strict: true`, `noUncheckedIndexedAccess`, no `any`
 
 ## 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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"}