picosh 0.1.7 → 0.2.1

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,98 @@ 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 ───────────────────────────────────────────────────
+
+const ANSI_RE = /\x1b\[[0-9;]*[mGKHF]/g;
+const PROMPT_RE = />\s*$|❯\s*$/;
+const timers = {};
+const waitingState = {};
+
+function setWaiting(uid, waiting) {
+  waitingState[uid] = waiting;
+  if (typeof window !== 'undefined') {
+    window.dispatchEvent(new CustomEvent('picosh-ai-waiting', {detail: {uid, waiting}}));
+  }
+}
+
+exports.middleware = () => (next) => (action) => {
+  if (action.type === 'SESSION_ADD_DATA') {
+    const {uid, data} = action;
+    const clean = data.replace(ANSI_RE, '');
+
+    clearTimeout(timers[uid]);
+    setWaiting(uid, false);
+
+    timers[uid] = setTimeout(() => {
+      if (PROMPT_RE.test(clean)) setWaiting(uid, true);
+    }, 500);
+  }
+
+  if (action.type === 'SESSION_PTY_DATA') {
+    clearTimeout(timers[action.uid]);
+    setWaiting(action.uid, false);
+  }
+
+  return next(action);
+};
+
+exports.decorateTab = (Tab, {React}) => {
+  return function PicoshTab(props) {
+    const [waiting, setWaitingState] = React.useState(!!waitingState[props.uid]);
+
+    React.useEffect(() => {
+      function onWaiting(e) {
+        if (e.detail.uid === props.uid) setWaitingState(e.detail.waiting);
+      }
+      window.addEventListener('picosh-ai-waiting', onWaiting);
+      return () => window.removeEventListener('picosh-ai-waiting', onWaiting);
+    }, [props.uid]);
+
+    return React.createElement(
+      'div',
+      {style: {position: 'relative', display: 'contents'}},
+      waiting && React.createElement('style', {key: 's'}, `
+        @keyframes picosh-glow {
+          0%, 100% { box-shadow: 0 0 6px 2px #4a9eff; }
+          50% { box-shadow: 0 0 12px 4px #4a9eff; }
+        }
+      `),
+      React.createElement(Tab, Object.assign({}, props, {
+        style: Object.assign({}, props.style, waiting ? {
+          animation: 'picosh-glow 1.5s ease-in-out infinite',
+          borderRadius: '4px',
+        } : {}),
+      })),
+    );
+  };
+};
+
+// ─── image paste (term) ──────────────────────────────────────────────────────
+
 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 +123,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.1",
   "description": "Hyper plugin: paste clipboard images as file paths",
   "main": "index.js",
   "license": "MIT",