init

Author: ShMcK

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+tutorial/.tmp.*

README.md

@@ -0,0 +1,35 @@
+# CodeRoad Redux JS Tutorial
+
+A [CodeRoad](https://coderoad.github.io) tutorial for learning Redux.
+
+
+## CodeRoad
+
+CodeRoad is an open-sourced interactive tutorial platform for the Atom Editor. Learn more at [CodeRoad.io](http://coderoad.io).
+
+
+## Setup
+
+* install the tutorial package
+
+    `npm install --save coderoad-redux-js`
+
+* install and run the [atom-coderoad](https://github.com/coderoad/atom-coderoad) plugin
+
+
+## Outline
+
+##### Project Setup
+
+Getting your project directory setup.
+
+1. Install package dependencies
+2. Create an output directory called "dist"
+3. Install "concurrently" & "browser-sync" globally
+4. Run our app in the browser
+
+You may want to consider installing the atom package ["platformio-ide-terminal"](https://github.com/platformio/platformio-atom-ide-terminal), which provides a terminal inside your editor.
+
+##### The Store
+
+The "single source of truth".

coderoad.json

@@ -0,0 +1,53 @@
+{
+  "info": {
+    "title": "CodeRoad Redux JS Tutorial",
+    "description": "A [CodeRoad](https://coderoad.github.io) tutorial for learning Redux."
+  },
+  "pages": [
+    {
+      "title": "Project Setup",
+      "description": "Getting your project directory setup.\n\n1. Install package dependencies\n2. Create an output directory called \"dist\"\n3. Install \"concurrently\" & \"browser-sync\" globally\n4. Run our app in the browser\n\nYou may want to consider installing the atom package [\"platformio-ide-terminal\"](https://github.com/platformio/platformio-atom-ide-terminal), which provides a terminal inside your editor.",
+      "tasks": [
+        {
+          "description": "in a terminal run `> npm run setup`",
+          "tests": [
+            "01/01"
+          ],
+          "hints": [
+            "in a terminal run `npm run setup` to get setup"
+          ],
+          "actions": [
+            "open('package.json')",
+            "set('{\n  \"name\": \"coderoad-redux-js\",\n  \"version\": \"0.1.0\",\n  \"description\": \"Coderoad tutorial for using redux with raw javascript\",\n  \"bugs\": {\n    \"url\": \"https://github.com/shmck/coderoad-redux-js\"\n  },\n  \"license\": \"ISC\",\n  \"author\": \"Shawn McKay <[email protected]>\",\n  \"main\": \"index.js\",\n  \"repository\": \"https://github.com/shmck/coderoad-redux-js\",\n  \"scripts\": {\n    \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\"\n  },\n  \"config\": {\n    \"language\": \"JS\",\n    \"runner\": \"mocha-coderoad\"\n  },\n  \"dependencies\": {\n    \"mocha-coderoad\": \"latest\"\n  },\n    \"devDependencies\": {\n    \"babel-preset-es2015\": \"^6.9.0\",\n    \"babel-preset-react\": \"^6.11.1\",\n    \"babelify\": \"^7.3.0\",\n    \"browser-sync\": \"^2.13.0\",\n    \"concurrently\": \"^2.2.0\",\n    \"npm-watch\": \"^0.1.5\"\n  },\n  \"watch\": {\n    \"reload\": {\n      \"patterns\": [\n        \"src\"\n      ],\n      \"extensions\": \"js,jsx,css,html,scss\",\n      \"ignore\": \"node_modules\",\n      \"quiet\": false\n    }\n  },\n  \"scripts\": {\n    \"browserify\": \"browserify src/index.js --extension=.jsx -o dist/bundle.js -t [ babelify --presets [ es2015 react ] ]\",\n    \"browsersync:reload\": \"browser-sync reload\",\n    \"browsersync:start\": \"browser-sync start --server --files 'index.html dist/bundle.js'\",\n    \"build\": \"npm run browserify\",\n    \"reload\": \"npm run browserify && npm run browsersync:reload\",\n    \"start\": \"concurrently --kill-others 'npm run build' 'npm run browsersync:start' 'npm run watch'\",\n    \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\",\n    \"watch\": \"npm-watch\",\n    \"setup\": \"npm install && mkdir -p dist && npm i -g concurrently browser-sync && npm start\"\n  }\n}\n')"
+          ]
+        }
+      ],
+      "onPageComplete": "Continue to start working with Redux"
+    },
+    {
+      "title": "The Store",
+      "description": "The \"single source of truth\".",
+      "tasks": [
+        {
+          "description": "write a function `divideOne` divides a number by 1",
+          "tests": [
+            "02/01"
+          ],
+          "actions": [
+            "open('page-02.js')",
+            "set('// divideOne\nfunction divideOne(x) {\n  return ::>\n}\n')"
+          ]
+        },
+        {
+          "description": "write a function `mutiplyone` that multiplies a number by 1",
+          "tests": [
+            "02/02"
+          ],
+          "actions": [
+            "insert('\n// multiplyOne\nfunction multiplyOne(x) {\n  return ::>\n}\n')"
+          ]
+        }
+      ]
+    }
+  ]
+}

package.json

@@ -0,0 +1,22 @@
+{
+  "name": "coderoad-redux-js",
+  "version": "0.1.0",
+  "description": "Coderoad tutorial for using redux with raw javascript",
+  "bugs": {
+    "url": "https://github.com/shmck/coderoad-redux-js"
+  },
+  "license": "ISC",
+  "author": "Shawn McKay <[email protected]>",
+  "main": "index.js",
+  "repository": "https://github.com/shmck/coderoad-redux-js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "config": {
+    "language": "JS",
+    "runner": "mocha-coderoad"
+  },
+  "dependencies": {
+    "mocha-coderoad": "latest"
+  }
+}

tutorial/01/01.js

@@ -0,0 +1,16 @@
+var expect = require('chai').expect;
+const { statSync } = require('fs');
+
+/// load('package.json')
+
+describe('01 setup', () => {
+
+	it('dist directory doesn\'t exist. Run `npm run setup`', () => {
+		expect(statSync('dist')).to.be.true;
+	});
+
+	it('hasn\'t installed any dependencies. Run `npm run setup`', () => {
+		expect(statSync('node_modules')).to.be.true;
+	});
+
+});

tutorial/01/index.md

@@ -0,0 +1,71 @@
+## Project Setup
+Getting your project directory setup.
+
+1. Install package dependencies
+2. Create an output directory called "dist"
+3. Install "concurrently" & "browser-sync" globally
+4. Run our app in the browser
+
+You may want to consider installing the atom package ["platformio-ide-terminal"](https://github.com/platformio/platformio-atom-ide-terminal), which provides a terminal inside your editor.
+
++ in a terminal run `> npm run setup`
+@test('01/01')
+@hint('in a terminal run `npm run setup` to get setup')
+@action(open('package.json'))
+@action(set(
+```
+{
+  "name": "coderoad-redux-js",
+  "version": "0.1.0",
+  "description": "Coderoad tutorial for using redux with raw javascript",
+  "bugs": {
+    "url": "https://github.com/shmck/coderoad-redux-js"
+  },
+  "license": "ISC",
+  "author": "Shawn McKay <[email protected]>",
+  "main": "index.js",
+  "repository": "https://github.com/shmck/coderoad-redux-js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "config": {
+    "language": "JS",
+    "runner": "mocha-coderoad"
+  },
+  "dependencies": {
+    "mocha-coderoad": "latest"
+  },
+    "devDependencies": {
+    "babel-preset-es2015": "^6.9.0",
+    "babel-preset-react": "^6.11.1",
+    "babelify": "^7.3.0",
+    "browser-sync": "^2.13.0",
+    "concurrently": "^2.2.0",
+    "npm-watch": "^0.1.5"
+  },
+  "watch": {
+    "reload": {
+      "patterns": [
+        "src"
+      ],
+      "extensions": "js,jsx,css,html,scss",
+      "ignore": "node_modules",
+      "quiet": false
+    }
+  },
+  "scripts": {
+    "browserify": "browserify src/index.js --extension=.jsx -o dist/bundle.js -t [ babelify --presets [ es2015 react ] ]",
+    "browsersync:reload": "browser-sync reload",
+    "browsersync:start": "browser-sync start --server --files 'index.html dist/bundle.js'",
+    "build": "npm run browserify",
+    "reload": "npm run browserify && npm run browsersync:reload",
+    "start": "concurrently --kill-others 'npm run build' 'npm run browsersync:start' 'npm run watch'",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "watch": "npm-watch",
+    "setup": "npm install && mkdir -p dist && npm i -g concurrently browser-sync && npm start"
+  }
+}
+```  
+))
+
+@onPageComplete('Continue to start working with Redux')

tutorial/02/01.js

@@ -0,0 +1,24 @@
+var expect = require('chai').expect;
+
+/// load('page-02.js')
+
+describe('01 divideOne', function() {
+
+  it('doesn\'t exist', function () {
+    expect(divideOne).to.be.defined;
+  });
+
+  it('should take a parameter', function() {
+    expect(divideOne).to.have.length(1);
+  });
+
+  it('doesn\'t output a number', function () {
+    expect(divideOne(1)).to.be.a('number');
+  });
+
+  it('returns the same number', function() {
+    expect(divideOne(1)).to.equal(1);
+    expect(divideOne(10)).to.equal(10);
+  });
+
+});

tutorial/02/02.js

@@ -0,0 +1,20 @@
+describe('02 multiplyOne', function() {
+
+  it('doesn\'t exist', function () {
+    expect(multiplyOne).to.be.defined;
+  });
+
+  it('should take a parameter', function() {
+    expect(multiplyOne).to.have.length(1);
+  });
+
+  it('should output a number', function () {
+    expect(multiplyOne(1)).to.be.a('number');
+  });
+
+  it('returns the multiplied number by one', function() {
+    expect(multiplyOne(1)).to.equal(1);
+    expect(multiplyOne(10)).to.equal(10);
+  });
+
+});

tutorial/02/index.md

@@ -0,0 +1,26 @@
+## The Store
+The "single source of truth".
+
++ write a function `divideOne` divides a number by 1
+@test('02/01')
+@action(open('page-02.js'))
+@action(set(
+```
+// divideOne
+function divideOne(x) {
+  return ::>
+}
+```
+))
+
++ write a function `mutiplyone` that multiplies a number by 1
+@test('02/02')
+@action(insert(
+```
+
+// multiplyOne
+function multiplyOne(x) {
+  return ::>
+}
+```  
+))

tutorial/tutorial.md

@@ -0,0 +1,6 @@
+# CodeRoad Redux JS Tutorial
+
+A [CodeRoad](https://coderoad.github.io) tutorial for learning Redux.
+
+@import('01')
+@import('02')