picosh 0.1.7 → 0.2.0

package/index.js

@@ -6,6 +6,8 @@ const os = require('os');
 const https = require('https');
 const http = require('http');
 
+// ─── image paste ────────────────────────────────────────────────────────────
+
 const SAVE_DIR = path.join(os.tmpdir(), 'picosh');
 const SAVE_PATH = path.join(SAVE_DIR, 'clip_latest.png');
 
@@ -21,34 +23,110 @@ function hasImage(clipboard) {
 
 function saveBitmap(clipboard) {
   fs.mkdirSync(SAVE_DIR, {recursive: true});
-  const filepath = SAVE_PATH;
-  fs.writeFileSync(filepath, clipboard.readImage().toPNG());
-  return Promise.resolve(filepath);
+  fs.writeFileSync(SAVE_PATH, clipboard.readImage().toPNG());
+  return Promise.resolve(SAVE_PATH);
 }
 
 function downloadImage(url) {
   return new Promise((resolve) => {
     fs.mkdirSync(SAVE_DIR, {recursive: true});
-    const filepath = SAVE_PATH;
-    const file = fs.createWriteStream(filepath);
+    const file = fs.createWriteStream(SAVE_PATH);
     const client = url.startsWith('https') ? https : http;
-
     client.get(url, (res) => {
       res.pipe(file);
-      file.on('finish', () => file.close(() => resolve(filepath)));
+      file.on('finish', () => file.close(() => resolve(SAVE_PATH)));
     }).on('error', () => {
-      fs.unlink(filepath, () => {});
+      fs.unlink(SAVE_PATH, () => {});
       resolve(null);
     });
   });
 }
 
+// ─── AI waiting indicator ───────────────────────────────────────────────────
+
+// ANSIエスケープを除去してプロンプト判定
+const ANSI_RE = /\x1b\[[0-9;]*[mGKHF]/g;
+// Claude Code / 一般的なAI CLIのプロンプトパターン
+const PROMPT_RE = />\s*$|❯\s*$/;
+
+const timers = {};
+
+exports.middleware = (store) => (next) => (action) => {
+  if (action.type === 'SESSION_ADD_DATA') {
+    const {uid, data} = action;
+    const clean = data.replace(ANSI_RE, '');
+
+    clearTimeout(timers[uid]);
+    // 待機中フラグを一旦解除
+    store.dispatch({type: 'PICOSH_AI_WAITING', uid, waiting: false});
+
+    timers[uid] = setTimeout(() => {
+      if (PROMPT_RE.test(clean)) {
+        store.dispatch({type: 'PICOSH_AI_WAITING', uid, waiting: true});
+      }
+    }, 500);
+  }
+
+  if (action.type === 'SESSION_PTY_DATA') {
+    const {uid} = action;
+    clearTimeout(timers[uid]);
+    store.dispatch({type: 'PICOSH_AI_WAITING', uid, waiting: false});
+  }
+
+  return next(action);
+};
+
+exports.reduceUI = (state, action) => {
+  if (action.type === 'PICOSH_AI_WAITING') {
+    const waiting = state.get('picoshWaiting') || {};
+    return state.set('picoshWaiting', {...waiting, [action.uid]: action.waiting});
+  }
+  return state;
+};
+
+exports.mapTermsState = (state, map) => {
+  return Object.assign(map, {picoshWaiting: state.ui.get('picoshWaiting') || {}});
+};
+
+exports.getTabsProps = (parentProps, props) => {
+  return Object.assign(props, {picoshWaiting: parentProps.picoshWaiting});
+};
+
+exports.getTabProps = (tab, parentProps, props) => {
+  return Object.assign(props, {
+    isAiWaiting: !!(parentProps.picoshWaiting && parentProps.picoshWaiting[props.uid]),
+  });
+};
+
+exports.decorateTab = (Tab, {React}) => {
+  return function PicoshTab(props) {
+    const style = props.isAiWaiting ? {
+      boxShadow: '0 0 8px 2px #4a9eff',
+      borderRadius: '4px',
+      animation: 'picosh-glow 1.5s ease-in-out infinite',
+    } : {};
+
+    return React.createElement(
+      'div',
+      {style: {position: 'relative', display: 'contents'}},
+      React.createElement(Tab, props),
+      props.isAiWaiting && React.createElement('style', {key: 'glow-style'}, `
+        @keyframes picosh-glow {
+          0%, 100% { opacity: 1; }
+          50% { opacity: 0.6; }
+        }
+      `),
+    );
+  };
+};
+
+// ─── term: image paste + glow wrapper ───────────────────────────────────────
+
 exports.decorateTerm = (Term, {React}) => {
   return class extends React.Component {
     componentDidMount() {
       this._onKeyDown = (e) => {
         if (!((e.ctrlKey || e.metaKey) && e.key === 'v')) return;
-
         try {
           const {clipboard} = require('electron');
           const found = hasImage(clipboard);
@@ -57,18 +135,12 @@ exports.decorateTerm = (Term, {React}) => {
           e.preventDefault();
           e.stopPropagation();
 
-          const save = found.type === 'bitmap'
-            ? saveBitmap(clipboard)
-            : downloadImage(found.src);
-
+          const save = found.type === 'bitmap' ? saveBitmap(clipboard) : downloadImage(found.src);
           save.then((filepath) => {
-            if (filepath && this.props.onData) {
-              this.props.onData(filepath);
-            }
+            if (filepath && this.props.onData) this.props.onData(filepath);
           });
         } catch (_) {}
       };
-
       document.addEventListener('keydown', this._onKeyDown, true);
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "picosh",
-  "version": "0.1.7",
+  "version": "0.2.0",
   "description": "Hyper plugin: paste clipboard images as file paths",
   "main": "index.js",
   "license": "MIT",