koding · gokmen · Aug 8, 2017 · Aug 4, 2017 · Aug 4, 2017 · Aug 4, 2017
diff --git a/.gitignore b/.gitignore
@@ -1,5 +1,6 @@
 node_modules
 npm-debug.log
+package-lock.json
 build
 .DS_Store
 dist

diff --git a/.travis.yml b/.travis.yml
@@ -1,3 +1,6 @@
+dist: trusty
+sudo: required
+
 language: node_js
 node_js:
   - "6.10"
@@ -8,6 +11,13 @@ before_install:
 install:
   - npm install
 
+addons:
+  apt:
+    sources:
+     - google-chrome
+    packages:
+     - google-chrome-stable
+
 before_script:
   - export CHROME_BIN=chromium-browser
   - export DISPLAY=:99.0

diff --git a/History.md b/History.md
diff --git a/examples/data/data.js b/examples/data/data.js
@@ -0,0 +1,42 @@
+var code = `
+  // Create a new kd.Data with initial data
+  var date = new kd.Data({ now: new Date() })
+
+  // Create a view pistachio and the data created above
+  var main = new kd.View({ pistachio: "Now it's {strong{ #(now) }}, bye." }, date)
+
+  // Update the data every second
+  kd.utils.repeat(1000, () => date.now = new Date())
+
+  main.appendToDomBody()
+
+`
+eval(code)
+
+new kd.CustomHTMLView({
+  tagName: 'pre',
+  partial: code,
+}).appendToDomBody()
+
+code = `
+  // Create a new kd.Data with initial data
+  var basket = new kd.Data([])
+
+  // Create a view pistachio and the data created above
+  var main = new kd.View({
+    pistachio: "I'll add an 🍎 into basket every 2 seconds. " +
+               "Now I've {strong{ #(length) }} 🍎 in the basket."
+  }, basket)
+
+  // Update the data every second
+  kd.utils.repeat(2000, () => basket.push('🍎'))
+
+  main.appendToDomBody()
+
+`
+eval(code)
+
+new kd.CustomHTMLView({
+  tagName: 'pre',
+  partial: code,
+}).appendToDomBody()
diff --git a/examples/data/index.html b/examples/data/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>kd.js Examples - data</title>
+  <link rel="stylesheet" href="../kd.css">
+  <script src="../kd.js"></script>
+  <style type="text/css">
+    body {
+      margin: 0;
+      padding: 20px;
+      box-sizing: border-box;
+      width: 100%;
+      height: 100%;
+      font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif;
+      font-size: 18px;
+      line-height: 20px;
+    }
+    strong {
+      font-weight: bold;
+    }
+    pre {
+      font-family: monospace;
+      background: #EEE;
+      margin: 20px;
+    }
+  </style>
+</head>
+<body>
+  <script src="data.js"></script>
+</body>
+</html>
diff --git a/gulpfile.coffee b/gulpfile.coffee
@@ -4,8 +4,7 @@ path = require 'path'
 
 options = {
   configFile: path.join __dirname, 'karma.conf.js'
-  singleRun: false
-  browsers: ['Chrome']
+  singleRun: true
   coverageReporter: {
     dir: 'coverage/'
     type: 'html'
@@ -15,10 +14,19 @@ server = (options, done) ->
   new karma.Server(options, done)
 
 gulp.task 'test', (done) ->
-  server(options, done).start()
 
-gulp.task 'travis-test', (done) ->
-  options.singleRun = true
   options.coverageReporter.type = 'lcov'
-  options.browsers = ['Chrome_travis_ci']
+
+  if process.env.TRAVIS
+    options.browsers = [ 'Chrome_travis_ci', 'Firefox' , 'PhantomJS' ]
+
   server(options, done).start()
+
+
+gulp.task 'test-watch', (done) ->
+
+  options.singleRun = false
+  server(options, ->
+    done()  if not doneBefore
+    doneBefore = yes
+  ).start()
diff --git a/karma.conf.js b/karma.conf.js
@@ -1,31 +1,25 @@
 // Karma configuration
 // Generated on Wed Mar 19 2014 12:00:53 GMT-0700 (PDT)
 
-var istanbul = require('browserify-istanbul');
+var istanbul = require('browserify-istanbul')
 
 module.exports = function(config) {
   config.set({
-
     // base path that will be used to resolve all patterns (eg. files, exclude)
     basePath: '',
 
-
     // frameworks to use
     // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
     frameworks: ['mocha', 'browserify'],
 
-
     // list of files / patterns to load in the browser
-    files: [
-      'lib/**/*.coffee',
-      'test/**/*.coffee'
-    ],
+    files: ['lib/**/*.coffee', 'test/**/*.coffee'],
 
     customLaunchers: {
       Chrome_travis_ci: {
         base: 'Chrome',
-        flags: ['--no-sandbox']
-      }
+        flags: ['--no-sandbox'],
+      },
     },
 
     // list of files to exclude
@@ -58,70 +52,66 @@ module.exports = function(config) {
       'lib/components/autocomplete/simpleautocomplete.coffee',
     ],
 
-
     // preprocess matching files before serving them to the browser
     // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
     preprocessors: {
       'lib/**/*.coffee': ['browserify'],
-      'test/**/*.coffee': ['browserify']
+      'test/**/*.coffee': ['browserify'],
     },
 
-
     // test results reporter to use
     // possible values: 'dots', 'progress'
     // available reporters: https://npmjs.org/browse/keyword/karma-reporter
     reporters: ['progress', 'coverage', 'coveralls'],
 
-
     // web server port
     port: 9876,
 
-
     // enable / disable colors in the output (reporters and logs)
     colors: true,
 
-
     // level of logging
     // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
     logLevel: config.LOG_ERROR,
 
-
     // enable / disable watching file and executing tests whenever any file changes
     autoWatch: true,
 
-
     // start these browsers
     // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
-    browsers: ['Chrome'],
-
+    browsers: ['Chrome', 'Firefox', 'Opera', 'Safari', 'PhantomJS'],
 
     // Continuous Integration mode
     // if true, Karma captures browsers, runs the tests and exits
     singleRun: false,
 
-    plugins : [
+    plugins: [
       'karma-mocha',
       'karma-coverage',
       'karma-chrome-launcher',
+      'karma-safari-launcher',
+      'karma-firefox-launcher',
+      'karma-phantomjs-launcher',
+      'karma-opera-launcher',
       'karma-browserify',
-      'karma-coveralls'
+      'karma-coveralls',
     ],
 
     coverageReporter: {
-      dir : 'coverage/',
-      type: 'html'
+      dir: 'coverage/',
+      type: 'html',
     },
 
     browserify: {
       transform: [
         'coffeeify',
         istanbul({
-          instrumenterConfig: { embedSource: true }
-        })
+          instrumenterConfig: { embedSource: true },
+        }),
       ],
-      extensions: ['.coffee']
+      extensions: ['.coffee'],
     },
 
-    concurrency: 1
-  });
-};
+    concurrency: 1,
+  })
+}