rename

vuejs · Jul 28, 2013 · 871ed91 · 871ed91 · devyash · Apr 25, 2017
1 parent 83fac01
commit 871ed91
Show file tree

Hide file tree

Showing 7 changed files with 139 additions and 7 deletions.
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -5,7 +5,7 @@ module.exports = function( grunt ) {
         component_build: {
             build: {
                 output: './dist/',
-                name: 'element',
+                name: 'seed',
                 styles: false,
                 scripts: true,
                 verbose: true

diff --git a/component.json b/component.json
@@ -1,5 +1,5 @@
 {
-	"name": "element",
+	"name": "seed",
 	"version": "0.0.1",
 	"dependencies": {
 		"component/emitter": "*"

diff --git a/explorations/getset-revits-style.html b/explorations/getset-revits-style.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>ideal</title>
+		<meta charset="utf-8">
+	</head>
+	<body>
+		<div id="test">
+			<p>{{msg}}</p>
+			<p>{{msg}}</p>
+			<p>{{msg}}</p>
+			<p>{{what}}</p>
+			<p>{{hey}}</p>
+		</div>
+		<script>
+			var bindingMark = 'data-element-binding'
+			function Element (id, initData) {
+
+				var self	 = this,
+					el 		 = self.el = document.getElementById(id)
+					bindings = {} // the internal copy
+					data 	 = self.data = {} // the external interface
+					content  = el.innerHTML.replace(/\{\{(.*)\}\}/g, markToken)
+
+				el.innerHTML = content
+
+				for (var variable in bindings) {
+					bind(variable)
+				}
+
+				if (initData) {
+					for (var variable in initData) {
+						data[variable] = initData[variable]
+					}
+				}
+
+				function markToken (match, variable) {
+					bindings[variable] = {}
+					return '<span ' + bindingMark + '="' + variable +'"></span>'
+				}
+
+				function bind (variable) {
+					bindings[variable].els = el.querySelectorAll('[' + bindingMark + '="' + variable + '"]')
+				    ;[].forEach.call(bindings[variable].els, function (e) {
+				        e.removeAttribute(bindingMark)
+				    })
+					Object.defineProperty(data, variable, {
+						set: function (newVal) {
+						    [].forEach.call(bindings[variable].els, function (e) {
+						        bindings[variable].value = e.textContent = newVal
+						    })
+						},
+						get: function () {
+						    return bindings[variable].value
+						}
+					})
+				}
+			}
+
+			var app = new Element('test', {
+				msg: 'hello'
+			})
+
+		</script>
+	</body>
+</html>
diff --git a/explorations/getset.html b/explorations/getset.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>ideal</title>
+		<meta charset="utf-8">
+	</head>
+	<body>
+		<div id="test">
+			<p>{{msg}}</p>
+			<p>{{msg}}</p>
+			<p>{{msg}}</p>
+			<p>{{what}}</p>
+			<p>{{hey}}</p>
+		</div>
+		<script>
+			var bindingMark = 'data-element-binding'
+			function Element (id, initData) {
+
+				var self	 = this,
+					el 		 = self.el = document.getElementById(id)
+					bindings = {} // the internal copy
+					data 	 = self.data = {} // the external interface
+					content  = el.innerHTML.replace(/\{\{(.*)\}\}/g, markToken)
+
+				el.innerHTML = content
+
+				for (var variable in bindings) {
+					bind(variable)
+				}
+
+				if (initData) {
+					for (var variable in initData) {
+						data[variable] = initData[variable]
+					}
+				}
+
+				function markToken (match, variable) {
+					bindings[variable] = {}
+					return '<span ' + bindingMark + '="' + variable +'"></span>'
+				}
+
+				function bind (variable) {
+					bindings[variable].els = el.querySelectorAll('[' + bindingMark + '="' + variable + '"]')
+				    ;[].forEach.call(bindings[variable].els, function (e) {
+				        e.removeAttribute(bindingMark)
+				    })
+					Object.defineProperty(data, variable, {
+						set: function (newVal) {
+						    [].forEach.call(bindings[variable].els, function (e) {
+						        bindings[variable].value = e.textContent = newVal
+						    })
+						},
+						get: function () {
+						    return bindings[variable].value
+						}
+					})
+				}
+			}
+
+			var app = new Element('test', {
+				msg: 'hello'
+			})
+
+		</script>
+	</body>
+</html>
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "element",
+  "name": "seed",
   "version": "0.0.1",
   "devDependencies": {
     "grunt": "~0.4.1",

diff --git a/test/test.html b/test/test.html
@@ -13,7 +13,7 @@
 			mocha.setup('bdd')
 			var assert = chai.assert
 		</script>
-		<script src="../dist/element.js"></script>
+		<script src="../dist/seed.js"></script>
 		<script src="test.js"></script>
 		<script>
 			if (navigator.userAgent.indexOf('PhantomJS') < 0) {

diff --git a/test/test.js b/test/test.js
@@ -1,7 +1,7 @@
-var Element = require('element')
+var Seed = require('seed')
 
-describe('Element', function () {
+describe('Seed', function () {
     it('should have a variable', function () {
-        assert.equal(Element, 123)
+        assert.equal(Seed, 123)
     })
 })