claude-code-popup 0.1.0

package/src/hooks.js

@@ -0,0 +1,77 @@
+'use strict';
+
+const fs = require('node:fs');
+const path = require('node:path');
+const os = require('node:os');
+
+const SETTINGS_PATH = path.join(os.homedir(), '.claude', 'settings.json');
+
+const HOOK_DEFINITIONS = {
+  SessionStart: [
+    {
+      hooks: [{ type: 'command', command: 'claude-code-popup start --dir "$PWD"' }],
+    },
+  ],
+  Notification: [
+    {
+      matcher: 'permission_prompt',
+      hooks: [{ type: 'command', command: 'claude-code-popup send --dir "$PWD"' }],
+    },
+  ],
+  SessionEnd: [
+    {
+      hooks: [{ type: 'command', command: 'claude-code-popup end --dir "$PWD"' }],
+    },
+  ],
+};
+
+function readSettings() {
+  if (!fs.existsSync(SETTINGS_PATH)) return {};
+  try {
+    return JSON.parse(fs.readFileSync(SETTINGS_PATH, 'utf8'));
+  } catch {
+    return {};
+  }
+}
+
+function isClaudeNotifyHook(entry) {
+  if (!entry || !Array.isArray(entry.hooks)) return false;
+  return entry.hooks.some(
+    (h) => typeof h?.command === 'string' && h.command.includes('claude-code-popup'),
+  );
+}
+
+function installHooks() {
+  const dir = path.dirname(SETTINGS_PATH);
+  if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
+
+  const settings = readSettings();
+  settings.hooks = settings.hooks || {};
+
+  for (const [event, entries] of Object.entries(HOOK_DEFINITIONS)) {
+    const existing = Array.isArray(settings.hooks[event]) ? settings.hooks[event] : [];
+    const filtered = existing.filter((e) => !isClaudeNotifyHook(e));
+    settings.hooks[event] = [...filtered, ...entries];
+  }
+
+  fs.writeFileSync(SETTINGS_PATH, JSON.stringify(settings, null, 2), 'utf8');
+  return SETTINGS_PATH;
+}
+
+function uninstallHooks() {
+  if (!fs.existsSync(SETTINGS_PATH)) return null;
+  const settings = readSettings();
+  if (!settings.hooks) return SETTINGS_PATH;
+
+  for (const event of Object.keys(HOOK_DEFINITIONS)) {
+    if (!Array.isArray(settings.hooks[event])) continue;
+    settings.hooks[event] = settings.hooks[event].filter((e) => !isClaudeNotifyHook(e));
+    if (settings.hooks[event].length === 0) delete settings.hooks[event];
+  }
+  if (Object.keys(settings.hooks).length === 0) delete settings.hooks;
+
+  fs.writeFileSync(SETTINGS_PATH, JSON.stringify(settings, null, 2), 'utf8');
+  return SETTINGS_PATH;
+}
+
+module.exports = { SETTINGS_PATH, installHooks, uninstallHooks };

package/src/i18n.js

@@ -0,0 +1,88 @@
+'use strict';
+
+const STRINGS = {
+  ja: {
+    subtitle: 'Claude Code の通知ポップアップをカスタマイズします。',
+    section_design: '通知デザイン',
+    section_message: '通知メッセージ',
+    field_title: 'タイトル',
+    section_position: '表示位置',
+    field_position: '位置',
+    position_br: '右下',
+    position_bl: '左下',
+    position_tr: '右上',
+    position_tl: '左上',
+    section_duration: '表示時間',
+    duration_seconds: '{n} 秒',
+    duration_never: '消えない',
+    duration_hint: '0 にすると自動で消えません。',
+    section_sound: 'サウンド',
+    sound_enable: '通知音を鳴らす',
+    save: '設定を保存',
+    saved: '保存しました',
+    design_1_title: 'ミニマル',
+    design_1_desc: '白ベース、シャドウ控えめ。汎用',
+    design_2_title: 'アクセントバー・ダーク',
+    design_2_desc: 'ダークカード＋左サイドにカラーバー',
+    design_3_title: 'Claude カラー',
+    design_3_desc: 'オレンジのヘッダー帯、ブランド寄り',
+    design_4_title: 'ライト＋アクセントバー',
+    design_4_desc: 'ライトカード＋左サイドにカラーバー',
+    design_5_title: 'ダーク',
+    design_5_desc: 'ダークカード、シンプル',
+    notify_default_title: '入力待ちです',
+    notify_card_tooltip: 'クリックでターミナルを前面に',
+    notify_dismiss: '閉じる',
+    notify_clear_all: 'すべて消去',
+    notify_settings: '設定',
+  },
+  en: {
+    subtitle: 'Customize the Claude Code notification popup.',
+    section_design: 'Notification design',
+    section_message: 'Notification message',
+    field_title: 'Title',
+    section_position: 'Position',
+    field_position: 'Position',
+    position_br: 'Bottom right',
+    position_bl: 'Bottom left',
+    position_tr: 'Top right',
+    position_tl: 'Top left',
+    section_duration: 'Duration',
+    duration_seconds: '{n} s',
+    duration_never: 'Never',
+    duration_hint: 'Set to 0 to keep cards visible until dismissed.',
+    section_sound: 'Sound',
+    sound_enable: 'Play notification sound',
+    save: 'Save settings',
+    saved: 'Saved',
+    design_1_title: 'Minimal',
+    design_1_desc: 'White base, subtle shadow. Versatile.',
+    design_2_title: 'Accent bar — dark',
+    design_2_desc: 'Dark card with a left accent bar',
+    design_3_title: 'Claude colour',
+    design_3_desc: 'Orange header band, brand-forward',
+    design_4_title: 'Accent bar — light',
+    design_4_desc: 'Light card with a left accent bar',
+    design_5_title: 'Dark',
+    design_5_desc: 'Plain dark card',
+    notify_default_title: 'Input required',
+    notify_card_tooltip: 'Click to bring the terminal to front',
+    notify_dismiss: 'Dismiss',
+    notify_clear_all: 'Clear all',
+    notify_settings: 'Settings',
+  },
+};
+
+function pickLocale(raw) {
+  if (!raw) return 'en';
+  const tag = String(raw).toLowerCase();
+  if (tag.startsWith('ja')) return 'ja';
+  return 'en';
+}
+
+function getDict(localeTag) {
+  const key = pickLocale(localeTag);
+  return { locale: key, strings: STRINGS[key] };
+}
+
+module.exports = { STRINGS, pickLocale, getDict };

package/src/ipc.js

@@ -0,0 +1,85 @@
+'use strict';
+
+const net = require('node:net');
+
+const HOST = '127.0.0.1';
+
+function createServer(handler) {
+  const server = net.createServer((socket) => {
+    let buffer = '';
+    socket.setEncoding('utf8');
+    socket.on('data', (chunk) => {
+      buffer += chunk;
+      let idx;
+      while ((idx = buffer.indexOf('\n')) >= 0) {
+        const line = buffer.slice(0, idx).trim();
+        buffer = buffer.slice(idx + 1);
+        if (!line) continue;
+        let message;
+        try {
+          message = JSON.parse(line);
+        } catch {
+          socket.write(JSON.stringify({ ok: false, error: 'invalid_json' }) + '\n');
+          continue;
+        }
+        Promise.resolve()
+          .then(() => handler(message))
+          .then((reply) => {
+            socket.write(JSON.stringify({ ok: true, reply: reply ?? null }) + '\n');
+          })
+          .catch((err) => {
+            socket.write(JSON.stringify({ ok: false, error: String(err?.message || err) }) + '\n');
+          });
+      }
+    });
+    socket.on('error', () => {
+      /* ignore */
+    });
+  });
+  return server;
+}
+
+function listen(server) {
+  return new Promise((resolve, reject) => {
+    server.once('error', reject);
+    server.listen(0, HOST, () => {
+      const addr = server.address();
+      resolve(addr.port);
+    });
+  });
+}
+
+function send(port, message, { host = HOST, timeoutMs = 2000 } = {}) {
+  return new Promise((resolve, reject) => {
+    const socket = new net.Socket();
+    let buffer = '';
+    let done = false;
+    const finish = (err, value) => {
+      if (done) return;
+      done = true;
+      socket.destroy();
+      err ? reject(err) : resolve(value);
+    };
+    socket.setEncoding('utf8');
+    socket.setTimeout(timeoutMs);
+    socket.once('timeout', () => finish(new Error('ipc_timeout')));
+    socket.once('error', (err) => finish(err));
+    socket.on('data', (chunk) => {
+      buffer += chunk;
+      const idx = buffer.indexOf('\n');
+      if (idx >= 0) {
+        const line = buffer.slice(0, idx);
+        try {
+          finish(null, JSON.parse(line));
+        } catch (err) {
+          finish(err);
+        }
+      }
+    });
+    socket.connect(port, host, () => {
+      socket.write(JSON.stringify(message) + '\n');
+    });
+  });
+}
+
+module.exports = { createServer, listen, send, HOST };

package/src/runtime.js

@@ -0,0 +1,80 @@
+'use strict';
+
+const fs = require('node:fs');
+const net = require('node:net');
+const { RUNTIME_PATH, ensureDir } = require('./config');
+
+function readRuntime() {
+  if (!fs.existsSync(RUNTIME_PATH)) return null;
+  try {
+    return JSON.parse(fs.readFileSync(RUNTIME_PATH, 'utf8'));
+  } catch {
+    return null;
+  }
+}
+
+function writeRuntime(info) {
+  ensureDir();
+  fs.writeFileSync(RUNTIME_PATH, JSON.stringify(info, null, 2), 'utf8');
+}
+
+function clearRuntime() {
+  if (fs.existsSync(RUNTIME_PATH)) {
+    try {
+      fs.unlinkSync(RUNTIME_PATH);
+    } catch {
+      /* ignore */
+    }
+  }
+}
+
+function isProcessAlive(pid) {
+  if (!pid) return false;
+  try {
+    process.kill(pid, 0);
+    return true;
+  } catch (err) {
+    return err.code === 'EPERM';
+  }
+}
+
+function probePort(port, host = '127.0.0.1', timeoutMs = 300) {
+  return new Promise((resolve) => {
+    const socket = new net.Socket();
+    let done = false;
+    const finish = (ok) => {
+      if (done) return;
+      done = true;
+      socket.destroy();
+      resolve(ok);
+    };
+    socket.setTimeout(timeoutMs);
+    socket.once('connect', () => finish(true));
+    socket.once('timeout', () => finish(false));
+    socket.once('error', () => finish(false));
+    socket.connect(port, host);
+  });
+}
+
+async function getRunningInstance() {
+  const info = readRuntime();
+  if (!info) return null;
+  if (!isProcessAlive(info.pid)) {
+    clearRuntime();
+    return null;
+  }
+  if (!(await probePort(info.port))) {
+    clearRuntime();
+    return null;
+  }
+  return info;
+}
+
+module.exports = {
+  readRuntime,
+  writeRuntime,
+  clearRuntime,
+  isProcessAlive,
+  probePort,
+  getRunningInstance,
+};