@ghosty-ai/cli 0.1.0 → 0.1.1

package/dist/cli.js

@@ -30,12 +30,12 @@ async function main() {
   const [, , command, ...args] = process.argv;
   switch (command) {
     case "create": {
-      const { runCreate } = await import("./create-MLDT2ZRH.js");
+      const { runCreate } = await import("./create-24B6CJE4.js");
       await runCreate(args[0]);
       break;
     }
     case "dev": {
-      const { runDev } = await import("./dev-WPS3QYGP.js");
+      const { runDev } = await import("./dev-Q6MCZHRF.js");
       await runDev();
       break;
     }

package/dist/{create-MLDT2ZRH.js → create-24B6CJE4.js}

@@ -25,93 +25,98 @@ var MANIFEST_TEMPLATE = `{
 }
 `;
 function mainTsTemplate(name) {
+  const displayName = name.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
   return `import { createPlugin } from '@ghosty-ai/sdk';
 
 const plugin = createPlugin();
 
-// Set context for the AI chat overlay
-plugin.setContext({
-  title: '${name}',
-  data: { message: 'Hello from ${name}!' },
-  summary: 'This plugin is running.',
-});
-
-// Listen for theme changes
 plugin.onThemeChange((theme) => {
   document.documentElement.setAttribute('data-theme', theme);
 });
 
-// Signal that the plugin is ready
+plugin.setContext({
+  title: '${displayName}',
+  data: {},
+  summary: '${displayName} plugin.',
+});
+
 plugin.ready();
 
-// Your plugin code goes here
-const app = document.getElementById('app');
-if (app) {
-  app.innerHTML = \`
-    <div class="container">
-      <h1>${name}</h1>
-      <p>Edit <code>main.ts</code> and save to see changes.</p>
-    </div>
-  \`;
-}
+document.body.innerHTML = \`
+  <div class="welcome">
+    <h1>Ghosty</h1>
+    <a href="https://dev.ghosty.to" target="_blank" rel="noopener">dev.ghosty.to</a>
+    <p>Edit <strong>main.ts</strong> to start building your plugin.</p>
+  </div>
+\`;
 `;
 }
-var STYLES_TEMPLATE = `/* Ghosty Plugin Styles */
+var STYLES_TEMPLATE = `*, *::before, *::after {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
 
 :root {
   --bg: #ffffff;
-  --text: #23272a;
-  --text-secondary: #6b7280;
-  --surface: #f9fafb;
-  --border: #e5e7eb;
-  --primary: #5865f2;
+  --text: #1a1a1a;
+  --text-secondary: #9ca3af;
+  --border: #f0f0f0;
 }
 
 [data-theme='dark'] {
-  --bg: #171717;
+  --bg: #0d0d0d;
   --text: #ffffff;
-  --text-secondary: #8b8b8b;
-  --surface: #1f1f1f;
-  --border: #292929;
-  --primary: #7983f5;
-}
-
-*, *::before, *::after {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
+  --text-secondary: #555;
+  --border: #1a1a1a;
 }
 
 body {
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
   background: var(--bg);
   color: var(--text);
-  line-height: 1.5;
-  transition: background 300ms, color 300ms;
+  min-height: 100vh;
+  transition: background 500ms, color 500ms;
 }
 
-.container {
-  max-width: 600px;
-  margin: 2rem auto;
-  padding: 0 1rem;
+.welcome {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  gap: 0.5rem;
+  text-align: center;
+  padding: 2rem;
 }
 
-h1 {
-  font-size: 1.5rem;
-  font-weight: 700;
-  margin-bottom: 0.5rem;
+.welcome h1 {
+  font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;
+  font-size: 2.5rem;
+  font-weight: 800;
+  letter-spacing: -0.03em;
 }
 
-p {
+.welcome a {
+  font-size: 1rem;
   color: var(--text-secondary);
+  text-decoration: none;
+  transition: color 200ms;
 }
 
-code {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  padding: 0.125rem 0.375rem;
-  font-size: 0.875em;
+.welcome a:hover {
+  color: var(--text);
+  text-decoration: underline;
+}
+
+.welcome p {
+  font-size: 0.875rem;
+  color: var(--text-secondary);
+  margin-top: 1.5rem;
+}
+
+.welcome p strong {
+  color: var(--text);
 }
 `;
 async function runCreate(nameArg) {

package/dist/{dev-WPS3QYGP.js → dev-Q6MCZHRF.js}

@@ -238,23 +238,6 @@ function generateShellHtml(options) {
 
     .iframe-wrap { flex: 1; position: relative; background: #000; }
     .iframe-wrap iframe { width: 100%; height: 100%; border: 0; }
-
-    .debug { flex-shrink: 0; background: #111; border-top: 1px solid #292929; display: flex; flex-direction: column; max-height: 220px; transition: max-height 200ms; }
-    .debug.collapsed { max-height: 32px; }
-    .debug-header { display: flex; align-items: center; justify-content: space-between; padding: 0 16px; height: 32px; background: #171717; cursor: pointer; user-select: none; flex-shrink: 0; }
-    .debug-header span { font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.4); }
-    .debug-count { background: #292929; padding: 1px 7px; border-radius: 9999px; font-size: 10px; color: rgba(255,255,255,0.5); margin-left: 8px; }
-    .debug-log { flex: 1; overflow-y: auto; padding: 6px 16px; font-family: 'SF Mono', 'Cascadia Code', Consolas, monospace; font-size: 11px; line-height: 1.7; }
-    .debug-log::-webkit-scrollbar { width: 5px; }
-    .debug-log::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
-    .msg { padding: 1px 0; opacity: 0.8; }
-    .msg:hover { opacity: 1; }
-    .msg-time { color: rgba(255,255,255,0.2); margin-right: 8px; }
-    .msg-in { color: #4ade80; }
-    .msg-out { color: #facc15; }
-    .msg-sys { color: #7983f5; }
-    .msg-type { font-weight: 600; }
-    .msg-payload { color: rgba(255,255,255,0.3); margin-left: 6px; }
   </style>
 </head>
 <body>
@@ -269,44 +252,17 @@ function generateShellHtml(options) {
   </div>
 
   <div class="iframe-wrap">
-    <iframe id="frame" src="/plugin/index.html" sandbox="allow-scripts"></iframe>
-  </div>
-
-  <div class="debug" id="debug">
-    <div class="debug-header" id="debugToggle">
-      <div><span>Bridge</span><span class="debug-count" id="msgCount">0</span></div>
-      <span id="arrow">&#9660;</span>
-    </div>
-    <div class="debug-log" id="log"></div>
+    <iframe id="frame" src="/plugin/index.html" sandbox="allow-scripts allow-popups"></iframe>
   </div>
 
   <script>
     var theme = 'dark';
     var manifest = ${manifestJson};
     var frame = document.getElementById('frame');
-    var log = document.getElementById('log');
-    var msgTotal = 0;
-
-    function ts() {
-      return new Date().toLocaleTimeString('en-US', { hour12: false, fractionalSecondDigits: 3 });
-    }
-
-    function logMsg(dir, type, payload) {
-      var el = document.createElement('div');
-      el.className = 'msg';
-      var cls = dir === 'IN' ? 'msg-in' : dir === 'OUT' ? 'msg-out' : 'msg-sys';
-      var pl = payload !== undefined ? JSON.stringify(payload).slice(0, 300) : '';
-      el.innerHTML = '<span class="msg-time">' + ts() + '</span><span class="' + cls + ' msg-type">' + dir + ' ' + type + '</span>' + (pl ? '<span class="msg-payload">' + pl + '</span>' : '');
-      log.appendChild(el);
-      log.scrollTop = log.scrollHeight;
-      msgTotal++;
-      document.getElementById('msgCount').textContent = msgTotal;
-    }
 
     function send(type, messageId, payload) {
       if (!frame.contentWindow) return;
       frame.contentWindow.postMessage({ protocol: 'ghosty-bridge', version: 1, type: type, messageId: messageId, payload: payload }, '*');
-      logMsg('OUT', type, payload);
     }
 
     window.addEventListener('message', function(e) {
@@ -314,35 +270,25 @@ function generateShellHtml(options) {
       if (!msg || msg.protocol !== 'ghosty-bridge' || msg.version !== 1) return;
       if (e.source !== frame.contentWindow) return;
 
-      logMsg('IN', msg.type, msg.payload);
-
       switch (msg.type) {
         case 'GHOSTY_READY':
           send('GHOSTY_THEME_CHANGE', 'init-' + Date.now(), { theme: theme });
           break;
-
         case 'GHOSTY_SET_CONTEXT':
           break;
-
         case 'GHOSTY_GET_USER':
           send('GHOSTY_GET_USER_RESPONSE', msg.messageId, { displayName: 'Developer', avatarUrl: null, theme: theme });
           break;
-
         case 'GHOSTY_GET_MANIFEST':
           send('GHOSTY_GET_MANIFEST_RESPONSE', msg.messageId, manifest);
           break;
-
         case 'GHOSTY_GET_MEDIA_BASE':
           send('GHOSTY_GET_MEDIA_BASE_RESPONSE', msg.messageId, { apiBaseUrl: 'http://localhost:${port}', pluginId: 'dev' });
           break;
-
         case 'GHOSTY_FETCH':
           var url = (msg.payload && msg.payload.url) || '';
           var opts = (msg.payload && msg.payload.options) || {};
-          if (!url) {
-            send('GHOSTY_FETCH_RESPONSE', msg.messageId, { ok: false, status: 0, data: 'No URL', contentType: '' });
-            break;
-          }
+          if (!url) { send('GHOSTY_FETCH_RESPONSE', msg.messageId, { ok: false, status: 0, data: 'No URL', contentType: '' }); break; }
           fetch('/proxy?url=' + encodeURIComponent(url), {
             method: opts.method || 'GET',
             headers: Object.assign({ 'x-proxy-method': opts.method || 'GET' }, opts.headers || {}),
@@ -350,14 +296,10 @@ function generateShellHtml(options) {
           })
           .then(function(res) { return res.json(); })
           .then(function(data) { send('GHOSTY_FETCH_RESPONSE', msg.messageId, data); })
-          .catch(function(err) {
-            send('GHOSTY_FETCH_RESPONSE', msg.messageId, { ok: false, status: 0, data: err.message, contentType: '' });
-          });
+          .catch(function(err) { send('GHOSTY_FETCH_RESPONSE', msg.messageId, { ok: false, status: 0, data: err.message, contentType: '' }); });
           break;
-
         case 'GHOSTY_REGISTER_TOOLS':
           break;
-
         case 'GHOSTY_TOOL_CALL_RESPONSE':
           break;
       }
@@ -372,24 +314,11 @@ function generateShellHtml(options) {
       send('GHOSTY_THEME_CHANGE', 'theme-' + Date.now(), { theme: theme });
     });
 
-    // Debug toggle
-    var debugPanel = document.getElementById('debug');
-    document.getElementById('debugToggle').addEventListener('click', function() {
-      debugPanel.classList.toggle('collapsed');
-      document.getElementById('arrow').innerHTML = debugPanel.classList.contains('collapsed') ? '&#9650;' : '&#9660;';
-    });
-
     // Hot reload
     (function connect() {
       var ws = new WebSocket('ws://localhost:${port}/__ws');
       ws.onmessage = function(e) {
-        if (e.data === 'reload') {
-          frame.src = frame.src;
-          logMsg('SYS', 'HOT_RELOAD', { message: 'Rebuilt, reloading...' });
-        }
-        if (e.data.startsWith('error:')) {
-          logMsg('SYS', 'BUILD_ERROR', { message: e.data.slice(6) });
-        }
+        if (e.data === 'reload') { frame.src = frame.src; }
       };
       ws.onclose = function() { setTimeout(connect, 1000); };
     })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ghosty-ai/cli",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "CLI tools for Ghosty plugin development — scaffold, preview, and test plugins locally.",
   "license": "MIT",
   "type": "module",