@mathiscode/pucc 1.0.0

package/dist/demo.css

@@ -0,0 +1,349 @@
+:root {
+  --primary: #6366f1;
+  --primary-dark: #4f46e5;
+  --primary-light: #818cf8;
+  --bg: #0f172a;
+  --bg-card: #1e293b;
+  --bg-card-hover: #334155;
+  --text: #f1f5f9;
+  --text-muted: #94a3b8;
+  --border: #334155;
+  --code-bg: #0f172a;
+  --accent: #10b981;
+  --accent-hover: #059669;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html, body {
+  margin: 0;
+  padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  height: 100%;
+  width: 100%;
+  background: var(--bg);
+  color: var(--text);
+  line-height: 1.6;
+}
+
+body {
+  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
+  min-height: 100vh;
+}
+
+a:not(.github-button),
+a:not(.github-button):visited {
+  color: var(--primary);
+  text-decoration: none;
+}
+
+a:not(.github-button):hover {
+  text-decoration: underline;
+  color: var(--primary-light);
+}
+
+.github-button {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5em;
+  background: linear-gradient(90deg, var(--primary-dark) 0%, var(--accent) 100%);
+  color: var(--text);
+  padding: 0.6em 1.3em;
+  margin-bottom: 1rem;
+  border-radius: 999px;
+  font-weight: 600;
+  box-shadow: 0 2px 12px 0 rgba(99, 102, 241, 0.13);
+  text-decoration: none;
+  transition: 
+    background 0.18s cubic-bezier(.7,.3,.4,.8),
+    color 0.18s cubic-bezier(.7,.3,.4,.8),
+    box-shadow 0.18s;
+  border: none;
+  outline: none;
+}
+
+.github-button:hover, .github-button:focus {
+  background: linear-gradient(90deg, var(--primary-light) 0%, var(--accent-hover) 100%);
+  color: var(--bg);
+  box-shadow: 0 4px 18px 0 rgba(16, 185, 129, 0.23);
+  text-decoration: none;
+  outline: 2px solid var(--accent);
+}
+
+.github-button svg {
+  flex-shrink: 0;
+  margin-right: 0.3em;
+  transition: transform 0.18s cubic-bezier(.7,.3,.4,.8);
+}
+
+.github-button:hover svg, .github-button:focus svg {
+  transform: scale(1.13) rotate(-8deg);
+  filter: drop-shadow(0 0 5px var(--accent));
+}
+
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 2rem;
+}
+
+.hero {
+  text-align: center;
+  padding: 4rem 2rem;
+  background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(16, 185, 129, 0.1) 100%);
+  border-radius: 1rem;
+  margin-bottom: 3rem;
+  border: 1px solid var(--border);
+  position: relative;
+  overflow: hidden;
+}
+
+.hero::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: radial-gradient(circle at 30% 50%, rgba(99, 102, 241, 0.15) 0%, transparent 50%);
+  pointer-events: none;
+}
+
+.hero h1 {
+  font-size: 4rem;
+  font-weight: 800;
+  margin: 0 0 1rem 0;
+  background: linear-gradient(135deg, var(--primary-light) 0%, var(--accent) 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  position: relative;
+  z-index: 1;
+}
+
+.hero h2 {
+  font-size: 1.5rem;
+  font-weight: 400;
+  color: var(--text-muted);
+  margin: 0 0 1.5rem 0;
+  position: relative;
+  z-index: 1;
+}
+
+.hero p {
+  font-size: 1.125rem;
+  color: var(--text);
+  max-width: 700px;
+  margin: 0 auto;
+  position: relative;
+  z-index: 1;
+}
+
+.content-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 2rem;
+  margin-bottom: 3rem;
+}
+
+.card {
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: 0.75rem;
+  padding: 2rem;
+  transition: all 0.3s ease;
+  position: relative;
+  overflow: hidden;
+}
+
+.card::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 3px;
+  background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);
+  transform: scaleX(0);
+  transition: transform 0.3s ease;
+}
+
+.card:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
+  border-color: var(--primary);
+}
+
+.card:hover::before {
+  transform: scaleX(1);
+}
+
+.card h2 {
+  font-size: 1.75rem;
+  font-weight: 700;
+  margin: 0 0 1rem 0;
+  color: var(--text);
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.card h2::before {
+  content: '';
+  width: 4px;
+  height: 1.5rem;
+  background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
+  border-radius: 2px;
+}
+
+.card p {
+  color: var(--text-muted);
+  margin: 0 0 1.5rem 0;
+}
+
+.card p:last-child {
+  margin-bottom: 0;
+}
+
+pre {
+  background: var(--code-bg);
+  border: 1px solid var(--border);
+  border-radius: 0.5rem;
+  padding: 1.25rem;
+  overflow-x: auto;
+  margin: 1rem 0;
+  position: relative;
+  font-family: 'Fira Code', 'Consolas', 'Monaco', 'Courier New', monospace;
+  font-size: 0.9rem;
+  line-height: 1.6;
+}
+
+pre code {
+  color: var(--text);
+  background: transparent;
+  padding: 0;
+  border-radius: 0;
+  font-size: inherit;
+}
+
+code {
+  background: rgba(99, 102, 241, 0.15);
+  color: var(--primary-light);
+  padding: 0.2em 0.4em;
+  border-radius: 0.25rem;
+  font-family: 'Fira Code', 'Consolas', 'Monaco', 'Courier New', monospace;
+  font-size: 0.9em;
+}
+
+pre code {
+  background: transparent;
+  color: inherit;
+  padding: 0;
+}
+
+.terminal-container {
+  margin-top: 3rem;
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: 0.75rem;
+  padding: 1.5rem;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+}
+
+.terminal-container h2 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  margin: 0 0 1rem 0;
+  color: var(--text);
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.terminal-container h2::before {
+  content: '▶';
+  color: var(--accent);
+  font-size: 1rem;
+}
+
+pucc-terminal {
+  border-radius: 0.5rem;
+  overflow: hidden;
+  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.3);
+}
+
+@media (max-width: 768px) {
+  .hero h1 {
+    font-size: 2.5rem;
+  }
+
+  .hero h2 {
+    font-size: 1.25rem;
+  }
+
+  .content-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .container {
+    padding: 1rem;
+  }
+
+  .hero {
+    padding: 2rem 1rem;
+  }
+}
+
+.badge {
+  display: inline-block;
+  background: rgba(16, 185, 129, 0.2);
+  color: var(--accent);
+  padding: 0.25rem 0.75rem;
+  border-radius: 9999px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  margin-left: 0.5rem;
+  border: 1px solid rgba(16, 185, 129, 0.3);
+}
+
+kbd {
+  display: inline-block;
+  padding: 0.25rem 0.5rem;
+  font-family: 'Fira Code', 'Consolas', 'Monaco', 'Courier New', monospace;
+  font-size: 0.85em;
+  font-weight: 600;
+  line-height: 1;
+  color: var(--text);
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: 0.25rem;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+  margin: 0 0.125rem;
+}
+
+#dropdown-terminal {
+  min-height: 80px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem;
+  background: rgba(99, 102, 241, 0.05);
+  border: 2px dashed var(--border);
+  border-radius: 0.5rem;
+  color: var(--text-muted);
+  font-size: 0.9rem;
+  text-align: center;
+}
+
+#dropdown-terminal:has(pucc-terminal) {
+  padding: 0;
+  background: transparent;
+  border: none;
+  min-height: 0;
+}
+
+#dropdown-terminal:has(pucc-terminal) p {
+  display: none;
+}

package/dist/devtools-shell.esm.js

@@ -0,0 +1,243 @@
+/*! devtools-shell v1.0.0 */
+
+// src/core/CommandParser.ts
+var CommandParser = class {
+  /**
+   * Parse a command string into structured arguments
+   */
+  static parse(input) {
+    const args = { _: [] };
+    const trimmed = input.trim();
+    if (!trimmed) {
+      return args;
+    }
+    let i = 0;
+    const length = trimmed.length;
+    while (i < length) {
+      while (i < length && /\s/.test(trimmed[i])) {
+        i++;
+      }
+      if (i >= length)
+        break;
+      const keyMatch = trimmed.slice(i).match(/^([a-zA-Z_][a-zA-Z0-9_]*)\s*=/);
+      if (keyMatch) {
+        const key = keyMatch[1];
+        i += keyMatch[0].length;
+        while (i < length && /\s/.test(trimmed[i])) {
+          i++;
+        }
+        let value = "";
+        let inQuotes = false;
+        let quoteChar = "";
+        if (i < length && (trimmed[i] === '"' || trimmed[i] === "'")) {
+          inQuotes = true;
+          quoteChar = trimmed[i];
+          i++;
+        }
+        while (i < length) {
+          const char = trimmed[i];
+          if (inQuotes) {
+            if (char === quoteChar) {
+              i++;
+              break;
+            }
+            value += char;
+          } else {
+            if (/\s/.test(char)) {
+              break;
+            }
+            value += char;
+          }
+          i++;
+        }
+        if (value === "true") {
+          args[key] = true;
+        } else if (value === "false") {
+          args[key] = false;
+        } else if (/^-?\d+$/.test(value)) {
+          args[key] = parseInt(value, 10);
+        } else if (/^-?\d*\.\d+$/.test(value)) {
+          args[key] = parseFloat(value);
+        } else {
+          args[key] = value;
+        }
+      } else {
+        let arg = "";
+        let inQuotes = false;
+        let quoteChar = "";
+        while (i < length) {
+          const char = trimmed[i];
+          if (!inQuotes && (char === '"' || char === "'")) {
+            inQuotes = true;
+            quoteChar = char;
+            i++;
+            continue;
+          }
+          if (inQuotes && char === quoteChar) {
+            inQuotes = false;
+            i++;
+            break;
+          }
+          if (!inQuotes && /\s/.test(char)) {
+            break;
+          }
+          arg += char;
+          i++;
+        }
+        if (arg) {
+          args._.push(arg);
+        }
+      }
+    }
+    return args;
+  }
+};
+
+// src/commands/help.ts
+var helpCommand = (_args, shell2) => {
+  if (!shell2) {
+    console.error("DevToolsShell instance not available");
+    return;
+  }
+  const commands = shell2.getCommands();
+  if (commands.length === 0) {
+    console.log("No commands registered.");
+    return;
+  }
+  console.log("\n%cAvailable Commands:", "font-weight: bold; font-size: 14px;");
+  console.log("\u2500".repeat(50));
+  commands.forEach((cmd) => {
+    console.log(
+      `%c$${cmd.name}%c - ${cmd.description}`,
+      "color: #4CAF50; font-weight: bold;",
+      "color: inherit;"
+    );
+  });
+  console.log("\u2500".repeat(50));
+  console.log(`Total: ${commands.length} command(s)`);
+};
+
+// src/commands/about.ts
+var aboutCommand = () => {
+  console.log("%cDevTools Shell", "font-size: 20px; font-weight: bold; color: #2196F3;");
+  console.log("\u2500".repeat(50));
+  console.log("Version: 1.0.0");
+  console.log("A browser console command system library");
+  console.log("Built with TypeScript and esbuild");
+  console.log("\u2500".repeat(50));
+  console.log(
+    "Use %c$help%c to see available commands",
+    "color: #4CAF50; font-weight: bold;",
+    "color: inherit;"
+  );
+};
+
+// src/core/DevToolsShell.ts
+var DevToolsShell = class {
+  constructor() {
+    this.commands = /* @__PURE__ */ new Map();
+    this.initialized = false;
+    this.registerBuiltInCommands();
+  }
+  /**
+   * Register a custom command
+   */
+  addCommand(name, handler, description) {
+    if (!name || typeof name !== "string") {
+      throw new Error("Command name must be a non-empty string");
+    }
+    if (name.startsWith("$")) {
+      throw new Error("Command name should not include the $ prefix");
+    }
+    if (typeof handler !== "function") {
+      throw new Error("Command handler must be a function");
+    }
+    if (this.commands.has(name)) {
+      console.warn(`Command "${name}" already exists. Overwriting...`);
+    }
+    this.commands.set(name, {
+      name,
+      description: description || "No description provided",
+      handler
+    });
+    this.attachCommandToWindow(name);
+  }
+  /**
+   * Execute a command by name with arguments
+   */
+  execute(commandName, input = "") {
+    const command = this.commands.get(commandName);
+    if (!command) {
+      console.error(`Command "${commandName}" not found. Use $help to see available commands.`);
+      return;
+    }
+    try {
+      const args = CommandParser.parse(input);
+      const result = command.handler(args, this);
+      if (result instanceof Promise) {
+        result.catch((error) => {
+          console.error(`Error executing command "${commandName}":`, error);
+        });
+      }
+    } catch (error) {
+      console.error(`Error executing command "${commandName}":`, error);
+    }
+  }
+  /**
+   * Get all registered commands
+   */
+  getCommands() {
+    return Array.from(this.commands.values());
+  }
+  /**
+   * Get a specific command by name
+   */
+  getCommand(name) {
+    return this.commands.get(name);
+  }
+  /**
+   * Initialize the shell and attach to window
+   */
+  initialize() {
+    if (this.initialized) {
+      return;
+    }
+    this.commands.forEach((_, name) => {
+      this.attachCommandToWindow(name);
+    });
+    this.initialized = true;
+  }
+  /**
+   * Register built-in commands
+   */
+  registerBuiltInCommands() {
+    this.addCommand("help", helpCommand, "Display all available commands");
+    this.addCommand("about", aboutCommand, "Show library information");
+  }
+  /**
+   * Attach a command to window as $commandName
+   */
+  attachCommandToWindow(name) {
+    const windowName = `$${name}`;
+    window[windowName] = (...args) => {
+      const input = args.length > 0 ? args.join(" ") : "";
+      this.execute(name, input);
+    };
+  }
+};
+
+// src/index.ts
+var shell = new DevToolsShell();
+if (typeof window !== "undefined") {
+  shell.initialize();
+  window.DevToolsShell = shell;
+  Promise.resolve().then(() => {
+    if (window.DevToolsShell !== shell) {
+      window.DevToolsShell = shell;
+    }
+  });
+}
+export {
+  DevToolsShell
+};
+//# sourceMappingURL=devtools-shell.esm.js.map

package/dist/devtools-shell.esm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/core/CommandParser.ts", "../src/commands/help.ts", "../src/commands/about.ts", "../src/core/DevToolsShell.ts", "../src/index.ts"],
+  "sourcesContent": ["import type { ParsedArgs } from '../types';\n\n/**\n * Parses command strings into structured arguments\n * Supports both positional arguments and key=value pairs\n *\n * Examples:\n * - `$new customer` \u2192 `{ _: ['customer'] }`\n * - `name=\"John Smith\" balance=5400` \u2192 `{ name: \"John Smith\", balance: 5400 }`\n * - `$new customer name=\"John\"` \u2192 `{ _: ['customer'], name: \"John\" }`\n */\nexport class CommandParser {\n  /**\n   * Parse a command string into structured arguments\n   */\n  static parse(input: string): ParsedArgs {\n    const args: ParsedArgs = { _: [] };\n    const trimmed = input.trim();\n\n    if (!trimmed) {\n      return args;\n    }\n\n    let i = 0;\n    const length = trimmed.length;\n\n    while (i < length) {\n      // Skip whitespace\n      while (i < length && /\\s/.test(trimmed[i])) {\n        i++;\n      }\n\n      if (i >= length) break;\n\n      // Check if this looks like a key=value pair (starts with identifier followed by =)\n      const keyMatch = trimmed.slice(i).match(/^([a-zA-Z_][a-zA-Z0-9_]*)\\s*=/);\n      \n      if (keyMatch) {\n        const key = keyMatch[1];\n        i += keyMatch[0].length; // Move past \"key=\"\n        \n        // Skip whitespace after =\n        while (i < length && /\\s/.test(trimmed[i])) {\n          i++;\n        }\n\n        // Parse the value (may be quoted or unquoted)\n        let value = '';\n        let inQuotes = false;\n        let quoteChar = '';\n        \n        if (i < length && (trimmed[i] === '\"' || trimmed[i] === \"'\")) {\n          inQuotes = true;\n          quoteChar = trimmed[i];\n          i++; // Skip opening quote\n        }\n\n        while (i < length) {\n          const char = trimmed[i];\n          \n          if (inQuotes) {\n            if (char === quoteChar) {\n              i++; // Skip closing quote\n              break;\n            }\n            value += char;\n          } else {\n            // Unquoted value - stop at whitespace or end\n            if (/\\s/.test(char)) {\n              break;\n            }\n            value += char;\n          }\n          i++;\n        }\n\n        // Try to parse as number or boolean\n        if (value === 'true') {\n          args[key] = true;\n        } else if (value === 'false') {\n          args[key] = false;\n        } else if (/^-?\\d+$/.test(value)) {\n          args[key] = parseInt(value, 10);\n        } else if (/^-?\\d*\\.\\d+$/.test(value)) {\n          args[key] = parseFloat(value);\n        } else {\n          args[key] = value;\n        }\n      } else {\n        // Positional argument\n        let arg = '';\n        let inQuotes = false;\n        let quoteChar = '';\n        \n        while (i < length) {\n          const char = trimmed[i];\n          \n          if (!inQuotes && (char === '\"' || char === \"'\")) {\n            inQuotes = true;\n            quoteChar = char;\n            i++;\n            continue;\n          }\n          \n          if (inQuotes && char === quoteChar) {\n            inQuotes = false;\n            i++;\n            break;\n          }\n          \n          if (!inQuotes && /\\s/.test(char)) {\n            break;\n          }\n          \n          arg += char;\n          i++;\n        }\n        \n        if (arg) {\n          args._.push(arg);\n        }\n      }\n    }\n\n    return args;\n  }\n}\n", "import type { CommandHandler, Command } from '../types';\n\n/**\n * Built-in help command handler\n */\nexport const helpCommand: CommandHandler = (_args, shell) => {\n  if (!shell) {\n    console.error('DevToolsShell instance not available');\n    return;\n  }\n\n  const commands = shell.getCommands();\n  \n  if (commands.length === 0) {\n    console.log('No commands registered.');\n    return;\n  }\n\n  console.log('\\n%cAvailable Commands:', 'font-weight: bold; font-size: 14px;');\n  console.log('\u2500'.repeat(50));\n  \n  commands.forEach((cmd: Command) => {\n    console.log(`%c$${cmd.name}%c - ${cmd.description}`, \n      'color: #4CAF50; font-weight: bold;', \n      'color: inherit;');\n  });\n  \n  console.log('\u2500'.repeat(50));\n  console.log(`Total: ${commands.length} command(s)`);\n};\n", "import type { CommandHandler } from '../types';\n\n/**\n * Built-in about command handler\n */\nexport const aboutCommand: CommandHandler = () => {\n  console.log('%cDevTools Shell', 'font-size: 20px; font-weight: bold; color: #2196F3;');\n  console.log('\u2500'.repeat(50));\n  console.log('Version: 1.0.0');\n  console.log('A browser console command system library');\n  console.log('Built with TypeScript and esbuild');\n  console.log('\u2500'.repeat(50));\n  console.log('Use %c$help%c to see available commands', \n    'color: #4CAF50; font-weight: bold;', \n    'color: inherit;');\n};\n", "import type { Command, CommandHandler, ParsedArgs } from '../types';\nimport { CommandParser } from './CommandParser';\nimport { helpCommand } from '../commands/help';\nimport { aboutCommand } from '../commands/about';\n\n/**\n * Core DevToolsShell class managing command registry and execution\n */\nexport class DevToolsShell {\n  private commands: Map<string, Command> = new Map();\n  private initialized = false;\n\n  constructor() {\n    this.registerBuiltInCommands();\n  }\n\n  /**\n   * Register a custom command\n   */\n  addCommand(name: string, handler: CommandHandler, description: string): void {\n    if (!name || typeof name !== 'string') {\n      throw new Error('Command name must be a non-empty string');\n    }\n\n    if (name.startsWith('$')) {\n      throw new Error('Command name should not include the $ prefix');\n    }\n\n    if (typeof handler !== 'function') {\n      throw new Error('Command handler must be a function');\n    }\n\n    if (this.commands.has(name)) {\n      console.warn(`Command \"${name}\" already exists. Overwriting...`);\n    }\n\n    this.commands.set(name, {\n      name,\n      description: description || 'No description provided',\n      handler,\n    });\n\n    // Attach to window for console access\n    this.attachCommandToWindow(name);\n  }\n\n  /**\n   * Execute a command by name with arguments\n   */\n  execute(commandName: string, input: string = ''): void {\n    const command = this.commands.get(commandName);\n    \n    if (!command) {\n      console.error(`Command \"${commandName}\" not found. Use $help to see available commands.`);\n      return;\n    }\n\n    try {\n      const args = CommandParser.parse(input);\n      // Pass the shell instance to the handler so it can access shell methods\n      const result = command.handler(args, this);\n      \n      // Handle async handlers\n      if (result instanceof Promise) {\n        result.catch((error) => {\n          console.error(`Error executing command \"${commandName}\":`, error);\n        });\n      }\n    } catch (error) {\n      console.error(`Error executing command \"${commandName}\":`, error);\n    }\n  }\n\n  /**\n   * Get all registered commands\n   */\n  getCommands(): Command[] {\n    return Array.from(this.commands.values());\n  }\n\n  /**\n   * Get a specific command by name\n   */\n  getCommand(name: string): Command | undefined {\n    return this.commands.get(name);\n  }\n\n  /**\n   * Initialize the shell and attach to window\n   */\n  initialize(): void {\n    if (this.initialized) {\n      return;\n    }\n\n    // Attach all existing commands to window\n    this.commands.forEach((_, name) => {\n      this.attachCommandToWindow(name);\n    });\n\n    this.initialized = true;\n  }\n\n  /**\n   * Register built-in commands\n   */\n  private registerBuiltInCommands(): void {\n    this.addCommand('help', helpCommand, 'Display all available commands');\n    this.addCommand('about', aboutCommand, 'Show library information');\n  }\n\n  /**\n   * Attach a command to window as $commandName\n   */\n  private attachCommandToWindow(name: string): void {\n    const windowName = `$${name}` as `$${string}`;\n    \n    // Create a function that can be called from console\n    window[windowName] = (...args: any[]) => {\n      // If called as a function with arguments, join them as a string\n      const input = args.length > 0 ? args.join(' ') : '';\n      this.execute(name, input);\n    };\n  }\n}\n", "import { DevToolsShell } from './core/DevToolsShell';\n\n// Export the main class\nexport { DevToolsShell };\nexport type { Command, CommandHandler, ParsedArgs } from './types';\n\n// Create and initialize the shell instance\n// For IIFE builds, this will be executed immediately when the script loads\nconst shell = new DevToolsShell();\n\n// Auto-initialize when loaded in browser (for IIFE builds)\nif (typeof window !== 'undefined') {\n  shell.initialize();\n  \n  // Set the instance on window for user access\n  // We assign it directly - if esbuild's globalName overwrites it,\n  // we'll fix it in the next microtask\n  window.DevToolsShell = shell;\n  \n  // Ensure our instance assignment takes precedence over esbuild's globalName\n  // by setting it again after the current execution context\n  Promise.resolve().then(() => {\n    if (window.DevToolsShell !== shell) {\n      window.DevToolsShell = shell;\n    }\n  });\n}\n"],
+  "mappings": "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",
+  "names": ["shell"]
+}