initial commit

mugi-uno · Oct 1, 2017 · 98734b7 · 98734b7
commit 98734b7
Show file tree

Hide file tree

Showing 127 changed files with 7,397 additions and 0 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,5 @@
+{
+  "presets": [
+    "env", "stage-2"
+  ]
+}
diff --git a/.eslintrc b/.eslintrc
@@ -0,0 +1,13 @@
+{
+  "extends": "semistandard",
+  "env": { "es6": true },
+  "plugins": ["import"],
+  "globals": {
+    "chrome": false,
+    "document": false
+  },
+  "rules": {
+    "comma-dangle": ["error", "always-multiline"],
+    "space-before-function-paren": ["error", "never"]
+  }
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,78 @@
+### https://raw.github.com/github/gitignore/0f88fa75def7ed7d96935b8630793e51953df9b0/node.gitignore
+
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules
+jspm_packages
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+
+### https://raw.github.com/github/gitignore/0f88fa75def7ed7d96935b8630793e51953df9b0/Global/macos.gitignore
+
+*.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+build/
diff --git a/background.js b/background.js
@@ -0,0 +1,2 @@
+import init from './lib/background/init';
+init();
diff --git a/content.js b/content.js
@@ -0,0 +1,2 @@
+import init from './lib/content/init';
+init();
diff --git a/devtools.js b/devtools.js
@@ -0,0 +1,5 @@
+chrome.devtools.panels.create(
+  'nezumi',
+  '',
+  'panel.html'
+);
diff --git a/dist/background.js b/dist/background.js
diff --git a/dist/background.js.map b/dist/background.js.map
diff --git a/dist/content.js b/dist/content.js
diff --git a/dist/content.js.map b/dist/content.js.map
diff --git a/dist/devtools.html b/dist/devtools.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<html>
+<body>
+  <script src='./devtools.js'></script>
+</body>
+</html>
diff --git a/dist/devtools.js b/dist/devtools.js
diff --git a/dist/devtools.js.map b/dist/devtools.js.map
diff --git a/dist/icon128.png b/dist/icon128.png
diff --git a/dist/icon16.png b/dist/icon16.png
diff --git a/dist/icon48.png b/dist/icon48.png
diff --git a/dist/manifest.json b/dist/manifest.json
@@ -0,0 +1,26 @@
+{
+  "manifest_version": 2,
+  "name": "nezumi",
+  "description": "Test code generator for Capybara/RSpec.",
+  "version": "1.0",
+  "icons": {
+    "16": "icon16.png",
+    "48": "icon48.png",
+    "128": "icon128.png"
+  },
+  "devtools_page": "devtools.html",
+  "background": {
+    "scripts": ["background.js"],
+    "persistent": false 
+  },
+  "content_scripts": [
+    {
+      "matches": ["file://*/*", "http://*/*", "https://*/*"],
+      "js": ["content.js"],
+      "run_at": "document_start"
+    }
+  ],
+  "permissions": [
+    "tabs"
+  ]
+}
diff --git a/dist/panel.css b/dist/panel.css
@@ -0,0 +1,4 @@
+#container {
+  min-width: 300px;
+  min-height: 300px;
+}
diff --git a/dist/panel.html b/dist/panel.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<html>
+<body>
+  <div id="app"></div>
+  <script src='./panel.js'></script>
+</body>
+</html>
diff --git a/dist/panel.js b/dist/panel.js
diff --git a/dist/panel.js.map b/dist/panel.js.map
diff --git a/lib/background/emitter.js b/lib/background/emitter.js
@@ -0,0 +1,2 @@
+import { EventEmitter } from 'events';
+export const emitter = new EventEmitter();
diff --git a/lib/background/init.js b/lib/background/init.js
@@ -0,0 +1,52 @@
+import { emitter } from './emitter';
+
+export default function() {
+  connectToDevtool();
+  connectToContent();
+}
+
+const connectToDevtool = () => {
+  chrome.runtime.onConnect.addListener((port) => {
+    if (port.name !== 'devtool') return;
+
+    console.log('background <--> devtool connected.');
+
+    const sendToDevtool = (store) => {
+      console.log('background -> devtool', store);
+      port.postMessage(store);
+    };
+    emitter.on('devtool.send', sendToDevtool);
+    port.onDisconnect.addListener(() => emitter.removeListener('devtool.send', sendToDevtool));
+
+    port.onMessage.addListener((msg) => {
+      console.log('devtool -> background', msg);
+      emitter.emit('devtool.receive', msg);
+    });
+
+    // pass to content
+    port.onMessage.addListener((msg) => emitter.emit('content.send', Object.assign({ location: 'devtool' }, msg || {})));
+  });
+};
+
+const connectToContent = () => {
+  chrome.runtime.onConnect.addListener((port) => {
+    if (port.name !== 'content') return;
+
+    console.log('background <--> content connected.');
+
+    const sendToContent = (store) => {
+      console.log('background -> content', store);
+      port.postMessage(store);
+    };
+    emitter.on('content.send', sendToContent);
+    port.onDisconnect.addListener(() => emitter.removeListener('content.send', sendToContent));
+
+    port.onMessage.addListener((msg) => {
+      console.log('content -> background', msg);
+      emitter.emit('content.receive', msg);
+    });
+
+    // pass to devtool
+    port.onMessage.addListener((msg) => emitter.emit('devtool.send', Object.assign({ location: 'content' }, msg || {})));
+  });
+};
diff --git a/lib/content/emitter.js b/lib/content/emitter.js
@@ -0,0 +1,2 @@
+import { EventEmitter } from 'events';
+export const emitter = new EventEmitter();
diff --git a/lib/content/init.js b/lib/content/init.js
@@ -0,0 +1,48 @@
+import { emitter } from './emitter';
+import { watcher } from './watcher/Watcher';
+import * as devtoolMutationTypes from '../panel/store/mutation-types';
+
+const devtoolHandler = (msg) => {
+  switch (msg.type) {
+    case devtoolMutationTypes.PANEL_TOGGLE_WATCHING:
+      watcher.toggle(msg.payload);
+      break;
+    default:
+      // nothing to do;
+  }
+};
+
+const backgroundHandler = (msg) => {
+  // nothing to do.  
+};
+
+export default function() {
+  emitter.on('background.receive', (msg) => {
+    switch (msg.location) {
+      case 'devtool':
+        devtoolHandler(msg);
+        break;
+      case 'background':
+        backgroundHandler(msg);
+        break;
+      default:
+        // nothing to do.
+    }
+  });
+
+  document.addEventListener('DOMContentLoaded', () => {
+    const port = chrome.runtime.connect({name: 'content'});
+
+    const sendToBackground = (store) => {
+      console.log('content -> background', store);
+      port.postMessage(store);
+    };
+    emitter.on('background.send', sendToBackground);
+    port.onDisconnect.addListener(() => emitter.removeListener('background.send', sendToBackground));
+
+    port.onMessage.addListener((msg) => {
+      console.log('background -> content', msg);
+      emitter.emit('background.receive', msg);
+    });
+  });
+}
diff --git a/lib/content/watcher/Watcher.js b/lib/content/watcher/Watcher.js
@@ -0,0 +1,35 @@
+import _ from 'lodash';
+import events from './events';
+
+class Watcher {
+  constructor() {
+    this.watching = false;
+    this.events = _.map(events, EventClass => new EventClass());
+  }
+
+  on() {
+    if (this.watching) return;
+    this.watching = true;
+    this.events.forEach(e => e.on());
+
+    console.log('[🐭nezumi] 👀watching start.');
+  }
+
+  off() {
+    this.watching = false;
+    this.events.forEach(e => e.off());
+
+    console.log('[🐭nezumi] 💤watching stop.');
+  }
+
+  toggle(newWatchingValue = !this.watching) {
+    if (newWatchingValue) {
+      this.on();
+    } else {
+      this.off();
+    }
+  }
+}
+
+// export singleton watcher
+export const watcher = new Watcher();
diff --git a/lib/content/watcher/events/Base.js b/lib/content/watcher/events/Base.js
@@ -0,0 +1,28 @@
+import $ from 'jquery';
+
+import { emitter } from '../../emitter';
+import { analyze } from '../utils/analyze';
+
+export default class Base {
+  hundler = (e) => {
+    const analyzeResult = analyze(e.originalEvent.target);
+    const eventName = this.eventName();
+
+    emitter.emit('background.send', {
+      type: 'fire',
+      value: Object.assign({ event: eventName }, analyzeResult),
+    });
+  }
+
+  on() {
+    $(document).on(this.eventName(), this.hundler);
+  }
+
+  off() {
+    $(document).off(this.eventName(), this.hundler);
+  }
+
+  eventName() {
+    return '';
+  }
+}
diff --git a/lib/content/watcher/events/Change.js b/lib/content/watcher/events/Change.js
@@ -0,0 +1,7 @@
+import Base from './Base';
+
+export default class Change extends Base {
+  eventName() {
+    return 'change';
+  }
+}
diff --git a/lib/content/watcher/events/Click.js b/lib/content/watcher/events/Click.js
@@ -0,0 +1,7 @@
+import Base from './Base';
+
+export default class Click extends Base {
+  eventName() {
+    return 'click';
+  }
+}
diff --git a/lib/content/watcher/events/index.js b/lib/content/watcher/events/index.js
@@ -0,0 +1,7 @@
+import Change from './Change';
+import Click from './Click';
+
+export default {
+  Change,
+  Click,
+};
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		import init from './lib/background/init';
		init();
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		import init from './lib/content/init';
		init();
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		import { EventEmitter } from 'events';
		export const emitter = new EventEmitter();