picosh 0.2.0 → 0.2.2

package/index.js

@@ -44,83 +44,78 @@ function downloadImage(url) {
 
 // ─── AI waiting indicator ───────────────────────────────────────────────────
 
-// ANSIエスケープを除去してプロンプト判定
 const ANSI_RE = /\x1b\[[0-9;]*[mGKHF]/g;
-// Claude Code / 一般的なAI CLIのプロンプトパターン
 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 && action.type.startsWith('SESSION_')) {
+    console.log('[picosh] action:', action.type, action.uid ? action.uid.slice(0, 8) : '');
+  }
 
-exports.middleware = (store) => (next) => (action) => {
   if (action.type === 'SESSION_ADD_DATA') {
     const {uid, data} = action;
     const clean = data.replace(ANSI_RE, '');
+    console.log('[picosh] data:', JSON.stringify(clean.slice(-50)));
 
     clearTimeout(timers[uid]);
-    // 待機中フラグを一旦解除
-    store.dispatch({type: 'PICOSH_AI_WAITING', uid, waiting: false});
+    setWaiting(uid, false);
 
     timers[uid] = setTimeout(() => {
-      if (PROMPT_RE.test(clean)) {
-        store.dispatch({type: 'PICOSH_AI_WAITING', uid, waiting: true});
-      }
+      const matched = PROMPT_RE.test(clean);
+      console.log('[picosh] prompt match:', matched);
+      if (matched) setWaiting(uid, true);
     }, 500);
   }
 
   if (action.type === 'SESSION_PTY_DATA') {
-    const {uid} = action;
-    clearTimeout(timers[uid]);
-    store.dispatch({type: 'PICOSH_AI_WAITING', uid, waiting: false});
+    clearTimeout(timers[action.uid]);
+    setWaiting(action.uid, 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',
-    } : {};
+    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'}},
-      React.createElement(Tab, props),
-      props.isAiWaiting && React.createElement('style', {key: 'glow-style'}, `
+      waiting && React.createElement('style', {key: 's'}, `
         @keyframes picosh-glow {
-          0%, 100% { opacity: 1; }
-          50% { opacity: 0.6; }
+          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',
+        } : {}),
+      })),
     );
   };
 };
 
-// ─── term: image paste + glow wrapper ───────────────────────────────────────
+// ─── image paste (term) ──────────────────────────────────────────────────────
 
 exports.decorateTerm = (Term, {React}) => {
   return class extends React.Component {

package/package.json

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