Initial commit

Author: pklauzinski

.gitignore

@@ -0,0 +1,2 @@
+.idea/
+node_modules/

README.md

@@ -0,0 +1,13 @@
+# Inbound.js
+
+Inbound.js provides modern javascript data binding and view synchronization by employing native `Object` getters and setters combined with `MutationObserver`.
+
+## Benefits of Inbound.js
+
+- Not a framework
+- Native, real-time data binding (no dirty checking)
+- Makes no assumptions about your application architecture
+- No other library dependencies
+- ES5 compatible down to IE9 (without `MutationObserver` features)
+- Encourages a MAD (modular application development) pattern
+- Discourages a FAD (framework application development) pattern

package.json

@@ -0,0 +1,29 @@
+{
+  "name": "inboundjs",
+  "version": "0.1.0",
+  "description": "Modern javascript data binding and view synchronization.",
+  "main": "src/inbound.js",
+  "scripts": {
+    "test": "npm test"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pklauzinski/inbound.git"
+  },
+  "keywords": [
+    "data-binding",
+    "getters",
+    "setters",
+    "mutationobserver",
+    "real-time"
+  ],
+  "author": "Philip Klauzinski",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/pklauzinski/inbound/issues"
+  },
+  "homepage": "https://github.com/pklauzinski/inbound#readme",
+  "devDependencies": {
+    "rollup": "^0.33.0"
+  }
+}

src/inbound.js

@@ -0,0 +1,40 @@
+var inbound = function(obj, prop) {
+    var input = document.querySelector('[name="' + prop + '"]');
+    var observer = new MutationObserver(function(mutations) {
+        mutations.forEach(function(mutation) {
+            var val = mutation.target.innerHTML;
+            if (obj[prop] !== val) {
+                console.log('Inequality detected: "' + obj[prop] + '" !== "' + val + '"');
+                obj[prop] = mutation.target.innerHTML;
+            }
+        });
+    });
+    var config = {
+        attributes: true,
+        childList: true,
+        characterData: true
+    };
+    var list = document.querySelectorAll('[data-bind="' + prop + '"]'), i;
+    for (i = 0; i < list.length; i++) {
+        observer.observe(list[i], config);
+    }
+    input.value = obj[prop] || input.value;
+    Object.defineProperty(obj, prop, {
+        get: function() {
+            return input.value;
+        },
+        set: function(val) {
+            var list = document.querySelectorAll('[data-bind="' + prop + '"]'), i;
+            for (i = 0; i < list.length; i++) {
+                list[i].innerHTML = val;
+            }
+            input.value = val;
+        },
+        configurable: true,
+        enumerable: true
+    });
+    obj[prop] = obj[prop];
+    input.oninput = function() {
+        obj[prop] = obj[prop];
+    };
+};