tv-console 1.0.0

package/README.md

@@ -0,0 +1,254 @@
+# TV Console
+
+A console replacement for TV apps where browser console is not accessible. This package provides an on-screen console overlay that captures and displays console output in real-time.
+
+## Features
+
+- 🖥️ **On-screen console overlay** - View console output directly on your TV app
+- 🔄 **Real-time logging** - Automatically captures all console methods (log, info, warn, error, debug)
+- 🎨 **Customizable styling** - Configure colors, position, size, and appearance
+- 📱 **TV-optimized** - Designed for smart TV applications and set-top boxes
+- 🔧 **Flexible configuration** - Enable/disable, filter log levels, custom formatting
+- 📊 **Log management** - Export logs, clear console, show/hide overlay
+
+## Installation
+
+```bash
+npm install tv-console
+```
+
+## Quick Start
+
+```typescript
+import { TVConsole } from 'tv-console';
+
+// Initialize with default settings
+const tvConsole = new TVConsole();
+
+// Your existing console calls will now appear on screen
+console.log('Hello TV World!');
+console.error('Something went wrong');
+console.warn('Warning message');
+```
+
+## Configuration
+
+```typescript
+import { TVConsole } from 'tv-console';
+
+const tvConsole = new TVConsole({
+  enabled: true,
+  position: 'bottom-right',
+  backgroundColor: 'rgba(0, 0, 0, 0.9)',
+  textColor: '#00ff00',
+  fontSize: '16px',
+  maxEntries: 200,
+  showTimestamp: true,
+  showLogLevel: true,
+  logLevels: ['log', 'error', 'warn'], // Only show these levels
+  zIndex: 10000
+});
+```
+
+## API Reference
+
+### Constructor Options
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| `enabled` | `boolean` | `true` | Enable/disable the TV console |
+| `maxEntries` | `number` | `100` | Maximum number of log entries to keep |
+| `position` | `'top-left' \| 'top-right' \| 'bottom-left' \| 'bottom-right'` | `'top-right'` | Position of the console overlay |
+| `width` | `string` | `'400px'` | Width of the console overlay |
+| `height` | `string` | `'300px'` | Height of the console overlay |
+| `backgroundColor` | `string` | `'rgba(0, 0, 0, 0.8)'` | Background color of the overlay |
+| `textColor` | `string` | `'#ffffff'` | Text color |
+| `fontSize` | `string` | `'14px'` | Font size |
+| `opacity` | `number` | `0.9` | Opacity of the overlay |
+| `showTimestamp` | `boolean` | `true` | Show timestamp with each log entry |
+| `className` | `string` | `'tv-console'` | CSS class for styling |
+| `zIndex` | `number` | `9999` | Z-index of the overlay |
+| `showLogLevel` | `boolean` | `true` | Show log level indicators |
+| `logLevels` | `LogLevel[]` | `['log', 'info', 'warn', 'error', 'debug']` | Filter which log levels to display |
+| `formatter` | `(entry: LogEntry) => string` | Default formatter | Custom formatter for log messages |
+| `focusKey` | `string` | `'12345'` | Key combination to focus the console |
+| `unfocusKey` | `string` | `'Escape'` | Key to unfocus the console |
+| `onFocus` | `() => void` | `() => {}` | Callback when console gains focus |
+| `onUnfocus` | `() => void` | `() => {}` | Callback when console loses focus |
+| `enableKeyboardNav` | `boolean` | `true` | Enable keyboard navigation for scrolling |
+| `showFocusIndicator` | `boolean` | `true` | Show focus indicator when console is focused |
+
+### Instance Methods
+
+#### Logging Methods
+- `log(...args: any[])` - Log a message
+- `info(...args: any[])` - Log an info message
+- `warn(...args: any[])` - Log a warning message
+- `error(...args: any[])` - Log an error message
+- `debug(...args: any[])` - Log a debug message
+
+#### Console Control
+- `show()` - Show the console overlay
+- `hide()` - Hide the console overlay
+- `toggle()` - Toggle visibility
+- `clear()` - Clear all log entries
+- `destroy()` - Remove the console overlay and restore original console
+
+#### Focus Management
+- `focus()` - Focus the console for keyboard navigation
+- `unfocus()` - Unfocus the console
+- `isFocused(): boolean` - Check if console is currently focused
+
+#### Data Management
+- `getLogs(): LogEntry[]` - Get all current log entries
+- `setConfig(config: Partial<TVConsoleConfig>)` - Update configuration
+- `exportLogs(): string` - Export logs as formatted text
+
+## Usage Examples
+
+### Basic Usage
+
+```typescript
+import { TVConsole } from 'tv-console';
+
+// Initialize
+const tvConsole = new TVConsole();
+
+// Your app code
+function handleUserAction() {
+  console.log('User clicked button');
+  console.info('Processing request...');
+  
+  try {
+    // Some operation
+    console.log('Operation successful');
+  } catch (error) {
+    console.error('Operation failed:', error);
+  }
+}
+```
+
+### Advanced Configuration
+
+```typescript
+import { TVConsole } from 'tv-console';
+
+const tvConsole = new TVConsole({
+  position: 'bottom-left',
+  backgroundColor: 'rgba(0, 20, 40, 0.95)',
+  textColor: '#00ff88',
+  fontSize: '18px',
+  maxEntries: 50,
+  logLevels: ['error', 'warn'], // Only show errors and warnings
+  formatter: (entry) => {
+    return `[${entry.timestamp.toLocaleTimeString()}] ${entry.message}`;
+  }
+});
+
+// Show console when app starts
+tvConsole.show();
+```
+
+### TV Remote Control Support
+
+The TV Console includes built-in support for TV remote controls and keyboard navigation:
+
+```typescript
+const tvConsole = new TVConsole({
+  focusKey: '12345',        // Key combination to focus console
+  unfocusKey: 'Escape',     // Key to unfocus console
+  enableKeyboardNav: true,  // Enable arrow key scrolling
+  showFocusIndicator: true, // Show green border when focused
+  onFocus: () => {
+    console.log('Console gained focus - pausing app functionality');
+    // Handle focus gain (e.g., pause app, show instructions)
+  },
+  onUnfocus: () => {
+    console.log('Console lost focus - returning to app');
+    // Handle focus loss (e.g., resume app functionality)
+  }
+});
+```
+
+**Keyboard Navigation (when focused):**
+- `Arrow Up/Down` - Scroll up/down by 20px
+- `Page Up/Down` - Scroll up/down by one page
+- `Home` - Scroll to top
+- `End` - Scroll to bottom
+- `Escape` - Unfocus console
+
+**Focus Management:**
+- Type `12345` (or your custom key combination) to focus the console
+- When focused, the console shows a green border indicator
+- Use arrow keys to scroll through log history
+- Press `Escape` to unfocus and return to your app
+
+### Conditional Console
+
+```typescript
+import { TVConsole } from 'tv-console';
+
+// Only enable in development
+const isDevelopment = process.env.NODE_ENV === 'development';
+const tvConsole = new TVConsole({
+  enabled: isDevelopment,
+  position: 'top-right'
+});
+
+// Conditionally show console
+if (isDevelopment) {
+  tvConsole.show();
+}
+```
+
+### Custom Styling
+
+```css
+/* Custom CSS for the console overlay */
+.tv-console {
+  border: 2px solid #00ff00;
+  border-radius: 8px;
+  font-family: 'Courier New', monospace;
+}
+
+.tv-console-error {
+  color: #ff4444;
+  font-weight: bold;
+}
+
+.tv-console-warn {
+  color: #ffaa00;
+}
+
+.tv-console-info {
+  color: #44aaff;
+}
+```
+
+## Browser Support
+
+This package works in all modern browsers that support:
+- ES2020 features
+- DOM manipulation
+- CSS Grid/Flexbox
+
+## License
+
+MIT
+
+## Contributing
+
+1. Fork the repository
+2. Create your feature branch (`git checkout -b feature/amazing-feature`)
+3. Commit your changes (`git commit -m 'Add some amazing feature'`)
+4. Push to the branch (`git push origin feature/amazing-feature`)
+5. Open a Pull Request
+
+## Changelog
+
+### 1.0.0
+- Initial release
+- Basic console overlay functionality
+- Configurable styling and positioning
+- Log level filtering
+- Export functionality 

package/dist/index.d.ts

@@ -0,0 +1,114 @@
+interface TVConsoleConfig {
+    /** Enable/disable the TV console */
+    enabled?: boolean;
+    /** Maximum number of log entries to keep in memory */
+    maxEntries?: number;
+    /** Position of the console overlay on screen */
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    /** Width of the console overlay */
+    width?: string;
+    /** Height of the console overlay */
+    height?: string;
+    /** Background color of the console overlay */
+    backgroundColor?: string;
+    /** Text color of the console overlay */
+    textColor?: string;
+    /** Font size of the console text */
+    fontSize?: string;
+    /** Opacity of the console overlay */
+    opacity?: number;
+    /** Show timestamp with each log entry */
+    showTimestamp?: boolean;
+    /** Custom CSS class for styling */
+    className?: string;
+    /** Z-index of the console overlay */
+    zIndex?: number;
+    /** Show log level indicators */
+    showLogLevel?: boolean;
+    /** Filter log levels to display */
+    logLevels?: LogLevel[];
+    /** Custom formatter for log messages */
+    formatter?: (entry: LogEntry) => string;
+    /** Key combination to focus the console (default: '12345') */
+    focusKey?: string;
+    /** Key to unfocus the console (default: 'Escape') */
+    unfocusKey?: string;
+    /** Callback function called when console gains focus */
+    onFocus?: () => void;
+    /** Callback function called when console loses focus */
+    onUnfocus?: () => void;
+    /** Enable keyboard navigation for scrolling */
+    enableKeyboardNav?: boolean;
+    /** Show focus indicator when console is focused */
+    showFocusIndicator?: boolean;
+}
+type LogLevel = 'log' | 'info' | 'warn' | 'error' | 'debug';
+interface LogEntry {
+    id: string;
+    level: LogLevel;
+    message: string;
+    timestamp: Date;
+    data?: any[];
+    stack?: string;
+}
+interface TVConsoleInstance {
+    log: (...args: any[]) => void;
+    info: (...args: any[]) => void;
+    warn: (...args: any[]) => void;
+    error: (...args: any[]) => void;
+    debug: (...args: any[]) => void;
+    clear: () => void;
+    show: () => void;
+    hide: () => void;
+    toggle: () => void;
+    destroy: () => void;
+    getLogs: () => LogEntry[];
+    setConfig: (config: Partial<TVConsoleConfig>) => void;
+    exportLogs: () => string;
+    focus: () => void;
+    unfocus: () => void;
+    isFocused: () => boolean;
+}
+
+declare class TVConsole implements TVConsoleInstance {
+    private config;
+    private logs;
+    private container;
+    private isVisible;
+    private originalConsole;
+    private _isFocused;
+    private keyBuffer;
+    private keyBufferTimeout;
+    constructor(config?: TVConsoleConfig);
+    private initialize;
+    private createContainer;
+    private getPositionStyles;
+    private interceptConsole;
+    private addLog;
+    private formatArgument;
+    private render;
+    private escapeHtml;
+    private setupKeyboardListeners;
+    private handleKeyDown;
+    log(...args: any[]): void;
+    info(...args: any[]): void;
+    warn(...args: any[]): void;
+    error(...args: any[]): void;
+    debug(...args: any[]): void;
+    clear(): void;
+    show(): void;
+    hide(): void;
+    toggle(): void;
+    focus(): void;
+    unfocus(): void;
+    isFocused(): boolean;
+    destroy(): void;
+    getLogs(): LogEntry[];
+    setConfig(config: Partial<TVConsoleConfig>): void;
+    exportLogs(): string;
+}
+
+//# sourceMappingURL=index.d.ts.map
+
+export { TVConsole, TVConsole as default };
+export type { LogEntry, LogLevel, TVConsoleConfig, TVConsoleInstance };

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAGzF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,eAAe,SAAS,CAAC"}

package/dist/index.esm.js

@@ -0,0 +1,2 @@
+const e={enabled:!0,maxEntries:100,position:"top-right",width:"400px",height:"300px",backgroundColor:"rgba(0, 0, 0, 0.8)",textColor:"#ffffff",fontSize:"14px",opacity:.9,showTimestamp:!0,className:"tv-console",zIndex:9999,showLogLevel:!0,logLevels:["log","info","warn","error","debug"],formatter:e=>`${`[${e.timestamp.toLocaleTimeString()}]`} ${`[${e.level.toUpperCase()}]`} ${e.message}`.trim(),focusKey:"12345",unfocusKey:"Escape",onFocus:()=>{},onUnfocus:()=>{},enableKeyboardNav:!0,showFocusIndicator:!0};class t{constructor(t={}){Object.defineProperty(this,"config",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"logs",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"container",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"isVisible",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"originalConsole",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"_isFocused",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"keyBuffer",{enumerable:!0,configurable:!0,writable:!0,value:""}),Object.defineProperty(this,"keyBufferTimeout",{enumerable:!0,configurable:!0,writable:!0,value:null}),this.config={...e,...t},this.originalConsole=console,this.initialize()}initialize(){this.config.enabled&&(this.createContainer(),this.interceptConsole(),this.setupKeyboardListeners(),this.render())}createContainer(){this.container=document.createElement("div"),this.container.className=this.config.className,this.container.tabIndex=this.config.enableKeyboardNav?0:-1,this.container.style.cssText=`\n      position: fixed;\n      ${this.getPositionStyles()}\n      width: ${this.config.width};\n      height: ${this.config.height};\n      background-color: ${this.config.backgroundColor};\n      color: ${this.config.textColor};\n      font-family: 'Courier New', monospace;\n      font-size: ${this.config.fontSize};\n      padding: 10px;\n      border-radius: 5px;\n      overflow-y: auto;\n      z-index: ${this.config.zIndex};\n      opacity: ${this.config.opacity};\n      display: none;\n      word-wrap: break-word;\n      white-space: pre-wrap;\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n      outline: none;\n    `,document.body.appendChild(this.container)}getPositionStyles(){switch(this.config.position){case"top-left":return"top: 10px; left: 10px;";case"top-right":default:return"top: 10px; right: 10px;";case"bottom-left":return"bottom: 10px; left: 10px;";case"bottom-right":return"bottom: 10px; right: 10px;"}}interceptConsole(){["log","info","warn","error","debug"].forEach(e=>{const t=this.originalConsole[e];this.originalConsole[e]=(...i)=>{t.apply(this.originalConsole,i),this.addLog(e,...i)}})}addLog(e,...t){if(!this.config.enabled||!this.config.logLevels.includes(e))return;const i=t.map(e=>this.formatArgument(e)).join(" "),o={id:Date.now().toString()+Math.random().toString(36).substr(2,9),level:e,message:i,timestamp:new Date,data:t,stack:"error"===e?(new Error).stack:void 0};this.logs.push(o),this.logs.length>this.config.maxEntries&&(this.logs=this.logs.slice(-this.config.maxEntries)),this.render()}formatArgument(e){if(null===e)return"null";if(void 0===e)return"undefined";if(e instanceof Error)return`Error: ${e.message}\nStack: ${e.stack||"No stack trace available"}`;if("object"==typeof e)try{return JSON.stringify(e,null,2)}catch{if(e.toString&&e.toString!==Object.prototype.toString)return e.toString();const t=Object.keys(e);return t.length>0?`[Object with keys: ${t.join(", ")}]`:"[Empty Object]"}return"function"==typeof e?`[Function: ${e.name||"anonymous"}]`:String(e)}render(){if(!this.container)return;const e=this.logs.filter(e=>this.config.logLevels.includes(e.level)).map(e=>{const t=this.config.formatter(e);return`<div class="${`tv-console-${e.level}`}">${this.escapeHtml(t)}</div>`});this.container.innerHTML=e.join(""),this.container.scrollTop=this.container.scrollHeight}escapeHtml(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}setupKeyboardListeners(){document.addEventListener("keydown",e=>{this.handleKeyDown(e)})}handleKeyDown(e){if(this.config.focusKey&&(this.keyBuffer+=e.key,this.keyBufferTimeout&&clearTimeout(this.keyBufferTimeout),this.keyBufferTimeout=window.setTimeout(()=>{this.keyBuffer=""},2e3),this.keyBuffer.includes(this.config.focusKey)))return this.focus(),this.keyBuffer="",void e.preventDefault();if(this.config.unfocusKey&&e.key===this.config.unfocusKey&&this._isFocused)return this.unfocus(),void e.preventDefault();if(this._isFocused&&this.config.enableKeyboardNav&&this.container)switch(e.key){case"ArrowUp":this.container.scrollTop-=20,e.preventDefault();break;case"ArrowDown":this.container.scrollTop+=20,e.preventDefault();break;case"PageUp":this.container.scrollTop-=this.container.clientHeight,e.preventDefault();break;case"PageDown":this.container.scrollTop+=this.container.clientHeight,e.preventDefault();break;case"Home":this.container.scrollTop=0,e.preventDefault();break;case"End":this.container.scrollTop=this.container.scrollHeight,e.preventDefault()}}log(...e){this.addLog("log",...e)}info(...e){this.addLog("info",...e)}warn(...e){this.addLog("warn",...e)}error(...e){this.addLog("error",...e)}debug(...e){this.addLog("debug",...e)}clear(){this.logs=[],this.render()}show(){this.container&&(this.container.style.display="block",this.isVisible=!0)}hide(){this.container&&(this.container.style.display="none",this.isVisible=!1)}toggle(){this.isVisible?this.hide():this.show()}focus(){this.container&&!this._isFocused&&(this._isFocused=!0,this.container.focus(),this.config.showFocusIndicator&&(this.container.style.border="2px solid #00ff00",this.container.style.boxShadow="0 0 10px rgba(0, 255, 0, 0.5)"),this.config.onFocus&&this.config.onFocus(),console.log("TV Console focused - Use arrow keys to scroll, Escape to unfocus"))}unfocus(){this.container&&this._isFocused&&(this._isFocused=!1,this.container.blur(),this.config.showFocusIndicator&&(this.container.style.border="",this.container.style.boxShadow="0 2px 10px rgba(0, 0, 0, 0.3)"),this.config.onUnfocus&&this.config.onUnfocus())}isFocused(){return this._isFocused}destroy(){this.container&&(document.body.removeChild(this.container),this.container=null),Object.assign(console,this.originalConsole)}getLogs(){return[...this.logs]}setConfig(e){this.config={...this.config,...e},this.container&&(this.container.style.cssText=`\n        position: fixed;\n        ${this.getPositionStyles()}\n        width: ${this.config.width};\n        height: ${this.config.height};\n        background-color: ${this.config.backgroundColor};\n        color: ${this.config.textColor};\n        font-family: 'Courier New', monospace;\n        font-size: ${this.config.fontSize};\n        padding: 10px;\n        border-radius: 5px;\n        overflow-y: auto;\n        z-index: ${this.config.zIndex};\n        opacity: ${this.config.opacity};\n        display: ${this.isVisible?"block":"none"};\n        word-wrap: break-word;\n        white-space: pre-wrap;\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n        outline: none;\n      `,this.container.tabIndex=this.config.enableKeyboardNav?0:-1),this.render()}exportLogs(){return this.logs.map(e=>`[${e.timestamp.toISOString()}] [${e.level.toUpperCase()}] ${e.message}`).join("\n")}}export{t as TVConsole,t as default};
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/tv-console.ts"],"sourcesContent":["import type { TVConsoleConfig, LogLevel, LogEntry, TVConsoleInstance } from './types';\n\nconst DEFAULT_CONFIG: Required<TVConsoleConfig> = {\n  enabled: true,\n  maxEntries: 100,\n  position: 'top-right',\n  width: '400px',\n  height: '300px',\n  backgroundColor: 'rgba(0, 0, 0, 0.8)',\n  textColor: '#ffffff',\n  fontSize: '14px',\n  opacity: 0.9,\n  showTimestamp: true,\n  className: 'tv-console',\n  zIndex: 9999,\n  showLogLevel: true,\n  logLevels: ['log', 'info', 'warn', 'error', 'debug'],\n  formatter: (entry: LogEntry) => {\n    const timestamp = entry.timestamp.toLocaleTimeString();\n    const level = DEFAULT_CONFIG.showLogLevel ? `[${entry.level.toUpperCase()}]` : '';\n    const prefix = DEFAULT_CONFIG.showTimestamp ? `[${timestamp}]` : '';\n    return `${prefix} ${level} ${entry.message}`.trim();\n  },\n  focusKey: '12345',\n  unfocusKey: 'Escape',\n  onFocus: () => {},\n  onUnfocus: () => {},\n  enableKeyboardNav: true,\n  showFocusIndicator: true\n};\n\nexport class TVConsole implements TVConsoleInstance {\n  private config: Required<TVConsoleConfig>;\n  private logs: LogEntry[] = [];\n  private container: HTMLDivElement | null = null;\n  private isVisible = false;\n  private originalConsole: Console;\n  private _isFocused = false;\n  private keyBuffer = '';\n  private keyBufferTimeout: number | null = null;\n\n  constructor(config: TVConsoleConfig = {}) {\n    this.config = { ...DEFAULT_CONFIG, ...config };\n    this.originalConsole = console;\n    this.initialize();\n  }\n\n  private initialize(): void {\n    if (!this.config.enabled) return;\n\n    this.createContainer();\n    this.interceptConsole();\n    this.setupKeyboardListeners();\n    this.render();\n  }\n\n  private createContainer(): void {\n    this.container = document.createElement('div');\n    this.container.className = this.config.className;\n    this.container.tabIndex = this.config.enableKeyboardNav ? 0 : -1;\n    this.container.style.cssText = `\n      position: fixed;\n      ${this.getPositionStyles()}\n      width: ${this.config.width};\n      height: ${this.config.height};\n      background-color: ${this.config.backgroundColor};\n      color: ${this.config.textColor};\n      font-family: 'Courier New', monospace;\n      font-size: ${this.config.fontSize};\n      padding: 10px;\n      border-radius: 5px;\n      overflow-y: auto;\n      z-index: ${this.config.zIndex};\n      opacity: ${this.config.opacity};\n      display: none;\n      word-wrap: break-word;\n      white-space: pre-wrap;\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n      outline: none;\n    `;\n\n    document.body.appendChild(this.container);\n  }\n\n  private getPositionStyles(): string {\n    switch (this.config.position) {\n      case 'top-left':\n        return 'top: 10px; left: 10px;';\n      case 'top-right':\n        return 'top: 10px; right: 10px;';\n      case 'bottom-left':\n        return 'bottom: 10px; left: 10px;';\n      case 'bottom-right':\n        return 'bottom: 10px; right: 10px;';\n      default:\n        return 'top: 10px; right: 10px;';\n    }\n  }\n\n  private interceptConsole(): void {\n    const methods: LogLevel[] = ['log', 'info', 'warn', 'error', 'debug'];\n    \n    methods.forEach(method => {\n      const original = this.originalConsole[method];\n      this.originalConsole[method] = (...args: any[]) => {\n        // Call original console method\n        original.apply(this.originalConsole, args);\n        \n        // Add to TV console\n        this.addLog(method, ...args);\n      };\n    });\n  }\n\n  private addLog(level: LogLevel, ...args: any[]): void {\n    if (!this.config.enabled || !this.config.logLevels.includes(level)) {\n      return;\n    }\n\n    const message = args.map(arg => this.formatArgument(arg)).join(' ');\n    const entry: LogEntry = {\n      id: Date.now().toString() + Math.random().toString(36).substr(2, 9),\n      level,\n      message,\n      timestamp: new Date(),\n      data: args,\n      stack: level === 'error' ? new Error().stack : undefined\n    };\n\n    this.logs.push(entry);\n\n    // Keep only the latest entries\n    if (this.logs.length > this.config.maxEntries) {\n      this.logs = this.logs.slice(-this.config.maxEntries);\n    }\n\n    this.render();\n  }\n\n  private formatArgument(arg: any): string {\n    if (arg === null) return 'null';\n    if (arg === undefined) return 'undefined';\n    \n    // Handle Error objects specifically\n    if (arg instanceof Error) {\n      return `Error: ${arg.message}\\nStack: ${arg.stack || 'No stack trace available'}`;\n    }\n    \n    // Handle other objects\n    if (typeof arg === 'object') {\n      try {\n        // Try JSON.stringify first\n        return JSON.stringify(arg, null, 2);\n      } catch {\n        // If JSON.stringify fails, try to get a meaningful string representation\n        if (arg.toString && arg.toString !== Object.prototype.toString) {\n          return arg.toString();\n        }\n        \n        // For objects that don't have a custom toString, show their keys\n        const keys = Object.keys(arg);\n        if (keys.length > 0) {\n          return `[Object with keys: ${keys.join(', ')}]`;\n        } else {\n          return '[Empty Object]';\n        }\n      }\n    }\n    \n    // Handle functions\n    if (typeof arg === 'function') {\n      return `[Function: ${arg.name || 'anonymous'}]`;\n    }\n    \n    // Handle other primitive types\n    return String(arg);\n  }\n\n  private render(): void {\n    if (!this.container) return;\n\n    const filteredLogs = this.logs.filter(log => \n      this.config.logLevels.includes(log.level)\n    );\n\n    const formattedLogs = filteredLogs.map(log => {\n      const formatted = this.config.formatter(log);\n      const levelClass = `tv-console-${log.level}`;\n      return `<div class=\"${levelClass}\">${this.escapeHtml(formatted)}</div>`;\n    });\n\n    this.container.innerHTML = formattedLogs.join('');\n    \n    // Auto-scroll to the bottom to show the most recent logs\n    this.container.scrollTop = this.container.scrollHeight;\n  }\n\n  private escapeHtml(text: string): string {\n    const div = document.createElement('div');\n    div.textContent = text;\n    return div.innerHTML;\n  }\n\n  private setupKeyboardListeners(): void {\n    document.addEventListener('keydown', (event) => {\n      this.handleKeyDown(event);\n    });\n  }\n\n  private handleKeyDown(event: KeyboardEvent): void {\n    // Handle focus key combination\n    if (this.config.focusKey) {\n      this.keyBuffer += event.key;\n      \n      // Clear buffer after 2 seconds of inactivity\n      if (this.keyBufferTimeout) {\n        clearTimeout(this.keyBufferTimeout);\n      }\n      this.keyBufferTimeout = window.setTimeout(() => {\n        this.keyBuffer = '';\n      }, 2000);\n\n      // Check if key combination matches\n      if (this.keyBuffer.includes(this.config.focusKey)) {\n        this.focus();\n        this.keyBuffer = '';\n        event.preventDefault();\n        return;\n      }\n    }\n\n    // Handle unfocus key\n    if (this.config.unfocusKey && event.key === this.config.unfocusKey && this._isFocused) {\n      this.unfocus();\n      event.preventDefault();\n      return;\n    }\n\n    // Handle keyboard navigation when focused\n    if (this._isFocused && this.config.enableKeyboardNav && this.container) {\n      switch (event.key) {\n        case 'ArrowUp':\n          this.container.scrollTop -= 20;\n          event.preventDefault();\n          break;\n        case 'ArrowDown':\n          this.container.scrollTop += 20;\n          event.preventDefault();\n          break;\n        case 'PageUp':\n          this.container.scrollTop -= this.container.clientHeight;\n          event.preventDefault();\n          break;\n        case 'PageDown':\n          this.container.scrollTop += this.container.clientHeight;\n          event.preventDefault();\n          break;\n        case 'Home':\n          this.container.scrollTop = 0;\n          event.preventDefault();\n          break;\n        case 'End':\n          this.container.scrollTop = this.container.scrollHeight;\n          event.preventDefault();\n          break;\n      }\n    }\n  }\n\n  // Public API methods\n  log(...args: any[]): void {\n    this.addLog('log', ...args);\n  }\n\n  info(...args: any[]): void {\n    this.addLog('info', ...args);\n  }\n\n  warn(...args: any[]): void {\n    this.addLog('warn', ...args);\n  }\n\n  error(...args: any[]): void {\n    this.addLog('error', ...args);\n  }\n\n  debug(...args: any[]): void {\n    this.addLog('debug', ...args);\n  }\n\n  clear(): void {\n    this.logs = [];\n    this.render();\n  }\n\n  show(): void {\n    if (this.container) {\n      this.container.style.display = 'block';\n      this.isVisible = true;\n    }\n  }\n\n  hide(): void {\n    if (this.container) {\n      this.container.style.display = 'none';\n      this.isVisible = false;\n    }\n  }\n\n  toggle(): void {\n    if (this.isVisible) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  focus(): void {\n    if (!this.container || this._isFocused) return;\n    \n    this._isFocused = true;\n    this.container.focus();\n    \n    if (this.config.showFocusIndicator) {\n      this.container.style.border = '2px solid #00ff00';\n      this.container.style.boxShadow = '0 0 10px rgba(0, 255, 0, 0.5)';\n    }\n    \n    // Call onFocus callback if provided\n    if (this.config.onFocus) {\n      this.config.onFocus();\n    }\n    \n    console.log('TV Console focused - Use arrow keys to scroll, Escape to unfocus');\n  }\n\n  unfocus(): void {\n    if (!this.container || !this._isFocused) return;\n    \n    this._isFocused = false;\n    this.container.blur();\n    \n    if (this.config.showFocusIndicator) {\n      this.container.style.border = '';\n      this.container.style.boxShadow = '0 2px 10px rgba(0, 0, 0, 0.3)';\n    }\n    \n    // Call onUnfocus callback if provided\n    if (this.config.onUnfocus) {\n      this.config.onUnfocus();\n    }\n  }\n\n  isFocused(): boolean {\n    return this._isFocused;\n  }\n\n  destroy(): void {\n    if (this.container) {\n      document.body.removeChild(this.container);\n      this.container = null;\n    }\n    \n    // Restore original console methods\n    Object.assign(console, this.originalConsole);\n  }\n\n  getLogs(): LogEntry[] {\n    return [...this.logs];\n  }\n\n  setConfig(config: Partial<TVConsoleConfig>): void {\n    this.config = { ...this.config, ...config };\n    \n    if (this.container) {\n      this.container.style.cssText = `\n        position: fixed;\n        ${this.getPositionStyles()}\n        width: ${this.config.width};\n        height: ${this.config.height};\n        background-color: ${this.config.backgroundColor};\n        color: ${this.config.textColor};\n        font-family: 'Courier New', monospace;\n        font-size: ${this.config.fontSize};\n        padding: 10px;\n        border-radius: 5px;\n        overflow-y: auto;\n        z-index: ${this.config.zIndex};\n        opacity: ${this.config.opacity};\n        display: ${this.isVisible ? 'block' : 'none'};\n        word-wrap: break-word;\n        white-space: pre-wrap;\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n        outline: none;\n      `;\n      this.container.tabIndex = this.config.enableKeyboardNav ? 0 : -1;\n    }\n    \n    this.render();\n  }\n\n  exportLogs(): string {\n    return this.logs.map(log => {\n      const timestamp = log.timestamp.toISOString();\n      return `[${timestamp}] [${log.level.toUpperCase()}] ${log.message}`;\n    }).join('\\n');\n  }\n} "],"names":["DEFAULT_CONFIG","enabled","maxEntries","position","width","height","backgroundColor","textColor","fontSize","opacity","showTimestamp","className","zIndex","showLogLevel","logLevels","formatter","entry","timestamp","toLocaleTimeString","level","toUpperCase","message","trim","focusKey","unfocusKey","onFocus","onUnfocus","enableKeyboardNav","showFocusIndicator","TVConsole","constructor","config","Object","defineProperty","this","originalConsole","console","initialize","createContainer","interceptConsole","setupKeyboardListeners","render","container","document","createElement","tabIndex","style","cssText","getPositionStyles","body","appendChild","forEach","method","original","args","apply","addLog","includes","map","arg","formatArgument","join","id","Date","now","toString","Math","random","substr","data","stack","Error","undefined","logs","push","length","slice","JSON","stringify","prototype","keys","name","String","formattedLogs","filter","log","formatted","escapeHtml","innerHTML","scrollTop","scrollHeight","text","div","textContent","addEventListener","event","handleKeyDown","keyBuffer","key","keyBufferTimeout","clearTimeout","window","setTimeout","focus","preventDefault","_isFocused","unfocus","clientHeight","info","warn","error","debug","clear","show","display","isVisible","hide","toggle","border","boxShadow","blur","isFocused","destroy","removeChild","assign","getLogs","setConfig","exportLogs","toISOString"],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e={enabled:!0,maxEntries:100,position:"top-right",width:"400px",height:"300px",backgroundColor:"rgba(0, 0, 0, 0.8)",textColor:"#ffffff",fontSize:"14px",opacity:.9,showTimestamp:!0,className:"tv-console",zIndex:9999,showLogLevel:!0,logLevels:["log","info","warn","error","debug"],formatter:e=>`${`[${e.timestamp.toLocaleTimeString()}]`} ${`[${e.level.toUpperCase()}]`} ${e.message}`.trim(),focusKey:"12345",unfocusKey:"Escape",onFocus:()=>{},onUnfocus:()=>{},enableKeyboardNav:!0,showFocusIndicator:!0};class t{constructor(t={}){Object.defineProperty(this,"config",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"logs",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"container",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"isVisible",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"originalConsole",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"_isFocused",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"keyBuffer",{enumerable:!0,configurable:!0,writable:!0,value:""}),Object.defineProperty(this,"keyBufferTimeout",{enumerable:!0,configurable:!0,writable:!0,value:null}),this.config={...e,...t},this.originalConsole=console,this.initialize()}initialize(){this.config.enabled&&(this.createContainer(),this.interceptConsole(),this.setupKeyboardListeners(),this.render())}createContainer(){this.container=document.createElement("div"),this.container.className=this.config.className,this.container.tabIndex=this.config.enableKeyboardNav?0:-1,this.container.style.cssText=`\n      position: fixed;\n      ${this.getPositionStyles()}\n      width: ${this.config.width};\n      height: ${this.config.height};\n      background-color: ${this.config.backgroundColor};\n      color: ${this.config.textColor};\n      font-family: 'Courier New', monospace;\n      font-size: ${this.config.fontSize};\n      padding: 10px;\n      border-radius: 5px;\n      overflow-y: auto;\n      z-index: ${this.config.zIndex};\n      opacity: ${this.config.opacity};\n      display: none;\n      word-wrap: break-word;\n      white-space: pre-wrap;\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n      outline: none;\n    `,document.body.appendChild(this.container)}getPositionStyles(){switch(this.config.position){case"top-left":return"top: 10px; left: 10px;";case"top-right":default:return"top: 10px; right: 10px;";case"bottom-left":return"bottom: 10px; left: 10px;";case"bottom-right":return"bottom: 10px; right: 10px;"}}interceptConsole(){["log","info","warn","error","debug"].forEach(e=>{const t=this.originalConsole[e];this.originalConsole[e]=(...i)=>{t.apply(this.originalConsole,i),this.addLog(e,...i)}})}addLog(e,...t){if(!this.config.enabled||!this.config.logLevels.includes(e))return;const i=t.map(e=>this.formatArgument(e)).join(" "),o={id:Date.now().toString()+Math.random().toString(36).substr(2,9),level:e,message:i,timestamp:new Date,data:t,stack:"error"===e?(new Error).stack:void 0};this.logs.push(o),this.logs.length>this.config.maxEntries&&(this.logs=this.logs.slice(-this.config.maxEntries)),this.render()}formatArgument(e){if(null===e)return"null";if(void 0===e)return"undefined";if(e instanceof Error)return`Error: ${e.message}\nStack: ${e.stack||"No stack trace available"}`;if("object"==typeof e)try{return JSON.stringify(e,null,2)}catch{if(e.toString&&e.toString!==Object.prototype.toString)return e.toString();const t=Object.keys(e);return t.length>0?`[Object with keys: ${t.join(", ")}]`:"[Empty Object]"}return"function"==typeof e?`[Function: ${e.name||"anonymous"}]`:String(e)}render(){if(!this.container)return;const e=this.logs.filter(e=>this.config.logLevels.includes(e.level)).map(e=>{const t=this.config.formatter(e);return`<div class="${`tv-console-${e.level}`}">${this.escapeHtml(t)}</div>`});this.container.innerHTML=e.join(""),this.container.scrollTop=this.container.scrollHeight}escapeHtml(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}setupKeyboardListeners(){document.addEventListener("keydown",e=>{this.handleKeyDown(e)})}handleKeyDown(e){if(this.config.focusKey&&(this.keyBuffer+=e.key,this.keyBufferTimeout&&clearTimeout(this.keyBufferTimeout),this.keyBufferTimeout=window.setTimeout(()=>{this.keyBuffer=""},2e3),this.keyBuffer.includes(this.config.focusKey)))return this.focus(),this.keyBuffer="",void e.preventDefault();if(this.config.unfocusKey&&e.key===this.config.unfocusKey&&this._isFocused)return this.unfocus(),void e.preventDefault();if(this._isFocused&&this.config.enableKeyboardNav&&this.container)switch(e.key){case"ArrowUp":this.container.scrollTop-=20,e.preventDefault();break;case"ArrowDown":this.container.scrollTop+=20,e.preventDefault();break;case"PageUp":this.container.scrollTop-=this.container.clientHeight,e.preventDefault();break;case"PageDown":this.container.scrollTop+=this.container.clientHeight,e.preventDefault();break;case"Home":this.container.scrollTop=0,e.preventDefault();break;case"End":this.container.scrollTop=this.container.scrollHeight,e.preventDefault()}}log(...e){this.addLog("log",...e)}info(...e){this.addLog("info",...e)}warn(...e){this.addLog("warn",...e)}error(...e){this.addLog("error",...e)}debug(...e){this.addLog("debug",...e)}clear(){this.logs=[],this.render()}show(){this.container&&(this.container.style.display="block",this.isVisible=!0)}hide(){this.container&&(this.container.style.display="none",this.isVisible=!1)}toggle(){this.isVisible?this.hide():this.show()}focus(){this.container&&!this._isFocused&&(this._isFocused=!0,this.container.focus(),this.config.showFocusIndicator&&(this.container.style.border="2px solid #00ff00",this.container.style.boxShadow="0 0 10px rgba(0, 255, 0, 0.5)"),this.config.onFocus&&this.config.onFocus(),console.log("TV Console focused - Use arrow keys to scroll, Escape to unfocus"))}unfocus(){this.container&&this._isFocused&&(this._isFocused=!1,this.container.blur(),this.config.showFocusIndicator&&(this.container.style.border="",this.container.style.boxShadow="0 2px 10px rgba(0, 0, 0, 0.3)"),this.config.onUnfocus&&this.config.onUnfocus())}isFocused(){return this._isFocused}destroy(){this.container&&(document.body.removeChild(this.container),this.container=null),Object.assign(console,this.originalConsole)}getLogs(){return[...this.logs]}setConfig(e){this.config={...this.config,...e},this.container&&(this.container.style.cssText=`\n        position: fixed;\n        ${this.getPositionStyles()}\n        width: ${this.config.width};\n        height: ${this.config.height};\n        background-color: ${this.config.backgroundColor};\n        color: ${this.config.textColor};\n        font-family: 'Courier New', monospace;\n        font-size: ${this.config.fontSize};\n        padding: 10px;\n        border-radius: 5px;\n        overflow-y: auto;\n        z-index: ${this.config.zIndex};\n        opacity: ${this.config.opacity};\n        display: ${this.isVisible?"block":"none"};\n        word-wrap: break-word;\n        white-space: pre-wrap;\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n        outline: none;\n      `,this.container.tabIndex=this.config.enableKeyboardNav?0:-1),this.render()}exportLogs(){return this.logs.map(e=>`[${e.timestamp.toISOString()}] [${e.level.toUpperCase()}] ${e.message}`).join("\n")}}exports.TVConsole=t,exports.default=t;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/tv-console.ts"],"sourcesContent":["import type { TVConsoleConfig, LogLevel, LogEntry, TVConsoleInstance } from './types';\n\nconst DEFAULT_CONFIG: Required<TVConsoleConfig> = {\n  enabled: true,\n  maxEntries: 100,\n  position: 'top-right',\n  width: '400px',\n  height: '300px',\n  backgroundColor: 'rgba(0, 0, 0, 0.8)',\n  textColor: '#ffffff',\n  fontSize: '14px',\n  opacity: 0.9,\n  showTimestamp: true,\n  className: 'tv-console',\n  zIndex: 9999,\n  showLogLevel: true,\n  logLevels: ['log', 'info', 'warn', 'error', 'debug'],\n  formatter: (entry: LogEntry) => {\n    const timestamp = entry.timestamp.toLocaleTimeString();\n    const level = DEFAULT_CONFIG.showLogLevel ? `[${entry.level.toUpperCase()}]` : '';\n    const prefix = DEFAULT_CONFIG.showTimestamp ? `[${timestamp}]` : '';\n    return `${prefix} ${level} ${entry.message}`.trim();\n  },\n  focusKey: '12345',\n  unfocusKey: 'Escape',\n  onFocus: () => {},\n  onUnfocus: () => {},\n  enableKeyboardNav: true,\n  showFocusIndicator: true\n};\n\nexport class TVConsole implements TVConsoleInstance {\n  private config: Required<TVConsoleConfig>;\n  private logs: LogEntry[] = [];\n  private container: HTMLDivElement | null = null;\n  private isVisible = false;\n  private originalConsole: Console;\n  private _isFocused = false;\n  private keyBuffer = '';\n  private keyBufferTimeout: number | null = null;\n\n  constructor(config: TVConsoleConfig = {}) {\n    this.config = { ...DEFAULT_CONFIG, ...config };\n    this.originalConsole = console;\n    this.initialize();\n  }\n\n  private initialize(): void {\n    if (!this.config.enabled) return;\n\n    this.createContainer();\n    this.interceptConsole();\n    this.setupKeyboardListeners();\n    this.render();\n  }\n\n  private createContainer(): void {\n    this.container = document.createElement('div');\n    this.container.className = this.config.className;\n    this.container.tabIndex = this.config.enableKeyboardNav ? 0 : -1;\n    this.container.style.cssText = `\n      position: fixed;\n      ${this.getPositionStyles()}\n      width: ${this.config.width};\n      height: ${this.config.height};\n      background-color: ${this.config.backgroundColor};\n      color: ${this.config.textColor};\n      font-family: 'Courier New', monospace;\n      font-size: ${this.config.fontSize};\n      padding: 10px;\n      border-radius: 5px;\n      overflow-y: auto;\n      z-index: ${this.config.zIndex};\n      opacity: ${this.config.opacity};\n      display: none;\n      word-wrap: break-word;\n      white-space: pre-wrap;\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n      outline: none;\n    `;\n\n    document.body.appendChild(this.container);\n  }\n\n  private getPositionStyles(): string {\n    switch (this.config.position) {\n      case 'top-left':\n        return 'top: 10px; left: 10px;';\n      case 'top-right':\n        return 'top: 10px; right: 10px;';\n      case 'bottom-left':\n        return 'bottom: 10px; left: 10px;';\n      case 'bottom-right':\n        return 'bottom: 10px; right: 10px;';\n      default:\n        return 'top: 10px; right: 10px;';\n    }\n  }\n\n  private interceptConsole(): void {\n    const methods: LogLevel[] = ['log', 'info', 'warn', 'error', 'debug'];\n    \n    methods.forEach(method => {\n      const original = this.originalConsole[method];\n      this.originalConsole[method] = (...args: any[]) => {\n        // Call original console method\n        original.apply(this.originalConsole, args);\n        \n        // Add to TV console\n        this.addLog(method, ...args);\n      };\n    });\n  }\n\n  private addLog(level: LogLevel, ...args: any[]): void {\n    if (!this.config.enabled || !this.config.logLevels.includes(level)) {\n      return;\n    }\n\n    const message = args.map(arg => this.formatArgument(arg)).join(' ');\n    const entry: LogEntry = {\n      id: Date.now().toString() + Math.random().toString(36).substr(2, 9),\n      level,\n      message,\n      timestamp: new Date(),\n      data: args,\n      stack: level === 'error' ? new Error().stack : undefined\n    };\n\n    this.logs.push(entry);\n\n    // Keep only the latest entries\n    if (this.logs.length > this.config.maxEntries) {\n      this.logs = this.logs.slice(-this.config.maxEntries);\n    }\n\n    this.render();\n  }\n\n  private formatArgument(arg: any): string {\n    if (arg === null) return 'null';\n    if (arg === undefined) return 'undefined';\n    \n    // Handle Error objects specifically\n    if (arg instanceof Error) {\n      return `Error: ${arg.message}\\nStack: ${arg.stack || 'No stack trace available'}`;\n    }\n    \n    // Handle other objects\n    if (typeof arg === 'object') {\n      try {\n        // Try JSON.stringify first\n        return JSON.stringify(arg, null, 2);\n      } catch {\n        // If JSON.stringify fails, try to get a meaningful string representation\n        if (arg.toString && arg.toString !== Object.prototype.toString) {\n          return arg.toString();\n        }\n        \n        // For objects that don't have a custom toString, show their keys\n        const keys = Object.keys(arg);\n        if (keys.length > 0) {\n          return `[Object with keys: ${keys.join(', ')}]`;\n        } else {\n          return '[Empty Object]';\n        }\n      }\n    }\n    \n    // Handle functions\n    if (typeof arg === 'function') {\n      return `[Function: ${arg.name || 'anonymous'}]`;\n    }\n    \n    // Handle other primitive types\n    return String(arg);\n  }\n\n  private render(): void {\n    if (!this.container) return;\n\n    const filteredLogs = this.logs.filter(log => \n      this.config.logLevels.includes(log.level)\n    );\n\n    const formattedLogs = filteredLogs.map(log => {\n      const formatted = this.config.formatter(log);\n      const levelClass = `tv-console-${log.level}`;\n      return `<div class=\"${levelClass}\">${this.escapeHtml(formatted)}</div>`;\n    });\n\n    this.container.innerHTML = formattedLogs.join('');\n    \n    // Auto-scroll to the bottom to show the most recent logs\n    this.container.scrollTop = this.container.scrollHeight;\n  }\n\n  private escapeHtml(text: string): string {\n    const div = document.createElement('div');\n    div.textContent = text;\n    return div.innerHTML;\n  }\n\n  private setupKeyboardListeners(): void {\n    document.addEventListener('keydown', (event) => {\n      this.handleKeyDown(event);\n    });\n  }\n\n  private handleKeyDown(event: KeyboardEvent): void {\n    // Handle focus key combination\n    if (this.config.focusKey) {\n      this.keyBuffer += event.key;\n      \n      // Clear buffer after 2 seconds of inactivity\n      if (this.keyBufferTimeout) {\n        clearTimeout(this.keyBufferTimeout);\n      }\n      this.keyBufferTimeout = window.setTimeout(() => {\n        this.keyBuffer = '';\n      }, 2000);\n\n      // Check if key combination matches\n      if (this.keyBuffer.includes(this.config.focusKey)) {\n        this.focus();\n        this.keyBuffer = '';\n        event.preventDefault();\n        return;\n      }\n    }\n\n    // Handle unfocus key\n    if (this.config.unfocusKey && event.key === this.config.unfocusKey && this._isFocused) {\n      this.unfocus();\n      event.preventDefault();\n      return;\n    }\n\n    // Handle keyboard navigation when focused\n    if (this._isFocused && this.config.enableKeyboardNav && this.container) {\n      switch (event.key) {\n        case 'ArrowUp':\n          this.container.scrollTop -= 20;\n          event.preventDefault();\n          break;\n        case 'ArrowDown':\n          this.container.scrollTop += 20;\n          event.preventDefault();\n          break;\n        case 'PageUp':\n          this.container.scrollTop -= this.container.clientHeight;\n          event.preventDefault();\n          break;\n        case 'PageDown':\n          this.container.scrollTop += this.container.clientHeight;\n          event.preventDefault();\n          break;\n        case 'Home':\n          this.container.scrollTop = 0;\n          event.preventDefault();\n          break;\n        case 'End':\n          this.container.scrollTop = this.container.scrollHeight;\n          event.preventDefault();\n          break;\n      }\n    }\n  }\n\n  // Public API methods\n  log(...args: any[]): void {\n    this.addLog('log', ...args);\n  }\n\n  info(...args: any[]): void {\n    this.addLog('info', ...args);\n  }\n\n  warn(...args: any[]): void {\n    this.addLog('warn', ...args);\n  }\n\n  error(...args: any[]): void {\n    this.addLog('error', ...args);\n  }\n\n  debug(...args: any[]): void {\n    this.addLog('debug', ...args);\n  }\n\n  clear(): void {\n    this.logs = [];\n    this.render();\n  }\n\n  show(): void {\n    if (this.container) {\n      this.container.style.display = 'block';\n      this.isVisible = true;\n    }\n  }\n\n  hide(): void {\n    if (this.container) {\n      this.container.style.display = 'none';\n      this.isVisible = false;\n    }\n  }\n\n  toggle(): void {\n    if (this.isVisible) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  focus(): void {\n    if (!this.container || this._isFocused) return;\n    \n    this._isFocused = true;\n    this.container.focus();\n    \n    if (this.config.showFocusIndicator) {\n      this.container.style.border = '2px solid #00ff00';\n      this.container.style.boxShadow = '0 0 10px rgba(0, 255, 0, 0.5)';\n    }\n    \n    // Call onFocus callback if provided\n    if (this.config.onFocus) {\n      this.config.onFocus();\n    }\n    \n    console.log('TV Console focused - Use arrow keys to scroll, Escape to unfocus');\n  }\n\n  unfocus(): void {\n    if (!this.container || !this._isFocused) return;\n    \n    this._isFocused = false;\n    this.container.blur();\n    \n    if (this.config.showFocusIndicator) {\n      this.container.style.border = '';\n      this.container.style.boxShadow = '0 2px 10px rgba(0, 0, 0, 0.3)';\n    }\n    \n    // Call onUnfocus callback if provided\n    if (this.config.onUnfocus) {\n      this.config.onUnfocus();\n    }\n  }\n\n  isFocused(): boolean {\n    return this._isFocused;\n  }\n\n  destroy(): void {\n    if (this.container) {\n      document.body.removeChild(this.container);\n      this.container = null;\n    }\n    \n    // Restore original console methods\n    Object.assign(console, this.originalConsole);\n  }\n\n  getLogs(): LogEntry[] {\n    return [...this.logs];\n  }\n\n  setConfig(config: Partial<TVConsoleConfig>): void {\n    this.config = { ...this.config, ...config };\n    \n    if (this.container) {\n      this.container.style.cssText = `\n        position: fixed;\n        ${this.getPositionStyles()}\n        width: ${this.config.width};\n        height: ${this.config.height};\n        background-color: ${this.config.backgroundColor};\n        color: ${this.config.textColor};\n        font-family: 'Courier New', monospace;\n        font-size: ${this.config.fontSize};\n        padding: 10px;\n        border-radius: 5px;\n        overflow-y: auto;\n        z-index: ${this.config.zIndex};\n        opacity: ${this.config.opacity};\n        display: ${this.isVisible ? 'block' : 'none'};\n        word-wrap: break-word;\n        white-space: pre-wrap;\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n        outline: none;\n      `;\n      this.container.tabIndex = this.config.enableKeyboardNav ? 0 : -1;\n    }\n    \n    this.render();\n  }\n\n  exportLogs(): string {\n    return this.logs.map(log => {\n      const timestamp = log.timestamp.toISOString();\n      return `[${timestamp}] [${log.level.toUpperCase()}] ${log.message}`;\n    }).join('\\n');\n  }\n} "],"names":["DEFAULT_CONFIG","enabled","maxEntries","position","width","height","backgroundColor","textColor","fontSize","opacity","showTimestamp","className","zIndex","showLogLevel","logLevels","formatter","entry","timestamp","toLocaleTimeString","level","toUpperCase","message","trim","focusKey","unfocusKey","onFocus","onUnfocus","enableKeyboardNav","showFocusIndicator","TVConsole","constructor","config","Object","defineProperty","this","originalConsole","console","initialize","createContainer","interceptConsole","setupKeyboardListeners","render","container","document","createElement","tabIndex","style","cssText","getPositionStyles","body","appendChild","forEach","method","original","args","apply","addLog","includes","map","arg","formatArgument","join","id","Date","now","toString","Math","random","substr","data","stack","Error","undefined","logs","push","length","slice","JSON","stringify","prototype","keys","name","String","formattedLogs","filter","log","formatted","escapeHtml","innerHTML","scrollTop","scrollHeight","text","div","textContent","addEventListener","event","handleKeyDown","keyBuffer","key","keyBufferTimeout","clearTimeout","window","setTimeout","focus","preventDefault","_isFocused","unfocus","clientHeight","info","warn","error","debug","clear","show","display","isVisible","hide","toggle","border","boxShadow","blur","isFocused","destroy","removeChild","assign","getLogs","setConfig","exportLogs","toISOString"],"mappings":"oEAEA,MAAMA,EAA4C,CAChDC,SAAS,EACTC,WAAY,IACZC,SAAU,YACVC,MAAO,QACPC,OAAQ,QACRC,gBAAiB,qBACjBC,UAAW,UACXC,SAAU,OACVC,QAAS,GACTC,eAAe,EACfC,UAAW,aACXC,OAAQ,KACRC,cAAc,EACdC,UAAW,CAAC,MAAO,OAAQ,OAAQ,QAAS,SAC5CC,UAAYC,GAIH,GADuC,IAF5BA,EAAMC,UAAUC,2BACU,IAAIF,EAAMG,MAAMC,oBAE/BJ,EAAMK,UAAUC,OAE/CC,SAAU,QACVC,WAAY,SACZC,QAAS,OACTC,UAAW,OACXC,mBAAmB,EACnBC,oBAAoB,SAGTC,EAUX,WAAAC,CAAYC,EAA0B,IAT9BC,OAAAC,eAAAC,KAAA,SAAA,0DACAF,OAAAC,eAAAC,KAAA,OAAA,iDAAmB,KACnBF,OAAAC,eAAAC,KAAA,YAAA,iDAAmC,OACnCF,OAAAC,eAAAC,KAAA,YAAA,kDAAY,IACZF,OAAAC,eAAAC,KAAA,kBAAA,0DACAF,OAAAC,eAAAC,KAAA,aAAA,kDAAa,IACbF,OAAAC,eAAAC,KAAA,YAAA,iDAAY,KACZF,OAAAC,eAAAC,KAAA,mBAAA,iDAAkC,OAGxCA,KAAKH,OAAS,IAAK/B,KAAmB+B,GACtCG,KAAKC,gBAAkBC,QACvBF,KAAKG,YACN,CAEO,UAAAA,GACDH,KAAKH,OAAO9B,UAEjBiC,KAAKI,kBACLJ,KAAKK,mBACLL,KAAKM,yBACLN,KAAKO,SACN,CAEO,eAAAH,GACNJ,KAAKQ,UAAYC,SAASC,cAAc,OACxCV,KAAKQ,UAAU/B,UAAYuB,KAAKH,OAAOpB,UACvCuB,KAAKQ,UAAUG,SAAWX,KAAKH,OAAOJ,kBAAoB,GAAK,EAC/DO,KAAKQ,UAAUI,MAAMC,QAAU,mCAE3Bb,KAAKc,qCACEd,KAAKH,OAAO3B,yBACX8B,KAAKH,OAAO1B,oCACF6B,KAAKH,OAAOzB,kCACvB4B,KAAKH,OAAOxB,8EAER2B,KAAKH,OAAOvB,uGAId0B,KAAKH,OAAOnB,2BACZsB,KAAKH,OAAOtB,2KAQzBkC,SAASM,KAAKC,YAAYhB,KAAKQ,UAChC,CAEO,iBAAAM,GACN,OAAQd,KAAKH,OAAO5B,UAClB,IAAK,WACH,MAAO,yBACT,IAAK,YAML,QACE,MAAO,0BALT,IAAK,cACH,MAAO,4BACT,IAAK,eACH,MAAO,6BAIZ,CAEO,gBAAAoC,GACsB,CAAC,MAAO,OAAQ,OAAQ,QAAS,SAErDY,QAAQC,IACd,MAAMC,EAAWnB,KAAKC,gBAAgBiB,GACtClB,KAAKC,gBAAgBiB,GAAU,IAAIE,KAEjCD,EAASE,MAAMrB,KAAKC,gBAAiBmB,GAGrCpB,KAAKsB,OAAOJ,KAAWE,KAG5B,CAEO,MAAAE,CAAOrC,KAAoBmC,GACjC,IAAKpB,KAAKH,OAAO9B,UAAYiC,KAAKH,OAAOjB,UAAU2C,SAAStC,GAC1D,OAGF,MAAME,EAAUiC,EAAKI,IAAIC,GAAOzB,KAAK0B,eAAeD,IAAME,KAAK,KACzD7C,EAAkB,CACtB8C,GAAIC,KAAKC,MAAMC,WAAaC,KAAKC,SAASF,SAAS,IAAIG,OAAO,EAAG,GACjEjD,QACAE,UACAJ,UAAW,IAAI8C,KACfM,KAAMf,EACNgB,MAAiB,UAAVnD,GAAoB,IAAIoD,OAAQD,WAAQE,GAGjDtC,KAAKuC,KAAKC,KAAK1D,GAGXkB,KAAKuC,KAAKE,OAASzC,KAAKH,OAAO7B,aACjCgC,KAAKuC,KAAOvC,KAAKuC,KAAKG,OAAO1C,KAAKH,OAAO7B,aAG3CgC,KAAKO,QACN,CAEO,cAAAmB,CAAeD,GACrB,GAAY,OAARA,EAAc,MAAO,OACzB,QAAYa,IAARb,EAAmB,MAAO,YAG9B,GAAIA,aAAeY,MACjB,MAAO,UAAUZ,EAAItC,mBAAmBsC,EAAIW,OAAS,6BAIvD,GAAmB,iBAARX,EACT,IAEE,OAAOkB,KAAKC,UAAUnB,EAAK,KAAM,EAClC,CAAC,MAEA,GAAIA,EAAIM,UAAYN,EAAIM,WAAajC,OAAO+C,UAAUd,SACpD,OAAON,EAAIM,WAIb,MAAMe,EAAOhD,OAAOgD,KAAKrB,GACzB,OAAIqB,EAAKL,OAAS,EACT,sBAAsBK,EAAKnB,KAAK,SAEhC,gBAEV,CAIH,MAAmB,mBAARF,EACF,cAAcA,EAAIsB,MAAQ,eAI5BC,OAAOvB,EACf,CAEO,MAAAlB,GACN,IAAKP,KAAKQ,UAAW,OAErB,MAIMyC,EAJejD,KAAKuC,KAAKW,OAAOC,GACpCnD,KAAKH,OAAOjB,UAAU2C,SAAS4B,EAAIlE,QAGFuC,IAAI2B,IACrC,MAAMC,EAAYpD,KAAKH,OAAOhB,UAAUsE,GAExC,MAAO,eADY,cAAcA,EAAIlE,YACAe,KAAKqD,WAAWD,aAGvDpD,KAAKQ,UAAU8C,UAAYL,EAActB,KAAK,IAG9C3B,KAAKQ,UAAU+C,UAAYvD,KAAKQ,UAAUgD,YAC3C,CAEO,UAAAH,CAAWI,GACjB,MAAMC,EAAMjD,SAASC,cAAc,OAEnC,OADAgD,EAAIC,YAAcF,EACXC,EAAIJ,SACZ,CAEO,sBAAAhD,GACNG,SAASmD,iBAAiB,UAAYC,IACpC7D,KAAK8D,cAAcD,IAEtB,CAEO,aAAAC,CAAcD,GAEpB,GAAI7D,KAAKH,OAAOR,WACdW,KAAK+D,WAAaF,EAAMG,IAGpBhE,KAAKiE,kBACPC,aAAalE,KAAKiE,kBAEpBjE,KAAKiE,iBAAmBE,OAAOC,WAAW,KACxCpE,KAAK+D,UAAY,IAChB,KAGC/D,KAAK+D,UAAUxC,SAASvB,KAAKH,OAAOR,WAItC,OAHAW,KAAKqE,QACLrE,KAAK+D,UAAY,QACjBF,EAAMS,iBAMV,GAAItE,KAAKH,OAAOP,YAAcuE,EAAMG,MAAQhE,KAAKH,OAAOP,YAAcU,KAAKuE,WAGzE,OAFAvE,KAAKwE,eACLX,EAAMS,iBAKR,GAAItE,KAAKuE,YAAcvE,KAAKH,OAAOJ,mBAAqBO,KAAKQ,UAC3D,OAAQqD,EAAMG,KACZ,IAAK,UACHhE,KAAKQ,UAAU+C,WAAa,GAC5BM,EAAMS,iBACN,MACF,IAAK,YACHtE,KAAKQ,UAAU+C,WAAa,GAC5BM,EAAMS,iBACN,MACF,IAAK,SACHtE,KAAKQ,UAAU+C,WAAavD,KAAKQ,UAAUiE,aAC3CZ,EAAMS,iBACN,MACF,IAAK,WACHtE,KAAKQ,UAAU+C,WAAavD,KAAKQ,UAAUiE,aAC3CZ,EAAMS,iBACN,MACF,IAAK,OACHtE,KAAKQ,UAAU+C,UAAY,EAC3BM,EAAMS,iBACN,MACF,IAAK,MACHtE,KAAKQ,UAAU+C,UAAYvD,KAAKQ,UAAUgD,aAC1CK,EAAMS,iBAIb,CAGD,GAAAnB,IAAO/B,GACLpB,KAAKsB,OAAO,SAAUF,EACvB,CAED,IAAAsD,IAAQtD,GACNpB,KAAKsB,OAAO,UAAWF,EACxB,CAED,IAAAuD,IAAQvD,GACNpB,KAAKsB,OAAO,UAAWF,EACxB,CAED,KAAAwD,IAASxD,GACPpB,KAAKsB,OAAO,WAAYF,EACzB,CAED,KAAAyD,IAASzD,GACPpB,KAAKsB,OAAO,WAAYF,EACzB,CAED,KAAA0D,GACE9E,KAAKuC,KAAO,GACZvC,KAAKO,QACN,CAED,IAAAwE,GACM/E,KAAKQ,YACPR,KAAKQ,UAAUI,MAAMoE,QAAU,QAC/BhF,KAAKiF,WAAY,EAEpB,CAED,IAAAC,GACMlF,KAAKQ,YACPR,KAAKQ,UAAUI,MAAMoE,QAAU,OAC/BhF,KAAKiF,WAAY,EAEpB,CAED,MAAAE,GACMnF,KAAKiF,UACPjF,KAAKkF,OAELlF,KAAK+E,MAER,CAED,KAAAV,GACOrE,KAAKQ,YAAaR,KAAKuE,aAE5BvE,KAAKuE,YAAa,EAClBvE,KAAKQ,UAAU6D,QAEXrE,KAAKH,OAAOH,qBACdM,KAAKQ,UAAUI,MAAMwE,OAAS,oBAC9BpF,KAAKQ,UAAUI,MAAMyE,UAAY,iCAI/BrF,KAAKH,OAAON,SACdS,KAAKH,OAAON,UAGdW,QAAQiD,IAAI,oEACb,CAED,OAAAqB,GACOxE,KAAKQ,WAAcR,KAAKuE,aAE7BvE,KAAKuE,YAAa,EAClBvE,KAAKQ,UAAU8E,OAEXtF,KAAKH,OAAOH,qBACdM,KAAKQ,UAAUI,MAAMwE,OAAS,GAC9BpF,KAAKQ,UAAUI,MAAMyE,UAAY,iCAI/BrF,KAAKH,OAAOL,WACdQ,KAAKH,OAAOL,YAEf,CAED,SAAA+F,GACE,OAAOvF,KAAKuE,UACb,CAED,OAAAiB,GACMxF,KAAKQ,YACPC,SAASM,KAAK0E,YAAYzF,KAAKQ,WAC/BR,KAAKQ,UAAY,MAInBV,OAAO4F,OAAOxF,QAASF,KAAKC,gBAC7B,CAED,OAAA0F,GACE,MAAO,IAAI3F,KAAKuC,KACjB,CAED,SAAAqD,CAAU/F,GACRG,KAAKH,OAAS,IAAKG,KAAKH,UAAWA,GAE/BG,KAAKQ,YACPR,KAAKQ,UAAUI,MAAMC,QAAU,uCAE3Bb,KAAKc,uCACEd,KAAKH,OAAO3B,2BACX8B,KAAKH,OAAO1B,sCACF6B,KAAKH,OAAOzB,oCACvB4B,KAAKH,OAAOxB,kFAER2B,KAAKH,OAAOvB,+GAId0B,KAAKH,OAAOnB,6BACZsB,KAAKH,OAAOtB,8BACZyB,KAAKiF,UAAY,QAAU,8JAMxCjF,KAAKQ,UAAUG,SAAWX,KAAKH,OAAOJ,kBAAoB,GAAK,GAGjEO,KAAKO,QACN,CAED,UAAAsF,GACE,OAAO7F,KAAKuC,KAAKf,IAAI2B,GAEZ,IADWA,EAAIpE,UAAU+G,mBACN3C,EAAIlE,MAAMC,kBAAkBiE,EAAIhE,WACzDwC,KAAK,KACT"}

package/dist/tv-console.d.ts

@@ -0,0 +1,39 @@
+import type { TVConsoleConfig, LogEntry, TVConsoleInstance } from './types';
+export declare class TVConsole implements TVConsoleInstance {
+    private config;
+    private logs;
+    private container;
+    private isVisible;
+    private originalConsole;
+    private _isFocused;
+    private keyBuffer;
+    private keyBufferTimeout;
+    constructor(config?: TVConsoleConfig);
+    private initialize;
+    private createContainer;
+    private getPositionStyles;
+    private interceptConsole;
+    private addLog;
+    private formatArgument;
+    private render;
+    private escapeHtml;
+    private setupKeyboardListeners;
+    private handleKeyDown;
+    log(...args: any[]): void;
+    info(...args: any[]): void;
+    warn(...args: any[]): void;
+    error(...args: any[]): void;
+    debug(...args: any[]): void;
+    clear(): void;
+    show(): void;
+    hide(): void;
+    toggle(): void;
+    focus(): void;
+    unfocus(): void;
+    isFocused(): boolean;
+    destroy(): void;
+    getLogs(): LogEntry[];
+    setConfig(config: Partial<TVConsoleConfig>): void;
+    exportLogs(): string;
+}
+//# sourceMappingURL=tv-console.d.ts.map

package/dist/tv-console.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tv-console.d.ts","sourceRoot":"","sources":["../src/tv-console.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAY,QAAQ,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA+BtF,qBAAa,SAAU,YAAW,iBAAiB;IACjD,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,IAAI,CAAkB;IAC9B,OAAO,CAAC,SAAS,CAA+B;IAChD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,eAAe,CAAU;IACjC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,gBAAgB,CAAuB;gBAEnC,MAAM,GAAE,eAAoB;IAMxC,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,eAAe;IA4BvB,OAAO,CAAC,iBAAiB;IAezB,OAAO,CAAC,gBAAgB;IAexB,OAAO,CAAC,MAAM;IAyBd,OAAO,CAAC,cAAc;IAuCtB,OAAO,CAAC,MAAM;IAmBd,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,sBAAsB;IAM9B,OAAO,CAAC,aAAa;IA6DrB,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI;IAIzB,IAAI,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI;IAI1B,IAAI,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI;IAI1B,KAAK,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI;IAI3B,KAAK,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI;IAI3B,KAAK,IAAI,IAAI;IAKb,IAAI,IAAI,IAAI;IAOZ,IAAI,IAAI,IAAI;IAOZ,MAAM,IAAI,IAAI;IAQd,KAAK,IAAI,IAAI;IAmBb,OAAO,IAAI,IAAI;IAiBf,SAAS,IAAI,OAAO;IAIpB,OAAO,IAAI,IAAI;IAUf,OAAO,IAAI,QAAQ,EAAE;IAIrB,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI;IA8BjD,UAAU,IAAI,MAAM;CAMrB"}

package/dist/types.d.ts

@@ -0,0 +1,72 @@
+export interface TVConsoleConfig {
+    /** Enable/disable the TV console */
+    enabled?: boolean;
+    /** Maximum number of log entries to keep in memory */
+    maxEntries?: number;
+    /** Position of the console overlay on screen */
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    /** Width of the console overlay */
+    width?: string;
+    /** Height of the console overlay */
+    height?: string;
+    /** Background color of the console overlay */
+    backgroundColor?: string;
+    /** Text color of the console overlay */
+    textColor?: string;
+    /** Font size of the console text */
+    fontSize?: string;
+    /** Opacity of the console overlay */
+    opacity?: number;
+    /** Show timestamp with each log entry */
+    showTimestamp?: boolean;
+    /** Custom CSS class for styling */
+    className?: string;
+    /** Z-index of the console overlay */
+    zIndex?: number;
+    /** Show log level indicators */
+    showLogLevel?: boolean;
+    /** Filter log levels to display */
+    logLevels?: LogLevel[];
+    /** Custom formatter for log messages */
+    formatter?: (entry: LogEntry) => string;
+    /** Key combination to focus the console (default: '12345') */
+    focusKey?: string;
+    /** Key to unfocus the console (default: 'Escape') */
+    unfocusKey?: string;
+    /** Callback function called when console gains focus */
+    onFocus?: () => void;
+    /** Callback function called when console loses focus */
+    onUnfocus?: () => void;
+    /** Enable keyboard navigation for scrolling */
+    enableKeyboardNav?: boolean;
+    /** Show focus indicator when console is focused */
+    showFocusIndicator?: boolean;
+}
+export type LogLevel = 'log' | 'info' | 'warn' | 'error' | 'debug';
+export interface LogEntry {
+    id: string;
+    level: LogLevel;
+    message: string;
+    timestamp: Date;
+    data?: any[];
+    stack?: string;
+}
+export interface TVConsoleInstance {
+    log: (...args: any[]) => void;
+    info: (...args: any[]) => void;
+    warn: (...args: any[]) => void;
+    error: (...args: any[]) => void;
+    debug: (...args: any[]) => void;
+    clear: () => void;
+    show: () => void;
+    hide: () => void;
+    toggle: () => void;
+    destroy: () => void;
+    getLogs: () => LogEntry[];
+    setConfig: (config: Partial<TVConsoleConfig>) => void;
+    exportLogs: () => string;
+    focus: () => void;
+    unfocus: () => void;
+    isFocused: () => boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "tv-console",
+  "version": "1.0.0",
+  "description": "A console replacement for TV apps where browser console is not accessible",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "rollup -c",
+    "clean": "rimraf dist",
+    "prebuild": "npm run clean",
+    "prepublishOnly": "npm run build",
+    "test": "jest",
+    "lint": "eslint src --ext .ts",
+    "type-check": "tsc --noEmit"
+  },
+  "keywords": [
+    "console",
+    "tv",
+    "smart-tv",
+    "debugging",
+    "logging",
+    "typescript"
+  ],
+  "author": "Your Name",
+  "license": "MIT",
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "@types/jest": "^29.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "eslint": "^8.0.0",
+    "jest": "^29.0.0",
+    "rimraf": "^5.0.0",
+    "rollup": "^3.29.0",
+    "rollup-plugin-dts": "^6.0.0",
+    "ts-jest": "^29.0.0",
+    "typescript": "~5.8.3",
+    "vite": "^6.3.5"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yourusername/tv-console.git"
+  },
+  "bugs": {
+    "url": "https://github.com/yourusername/tv-console/issues"
+  },
+  "homepage": "https://github.com/yourusername/tv-console#readme",
+  "dependencies": {
+    "tslib": "^2.8.1"
+  }
+}