picosh 0.1.0 → 0.1.2

package/index.js

@@ -3,57 +3,76 @@
 const path = require('path');
 const fs = require('fs');
 const os = require('os');
+const https = require('https');
+const http = require('http');
 
 const SAVE_DIR = path.join(os.tmpdir(), 'picosh');
 
 function saveClipboardImage(clipboard) {
   const img = clipboard.readImage();
-  if (img.isEmpty()) return null;
+  if (!img.isEmpty()) {
+    fs.mkdirSync(SAVE_DIR, {recursive: true});
+    const filepath = path.join(SAVE_DIR, `clip_${Date.now()}.png`);
+    fs.writeFileSync(filepath, img.toPNG());
+    return Promise.resolve(filepath);
+  }
+
+  const html = clipboard.readHTML();
+  if (html) {
+    const match = html.match(/<img[^>]+src=["']([^"']+)["']/i);
+    if (match) {
+      return downloadImage(match[1]);
+    }
+  }
 
-  fs.mkdirSync(SAVE_DIR, {recursive: true});
-  const filepath = path.join(SAVE_DIR, `clip_${Date.now()}.png`);
-  fs.writeFileSync(filepath, img.toPNG());
-  return filepath;
+  return Promise.resolve(null);
 }
 
-exports.middleware = (store) => (next) => (action) => {
-  if (action.type === 'SESSION_PTY_DATA') {
-    return next(action);
-  }
-  return next(action);
-};
+function downloadImage(url) {
+  return new Promise((resolve) => {
+    fs.mkdirSync(SAVE_DIR, {recursive: true});
+    const filepath = path.join(SAVE_DIR, `clip_${Date.now()}.png`);
+    const file = fs.createWriteStream(filepath);
+    const client = url.startsWith('https') ? https : http;
 
-exports.decorateTerm = (Term, {React, notify}) => {
-  return class extends React.Component {
-    constructor(props) {
-      super(props);
-      this._handleKeyDown = this._handleKeyDown.bind(this);
-    }
+    client.get(url, (res) => {
+      res.pipe(file);
+      file.on('finish', () => file.close(() => resolve(filepath)));
+    }).on('error', () => {
+      fs.unlink(filepath, () => {});
+      resolve(null);
+    });
+  });
+}
 
-    _handleKeyDown(e) {
-      const isCtrlV = (e.ctrlKey || e.metaKey) && e.key === 'v';
-      if (!isCtrlV) return;
+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 filepath = saveClipboardImage(clipboard);
-        if (!filepath) return;
+        try {
+          const {clipboard} = require('electron');
+          saveClipboardImage(clipboard).then((filepath) => {
+            if (!filepath) return;
+            e.preventDefault();
+            e.stopPropagation();
+            if (this.props.onData) {
+              this.props.onData(filepath);
+            }
+          });
+        } catch (_) {}
+      };
 
-        e.preventDefault();
-        e.stopPropagation();
+      document.addEventListener('keydown', this._onKeyDown, true);
+    }
 
-        if (this.props.onData) {
-          this.props.onData(filepath);
-        }
-      } catch (err) {
-        // clipboard had no image, let default paste happen
-      }
+    componentWillUnmount() {
+      document.removeEventListener('keydown', this._onKeyDown, true);
     }
 
     render() {
-      return React.createElement(Term, Object.assign({}, this.props, {
-        onKeyDown: this._handleKeyDown,
-      }));
+      return React.createElement(Term, this.props);
     }
   };
 };

package/package.json

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