Created an Ember Octane app

Author: ijlee2

.editorconfig

@@ -11,7 +11,7 @@ charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
 indent_style = space
-indent_size = 2
+indent_size = 4
 
 [*.hbs]
 insert_final_newline = false

.ember-cli

@@ -0,0 +1,9 @@
+{
+    /**
+        Ember CLI sends analytics information by default. The data is completely
+        anonymous, but there are times when you might want to disable this behavior.
+
+        Setting `disableAnalytics` to true will prevent any data from being sent.
+    */
+    "disableAnalytics": false
+}

.eslintignore

@@ -0,0 +1,20 @@
+# unconventional js
+/blueprints/*/files/
+/vendor/
+
+# compiled output
+/dist/
+/tmp/
+
+# dependencies
+/bower_components/
+/node_modules/
+
+# misc
+/coverage/
+!.*
+
+# ember-try
+/.node_modules.ember-try/
+/bower.json.ember-try
+/package.json.ember-try

.eslintrc.js

@@ -0,0 +1,155 @@
+module.exports = {
+    root: true,
+    parser: 'babel-eslint',
+    parserOptions: {
+        ecmaVersion: 2018,
+        sourceType: 'module',
+        ecmaFeatures: {
+            legacyDecorators: true
+        }
+    },
+    plugins: [
+        'ember'
+    ],
+    extends: [
+        'eslint:recommended',
+        'plugin:ember/recommended'
+    ],
+    env: {
+        browser: true
+    },
+    rules: {
+        'ember/no-jquery': 'error',
+
+        // AirBnB style
+        'array-bracket-spacing': [
+            'error',
+            'never',
+            {
+                'arraysInArrays': false,
+                'objectsInArrays': false
+            }
+        ],
+        'arrow-spacing': [
+            'error',
+            {
+                'before': true,
+                'after': true
+            }
+        ],
+        'brace-style': [
+            'error',
+            '1tbs',
+            {
+                'allowSingleLine': true
+            }
+        ],
+        'comma-spacing': [
+            'error', {
+                'before': false,
+                'after': true
+            }
+        ],
+        'indent': [
+            'error',
+            4,
+            {
+                'SwitchCase': 1
+            }
+        ],
+        'key-spacing': [
+            'error',
+            {
+                'beforeColon': false,
+                'afterColon': true
+            }
+        ],
+        'keyword-spacing': [
+            'error',
+            {
+                'before': true,
+                'after': true
+            }
+        ],
+        'max-len': [
+            'error',
+            {
+                code: 160,
+                comments: 160,
+                ignoreUrls: true,
+                ignoreTemplateLiterals: true,
+                ignoreRegExpLiterals: true
+            }
+        ],
+        'no-mixed-spaces-and-tabs': ['error'],
+        'no-multi-spaces': [
+            'error', {
+                'exceptions': {
+                    'Property': true
+                }
+            }
+        ],
+        'no-tabs': ['error'],
+        'no-trailing-spaces': ['error'],
+        'no-var': ['error'],
+        'object-curly-spacing': [
+            'error',
+            'always'
+        ],
+        'one-var': [
+            'error',
+            'never'
+        ],
+        'quotes': [
+            'error',
+            'single',
+            {
+                'allowTemplateLiterals': true
+            }
+        ],
+        'require-yield': 0,
+        'semi': [
+            'error',
+            'always'
+        ],
+        'space-before-blocks': [
+            'error',
+            'always'
+        ],
+        'space-before-function-paren': [
+            'error',
+            'never'
+        ],
+        'space-infix-ops': ['error']
+    },
+    overrides: [
+        // node files
+        {
+            files: [
+                '.eslintrc.js',
+                '.template-lintrc.js',
+                'ember-cli-build.js',
+                'testem.js',
+                'blueprints/*/index.js',
+                'config/**/*.js',
+                'lib/*/index.js',
+                'server/**/*.js'
+            ],
+            parserOptions: {
+                sourceType: 'script'
+            },
+            env: {
+                browser: false,
+                node: true
+            },
+            plugins: ['node'],
+            rules: Object.assign({}, require('eslint-plugin-node').configs.recommended.rules, {
+                // add your custom rules and overrides for node files here
+
+                // this can be removed once the following is fixed
+                // https://github.com/mysticatea/eslint-plugin-node/issues/77
+                'node/no-unpublished-require': 'off'
+            })
+        }
+    ]
+};

.gitignore

@@ -0,0 +1,25 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist/
+/tmp/
+
+# dependencies
+/bower_components/
+/node_modules/
+
+# misc
+/.env*
+/.pnp*
+/.sass-cache
+/connect.lock
+/coverage/
+/libpeerconnection.log
+/npm-debug.log*
+/testem.log
+/yarn-error.log
+
+# ember-try
+/.node_modules.ember-try/
+/bower.json.ember-try
+/package.json.ember-try

.template-lintrc.js

@@ -0,0 +1,8 @@
+'use strict';
+
+module.exports = {
+    extends: 'octane',
+    rules: {
+        'block-indentation': 4
+    }
+};

.travis.yml

@@ -0,0 +1,28 @@
+---
+language: node_js
+node_js:
+    - "8"
+
+sudo: false
+dist: trusty
+
+addons:
+    chrome: stable
+
+cache:
+    directories:
+        - $HOME/.npm
+
+env:
+    global:
+        # See https://git.io/vdao3 for details.
+        - JOBS=1
+
+branches:
+    only:
+        - master
+
+script:
+    - npm run lint:hbs
+    - npm run lint:js
+    - npm test

.watchmanconfig

@@ -0,0 +1,3 @@
+{
+    "ignore_dirs": ["tmp", "dist"]
+}

CONTRIBUTING.md

@@ -0,0 +1,44 @@
+# How to Contribute
+
+Contributions are welcome!
+
+**You can easily make changes** because we follow a naming convention.
+
+Advanced strategies should be PR'ed directly to the [Ember.js Guides](https://github.com/ember-learn/guides-source/pulls), since a goal of this project is to be short and sweet.
+
+
+## Deploying
+
+This site is deployed to [GitHub Pages](https://pages.github.com/) automatically from the `master` branch.
+
+
+## How It's Made
+
+### 1. Model hook
+
+First, Have a look at `app/routes/application.js`.
+
+The `model` hook returns an array of `section` objects. Each section can further define an array of `subsection` objects.
+
+**We use sections and subsections to organize this guide.**
+
+### 2. Ember Intl
+
+Next, We want to explain to the reader what a section or subsection is about.
+
+We store titles and descriptions in `translations/en-us.yaml`. A description can contain HTML elements like hyperlinks.
+
+**The translation keys match the section and subsection IDs.**
+
+### 3. Ember Code Snippet
+
+Finally, we want to show code examples to the reader.
+
+We store code snippets in `snippets` folder. Afterwards, we update the `model` hook by listing the files.
+
+**Subfolder names match the subsection IDs.**
+
+
+## How It's Made (Recap)
+
+You can find the text in `translations/en-us.yaml`, the code in `snippets`, and the app structure in `app/routes/application.js`! 💖

LICENSE

@@ -1,37 +1,38 @@
 # Ember Octane vs Classic Cheat Sheet
 
-Check out [the deployed app](https://ember-learn.github.io/ember-octane-vs-classic-cheat-sheet/)!
+Check out [the deployed app](https://ember-learn.github.io/ember-octane-vs-classic-cheat-sheet/). Yep, it uses Ember Octane!
 
-See side-by-side examples of Classic Ember vs [Octane Edition](https://emberjs.com/editions).
+You can see side-by-side examples of [Ember Octane](https://emberjs.com/editions/octane) and Ember Classic.
 
-This uses [Prism](https://prismjs.com/) code hightlighting with the [file highlight](https://prismjs.com/plugins/file-highlight/) plugin.
 
-Inspired by [YouMightNotNeedJQuery](http://youmightnotneedjquery.com/).
+## Running Locally
 
-## Running locally
+This is an Ember app, so the usual steps follow:
 
-This is a vanilla JavaScript application. You must serve the files locally in order for the JavaScript and CSS to load in the browser. For example:
+1. Clone this repo.
+    ```bash
+    git clone [email protected]:ember-learn/ember-octane-vs-classic-cheat-sheet.git
+    ```
+1. Change directory.
+    ```bash
+    cd ember-octane-vs-classic-cheat-sheet
+    ```
+1. Install packages.
+    ```bash
+    npm install
+    ```
+1. Run the app.
+    ```bash
+    ember serve
+    ```
+1. Visit your app at [http://localhost:4200](http://localhost:4200).
 
-```
-npm install http-server -g
-http-server .
-```
 
-Visit http://localhost:8080 to see the results.
-If you make changes, restart the server.
-You might have to clear the cache to see your changes. (In Chrome, open the dev tools, then right click on the browser's main refresh arrow and choose Empty Cache and Hard Reload, or configure your dev tools to not keep a cache in the first place.)
+## How to Contribute
 
-## Contributing
+Contributions are welcome! Please read [CONTRIBUTING.md](CONTRIBUTING.md) for more information.
 
-Contributions are welcome!
-Simple examples can be added to this cheat sheet.
-Copy and paste a `<section>` block in `index.html`.
-Create the code sample files in the `code` directory, change the `data` tag of the `<pre>`, and you're done!
-Try to follow the same file naming scheme as is used elsewhere, and make sure to name any `.hbs` files `.handlebars` instead or the formatting won't get applied.
 
-Advanced strategies should be PR'd directly to the [Ember.js Guides](https://github.com/ember-learn/guides-source/pulls), since the goal of this project is to keep it as short and sweet as possible.
-
-## Deploying
-
-This site is deployed to [GitHub Pages](https://pages.github.com/) automatically from the `master` branch.
+## Credits
 
+This app was inspired by [You might not need jQuery](http://youmightnotneedjquery.com/).