update:events

. babelrc

@@ -0,0 +1,10 @@
+{
+  "plugins": ["transform-class-properties"],
+  "presets": [
+    ["env", {
+      "targets": {
+        "browsers": ["last 2 versions", "safari >= 7"]
+      }
+    }]
+  ]
+}

.editorconfig

@@ -0,0 +1,12 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.gitignore

@@ -0,0 +1,32 @@
+# Logs
+logs
+*.log
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# 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 directory
+# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
+node_modules
+.DS_Store
+dist
+
+# editor config
+.vscode/

package.json

@@ -0,0 +1,19 @@
+{
+  "name": "o2_base",
+  "version": "0.0.1",
+  "description": "o2_base",
+  "main": "index.js",
+  "scripts": {
+    "build": "rm -rf dist && babel src -d dist"
+  },
+  "keywords": [
+    "base"
+  ],
+  "author": "luckyadam",
+  "license": "MIT",
+  "devDependencies": {
+    "babel-cli": "^6.24.0",
+    "babel-plugin-transform-class-properties": "^6.23.0",
+    "babel-preset-env": "^1.2.2"
+  }
+}

src/events.js

@@ -0,0 +1,77 @@
+class Events {
+  static eventSplitter = /\s+/;
+  constructor (opts) {
+    if (typeof opts !== 'undefined' && opts.callbacks) {
+      this.callbacks = opts.callbacks;
+    } else {
+      this.callbacks = {};
+    }
+  }
+
+  on (events, callback, context) {
+    let calls, event, node, tail, list;
+    if (!callback) {
+      return this;
+    }
+    events = events.split(Events.eventSplitter);
+    calls = this.callbacks;
+    while (event = events.shift()) {
+      list = calls[event];
+      node = list ? list.tail : {};
+      node.next = tail = {};
+      node.context = context;
+      node.callback = callback;
+      calls[event] = {
+        tail: tail,
+        next: list ? list.next : node
+      };
+    }
+    return this;
+  }
+
+  off (events, callback, context) {
+    let event, calls, node, tail, cb, ctx;
+    if (!(calls = this.callbacks)) {
+      return this;
+    }
+    if (!(events || callback || context)) {
+      delete this.callbacks;
+      return this;
+    }
+    events = events ? events.split(Events.eventSplitter) : Object.keys(calls);
+    while (event = events.shift()) {
+      node = calls[event];
+      delete calls[event];
+      if (!node || !(callback || context)) {
+        continue;
+      }
+      tail = node.tail;
+      while ((node = node.next) !== tail) {
+        cb = node.callback;
+        ctx = node.context;
+        if ((callback && cb !== callback) || (context && ctx !== context)) {
+          this.on(event, cb, ctx);
+        }
+      }
+    }
+    return this;
+  }
+
+  trigger (events) {
+    let event, node, calls, tail, args, all, rest;
+    if (!(calls = this.callbacks)) {
+      return this;
+    }
+    events = events.split(Events.eventSplitter);
+    rest = [].slice.call(arguments, 1);
+    while (event = events.shift()) {
+      if (node = calls[event]) {
+        tail = node.tail;
+        while ((node = node.next) !== tail) {
+          node.callback.apply(node.context || this, rest);
+        }
+      }
+    }
+    return this;
+  }
+}

src/widget.js

@@ -0,0 +1,14 @@
+class Widget {
+  constructor ({ $el }) {
+    this.$el = $el;
+    this.template = '';
+  }
+
+  fetch () {
+
+  }
+
+  update () {
+
+  }
+}