From 50ddf7913a6d2affed70dcdc94562cc19942243d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel.odegaard@gmail.com> Date: Thu, 11 Feb 2016 14:28:04 +0100 Subject: [PATCH] docs(): work on example app --- examples/nginx-app/.gitignore | 7 +++ examples/nginx-app/.jscs.json | 13 +++++ examples/nginx-app/.jshintrc | 36 ++++++++++++ examples/nginx-app/Gruntfile.js | 54 ++++++++++++++++++ examples/nginx-app/module.js | 20 ------- examples/nginx-app/package.json | 37 ++++++++++++ examples/nginx-app/panel/module.js | 21 ------- examples/nginx-app/partials/config.html | 1 - examples/nginx-app/partials/logs.html | 2 - examples/nginx-app/partials/stream.html | 1 - examples/nginx-app/src/components/config.html | 3 + examples/nginx-app/src/components/config.js | 6 ++ examples/nginx-app/src/components/logs.html | 3 + examples/nginx-app/src/components/logs.js | 6 ++ examples/nginx-app/src/components/stream.html | 3 + examples/nginx-app/src/components/stream.js | 6 ++ examples/nginx-app/{ => src}/css/dark.css | 0 examples/nginx-app/{ => src}/css/light.css | 0 .../nginx-app/{ => src}/img/logo_large.png | Bin .../nginx-app/{ => src}/img/logo_small.png | Bin examples/nginx-app/src/module.js | 9 +++ examples/nginx-app/src/panel/module.js | 15 +++++ .../nginx-app/{ => src}/panel/plugin.json | 0 23 files changed, 198 insertions(+), 45 deletions(-) create mode 100644 examples/nginx-app/.gitignore create mode 100644 examples/nginx-app/.jscs.json create mode 100644 examples/nginx-app/.jshintrc create mode 100644 examples/nginx-app/Gruntfile.js delete mode 100644 examples/nginx-app/module.js create mode 100644 examples/nginx-app/package.json delete mode 100644 examples/nginx-app/panel/module.js delete mode 100644 examples/nginx-app/partials/config.html delete mode 100644 examples/nginx-app/partials/logs.html delete mode 100644 examples/nginx-app/partials/stream.html create mode 100644 examples/nginx-app/src/components/config.html create mode 100644 examples/nginx-app/src/components/config.js create mode 100644 examples/nginx-app/src/components/logs.html create mode 100644 examples/nginx-app/src/components/logs.js create mode 100644 examples/nginx-app/src/components/stream.html create mode 100644 examples/nginx-app/src/components/stream.js rename examples/nginx-app/{ => src}/css/dark.css (100%) rename examples/nginx-app/{ => src}/css/light.css (100%) rename examples/nginx-app/{ => src}/img/logo_large.png (100%) rename examples/nginx-app/{ => src}/img/logo_small.png (100%) create mode 100644 examples/nginx-app/src/module.js create mode 100644 examples/nginx-app/src/panel/module.js rename examples/nginx-app/{ => src}/panel/plugin.json (100%) diff --git a/examples/nginx-app/.gitignore b/examples/nginx-app/.gitignore new file mode 100644 index 00000000000..8c2c350441b --- /dev/null +++ b/examples/nginx-app/.gitignore @@ -0,0 +1,7 @@ +.DS_Store + +node_modules +tmp/* +npm-debug.log +dist/* + diff --git a/examples/nginx-app/.jscs.json b/examples/nginx-app/.jscs.json new file mode 100644 index 00000000000..dcf694dcc63 --- /dev/null +++ b/examples/nginx-app/.jscs.json @@ -0,0 +1,13 @@ +{ + "disallowImplicitTypeConversion": ["string"], + "disallowKeywords": ["with"], + "disallowMultipleLineBreaks": true, + "disallowMixedSpacesAndTabs": true, + "disallowTrailingWhitespace": true, + "requireSpacesInFunctionExpression": { + "beforeOpeningCurlyBrace": true + }, + "disallowSpacesInsideArrayBrackets": true, + "disallowSpacesInsideParentheses": true, + "validateIndentation": 2 +} \ No newline at end of file diff --git a/examples/nginx-app/.jshintrc b/examples/nginx-app/.jshintrc new file mode 100644 index 00000000000..3725af83afc --- /dev/null +++ b/examples/nginx-app/.jshintrc @@ -0,0 +1,36 @@ +{ + "browser": true, + "esnext": true, + + "bitwise":false, + "curly": true, + "eqnull": true, + "devel": true, + "eqeqeq": true, + "forin": false, + "immed": true, + "supernew": true, + "expr": true, + "indent": 2, + "latedef": true, + "newcap": true, + "noarg": true, + "noempty": true, + "undef": true, + "boss": true, + "trailing": true, + "laxbreak": true, + "laxcomma": true, + "sub": true, + "unused": true, + "maxdepth": 6, + "maxlen": 140, + + "globals": { + "System": true, + "define": true, + "require": true, + "Chromath": false, + "setImmediate": true + } +} diff --git a/examples/nginx-app/Gruntfile.js b/examples/nginx-app/Gruntfile.js new file mode 100644 index 00000000000..d36a4716f31 --- /dev/null +++ b/examples/nginx-app/Gruntfile.js @@ -0,0 +1,54 @@ +module.exports = function(grunt) { + + require('load-grunt-tasks')(grunt); + + grunt.loadNpmTasks('grunt-execute'); + grunt.loadNpmTasks('grunt-contrib-clean'); + + grunt.initConfig({ + + clean: ["dist"], + + copy: { + src_to_dist: { + cwd: 'src', + expand: true, + src: ['**/*', '!**/*.js', '!**/*.scss'], + dest: 'dist' + }, + pluginDef: { + expand: true, + src: 'plugin.json', + dest: 'dist', + } + }, + + watch: { + rebuild_all: { + files: ['src/**/*', 'plugin.json'], + tasks: ['default'], + options: {spawn: false} + }, + }, + + babel: { + options: { + sourceMap: true, + presets: ["es2015"], + plugins: ['transform-es2015-modules-systemjs', "transform-es2015-for-of"], + }, + dist: { + files: [{ + cwd: 'src', + expand: true, + src: ['**/*.js'], + dest: 'dist', + ext:'.js' + }] + }, + }, + + }); + + grunt.registerTask('default', ['clean', 'copy:src_to_dist', 'copy:pluginDef', 'babel']); +}; diff --git a/examples/nginx-app/module.js b/examples/nginx-app/module.js deleted file mode 100644 index 9c1cccb2e52..00000000000 --- a/examples/nginx-app/module.js +++ /dev/null @@ -1,20 +0,0 @@ -define([ -], function() { - 'use strict'; - - function StreamPageCtrl() {} - StreamPageCtrl.templateUrl = 'partials/stream.html'; - - function LogsPageCtrl() {} - LogsPageCtrl.templateUrl = 'partials/logs.html'; - - function NginxConfigCtrl() {} - NginxConfigCtrl.templateUrl = 'partials/config.html'; - - return { - ConfigCtrl: NginxConfigCtrl, - StreamPageCtrl: StreamPageCtrl, - LogsPageCtrl: LogsPageCtrl, - }; - -}); diff --git a/examples/nginx-app/package.json b/examples/nginx-app/package.json new file mode 100644 index 00000000000..91c53734ec8 --- /dev/null +++ b/examples/nginx-app/package.json @@ -0,0 +1,37 @@ +{ + "name": "kentik-app", + "private": true, + "version": "1.0.0", + "description": "", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/raintank/kentik-app-poc.git" + }, + "author": "", + "license": "ISC", + "bugs": { + "url": "https://github.com/raintank/kentik-app-poc/issues" + }, + "devDependencies": { + "grunt": "~0.4.5", + "babel": "~6.5.1", + "grunt-babel": "~6.0.0", + "grunt-contrib-copy": "~0.8.2", + "grunt-contrib-watch": "^0.6.1", + "grunt-contrib-uglify": "~0.11.0", + "grunt-systemjs-builder": "^0.2.5", + "load-grunt-tasks": "~3.2.0", + "grunt-execute": "~0.2.2", + "grunt-contrib-clean": "~0.6.0" + }, + "dependencies": { + "babel-plugin-transform-es2015-modules-systemjs": "^6.5.0", + "babel-preset-es2015": "^6.5.0", + "lodash": "~4.0.0" + }, + "homepage": "https://github.com/raintank/kentik-app-poc#readme" +} diff --git a/examples/nginx-app/panel/module.js b/examples/nginx-app/panel/module.js deleted file mode 100644 index 9ccc5b6c962..00000000000 --- a/examples/nginx-app/panel/module.js +++ /dev/null @@ -1,21 +0,0 @@ -define([ - 'app/plugins/sdk' -], function(sdk) { - 'use strict'; - - var NginxPanel = (function(_super) { - function NginxPanel($scope, $injector) { - _super.call(this, $scope, $injector); - } - - NginxPanel.template = '<h2>nginx!</h2>'; - NginxPanel.prototype = Object.create(_super.prototype); - NginxPanel.prototype.constructor = NginxPanel; - - return NginxPanel; - })(sdk.PanelCtrl); - - return { - PanelCtrl: NginxPanel - }; -}); diff --git a/examples/nginx-app/partials/config.html b/examples/nginx-app/partials/config.html deleted file mode 100644 index cdd6b8d9b60..00000000000 --- a/examples/nginx-app/partials/config.html +++ /dev/null @@ -1 +0,0 @@ -<h2>nginx config</h2> diff --git a/examples/nginx-app/partials/logs.html b/examples/nginx-app/partials/logs.html deleted file mode 100644 index f6bef036395..00000000000 --- a/examples/nginx-app/partials/logs.html +++ /dev/null @@ -1,2 +0,0 @@ - -Logs! diff --git a/examples/nginx-app/partials/stream.html b/examples/nginx-app/partials/stream.html deleted file mode 100644 index 092c36cc24c..00000000000 --- a/examples/nginx-app/partials/stream.html +++ /dev/null @@ -1 +0,0 @@ -streams! diff --git a/examples/nginx-app/src/components/config.html b/examples/nginx-app/src/components/config.html new file mode 100644 index 00000000000..c531ec36d76 --- /dev/null +++ b/examples/nginx-app/src/components/config.html @@ -0,0 +1,3 @@ +<h3> + Nginx config! +</h3> diff --git a/examples/nginx-app/src/components/config.js b/examples/nginx-app/src/components/config.js new file mode 100644 index 00000000000..bb8f007b9bc --- /dev/null +++ b/examples/nginx-app/src/components/config.js @@ -0,0 +1,6 @@ + +export class NginxAppConfigCtrl { +} +NginxAppConfigCtrl.templateUrl = 'components/config.html'; + + diff --git a/examples/nginx-app/src/components/logs.html b/examples/nginx-app/src/components/logs.html new file mode 100644 index 00000000000..ca215772bf5 --- /dev/null +++ b/examples/nginx-app/src/components/logs.html @@ -0,0 +1,3 @@ +<h3> + Logs page! +</h3> diff --git a/examples/nginx-app/src/components/logs.js b/examples/nginx-app/src/components/logs.js new file mode 100644 index 00000000000..5b67290381b --- /dev/null +++ b/examples/nginx-app/src/components/logs.js @@ -0,0 +1,6 @@ + +export class LogsPageCtrl { +} +LogsPageCtrl.templateUrl = 'components/logs.html'; + + diff --git a/examples/nginx-app/src/components/stream.html b/examples/nginx-app/src/components/stream.html new file mode 100644 index 00000000000..ad70ca4df50 --- /dev/null +++ b/examples/nginx-app/src/components/stream.html @@ -0,0 +1,3 @@ +<h3> + Stream page! +</h3> diff --git a/examples/nginx-app/src/components/stream.js b/examples/nginx-app/src/components/stream.js new file mode 100644 index 00000000000..8684b36c64d --- /dev/null +++ b/examples/nginx-app/src/components/stream.js @@ -0,0 +1,6 @@ + +export class StreamPageCtrl { +} +StreamPageCtrl.templateUrl = 'components/stream.html'; + + diff --git a/examples/nginx-app/css/dark.css b/examples/nginx-app/src/css/dark.css similarity index 100% rename from examples/nginx-app/css/dark.css rename to examples/nginx-app/src/css/dark.css diff --git a/examples/nginx-app/css/light.css b/examples/nginx-app/src/css/light.css similarity index 100% rename from examples/nginx-app/css/light.css rename to examples/nginx-app/src/css/light.css diff --git a/examples/nginx-app/img/logo_large.png b/examples/nginx-app/src/img/logo_large.png similarity index 100% rename from examples/nginx-app/img/logo_large.png rename to examples/nginx-app/src/img/logo_large.png diff --git a/examples/nginx-app/img/logo_small.png b/examples/nginx-app/src/img/logo_small.png similarity index 100% rename from examples/nginx-app/img/logo_small.png rename to examples/nginx-app/src/img/logo_small.png diff --git a/examples/nginx-app/src/module.js b/examples/nginx-app/src/module.js new file mode 100644 index 00000000000..b5aeecc6ccf --- /dev/null +++ b/examples/nginx-app/src/module.js @@ -0,0 +1,9 @@ +import {LogsPageCtrl} from './components/logs'; +import {StreamPageCtrl} from './components/stream'; +import {NginxAppConfigCtrl} from './components/config'; + +export { + NginxAppConfigCtrl as ConfigCtrl, + StreamPageCtrl, + LogsPageCtrl +}; diff --git a/examples/nginx-app/src/panel/module.js b/examples/nginx-app/src/panel/module.js new file mode 100644 index 00000000000..899586da81b --- /dev/null +++ b/examples/nginx-app/src/panel/module.js @@ -0,0 +1,15 @@ +import {PanelCtrl} from 'app/plugins/sdk'; + +class NginxPanelCtrl extends PanelCtrl { + + constructor($scope, $injector) { + super($scope, $injector); + } + +} +NginxPanelCtrl.template = '<h2>nginx!</h2>'; + +export { + NginxPanelCtrl as PanelCtrl +}; + diff --git a/examples/nginx-app/panel/plugin.json b/examples/nginx-app/src/panel/plugin.json similarity index 100% rename from examples/nginx-app/panel/plugin.json rename to examples/nginx-app/src/panel/plugin.json